@charset "UTF-8";
/*
 * Custom CSS
 */


/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Navigation */
#main-navigation {
	z-index: 1030;
}

#main-navigation .navbar-nav {
	align-items: center;
}

#main-navigation .nav-link {
	position: relative;
	color: #5a5949;
	font-weight: 500;
	padding: 0.75rem 1.25rem;
	transition: color 0.25s ease;
}

/* Hover */
#main-navigation .nav-link:hover {
	color: #e99d53;
}

/* Active section */
#main-navigation .nav-link.active {
	color: #e99d53;
	font-weight: 700;
}

/* Active underline */
#main-navigation .nav-link.active::after {
	content: "";
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 0.35rem;
	height: 3px;
	background-color: #e99d53;
	border-radius: 3px;
}

/* Keep fixed navbar from covering section when scrolling */
section {
	scroll-margin-top: 64px;
}
	/* Mobile */
	@media (max-width: 767.98px) {
		section {
			scroll-margin-top: 56px;
		}
	}
/* Mobile */
@media (max-width: 767.98px) {

	#main-navigation .navbar-nav {
		padding: 0.5rem 0 1rem;
	}

	#main-navigation .nav-link {
		padding: 0.7rem 1rem;
	}

}

#hero-area {
    /* Set up the background mountain photo */
    background-image: url('img/scenic-west-virginia-mountains.jpeg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    
    /* Forces mobile view to be no less than 400px tall */
    min-height: 400px; 
}

/* On desktop, switch from the 400px constraint to an aspect ratio box matching your original layout */
@media (min-width: 768px) {
    #hero-area {
        min-height: auto;
        /* Matches standard wide photography proportions (approx 16:7 aspect ratio) */
        aspect-ratio: 16 / 7; 
    }
}

body {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	color:#5a5949;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700; /* Uses the bold weight loaded in the HTML head */
}
#main-body h1, 
#main-body h2, 
#main-body h3, 
#main-body h4, 
#main-body h5, 
#main-body h6 {
    color:#e99d53;
}
#main-body h2 {
    font-size: 2.75rem; 
}
#main-body {
	line-height: 2.1;
}

#site-heading span {
	color:#fff;
	text-transform:uppercase;
	font-size:2rem;
	line-height: 1.75;
	background-color: rgb(233 157 83 / 85%);
	padding: 12px 8px; /* Adds breathing room tightly around words */
	box-decoration-break: clone; /* Ensures padding applies nicely to every line break */
		-webkit-box-decoration-break: clone; /* Safari support */
}
@media (min-width: 768px) {
	#site-heading span {
		font-size:3rem;
		line-height: 1.2;
	}	
}
#donate {
	background: #ededed;
	background-image: url("img/West_Virginia_State_Capitol_-_Charleston__1_-greyscale.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#donate h2 span {
	color:#fff;
	text-transform:uppercase;
	font-size:3rem;
	line-height: 1.2;
	background-color: rgb(233 157 83 / 85%);
	padding: 12px 8px; /* Adds breathing room tightly around words */
	box-decoration-break: clone; /* Ensures padding applies nicely to every line break */
		-webkit-box-decoration-break: clone; /* Safari support */
}
.donate-button {
	background-color: #f28c28;
	border-color: #f28c28;
	color: #fff;
	font-weight: 700;
}

.donate-button:hover {
	background-color: #d97818;
	border-color: #d97818;
	color: #fff;
}

#contact {
	background-color:#e99d53;
	background-image: url("img/mountain-footer-background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 768px) {
    #logo {
        margin-top: -120px !important; /* Adjust this pixel number to place it exactly where you want it */
        position: relative;
        z-index: 999;
    }
}