#brx-header {
    transition: box-shadow 800ms ease-out;
    background: #fff;
    box-shadow: none;
    position: fixed;
    top: 0;
    z-index: 999;
}

#brx-header .logo img {
    transition: max-height 800ms ease-out;
    transform-origin: top left;
    max-height: 80px;
}

#brx-header.scrolling {
    box-shadow: 0 3px 12px -3px rgba(0,0,0,0.35);
}

#brx-header.scrolling .logo img {
    max-height: 50px;
}

.bricks-mobile-menu-wrapper {
    padding-top: 80px;
}

#brx-header .bricks-mobile-menu-toggle {
    color: var(--primary);
}