/* --- THE ELITE INTERACTIVE GREEN THEME --- */

:root {

    --primary-green: #004225;     /* Deep Forest Green */

    --accent-mint: #2ECC71;      /* Vibrant Mint */

    --royal-gold: #D4AF37;       /* Metallic Gold */

    --footer-dark: #002515;      /* Darkest Green for Footer */

    --bg-silk: #F8FAF8;          /* Very Light Greenish White */

}



body {

    background-color: var(--bg-silk) !important;

    font-family: 'Inter', 'Segoe UI', sans-serif;

    color: #333;

}



/* TOP BAR */

.top-bar {

    background-color: var(--primary-green) !important;

    color: #fff;

    padding: 10px 0;

    border-bottom: 2px solid var(--royal-gold);

}



/* --- BUTTON HOVER EFFECTS --- */

.top-btn {

    background-color: var(--royal-gold) !important;

    color: var(--primary-green) !important;

    border-radius: 4px;

    font-weight: 800;

    padding: 5px 15px;

    font-size: 0.75rem;

    text-transform: uppercase;

    text-decoration: none !important;

    transition: all 0.3s ease-in-out;

    display: inline-block;

    border: 1px solid transparent;

}



/* Gold Button Hover */

.top-btn:hover {

    background-color: var(--accent-mint) !important;

    color: white !important;

    transform: translateY(-2px);

    box-shadow: 0 4px 8px rgba(0,0,0,0.2);

}



/* White Button Style (for Disclosure) */

.top-btn-white {

    background-color: white !important;

    color: var(--primary-green) !important;

}



/* White Button Hover */

.top-btn-white:hover {

    background-color: var(--royal-gold) !important;

    color: white !important;

    transform: translateY(-2px);

    box-shadow: 0 4px 8px rgba(0,0,0,0.2);

}



/* BRANDING SECTION */

.branding-section {

    background: white;

    padding: 30px 0;

    border-bottom: 1px solid #eee;

}



.college-title h1 {

    color: var(--primary-green) !important;

    font-weight: 900;

    font-size: 2.5rem;

    margin-bottom: 5px;

}



/* MAIN NAVBAR */

.main-navbar {

    background-color: var(--primary-green) !important;

    border-bottom: 5px solid var(--royal-gold) !important;

    padding: 0 !important;

}



.navbar-nav .nav-link {

    color: white !important;

    font-weight: 600;

    padding: 18px 25px !important;

    text-transform: uppercase;

    transition: 0.3s;

}



.navbar-nav .nav-link:hover {

    background-color: var(--royal-gold) !important;

    color: var(--primary-green) !important;

}



/* NEWS TICKER */

.notice-strip {

    background: #fff;

    padding: 10px 0;

    border-bottom: 1px solid #ddd;

}



.ticker-badge {

    background: #e74c3c;

    color: white;

    padding: 5px 18px;

    font-weight: 800;

    border-radius: 2px;

}



/* --- MATCHING GREEN FOOTER --- */

footer {

    background-color: var(--footer-dark) !important;

    color: #e0e0e0;

    padding: 60px 0 0 0;

    border-top: 6px solid var(--royal-gold);

}



footer h5 {

    color: var(--royal-gold);

    font-weight: 800;

    text-transform: uppercase;

    margin-bottom: 25px;

    font-size: 1.1rem;

    border-left: 4px solid var(--accent-mint);

    padding-left: 15px;

}



.footer-link {

    color: #bbb;

    text-decoration: none;

    transition: 0.3s;

    display: block;

    margin-bottom: 10px;

}



.footer-link:hover {

    color: var(--accent-mint);

    padding-left: 8px;

}



.footer-bottom {

    background-color: #00150a;

    padding: 25px 0;

    margin-top: 50px;

    border-top: 1px solid rgba(255,255,255,0.1);

}