#brx-header {
    transition: all 800ms ease-out;
    position: fixed;
    z-index: 999;
}

#brx-header.scrolling {
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(8px);
    box-shadow: 0 3px 12px -3px rgba(0,0,0,0.35);
}

#brx-header .brxe-xnotificationbar {
    transition: transform 600ms ease-out;
}

#brx-header .bricks-nav-menu > li > a {
    transition: color 200ms ease-in, border 200ms ease-in;
}

#brx-header .logo {
    transition: opacity 800ms ease-out;
    opacity: 1;
}

#brx-header.scrolling .logo {
    opacity: 0;
}

.logo-scroll {
    transition: opacity 800ms ease-out;
    position: absolute;
    opacity: 0;
}

#brx-header.scrolling .logo-scroll {
    opacity: 1;
}


#brx-header.scrolling .menu-item a {
    color: var(--primary);
}


.menu-item.active {
    color: var(--primary) !important;
    border-bottom: 3px solid var(--primary);
}

#brx-header.scrolling .menu-item.active {
    color: var(--secondary) !important;
    border-bottom: 3px solid var(--secondary);
}

.brxe-text-link[aria-current="page"]:before {
    width: 100%;
    opacity: 1;
}



/* Mobile menu breakpoint */
@media only screen and (max-width: 991px) {

    #brx-header.scrolling .brxe-xburgertrigger .x-hamburger-inner, #main-nav.brx-open .brxe-xburgertrigger .x-hamburger-inner {
        background-color: var(--primary);
    }

    .brx-nav-nested-items {
        height: 100svh;
    }
}