/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 23 2026 | 15:22:52 */
/* ==========================================================================
   2. INDUSTRIAL MASTER NAVIGATION BAR LAYOUT (DESKTOP HEADER ONLY)
   ========================================================================== */

/* Wrap the layout parameters in a desktop-only media query to isolate your mobile layout completely */
@media (min-width: 601px) {

    /* Force the header navigation container wrapper full width */
    header .wp-block-navigation {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        clear: both !important;
        margin: 16px 0 0 0 !important;
    }

    /* Premium Charcoal Background and Safe Layout Wrapping Rows */
    header .wp-block-navigation .wp-block-navigation__container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        padding: 12px 16px !important;
        margin: 0 !important;
        gap: 12px 18px !important; 
        background-color: #222222 !important; /* Charcoal Slate */
        border-radius: 0px !important; 
        box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    }

    /* High-Contrast White Text Typography */
    header .wp-block-navigation .wp-block-navigation-item__content {
        font-size: 13px !important; 
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-weight: 700 !important; 
        color: #ffffff !important; 
        white-space: nowrap !important; 
        padding: 6px 10px !important;
        transition: all 0.2s ease !important;
        background-color: transparent !important;
    }

    /* Smooth Hover Action */
    header .wp-block-navigation .wp-block-navigation-item__content:hover {
        color: #b3b3b3 !important; 
        background-color: transparent !important;
    }

    /* Style indicators / arrow icons inside charcoal bar if present */
    header .wp-block-navigation .wp-block-navigation-submenu__toggle {
        color: #ffffff !important;
    }

    /* Transform the header dropdown container panel to dark charcoal */
    header .wp-block-navigation .wp-block-navigation__submenu-container {
        background-color: #222222 !important; 
        border: 1px solid #3d3d3d !important; 
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25) !important; 
        padding: 14px 18px !important; 
        min-width: 290px !important; 
    }

    /* Configure dropdown links with a larger, high-contrast banner font style */
    header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        color: #ffffff !important; 
        font-size: 14px !important; 
        font-family: inherit, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; 
        letter-spacing: 0.2px !important; 
        text-transform: none !important;
        font-weight: 500 !important; 
        line-height: 1.4 !important; 
        padding: 11px 12px !important; 
        border-bottom: 1px solid #3a3a3a !important; 
        border-left: 3px solid transparent !important; 
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        transition: all 0.15s ease-in-out !important;
    }

    /* Remove divider boundary rules from the final item element */
    header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
        border-bottom: none !important;
    }

    /* Dropdown Dark Mode Hover States */
    header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        color: #ffffff !important; 
        background-color: #333333 !important; 
        border-left: 3px solid #ffffff !important; 
        padding-left: 16px !important; 
    }

    /* Reduce the gap between the search bar area and the charcoal nav bar */
    header .wp-block-columns,
    header .wp-block-group {
        margin-bottom: 4px !important;
        padding-bottom: 0 !important;
    }

    /* Shrink the height and row gaps of the Charcoal Nav Bar */
    header .wp-block-navigation {
        margin-top: 4px !important; 
        margin-bottom: 12px !important; 
    }

    header .wp-block-navigation .wp-block-navigation__container {
        padding: 6px 12px !important; 
        gap: 6px 14px !important; 
    }

    /* Tighten the clickable padding on the individual menu links */
    header .wp-block-navigation .wp-block-navigation-item__content {
        padding: 4px 6px !important; 
    }
}