/* Auto-hide header on scroll down / show on scroll up (see maus-header-scroll-hide.js) */

#site-header.maus-logo-header {
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

#site-header.navbar {
    transition:
        background-color 0.3s ease,
        top 0.3s ease,
        transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

#site-header.maus-header--scroll-hidden {
    transform: translateY(-100%);
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    #site-header.maus-logo-header,
    #site-header.navbar {
        transition: none;
    }
}