/*
- VARIABILI
- GENERAL
- FONTS
- STILI CUSTOM
    - BUTTON
    - DETAILS
    - SLIDER
    - POST TILE
    - EXCERPT LINK
- HEADER
    - HAMBURGER
    - SUB MENU
    - SEARCH
    - OVERLAY MENU
    - OVERLAY DARK
- PRELOADER
- FOOTER
- MOUSE FOLLOWER

- HOME
    - COLONNA LEAD
*/


/** -------------------------------------------------------------------------------- */
/* // ! VARIABILI */
/** -------------------------------------------------------------------------------- */
:root{
    --transition: all 0.3s;
    --transition-cubic: all 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  }
  
  
  
/** -------------------------------------------------------------------------------- */
/* // ! GENERAL */
/** -------------------------------------------------------------------------------- */
:root :where(.is-layout-constrained) > :last-child {
  margin-bottom: revert;
}
a{
  transition: color 0.3s;
}


/** -------------------------------------------------------------------------------- */
/* // ! FONTS */
/** -------------------------------------------------------------------------------- */
.has-titolo-grande-font-size{
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -1px;
}
.has-titolo-sezione-font-size{
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -1px;
}
.has-pretitolo-font-size{
  font-weight: 800;
  letter-spacing: 3px;
}
.has-titolo-piccolo-font-size{
  font-weight: 800;
  letter-spacing: -1px;
}
.has-titolo-footer-font-size{
  font-weight: 600;
  letter-spacing: 3px;
}




  
/** -------------------------------------------------------------------------------- */
/* // ! STILI CUSTOM */
/** -------------------------------------------------------------------------------- */  
/*? -------------------------------------------------------------------------------- */
/*? BUTTON */
/*? -------------------------------------------------------------------------------- */
.wp-block-button__link{
  overflow: hidden;
  z-index: 1;
}
.wp-block-button__link:hover{
  color: var(--wp--preset--color--custom-uno);
}
.wp-block-button__link:after{
  content: "";
  position: absolute;
  background-color: var(--wp--preset--color--custom-due);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 150%;
  height: 105%;
  -webkit-transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
  transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  transition: -webkit-transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  z-index: -1;
}
.wp-block-button__link:hover:after{
  -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
  transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
}

/* outline */
.is-style-outline .wp-block-button__link:after{
  content: "";
  position: absolute;
  background-color: var(--wp--preset--color--custom-uno);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 150%;
  height: 105%;
  -webkit-transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
  transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  transition: -webkit-transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  z-index: -1;
}
.is-style-outline .wp-block-button__link:hover:after{
  -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
  transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
}
.is-style-outline .wp-block-button__link:hover{
  color: var(--wp--preset--color--custom-due);
  background-color: transparent !important;
  border:2px solid var(--wp--preset--color--custom-uno);
}

