/** Fonts **/
@import url('https://fonts.googleapis.com/css2?family=Zen+Dots');

/** COLORS DEFINITION **/
:root {
    --main-border-color: rgba(255, 255, 255, 0.5);
    --main-color: rgba(255, 255, 255, 1);

	--darkest-color-tr: rgba(0, 0, 0, 0.8);
	--darker-color-tr: rgba(25, 25, 25, 0.6);
	--dark-color-tr: rgba(50, 50, 50, 0.6);
	--darkest-color: rgb(0, 0, 0);
	--darker-color: rgb(25, 25, 25);
	--dark-color: rgb(50, 50, 50);
	--no-color: rgba(0, 0, 0, 0);
	--light-color: rgba(255, 255, 255, 0.15);
	--lighter-color: rgba(255, 255, 255, 0.30);
	--lightest-color: rgba(255, 255, 255, 0.45);
	--main-color: rgba(255, 255, 255, 1);
}

/** Background image **/
body {
  background-image: url('/templates/aaairishtunestemplate/background.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

/** Containers **/
.darkest-bg {
	background-color: var(--darkest-color-tr);
}
.darker-bg {
	background-color: var(--darker-color-tr);
}
.dark-bg {
	background-color: var(--dark-color-tr);
}
.main-bg {
	background-color: var(--no-color);
}
.light-bg {
	background-color: var(--light-color);
}
.lighter-bg {
	background-color: var(--lighter-color);
}
.lightest-bg {
	background-color: var(--lightest-color);
}
.white-bg {
	background-color: var(--main-color);
}
.no-bg {
  background-color: unset !important;
  border:none !important;
}

/** Colors **/
.main-color {
  color: var(--main-color);
}
.lighter-color {
  color: var(--lighter-color);
}

.toast-container {
  z-index: 9999;
}

/** Buttons **/
.custom-btn {
	border: solid var(--lighter-color) 1px;
	background: var(--no-background);
  	color: var(--main-color);
}

.custom-btn:hover,
.custom-btn:focus/*,
.active*/ {
	border: solid var(--main-color) 1px;
	background-color: var(--light-color);
  	color: var(--main-color);
  	box-shadow: unset;
}

.btn:hover,
.btn:focus,
.active {
  	box-shadow: unset;
}

/** Main menu **/
.main-menu {
  	right: 0;
  	top: 0;
  	z-index: 9999;
}

.nav-link {
  	color: var(--lighter-color);
}

a {
    color: inherit;
    text-decoration: none;
}

.nav-link:hover, a:hover {
  	color: var(--main-color);
}

/** Text utils **/
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}

/** Utils **/
.mw-0 {
  min-width: 0;
}
.dark-hover:hover {
	background-color: var(--dark-color);
}
.light-hover:hover {
	background-color: var(--light-color);
}
.lighter-hover:hover {
	background-color: var(--lighter-color);
}

/** Modal **/
.modal-header,
.modal-footer {
	background-color: rgb(205, 205, 205);
}

/** Spacers **/
.black-spacer {
	padding-top: 1rem;
	background-color: black;
}