@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
    --fl-primary:        #1e3a5f;
    --fl-primary-dark:   #142840;
    --fl-primary-light:  #2a4f7c;
    --fl-accent:         #D4AF37;
    --fl-accent-dark:    #c49e2f;
    --fl-white:          #ffffff;
    --fl-off-white:      #f8f8f8;
    --fl-text-dark:      #1a1a1a;
    --fl-text-mid:       #4a4a4a;
    --fl-text-light:     #7a7a7a;
    --fl-border:         #e0e0e0;
    --fl-font:           'Montserrat', sans-serif;
    --fl-radius:         4px;
    --fl-radius-lg:      8px;
    --fl-shadow:         0 2px 12px rgba(0, 0, 0, 0.08);
    --fl-shadow-hover:   0 4px 20px rgba(0, 0, 0, 0.15);
    --fl-transition:     all 0.3s ease;
}
/* ===== NAVBAR / HEADER ===== */
.main-header-bar {
    background-color: var(--fl-primary) !important;
}

.main-header-bar .main-navigation a {
    font-family: 'Montserrat', sans-serif !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

.main-header-bar .main-navigation a:hover {
    color: var(--fl-accent) !important;
}

.main-header-bar .main-navigation .current-menu-item > a {
    color: var(--fl-accent) !important;
}

/* Site Title */
.site-title a {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--fl-white) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

.site-title a:hover {
    color: var(--fl-accent) !important;
}

/* Navbar CTA Button */
.main-header-bar .menu-item-button a {
    background-color: var(--fl-accent) !important;
    color: var(--fl-primary) !important;
    padding: 8px 16px !important;
    border-radius: var(--fl-radius) !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

.main-header-bar .menu-item-button a:hover {
    background-color: var(--fl-accent-dark) !important;
}
/* ===== SUBMENU ===== */
ul.sub-menu {
    background-color: #142840 !important;
}

ul.sub-menu .menu-link {
    color: rgba(255, 255, 255, 0.85) !important;
}

ul.sub-menu .menu-link:hover {
    color: var(--fl-accent) !important;
}