div.dt-mobile-header {
    width: 340px;
    background-color: #fff;
}

.top-bar {
    display: none;
    min-height: 36px;
    justify-content: flex-end;
    gap: 20px;
}

.masthead.inline-header.justify.widgets.masthead-mobile.masthead-mobile-header {
    position: sticky;
    top: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.masthead .mobile-header-bar {
    min-height: auto;
}

.mobile-main-nav>li>a {
    padding-block: 19px;
}

.menu-item__link:hover {
    color: #bf2e4f;
}

.mobile-main-nav > li:before {
    border-color: rgba(34, 34, 34, 0.08);
}

ul.sub-nav {
    display: block;
}

.top-header .masthead .downwards-line > li > a.menu-item__link .menu-item-text {
    font: normal bold 18px / 22px "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    color: #000;
}


.top-header .masthead .downwards-line > li > a.menu-item__link.active .menu-item-text {
    color: #bf2e4f;
    position: relative !important;
}

.top-header .masthead .downwards-line > li > a.menu-item__link .menu-item-text:before {
    content: "";
    position: absolute !important;
    width: 0;
    background: #bf2e4f;
    height: 3px;
    bottom: -12px !important;
    opacity: 0;
    transition: width 0.2s ease-in-out;
}

.top-header .masthead .downwards-line > li > a.menu-item__link.active .menu-item-text:before {
    width: 100%;
    opacity: 1;
}

.menu-item__link--mobile.active .menu-item-text .menu-text {
    color: #bf2e4f;
}

@media (min-width: 900px) {
    .top-bar {
        display: none;
    }

    .top-bar.show {display: flex}
}