/*
** CSS for coring custom product menu 
*/
.header-nav-main .html_topbar_left{
    display:flex;
    column-gap:20px;
}

body.admin-bar .custom-product-menus .dropdown-content{
    top: 170px;
}

.custom-product-menus{
    display:flex;
    gap:14px;
    align-items: center;
    list-style: none;
    margin:0;
}

.custom-product-menus a.dropbtn.active,
.custom-product-menus a.dropbtn:hover{
    background-color: #fff;
    color:#00205B;
}

.custom-product-menus .dropdown-content {
    display: none;
    position: fixed;
    top: 140px;
    background-color: #fff;
    width: 100%;
    min-width: 160px;
    box-shadow: 0 0 8px rgba(0,0,0,.5);           
    z-index: 1;
    left: 0;
}

.custom-product-menus .dropdown-content>div{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding:20px 0;
}

.custom-product-menus .dropdown-content>.menu-container{
    max-height:calc(80vh - 100px);
    display:flex;
    column-gap:60px;
    padding:40px 0;
    height:850px;
}

.custom-product-menus>li>a.dropbtn{
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 500;
    padding: 7px 12px 7px 12px;
    border-radius: 4px;
    position: relative;
    display:flex;
}

.custom-product-menus>li>a.dropbtn img{
    margin-left:10px;
}

#countryDropdown {
    display: flex;
    align-items: center;
    margin:0;
    flex-direction: column;
    width: 260px;
    max-width: 100%;
}

#countryDropdown>li{
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
}
#countryDropdown a{
    color: #00205B;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight:500;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    position:relative;
}
#countryDropdown a:after{
    content:'';
    background-image:url(../404.html);
    position: absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    height: 10px;
    width: 6px;
    background-size: cover;
    background-repeat: no-repeat;
}

#countryDropdown a.selected,
#countryDropdown a:hover{
    background: #EDEDED;
}

#countryDropdown,
.mount-products-body .menu-flex-wrapper{
    max-height: 100%;
    overflow: auto;
    flex-wrap: nowrap;
}

.mount-products-body{
    flex:1;
    display: flex;
    flex-direction: column;
}

.mount-products-body .menu-flex-wrapper{
    flex-direction:column;
    display: none;
    flex:1;
}

.mount-products-body .menu-flex-wrapper.is-current{
    display:flex;
}

.mount-products-body .menu-flex-ctn-1.logo-ctn,
.mount-products-body .menu-flex-ctn-1.products-ctn.full{
    width:100%;
}

.mount-products-body .menu-flex-ctn-1.products-ctn.part-1,
.mount-products-body .menu-flex-ctn-1.products-ctn.part-2{
    width:100%;
}

.mount-products-body .menu-flex-ctn-1.products-ctn+.products-ctn{
    margin-top: 20px;
}

.mount-products-body .menu-flex-ctn-1.logo-ctn{
    justify-content: center;
    margin-bottom:40px;
}

.mount-products-body .menu-flex-ctn-1 a:hover{
    color: #00205b;
}

.mount-products-body .menu-flex-ctn-1 > h4{
    text-align: left;
    margin-bottom: 10px;
    font-weight: 500;
}

.mount-products-body .menu-flex-ctn-1 > h4 a{
    font-size: 0.875rem;
    line-height:1.5rem;
}

.mount-products-body .menu-flex-ctn-2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}



.mount-products-body .menu-flex-ctn-3 > h5{
    padding-left: 10px;
    font-weight: 500;
}
.mount-products-body .menu-flex-ctn-3 > h5:before{
    left: 0;
}
.mount-products-body .menu-flex-ctn-3 > h5 a,
.mount-products-body .menu-flex-ctn-3 > h6 a{
    font-size: 0.75rem;
    line-height:1.5rem;
}

.mount-products-body .menu-flex-ctn-3 > h6 a{
    font-family: 'bwmodelica-medium';
}

.mount-products-body .menu-flex-ctn-3 > ul li a{
    font-size: 0.735rem!important;
    font-style: italic;
    /* font-weight: 600; */
    font-family: 'bwmodelica-medium' !important;
}

.country-dropdown-ctn{
    height:100%;
    overflow:auto;
}
.products-ctn.part-1 .menu-flex-ctn-3>h5{
	display:none;
}

@media screen and (min-width:769px){
    .custom-product-menus>li>.toggle{
        display:none;
    }
}

