/* only the header moves: a transform on an ancestor would turn the menu's position:fixed into absolute */
@media (max-width: 767px) {
    html.tlh-on .side-menu .navbar .navbar-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        /* below the account drawer (1035), sheets and modals */
        z-index: 1030;
        transition: transform .18s ease-out;
    }

    html.tlh-off .side-menu .navbar .navbar-header {
        transform: translateY(-100%);
    }

    html.tlh-on #jbf-bar,
    html.tlh-on .awards-index {
        top: 56px;
        transition: top .18s ease-out;
    }

    html.tlh-off #jbf-bar,
    html.tlh-off .awards-index {
        top: 0;
    }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
    html.tlh-on .side-menu .navbar .navbar-header,
    html.tlh-on #jbf-bar,
    html.tlh-on .awards-index {
        transition: none;
    }
}