/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 25 2026 | 16:31:12 */
/* ==========================================
   MB DUAL HEADER SYSTEM
   ========================================== */

:root{
    --mb-header-h:4.5rem;
    --mb-header-z:9999;
}

/* Shared behavior for both headers */

#mb-header-default,
#mb-header-scroll{
    position:fixed;
    top:0;
    left:0;
    right:0;

    z-index:var(--mb-header-z);

    transition:
        top .35s ease,
        opacity .35s ease;
}

/* Start: Header B hidden above viewport */

#mb-header-scroll{
    top:calc(-1 * var(--mb-header-h));
    opacity:0;
}

/* Show Header B when scrolling up */

.mb-show-scroll-header #mb-header-scroll{
    top:0;
    opacity:1;
}

/* Hide Header A when Header B is showing */

.mb-show-scroll-header #mb-header-default{
    top:calc(-1 * var(--mb-header-h));
    opacity:0;
}

/* Keep Header A hidden whenever not at absolute top */

.mb-scrolled #mb-header-default{
    top:calc(-1 * var(--mb-header-h));
    opacity:0;
}

/* Prevent content from sitting under the fixed header */

body.has-mb-fixed-header{
    padding-top:var(--mb-header-h);
}

/* UX niceties */

#mb-header-default a,
#mb-header-default button,
#mb-header-scroll a,
#mb-header-scroll button,
#mb-header-default [role="button"],
#mb-header-scroll [role="button"],
#mb-header-default .elementor-button,
#mb-header-scroll .elementor-button,
#mb-header-default .menu-toggle,
#mb-header-scroll .menu-toggle,
#mb-header-default .e-n-menu-toggle,
#mb-header-scroll .e-n-menu-toggle,
#mb-header-default .e-offcanvas-menu__toggle,
#mb-header-scroll .e-offcanvas-menu__toggle{
    cursor:pointer !important;

    user-select:none;
    -webkit-user-select:none;
}

/* Reduced Motion */

@media (prefers-reduced-motion:reduce){

    #mb-header-default,
    #mb-header-scroll{
        transition:none !important;
    }

}