/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2026 | 10:18:43 */
/* HIWORKS 01 — STICKY HEADER v1.1
   Replace the entire previous sticky header snippet.
   Preserve existing 50% background opacity; no gold bottom border.
*/

/* Dark canvas behind the translucent header. */
body,
body #page {
    background-color: #0A0A0A !important;
}

/* One background layer on the outer Astra header. */
body #masthead {
    position: sticky !important;
    top: 0;
    z-index: 9999 !important;
    background: linear-gradient(
        110deg,
        rgba(8, 17, 22, 0.50) 0%,
        rgba(21, 26, 29, 0.50) 100%
    ) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.28) !important;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Remove additional Astra row backgrounds, desktop and mobile. */
body #masthead #ast-desktop-header,
body #masthead #ast-mobile-header,
body #masthead .ast-main-header-wrap,
body #masthead .main-header-bar,
body #masthead .site-primary-header-wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Keep expanded mobile menus and dropdowns readable. */
body #masthead .ast-mobile-header-content,
body #masthead .sub-menu {
    background: #151719 !important;
}
body #masthead .ast-mobile-header-content .main-header-menu,
body #masthead .ast-mobile-header-content .menu-link {
    background: transparent !important;
}

body #masthead a {
    color: #E8E4DC !important;
    transition: color 0.25s ease;
}
body #masthead a:hover,
body #masthead .current-menu-item > a,
body #masthead .current_page_item > a {
    color: #D4B56A !important;
}
body #masthead .menu-toggle {
    color: #E8E4DC !important;
    background: transparent !important;
}
body #masthead .menu-toggle:hover {
    color: #D4B56A !important;
}

body.admin-bar #masthead {
    top: 32px;
}
@media (min-width: 601px) and (max-width: 782px) {
    body.admin-bar #masthead {
        top: 46px;
    }
}
/* WordPress's toolbar normally scrolls away at these widths. */
@media (max-width: 600px) {
    body.admin-bar #masthead {
        top: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    body #masthead,
    body #masthead a {
        transition: none !important;
    }
}