/*? -------------------------------------------------------------------------------- */
/*? DETAILS */
/*? -------------------------------------------------------------------------------- */
.wp-block-details summary::-webkit-details-marker {
    display:none;
}
.wp-block-details summary{
    list-style: none !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  .details-inner{
    display: flex;
    gap:20px;
    z-index: 9;
  }
  .icona-details{
    font-size: clamp(40px, 5vw, 80px) !important;
    transition: var(--transition);
  }
  .wp-block-details[open] .icona-details{
    transform:rotate(45deg);
  }
  


  /*? -------------------------------------------------------------------------------- */
  /*? SLIDER */
  /*? -------------------------------------------------------------------------------- */
  /* bullets */
  .container-paginazione-slider{
      height: 40px;
  }
  .swiper-pagination-bullet-active{
  background: var(--wp--preset--color--custom-uno) !important;
  }
  
  /* freccie */
  .swiper-button-next:after,
  .swiper-button-prev:after{
  display: none;
  }
  .swiper-button-next .material-symbols-outlined,
  .swiper-button-prev .material-symbols-outlined{
  color: var(--wp--preset--color--custom-nero);
  font-size: 40px;
  }


/* freccie down sx */
.is-style-freccie-down-left .container-freccie-slider{
  margin-top: 20px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.is-style-freccie-down-left .swiper-button-next{
  right: unset;
  left: 60px;
}



/*? -------------------------------------------------------------------------------- */
/*? POST TITLE */
/*? -------------------------------------------------------------------------------- */
.wp-block-post-title a{
  transition: var(--transition);
}



/*? -------------------------------------------------------------------------------- */
/*? EXCERPT LINK */
/*? -------------------------------------------------------------------------------- */
.wp-block-post-excerpt__more-link{
  transition: var(--transition);
}  




  
/** -------------------------------------------------------------------------------- */
/* // ! HEADER */
/** -------------------------------------------------------------------------------- */
header{
    position: fixed;
    width: 100%;
    z-index: 99;
    transition: var(--transition);
}
.scrollato header{
  background-color: var(--wp--preset--color--custom-due);
  box-shadow: 0px 0px 30px #00000030;
}


/* nav gsap */
header .menu-item > a{
  position: relative;
}
header .menu-item > a:after{
  content:"";
  position: absolute;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background-color: var(--wp--preset--color--custom-uno);
  opacity: 0;
  transition: all 0.3s;
}
header .menu-item > .attiva:after{
  bottom: -2px;
  opacity: 1;
}
.overlay-menu .menu-item > a:after{
  display: none;
}

/* blog */
.single header .menu-item > a:after{
  display: none;
}



/* header invert */
.home:not(.scrollato) header .menu-item > a,
.home:not(.scrollato) header .menu-item > a:after,
.home:not(.scrollato) header .wp-block-social-links,
.home:not(.scrollato) header .icona-search{
  filter: invert(1);
}

.home:not(.scrollato) .logo-absolute{
  position: absolute;
  top: 0;
}
.home.scrollato .logo-absolute,
body:not(.home) .logo-absolute{
  display: none;
}

@media(max-width:1024px){
  .home:not(.scrollato) header .menu-item > a,
  .home:not(.scrollato) header .wp-block-social-links{
    filter: invert(0);
  }

  .home:not(.scrollato) .btn-menu__bars,
  .home:not(.scrollato) .btn-menu__bars:after,
  .home:not(.scrollato) .btn-menu__bars:before{
    background: var(--wp--preset--color--custom-bianco);
  }

  .home:not(.scrollato).menu-open .btn-menu__bars:after,
  .home:not(.scrollato).menu-open .btn-menu__bars:before{
    background: var(--wp--preset--color--custom-nero);
  }

  .logo-absolute{
    opacity: 1;
    transition: all 0.5s;
  }
  .menu-open .logo-absolute{
    opacity: 0;
  }

  .colonne-header-mobile .wp-block-column{
    flex-basis:50% !important;
  }
  .col-hamb-mobile > .wp-block-group{
    justify-content: flex-end !important;
  }



}




  
/*? -------------------------------------------------------------------------------- */
/*? HAMBURGER */
/*? -------------------------------------------------------------------------------- */
/* btn hamburger */
.hamburger-mobile{
    text-align: center;
    padding: 20px 0px;
}
.btn-menu {
    z-index: 34;
    background: transparent;
    min-height: 22px;
    padding-left: 0;
    padding-right: 0;
    border: none;
    color: inherit;
    cursor: pointer;
    transition: 0.3s ease;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
  }
  .menu-open .btn-menu,
  .scrollato .btn-menu{
    background-color: transparent;
  }
  
  .btn-menu__bars {
    display: block !important;
    background: var(--wp--preset--color--custom-nero);
    position: relative;
    width: 26px;
    height: 2px;
    transition: 0.3s;
  }
  
  
  .btn-menu__bars:before{
    content: "";
    background: var(--wp--preset--color--custom-nero);
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
  }
  
  
  .btn-menu__bars:after {
    content: "";
    background: var(--wp--preset--color--custom-nero);
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
  }
  
  
  .btn-menu__bars:before {
    transform: translate(0, -8px);
  }
  
  .btn-menu__bars:after {
    transform: translate(0, 8px);
  }
  
  /* menu open */
  .menu-open .btn-menu .btn-menu__bars {
    background-color: transparent;
  }
  .menu-open .btn-menu__bars:before {
    background-color: var(--wp--preset--color--custom-nero);
    transform: rotate(45deg);
    right: 0;
    width: 100%;
  }
  
  .menu-open .btn-menu__bars:after {
    background-color: var(--wp--preset--color--custom-nero);
    transform: rotate(-45deg);
    width: 100%;
  }
  




/*? -------------------------------------------------------------------------------- */
/*? VOCI E SUB MENU */
/*? -------------------------------------------------------------------------------- */
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione ul.menu{
  margin: 0;
}
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione ul.menu > li{
  padding: 20px 0px;
}
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione ul.menu a{
  transition: color 0.3s;
}
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione .menu-item-has-children{
  position: relative; 
  display: flex;
}
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu{
  display: block;
  background-color: var(--wp--preset--color--due);
  position: absolute;
  top: 60px;
  opacity:1;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  opacity:0;
  visibility:hidden;
  background-color: var(--wp--preset--color--custom-bianco);
  width: max-content;
}
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione .menu-item-has-children:hover .sub-menu{
  opacity:1;
  visibility:visible;
  top:60px;
}
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li{
  padding: 10px;
  border-bottom: 1px solid var(--wp--preset--color--custom-bianco);
  transition: all 0.3s;
}
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li:hover{
  background-color: var(--wp--preset--color--custom-uno);
}
header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione .menu-item-has-children > a{
  gap: 0px;
}

/* header .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione{
  text-transform: uppercase;
} */

.freccia-sub-menu{
  position: relative;
  top: -3px;
}



/*? -------------------------------------------------------------------------------- */
/*? CERCA */
/*? -------------------------------------------------------------------------------- */
.icona-search,
.chiudi-cerca{
  cursor: pointer;
}

.chiudi-cerca{
  max-width: fit-content;
}

/* overlay cerca */
.overlay-cerca{
  transform: translateY(-100%);
  transition: var(--transition-cubic);
  z-index: 1;
  position: fixed;
  top: 0;
  width: 100%;
}

.menu-cerca-open .overlay-cerca{
  transform: translateY(0%);
}



/*? -------------------------------------------------------------------------------- */
/*? OVERLAY MENU */
/*? -------------------------------------------------------------------------------- */
/* overlay wrapper */
.overlay-menu{
  position: fixed;
  width: 100%;
  z-index: -1;
  transform: translateY(-110%);
  transition: all 0.8s cubic-bezier(0.59, 0.03, 0.2, 1);
  top: 0;
}
.menu-open .overlay-menu{
  transform: translateY(0%);
}

.overlay-menu ul.menu{
  gap: 5px;
}
.overlay-menu ul.menu > li{
  padding: 0 !important;
  font-size: clamp(28px, 4vw, 40px);
}


/*? -------------------------------------------------------------------------------- */
/*? OVERLAY DARK */
/*? -------------------------------------------------------------------------------- */
.overlay-dark-custom{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.menu-cerca-open .overlay-dark-custom{
  opacity: 1;
  visibility: visible;
}
  



/** -------------------------------------------------------------------------------- */
/* // ! PRELOADER */
/** -------------------------------------------------------------------------------- */
#preloader .preloader-inner{
  flex-direction: column;
  gap: 20px;
}

.loader {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--custom-uno);
  box-shadow: 32px 0 var(--wp--preset--color--custom-uno), -32px 0 var(--wp--preset--color--custom-uno);
  position: relative;
  animation: flash 1s ease-out infinite alternate;
  margin: 20px 0px;
}

@keyframes flash {
  0% {
    background-color: #ff1c8020;
    box-shadow: 32px 0 #ff1c8020, -32px 0 var(--wp--preset--color--custom-uno);
  }
  50% {
    background-color: var(--wp--preset--color--custom-uno);
    box-shadow: 32px 0 #ff1c8020, -32px 0 #ff1c8020;
  }
  100% {
    background-color: #ff1c8020;
    box-shadow: 32px 0 var(--wp--preset--color--custom-uno), -32px 0 #ff1c8020;
  }
}




/** -------------------------------------------------------------------------------- */
/* // ! FOOTER */
/** -------------------------------------------------------------------------------- */
footer .wp-block-create-block-ggwd-block-gutenberg-menu-navigazione ul.menu{
  gap: 5px;
}

@media(max-width:781px){
  .colonne-footer.is-not-stacked-on-mobile{
    flex-wrap: wrap !important;
  }
  .colonne-footer .wp-block-column{
    flex-basis: 40% !important
  }
}




/** -------------------------------------------------------------------------------- */
/* // ! MOUSE FOLLOWER */
/** -------------------------------------------------------------------------------- */
.mf-cursor:before{
  background: var(--wp--preset--color--custom-uno) !important;
}
.mf-cursor.-text:before{
  background: var(--wp--preset--color--custom-uno) !important;
  opacity: 1 !important;
}
.mf-icona{
  font-size: 30px;
}

.menu-open .mf-cursor:before,
.mouse-bianco .mf-cursor:before{
  background-color: var(--wp--preset--color--custom-uno) !important;
}

.mouse-bianco .mf-cursor.-text span{
  color: var(--wp--preset--color--custom-uno);
}


/* icona chiudi */
.mf-cursor:before{
  transition: all 0.5s;
}

/* colori */
.mouse-bianco .mf-cursor:before{
  background-color: var(--wp--preset--color--custom-bianco) !important;
}








/** -------------------------------------------------------------------------------- */
/* // ! HOME */
/** -------------------------------------------------------------------------------- */
/*? -------------------------------------------------------------------------------- */
/*? COLONNA LEAD */
/*? -------------------------------------------------------------------------------- */
.colonna-lead .colonna-lead-riga{
  margin: 0 auto !important;
}