/*
*
--------------------------------------
    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  : auto;
    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 50%;
    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          : #004B49;
    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;
    display  : flex;
    align-items: center;
    justify-content: end ;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item {
    padding: 15px 0 ;
    position   : absolute;
    width      : fit-content;
    height     : fit-content;
    overflow   : hidden;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    align-items: center;
}

/*.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  {*/
/*    flex: 1 1 33.33%;*/
/*    max-width: 33.33%;*/
/*    box-sizing: border-box;*/
/*}*/

.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"] {
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -1.44px;
}

.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: 7px 10px;
    border-radius: 3px;
    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;
}