@charset "utf-8";

/* Hero Banner */
.hero-banner {
    width: 100%;
    min-height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-overlay {
    background: rgba(0, 0, 0, 0.85);
    padding: 3em 5em;
    text-align: center;
}
.hero-overlay h1 {
    margin: 0 0 0.2em;
}
.hero-overlay .sub-hd {
    margin: 0;
	font-size: 1.6em !important;
}

/* Page Sub Nav */
.page-sub-nav {
    display: flex;
    justify-content: space-evenly;
    gap: 3em;
    padding: 1.4em 0;
}
.page-sub-nav a {
    font-family: Cinzel, "Times New Roman", Times, serif;
    font-size: 1.3em;
    font-weight: 400;
    color: #FFF;
    text-decoration: none;
    transition: color 0.3s ease;
}
.page-sub-nav a:hover {
    color: #F2E6AC;
}
#topSection .gold-divider {
    margin: -1% auto 0;
}

/* Responsive */
@media (max-width: 1050px) {
    .hero-banner {
        min-height: 500px;
    }
    .hero-overlay {
        padding: 2.5em 4em;
    }
	.hero-overlay .sub-hd { font-size: 1.4em !important; }

    .page-sub-nav {
        gap: 2em;
        flex-wrap: wrap;
        padding: 1.3em 1em;
    }
    .page-sub-nav a {
        font-size: 1.2em;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .hero-banner {
        min-height: 400px;
    }
    .hero-overlay {
        padding: 2em 3em;
    }
	.hero-overlay .sub-hd { font-size: 1.3em !important; }
    .page-sub-nav {
        gap: 1.5em;
        flex-wrap: wrap;
        padding: 1.2em 1em;
    }
    .page-sub-nav a {
        font-size:0.8em 1.1em;
    }
}

@media (max-width: 475px) {
    .hero-banner {
        min-height: 300px;
    }
    .hero-overlay {
        padding: 1.5em 2em;
    }
	.hero-overlay .sub-hd { font-size: 1.2em !important; }
    .page-sub-nav {
        gap: 1em;
    }
    .page-sub-nav a {
        font-size: 0.7em 1em;
    }
}

@media (max-width: 400px) {
    .hero-banner {
        min-height: 270px;
    }
    .hero-overlay {
        padding: 1.4em 1.6em;
    }
	.hero-overlay .sub-hd { font-size: 1.1em !important; }
    .page-sub-nav a {
        font-size: 0.9em;
    }
}