.menu__logo {
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
    height: 60px;
    margin: 0;
}

.site-ws.season-winter .menu__logo {
    background-image: url("../images/ws/menu/logo-winter-outline.png?v=1.19");
}
.site-wh.season-winter .menu__logo {
    background-image: url("../images/wh/menu/logo-winter-outline.png?v=1.19");
}
.site-ws.season-spring .menu__logo {
    background-image: url("../images/ws/menu/logo-spring-outline.png?v=1.19");
}
.site-wh.season-spring .menu__logo {
    background-image: url("../images/wh/menu/logo-spring-outline.png?v=1.19");
}

.site-ws.season-summer .menu__logo {
    background-image: url("../images/ws/menu/logo-summer-outline.png?v=1.19");
}
.site-wh.season-summer .menu__logo {
    background-image: url("../images/wh/menu/logo-summer-outline.png?v=1.19");
}

.site-ws.season-autumn .menu__logo {
    background-image: url("../images/ws/menu/logo-autumn-outline.png?v=1.19");
}
.site-wh.season-autumn .menu__logo {
    background-image: url("../images/wh/menu/logo-autumn-outline.png?v=1.19");
}

.menu__item-link {
    /*font-family: 'Staatliches', cursive;*/
    font-family: 'KohinoorBangla', normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
    padding: 0;
    color: var(--achtergrond-donker) !important;
    text-transform: uppercase;
}

.menu__item-link.m--dropdown:after {
    display: none;
}

.menu__item-link-icon {
    font-size: .7em;
    margin-left: .4em;
}

.menu__sub-item-link,
.menu__sub-item-link:active{
    /*font-family: 'Staatliches', cursive;*/
    font-family: 'KohinoorBangla', normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    margin: 0;
    padding: 10px 0;
    /*color: var(--achtergrond-donker) !important;*/
    /*opacity: .54;*/
    border-bottom: 1px solid #963624;
    background-color: transparent;
}

.menu__sub-item-link:last-child {
    border-bottom: none;
}

.menu__item:hover > .menu__item-link,
.menu__item-link:hover,
.menu__sub-item-link:hover,
.menu__item.active > .menu__item-link,
.menu__item.active > .menu__sub-item-link.active {
    color: var(--achtergrond-accent) !important;
    background-color: transparent;
}

.menu__sub-menu-container {
    background: none;
    border: none;
    margin-top: -24px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    /* bootstrap navbar-expand-lg is at 992px */
    .menu__toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    .menu {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1030;
        width: 300px;
        max-width: 100%;
        /*background: #F6F6F6 !important;*/
        background: #e1c5c0 !important;
        height: 0;
        padding: 0;
        max-height: 100%;
        overflow: scroll;
        border-right: 1px solid #963624;
        border-bottom: 1px solid #963624;
    }

    .menu.m--menu-open {
        padding: 85px 45px 45px 45px;
        height: auto;
    }

    .menu__toggler {
        position: fixed;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        border: none;
        border-radius: 0;
        background: #963624;
        z-index: 99999;
    }

    .menu__logo-container {
        /*margin: 0 0 65px 0;*/
    }

    .menu__item.m--login {
        margin-top: 50px;
        position: relative;
    }

    .menu__item.m--login:after {
        content: '';
        position: absolute;
        left: 0;
        top: -40px;
        width: 75%;
        height: 2px;
        background-color: #BC5846;
    }
}

@media (min-width: 992px) {
    .menu {
        background: rgba(255, 255, 255, .6) !important;
        height: 118px;
        padding: 0;
        transition: all .5s;
    }

    .menu__content {
        width: 100%;
        padding: 15px;
        position: relative;
    }

    .menu__items {
        width: calc(100% - 240px);
        justify-content: space-between;
        margin: 0 0 0 30px;
    }

    .menu__logo-container {
        margin: 0 0 1em 0;
        padding: 0;
        transition: all .5s;
    }

    .menu__logo {
        width: 190px;
        height: 58px;
    }

    .menu__item-link {
        font-size: 19px;
        line-height: 24px;
        margin: 0;
        padding: 0 !important;
    }

    .homepage:not(.scrolled-down) .menu__item.m--login .menu__item-link,
    .homepage:not(.scrolled-down) .menu__item.m--dashboard .menu__item-link {
        color: white !important;
    }

    .menu__sub-item-link,
    .menu__sub-item-link:active {
        font-size: 19px;
        line-height: 24px;
        margin: 0;
        opacity: 1;
        padding-left: .5em;
        padding-right: .5em;
    }

    .menu__sub-menu-container {
        background: white;
        margin-top: 10px;
        padding: 0;

    }

    .menu__item.m--login .menu__sub-item-link {
        margin-right: 0;
    }

    .menu__item.m--register {
        position: absolute;
        right: -53px;
        top: 290px;
        width: 150px;
        height: 45px;
        line-height: 45px;
        transform: rotate(-90deg);
        background: var(--achtergrond-accent);
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        text-align: center;
    }

    .menu__item.m--register .menu__item-link {
        color: white !important;
        width: 100%;
        height: 100%;
        display: inline-block;
        letter-spacing: 1.1px;
    }

    .menu__item.m--register .menu__item-link:hover {
        opacity: .8;
    }

    .scrolled-down .menu {
        background: rgba(255, 255, 255, .9) !important;
        height: 80px;
    }

    .scrolled-down .menu__logo-container {
        padding-top: 1em;
    }

}

@media (min-width: 1200px) {
    .menu__content {
        padding: 27px;
    }

    .menu__items {
        margin: 0 0 0 50px;
    }
}