/*
Theme Name: GBS Child
Theme URI: https://www.gbs-group.it/
Author: Global Business Solution S.r.l.
Author URI: https://www.gbs-group.it/
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
Template: gbs
Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
@media screen and (min-width: 1025px){  
  li.megamenu {
    position: unset;
  }
  .megamenu > ul.sub-menu {
    width: var(--w-container);
    position: absolute;
    top: 100px !important;
    left: 50% !important;
    border-radius: 0 !important;
    transform: translate(-50%, 0);
  }
  .sticky .megamenu > ul.sub-menu {
    top: 62px !important;
  }
  .megamenu > ul.sub-menu:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    display: block;
    height: 100%;
    z-index: -1;
    transform: translate(-100%, 0);
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f5f5",GradientType=1);
  }

  .megamenu > ul.sub-menu:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    background: #f5f5f5;
    display: block;
    height: 100%;
    z-index: -1;
    transform: translate(100%, 0);
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f5f5",GradientType=1);
  }

  .menu-custom-color > ul.sub-menu:before {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 15px, #E5E6EE 15px, #E5E6EE 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 15px, #E5E6EE 15px, #E5E6EE 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 15px, #E5E6EE 15px, #E5E6EE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f5f5",GradientType=1);
  }
  header #navigation-bar .site-menu nav .megamenu > ul.sub-menu {
    display:none;
  }
  header #navigation-bar .site-menu nav .megamenu:hover > ul.sub-menu {
    display: flex;
    flex-wrap: wrap;
    float: none;
    justify-content: unset;
    flex-direction: unset;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    margin-top: -4px;
  }
  header #navigation-bar .site-menu nav .megamenu ul.sub-menu > li > ul.sub-menu > li{
    padding:5px 0;
    border: 0;
  }
  header #navigation-bar .site-menu nav .megamenu > ul.sub-menu a {
    color: var(--text-color) !important;
    width: auto;
  }
  header #navigation-bar .site-menu nav .megamenu > ul.sub-menu > li > a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 5px;
  }
  header #navigation-bar .site-menu nav .megamenu > ul.sub-menu > li > a:after{
    display:none;
  }
  header #navigation-bar .site-menu nav .megamenu > ul.sub-menu {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 15px, rgba(245,245,245,1) 15px, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f5f5",GradientType=1);
  }
  header #navigation-bar .site-menu nav .megamenu.menu3colonne > ul.sub-menu > li {
    width: 33.3%;
    padding: 50px 15px;
  }
  header #navigation-bar .site-menu nav .megamenu.menu4colonne > ul.sub-menu > li {
    width: 25%;
    padding: 50px 15px;
  }
  header #navigation-bar .site-menu nav .megamenu.menu3colonne > ul.sub-menu > li.colonna-doppia {
    width: 66.6%;
    padding-left:5%;
  }
  header #navigation-bar .site-menu nav .megamenu.menu4colonne > ul.sub-menu > li.colonna-doppia {
    width: 50%;
  }
  li.colonna-doppia > ul.sub-menu {
    column-count: 2;
    flex-direction: unset !important;
  }
  header #navigation-bar .site-menu nav .megamenu > ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
    visibility: visible;
    float: none;
    position: relative;
    top: 0;
    background: none;
    box-shadow: none;
    padding: 0;
    opacity: 1;
    display: block !important;
    z-index:2;
  }
  .colonna-custom-menu {
    background: rgb(255,255,255) !important;
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 15.5px, #E5E6EE 15.5px, #E5E6EE 100%) !important;
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 15.5px, #E5E6EE 15.5px, #E5E6EE 100%) !important;
    background: linear-gradient(180deg, rgba(255,255,255,1) 15.5px, #E5E6EE 15.5px, #E5E6EE 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#E5E6EE",GradientType=1);
  }
  .colonna-custom-menu a {
    font-weight:600 !important;
  }
  .colonna-custom-menu > a {
    opacity:0;
  }
  div#navigation-bar, .logo-container #Unione_1 {
    transition: all ease 0ms;
  }
  .megamenu-aperto div#navigation-bar {
      background-color: #FFF;
  }
  .megamenu-aperto .logo-container #Unione_1{
    fill:var(--text-color) !important;
  }
  .megamenu-aperto li.wpml-ls-item.wpml-ls-current-language > a{
    background-color:rgb(0 0 0 / 0.04);
  }
  .megamenu-aperto div#navigation-bar .main-navigation .menu > li a{
    color: var(--text-color) !important;
  }
}