/*
*
--------------------------------------
    Template style desktop
--------------------------------------
*
*/
/*
--------------------------------------
Style top main menu template 3
--------------------------------------
*/
.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] {
    height  : 70vh;
    display : flex;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__part--main-list{
    flex           : 0 0 30%;
    display        : flex;
    flex-direction : column;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-title {
    display        : block;
    background     : white;
    color          : var(--primary-color);
    padding-left   : 15px;

    text-transform : uppercase;
    font-weight    : 700;
    font-size      : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height    : 3em;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__wrapper {
    flex     : 1;
    position : relative;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item {
    position   : absolute;
    left       : 0;
    right      : 0;
    top        : 0;
    bottom     : 0;
    width      : 100%;
    height     : 100%;
    background : #f4f4f4;
    overflow   : auto;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__item:not(:last-child) .bwa-menu__sub-menu__link-title[data-depth="1"] {
    border-bottom : 1px solid white;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__title[data-depth="1"] {
    font-size      : calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height    : 3em;
    text-transform : none;
    padding        : 0;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__link-title[data-depth="1"] {
    padding-left : 15px;
    transition   : all 0.3s;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__link-title[data-depth="1"]:hover {
    background : rgb(240, 240, 240);
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__title[data-depth="1"] {
    transition : all 0.3s;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__title__wrapper[data-depth="1"]:hover .bwa-menu__sub-menu__title[data-depth="1"] {
    color : var(--primary-color);
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .sub-menu__trigger {
    display : flex;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .plus-icon {
    display : none;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .rafter-icon {
    display       : inline-block;
    width         : .8em;
    height        : .8em;
    border-bottom : 2px solid #ef1860;
    border-bottom : 2px solid var(--primary-color);
    border-right  : 2px solid #ef1860;
    border-right  : 2px solid var(--primary-color);
    margin-left   : 8px;
    transform     : rotate(45deg) translate3d(0,0,0);
    top           : -.2em;
    position      : relative;
    transition    : all 0.3s
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .sub-menu__trigger:hover {
    color : #ef1860;
    color : var(--primary-color);
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__item.is--active > .bwa-menu__sub-menu__link-title > .bwa-menu__sub-menu__title__wrapper > .sub-menu__trigger .rafter-icon {
    transform : rotate(-135deg) translate3d(-50%,-25%,0);
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__part--sub-col {
    display : block;
    flex    : 1 0 0;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__cover__wrapper {
    position : relative;
    display  : block;
    width    : 100%;
    height   : 100%;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__cover{
    position   : absolute;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0;
    width      : 100%;
    height     : 100%;
    object-fit : cover;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__cover__overlay {
    position       : absolute;
    top            : 0;
    left           : 0;
    right          : 0;
    bottom         : 0;
    width          : 100%;
    height         : 100%;
    background     : rgba(0, 0, 0, 0.4);
    pointer-events : none;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu__part--sub-col .links-list__with-img__wrapper {
    padding  : 15px;
    height   : 100%;
    overflow : auto;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu__part--sub-col .links-list__with-img__item__img {
    width: 100%;
    object-fit: contain;
}