/* NEW MEGAMENU */

:root {
    
    --rosa-molto-chiaro: #f1eaec;
    --rosa-chiaro: #fce9ed;
    --rosa-scuro: #d96e84;
    
    --megamenu-main-link-color: #d96e84;
    --megamenu-link-color: #333;
    
    --megamenu-border-radius: 10px;
    --megamenu-background-color: #fff;
    --megamenu-border-color: #ccc;
}



@media (max-width:1024px){
    
    .top-headers-wrapper .site-header,
    .top-headers-wrapper.sticky .site-header-wrapper{ padding:15px !important;}
    
    .top-headers-wrapper .site-header .mobile-menu-button {
        margin-right: 10px;
        margin-top: 4px;
    }
    
    .top-headers-wrapper .site-branding .site-logo-alt-link img {
        max-height: 50px;
        height: 30px;
        width: auto;
        margin-top: -5px;
    }
    
    .site-tools {
        position: relative; 
        margin-top: -5px;
        top: 0;
        float: right;
    }
}

@media (min-width:1025px){
        
    /* LEVEL 0 */
    
    #masthead > .row,
    #masthead > .row > .columns{
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    
    #site-menu {
        width:100%; 
        margin: 0 !important;
        border-top: #ccc solid 1px;
        border-bottom: #ccc solid 1px;
    }
    #site-menu > #site-navigation { margin:0 !important;}
    
    #site-menu > #site-navigation > ul { 
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }
    
    .main-navigation>ul>li>a,
    .main-navigation>ul>li.menu-item-has-children>a {
        margin: 0 !important;
        padding: 10px 12px;
        transition: none;
        font-weight: 500;
        font-size: 13px;
    }

    .clbk-megamenu.menu-item-has-children>a:after{
        display: none !important;
    }
    
    .clbk-megamenu.menu-item-has-children:hover>a:before,
    .clbk-megamenu.menu-item-has-children:hover>a:after{
        content: "";
        display: block !important;
        position: absolute;
        left: 50%;
        top: 100%;
        z-index: 3;
        transform: translate(-50%, -82%);
        transform-origin: center center;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 11px 11px 11px;;
        border-color: transparent transparent var(--megamenu-background-color) transparent;
        background-image: none !important;
    }
    
    .clbk-megamenu.menu-item-has-children:hover>a:before{
        z-index: 2;
        border-width: 0 12px 13px 12px;
        border-color: transparent transparent var(--megamenu-border-color) transparent;
        margin-top: -1px;
    }
    
    .top-headers-wrapper:not(.sticky) .site-header.header-centered .site-tools, 
    .transparent_header .top-headers-wrapper:not(.sticky) .site-header.header-centered .site-tools {
        display: inline-block;
        text-align: left;
        margin: 0;
        position: relative;
        vertical-align: text-bottom;
    }
    
    /* LEVEL 1 */
        
    .clbk-megamenu > ul.sub-menu{
        
        display: grid;
        position: absolute;
        z-index: 1;
        margin-top:-1px;
        border: var(--megamenu-border-color) solid 1px;
        border-radius: var(--megamenu-border-radius);
        transition: margin-left 0s;
        left: 0px;
        width: calc(100vw - 60px) !important;
        min-height: 460px;
        overflow-x: hidden;
        box-shadow: rgba(0,0,0,.3) -10px 20px 20px -20px;
        background-color: var(--megamenu-background-color);
        padding: 50px 30vw 10px 50px;
        grid-template-columns: repeat(auto-fit, minmax(33.3333%, 1fr)) !important;
    }
    
    .clbk-megamenu.col-1 > ul.sub-menu{
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
    } 
    
    .clbk-megamenu.col-2 > ul.sub-menu{
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)) !important;
    } 
    
    .clbk-megamenu.col-3 > ul.sub-menu{
        grid-template-columns: repeat(auto-fit, minmax(33.3333%, 1fr)) !important;
    } 
    
    .clbk-megamenu.col-4 > ul.sub-menu{
        grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)) !important;
    } 
    
    .clbk-megamenu > ul.sub-menu > li {
        margin: 0 0 30px 0!important;
        padding: 0 30px 0 0;
    }
        
    .clbk-megamenu > ul.sub-menu > li > a{
       
        text-transform: uppercase;
        padding-bottom: 10px;
        font-weight: bold;
        font-size: 14px;
        color: var(--megamenu-main-link-color) !important;
        border-bottom: rgba(0,0,0,.2) solid 2px;
        display: block;
        margin: 0 0 10px 0;
        width: 100%;
    }
    
    /* LEVEL 2 */
    
    .clbk-megamenu > ul.sub-menu ul.sub-menu{
        position: relative;
        min-width: unset;
        background-color: transparent;
        left: 0;
        top: 0;
        visibility: visible;
        opacity: 1;
        margin: 0;
        padding: 0;
    }
    
    .clbk-megamenu > ul.sub-menu ul.sub-menu a{
        white-space: normal;
        font-weight: 500;
        color: var(--megamenu-link-color) !important;
        margin: 0 0 8px 0;
        line-height: 1.1em;
        width: auto;
    }
    
    /* IMAGE */
    
    .clbk-megamenu > ul.sub-menu > img {
        position: absolute;
        right: 0;
        height: 100%;
        width: 27vw;
        object-fit: cover;
        object-position: center;
    }
    
    /* LOGO */
    
    .site-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) !important;
        margin: 10px;
    }
    
    .site-branding img, 
    .site-branding .site-logo-link img, 
    .top-headers-wrapper .site-branding .site-logo-alt-link img {
        width: 140px;
    }
    
    /* SITE TOOLS */
    
    .site-tools {
        position: relative; 
        top: 0; 
        margin: 15px; 
        float: right;
    }
    
    .site-tools .search-button a:after,
    .site-tools .myaccount-button a:after,
    .site-tools .shopping-bag-button a:after{
        content: "";
        float: right;
        margin: 4px 5px 0 6px;
        color: #000;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .site-tools .search-button a:after{ content:"Cerca";}
    .site-tools .myaccount-button a:after{ content:"Account";}
    .site-tools .shopping-bag-button a:after{ content:"Carrello";}
    
    .site-tools a > span{float: left;}
    
    .site-tools a > span.shopping_bag_items_number{margin-left:2px; float:right; color:var(--rosa-scuro);}
    .site-tools a > span.shopping_bag_items_number:before{content:"(";}
    .site-tools a > span.shopping_bag_items_number:after{content:")";}

}

@media only screen and (min-width: 63.9375em){
    .row, .vc_span12.wpb_column {
        padding: 0 30px;
        max-width: 1340px;
    }
}