/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 24 2026 | 17:48:03 */
/* ==========================================================================
   1. UNIVERSAL FOOTER REPAIR: FORCE WHITE COLOR & ALIGNMENT
   ========================================================================== */
footer, 
#footer, 
[class*="footer"], 
.site-footer, 
.site-footer * {
    color: #ffffff !important;
}

/* Force links in footer to be white and readable */
footer a, 
[class*="footer"] a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Align contact items, address items, and social items horizontally with text */
footer li, 
[class*="footer"] li,
[class*="address-item"],
[class*="contact-info"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-bottom: 8px !important;
    list-style: none !important;
}

/* Fix colors and sizes of icons (FontAwesome/SVG/Images) inside footer */
footer i, footer svg, footer img,
[class*="footer"] i, [class*="footer"] svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    font-size: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    height: auto !important;
}

/* ==========================================================================
   2. UNIVERSAL HEADER & NAVIGATION REPAIR
   ========================================================================== */
header, 
#masthead, 
.site-header, 
.site-header * {
    color: #ffffff !important;
}

/* Fix main menu alignments */
header nav, 
.main-navigation, 
[class*="menu-container"] {
    display: flex !important;
    align-items: center !important;
}

/* Ensure only the top-level main menu links are clean and spaced nicely */
header nav > ul,
.main-navigation > ul,
.main-navigation > div > ul {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure only top-level menu text styles are applied, keeping header height normal */
header nav > ul > li > a,
.main-navigation > ul > li > a,
.main-navigation > div > ul > li > a {
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    line-height: normal !important;
}
/* ==========================================
   MAIN HEADER LOGO SCALE FIX
   ========================================== */
.site-header .site-logo img,
.navbar-brand img,
header .custom-logo,
.custom-logo-link img,
.site-title img,
header nav img {
    max-width: 230px !important;  
    width: 230px !important;      
    height: auto !important;      
    display: inline-block !important;
}
/* ==========================================
   1. VISUAL STYLING ONLY (COLORS & BORDERS)
   ========================================== */
/* Changes the background to black without breaking theme opening mechanics */
body .main-navigation ul ul,
body .dropdown-menu,
body .sub-menu {
    background-color: #000000 !important;
    border: 1px solid #222222 !important;
    max-height: 600px !important;    /* Caps the drop-down height */
    overflow-y: auto !important;     /* Adds the vertical scrollbar */
    overflow-x: hidden !important;   /* Prevents sideways glitching */
}
/* Formats the dropdown text links clearly */
body .sub-menu a, 
body .dropdown-menu a {
    color: #ffffff !important;
    padding: 10px 15px !important;
}

/* ==========================================
   2. UNIVERSAL FOOTER LOGO FIX
   ========================================== */
/* Ensures the footer logo remains perfectly readable on all layouts */
body footer img, 
body .site-footer img, 
body .footer-logo img,
body .footer-widgets img,
body [class*="footer"] img {
    width: 180px !important;
    max-width: 180px !important;
    min-width: 150px !important;
    height: auto !important;
    display: inline-block !important;
}
/* ==========================================
   MOBILE & TABLET RESPONSIVE FIX
========================================== */
@media screen and (max-width: 991px) {
    /* 1. Force the layout containers at the top to stay pitch black */
    body,
    header, 
    .site-header, 
    .navbar,
    .site-header-wrapper,
    #masthead {
        display: block !important;
        position: relative !important;
        visibility: visible !important;
        background-color: #000000 !important; /* Fixes the extra white space background */
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* 2. Hide ONLY the floating text navigation links by default */
    .site-navigation-wrapper ul,
    .main-navigation ul,
    .nav-menu ul,
    #site-navigation ul {
        display: none !important;
    }

    /* 3. Force the 3-line hamburger button to remain visible on the right */
    .navbar-toggle,
    .menu-toggle,
    .custom-mobile-toggle,
    button[aria-controls="primary-menu"],
    .wp-block-navigation__responsive-container-open {
        display: block !important;
        visibility: visible !important;
        float: right !important;
    }

    /* 4. Display the links cleanly ONLY when the menu toggle is active/clicked */
    .main-navigation.toggled ul,
    .main-navigation.toggled-on ul,
    .main-navigation.toggled .site-navigation-wrapper ul {
        display: block !important;
        position: absolute !important;
        top: 60px !important; 
        left: 0 !important;
        width: 100% !important;
        background-color: #000000 !important;
        text-align: center !important;
        padding: 20px 0 !important;
        z-index: 99999 !important;
    }

    /* 5. Space out links nicely inside the active dropdown */
    .main-navigation.toggled ul li {
        display: block !important;
        padding: 12px 0 !important;
    }
}