/* Clear hierarchy in the collapsed navigation, including the sticky header. */
@media screen and (max-width: 1150px) {
    #nav-wrap #main-nav > ul.firstUlMenu {
        margin: 12px 0 0;
        padding: 0 0 12px;
        max-height: calc(100vh - 110px);
        max-height: calc(100dvh - 110px);
        overflow-y: auto;
        overscroll-behavior: contain;
        border-top: 1px solid #e8e8e8;
        background: #fff;
    }
    #nav-wrap #main-nav > ul.firstUlMenu > li {
        border-bottom: 1px solid #e8e8e8;
    }
    #nav-wrap #main-nav > ul.firstUlMenu > li > a {
        position: relative;
        min-height: 48px;
        padding: 14px 52px 14px 24px;
        background: #fff;
        color: #242426;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
    }
    #nav-wrap #main-nav > ul.firstUlMenu > .has-submenu > a::after {
        content: '';
        position: absolute;
        right: 26px;
        top: 18px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #67676d;
        border-bottom: 2px solid #67676d;
        transform: rotate(45deg);
        transition: transform .2s;
    }
    #nav-wrap #main-nav > ul.firstUlMenu > .has-submenu > a.selected::after {
        transform: translateY(4px) rotate(225deg);
        border-color: #E5181D;
    }
    #nav-wrap #main-nav > ul.firstUlMenu > li > ul {
        width: auto;
        margin: 0 20px 12px 24px;
        padding: 4px 0;
        border-left: 3px solid #E5181D;
        background: #f5f5f5;
    }
    #nav-wrap #main-nav > ul.firstUlMenu > li > ul > li > a {
        min-height: 48px;
        padding: 14px 16px 14px 20px;
        border-bottom: 1px solid #e8e8e8;
        background: #f5f5f5;
        color: #424247;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        text-transform: none;
        text-align: left;
    }
    #nav-wrap #main-nav > ul.firstUlMenu > li > ul > li:last-child > a { border-bottom: 0; }
    #nav-wrap #main-nav > ul.firstUlMenu a:hover,
    #nav-wrap #main-nav > ul.firstUlMenu a.selected,
    #nav-wrap #main-nav > ul.firstUlMenu a[aria-current="page"] {
        background: #fff0f0;
        color: #E5181D;
    }
    #nav-wrap #main-nav > ul.firstUlMenu a[aria-current="page"] { font-weight: 700; }
    #nav-wrap #main-nav > ul.firstUlMenu a:focus-visible { outline: 2px solid #E5181D; outline-offset: -3px; }
}
@media (prefers-reduced-motion: reduce) {
    #nav-wrap #main-nav > ul.firstUlMenu > .has-submenu > a::after { transition: none; }
}