@media screen and (max-width:768px){
    
    .nav-sidebar .html_topbar_left{
        padding:0;
    }

    .custom-product-menus{
        flex-direction:column;
        gap:0;
    }
    .nav-vertical .custom-product-menus>li,
    .nav-vertical .custom-product-menus>li>a{
        padding:0;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical .custom-product-menus>li>a{
        font-size: 0.75rem;
        line-height: 32px;
        padding-left:0;
    }
    body.admin-bar .custom-product-menus .dropdown-content{
        position: relative;
        top: 0;
        left: 0;
        box-shadow: none;
        width:100%;
    }
    .nav.nav-vertical .custom-product-menus>li{
        display: flex;
        flex-wrap:wrap;
    }
   
    .custom-product-menus .dropbtn+.toggle {
        position: relative;
        height: 32px;
        min-height: 32px;
        border: none;
        padding: 0;
        opacity: 1;
        margin: 0;
        transform: none;
    }
    .custom-product-menus .dropbtn+.toggle:before{
        content: '';
        background-image: url(../png/mobile-plus.png);
        background-size: cover;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 12px;
        width: 12px;
    }
    .custom-product-menus .dropbtn+.toggle,
    .sidebar-menu .menu-item .toggle{
        width: 22px;
    }
    .custom-product-menus .dropbtn+.toggle:before,
    .sidebar-menu .menu-item .toggle:before{
        left: 0;
    }
    .custom-product-menus .dropbtn:not(.active)+.toggle:before {
        background-image: url(../png/mobile-plus.png);
    }
    .custom-product-menus .dropbtn.active+.toggle:before {
        background-image: url(../png/mobile-minus.png);
    }

    .custom-product-menus .dropdown-content>.menu-container{
        flex-direction: column;
        gap:10px;
        padding:0 0 20px;
        max-height:none;
        height:auto;
    }
    #countryDropdown{
        width:100%;
    }
    #countryDropdown a{
        font-size:0.75rem;
        padding: 10px 10px 10px 8px;
    }
    #countryDropdown a:after{
        right:13px;
    }
    .mount-products-body .menu-flex-ctn-1{
        padding-left: 0!important;
        padding-top: 10px;
    }
    .custom-product-menus .menu-flex-ctn-1 > h4{
        margin-bottom:5px;
    }
   .mount-products-body .menu-flex-ctn-3+.menu-flex-ctn-3{
		margin-top:10px;
	}
    .mount-products-body .menu-flex-ctn-3 > ul{
        flex-wrap: nowrap;
        flex-direction: column;
        padding-right: 20px !important;
        gap:6px;
        margin: 0!important;
    }
    .custom-product-menus .menu-flex-ctn-3 > ul li{
        padding: 0;
    }
    .off-canvas-left .mfp-content{
        width:280px;
    }
    
    .mount-products-body .menu-flex-wrapper{
        overflow: hidden;
    }

    .custom-product-menus .menu-flex-ctn-3 > h5:before{
        left: 0;
    }
   
    .custom-product-menus .menu-flex-ctn-3 > h6{
        margin-left:0;
        margin-top:10px;
        line-height: 1rem;
        margin-bottom: 6px;
    }

    .custom-product-menus .menu-flex-ctn-3 > h5+h6{
        margin-top:0;
    }

    .country-dropdown-container .dropdown-ctn{
        display: none;
    }

    .custom-product-menus .dropdown-content {
        position: relative;
        top:0;
        box-shadow: none;
    }

    .country-dropdown-ctn{
        display: none;
    }

    /* mobile menu sidebar */
    .logo-ctn{
        display: none;
    }
    .off-canvas-left.mfp-ready .mfp-content{
        width: 75vw;
    }
    #main-menu .nav-sidebar>li:not(.header-divider){
        padding-right: 12px;
    }
    .ubermenu .ubermenu-submenu .ubermenu-column-auto{
        margin-right: 0;
        padding-right: 0;
    }
    .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target,
    .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target{
        padding: 0;
        margin: 0;
    }
    .menu-item .sub-menu>li>a{
        padding-left: 0;
    }

    .country-dropdown-toggle{
        margin: 0;
        background: #EDEDED;
        width: 100%;
        text-align: left;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 0.75rem;
        line-height: 1rem;
        text-transform: capitalize;
        font-family: 'BwModelica-Bold';
        padding: 12px 8px;
        border: none;
        position: relative;
        font-weight: 500;
    }
    .country-dropdown-toggle:before{
        content: "\f107";
        position: absolute;
        right:12px;
        top:50%;
        transform:translateY(-50%);
        font-family: "Font Awesome 5 Free";
        font-size: 15px;
    }
    .menu-flex-ctn-1.logo-ctn{
        display: none!important;
    }
    #main-menu .nav-vertical>li>ul li a{
        color: #00205B;
    }
    
    .mount-products-body .menu-flex-ctn-1.products-ctn+.products-ctn {
        margin-top: 10px;
        border-top: 1px solid #CDCDCD;
        padding-top: 15px;
    }
    #main-menu li.header-divider {
        margin: 15px 0 !important;
    }
    .mount-products-body .menu-flex-ctn-2{
        display: flex;
        gap: 15px;
    }
    .custom-product-menus .menu-flex-ctn-3{
        padding-left: 0;
    }
    .menu-flex-ctn-3 > h6 img{
        height: 10px;
        width: auto;
    }
    .custom-product-menus .menu-flex-ctn-3 > h6 a{
        margin-right: 10px;
    }

    .custom-product-menus div:not(.mount-products-body) .menu-flex-ctn-3 > h6{
        margin-left: 0;
    }
    .custom-product-menus div:not(.mount-products-body) .menu-flex-ctn-3 ul>li{
        padding-left: 0;
    }
    
    .custom-product-menus .menu-flex-ctn-1{
        padding-left:0;
    }
    .custom-product-menus .menu-flex-ctn-1 > h4{
        margin-bottom:5px;
    }
    .custom-product-menus .menu-flex-ctn-1 > h4 a{
        font-size:0.75rem;
        line-height:1.375rem;
        font-weight: 500;
    }
    .custom-product-menus .menu-flex-ctn-3 > h5 a,
    .custom-product-menus .menu-flex-ctn-3 > h6 a,
    .custom-product-menus .menu-flex-ctn-3 ul>li a{
        font-size:0.625rem!important;
        line-height:1.25rem!important;
        font-weight: 500;
    }
    
   
    .custom-product-menus .menu-flex-ctn-3 > h6 a,
    .custom-product-menus .menu-flex-ctn-3 > ul li a{
        font-family: 'bwmodelica-medium' !important;
    }
   
    .custom-product-menus .menu-flex-ctn-3 > h5{
        padding-left:10px;
    }
   
    
}