/* Header is intentionally layered over the first dark hero on every main Soufi page. */
.elementor-location-header{
    position:absolute!important;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:1000;
}
.elementor-location-header .soufi-primary-header{
    position:relative!important;
    z-index:1001!important;
    width:100%!important;
}
.soufi-scroll-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1100!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-105%)!important;
    transition:opacity .28s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear .38s!important;
}
.soufi-scroll-header.soufi-show-header{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    transition:opacity .28s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s!important;
}
body.admin-bar .elementor-location-header{top:32px!important}
body.admin-bar .soufi-scroll-header{top:32px!important}
@media(max-width:782px){
    body.admin-bar .elementor-location-header{top:46px!important}
    body.admin-bar .soufi-scroll-header{top:46px!important}
}
@media(prefers-reduced-motion:reduce){
    .soufi-scroll-header{transition:none!important}
}