/*
Theme Name: AASR Theme
Template: understrap
Author: Lunar Applications
Version: 1.2
Description: Created by Lunar Applications
*/

:root{
	--silver: #BAB6ADff;
	--cool-steel: #83ACBBff;
	--alabaster-grey: #E1E0DFff;
	--parchment: #F1EEE9ff;
	--charcoal: #5C5A58ff;
	--dusty-blue: #3A7CA5;
	--hover-blue: #2F6F99;
	--linear-gradient: linear-gradient(90deg, #BAB6ADff, #83ACBBff, #E1E0DFff, #F1EEE9ff, #5C5A58ff);
	--confirmation-green: #5cb85c;
}


.aasr-navbar{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}



.aasr-navbar .dropdown-menu{
	background: var(--parchment);
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.aasr-navbar .dropdown-menu .dropdown-item{
	color: var(--charcoal) !important;
	padding: 0.7rem 0.5rem;
	transition: all 0.3s ease;
	
}

.aasr-navbar .dropdown-menu .dropdown-item:hover{
	background-color: var(--hover-blue) !important;
	color: #FFF !important;

}

#main-nav.scrolled {
	background: #262621 !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 4px 20px rgba(92,90,88, 0.1);
	
}


#main-nav.scrolled #main-menu>li>a{
	color:white !important;
}

.page-nav  #main-menu>li>a{
	color: white !important;
	text-transform: none;
	font-weight: 500 !important;
	padding: 1rem;
	text-align: center;
}

.front-page-nav #main-menu>li>a {
  	color: #262621 !important;
	text-transform: uppercase;
	font-weight: 500 !important;
	padding:1rem;
	text-align: center;
  }

.custom-logo,
.img-fluid {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.navbar-brand {
	height: 80px;
	/* match your navbar height */
	display: flex;
	align-items: center;
	flex-shrink: 0;
}



.aasr-navbar a{
	color: var(--charcoal);
}

.logged-in .aasr-navbar {
	/* top: 32px; */
	/* height of WP admin bar on desktop */
}

#main-nav{
background: rgba(255, 255, 255, 0.3) !important;
	/* adjust alpha for opacity */

	/* Frosted glass effect */
	backdrop-filter: blur(10px);
	/* blur the content behind it */
	-webkit-backdrop-filter: blur(10px);
	/* Safari support */

	/* Optional styling */
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

	/* Keep full width and sticky */
	height: 92px;
	max-height: 92px;
	transition: all 0.3s ease;
}


body:not(.home):not(.front-page) #main-nav {
background: #262621 !important;	
backdrop-filter: blur(10px);
}




h1,h2,h3,h4,h5{
	color: #0d0630;
}

p,li,label{
	color: var(--charcoal);
}

.custom-shadow {
	box-shadow: 0 8px 16px rgba(92, 90, 88, 0.8);
	/* darker and bigger */
}

.aasr-block-title{
	font-size: 3em !important;
}

.aasr-button, .aasr-button-md{
	background: var(--dusty-blue) !important;
	border: var(--dusty-blue) !important;
}

.aasr-button:hover, .aasr-button-md:hover {
	background: var(--hover-blue) !important;
	border: var(--hover-blue) !important;
}

.aasr-button-md{
	font-size: 1.2rem !important;
	font-weight: 500 !important;
}

 .nav-previous,
 .nav-next{
		/* background: var(--dusty-blue) !important;
		border: var(--dusty-blue) !important;
		color: var(--parchment) !important; */
		padding:15px 0px;
 }

 /* .nav-previous a,
 .nav-next a {
 	color: white;
 } */


 .login-button,
 .logout-button {
 	background: var(--dusty-blue) !important;
 	border: var(--dusty-blue) !important;
 	color: white !important;
 }

 .login-button:hover,
 .logout-button:hover {
 	background: var(--hover-blue) !important;
 	border: var(--hover-blue) !important;
 }

 .login-button:visited,
 .logout-button:visited {
 	color: white !important;

 }

  .donate-button {
  	color: white !important;
	margin-right: 20px;
  }

  .doante-button:visited {
  	color: white !important;

  }

  .overlay-title{
	font-size: 2.5rem !important;
  }

  html,
  body {
  	position: relative;
	min-height:100vh !important;
  }