/* ============================
   Header Styles
   ============================ */

.site-header__brand {
    font-weight: bold;
    font-size: 3.5rem;
}

.site-header__brand::before {
    content: '';
    background-image: url('../images/common/logo-slash@2x.png');
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -22px;
}

@media (max-width: 575.98px) {
    .site-header__brand::before {
        display: none;
        visibility: hidden;
    }
}

.site-header__brand-img {
    display: block;
    max-height: 42px;
    width: auto;
}

.site-header__nav {
    background-color: var(--brand-bg) !important;
}

.site-header__menu-list .nav-link {
    color: #eddfcc !important;
    margin-left: 3rem;
    padding: 2rem;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    font-size: 19px;
}

.site-header__menu-list .nav-link.active {
    position: relative;
    font-weight: bold;
    text-decoration: none;
}