/*
- VARIABILI
- GENERAL
- FONTS
- STILI CUSTOM
    - SLIDER
    - BUTTONS

- HEADER
    - HAMBURGER
    - SUB MENU
    - OVERLAY

- PATTERN
    - HERO WAVE
    - QUOTE
    - CARD BLOG
    - ACCORDION
    - TIMELINE
    - TEAM

- SERVIZI
    - CARD
    - ELENCO
    - CHIPS


- BLOG
    - SINGOLO POST

- POSIZIONI

- FORM

- FOOTER

- GSAP

- PRELOADER
*/


/** -------------------------------------------------------------------------------- */
/* // ! VARIABILI */
/** -------------------------------------------------------------------------------- */
:root{
  --transition: all 0.25s;
  --transition-cubic: all 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);

  --font-forma: var(--wp--preset--font-family--forma-djr-deck);
  --font-overused: var(--wp--preset--font-family--overused-grotesk);

  --ease-in-power1: cubic-bezier(.55,.085,.68,.53);
  --ease-out-power1: cubic-bezier(.25,.46,.45,.94);
  --ease-in-out-power1: cubic-bezier(.455,.03,.515,.955);
  --ease-in-power2: cubic-bezier(.55,.055,.675,.19);
  --ease-out-power2: cubic-bezier(.215,.61,.355,1);
  --ease-in-out-power2: cubic-bezier(.645,.045,.355,1);
  --ease-in-power3: cubic-bezier(.895,.03,.685,.22);
  --ease-out-power3: cubic-bezier(.165,.84,.44,1);
  --ease-in-out-power3: cubic-bezier(.77,0,.175,1);
  --ease-in-power4: cubic-bezier(.755,.05,.855,.06);
  --ease-out-power4: cubic-bezier(.23,1,.32,1);
  --ease-in-out-power4: cubic-bezier(.86,0,.07,1);
  --ease-in-circ: cubic-bezier(.6,.04,.98,.335);
  --ease-out-circ: cubic-bezier(.075,.82,.165,1);
  --ease-in-out-circ: cubic-bezier(.785,.135,.15,.86);
  --ease-in-expo: cubic-bezier(.95,.05,.795,.035);
  --ease-out-expo: cubic-bezier(.19,1,.22,1);
  --ease-in-out-expo: cubic-bezier(1,0,0,1);
  --ease-in-sine: cubic-bezier(.47,0,.745,.715);
  --ease-out-sine: cubic-bezier(.39,.575,.565,1);
  --ease-in-out-sine: cubic-bezier(.445,.05,.55,.95);
  --ease-in-back: cubic-bezier(.6,-.28,.735,.045);
  --ease-out-back: cubic-bezier(.175,.885,.32,1.275);
  --ease-in-out-back: cubic-bezier(.68,-.55,.265,1.55);
  --ease-bounce: cubic-bezier(.47,1.64,.41,.8);
  --ease-out-bounce: cubic-bezier(.17,.67,.3,1.33);
  --ease-out: cubic-bezier(.37,.31,0,1);
  --ease-out-swift: cubic-bezier(.55,0,.1,1);
  --ease-smooth-out: cubic-bezier(.4,0,0,1);
  --ease-smooth-in-out: cubic-bezier(.75,0,.25,1);
  --ease-out-gentle: cubic-bezier(.17,1.38,.35,.96);
  --ease-in-out-soft: cubic-bezier(.4,.15,0,1);
  --hop: cubic-bezier(0.625, 0.05, 0, 1);


  --color-linea: #ccc;


}



/** -------------------------------------------------------------------------------- */
/* // ! GENERAL */
/** -------------------------------------------------------------------------------- */
strong{
  font-weight: 600;
}




/** -------------------------------------------------------------------------------- */
/* // ! FONTS */
/** -------------------------------------------------------------------------------- */
.has-menu-font-size{
  font-family: var(--font-forma);
}

.has-titolo-grande-font-size{
  font-family: var(--font-forma);
  line-height: 1;
}

.has-titolo-medio-font-size{
  font-family: var(--font-forma);
  line-height: 1;
  font-weight: 300;
}

.has-titolo-sezione-font-size{
  font-family: var(--font-forma);
  line-height: 1;
}

.has-numero-giant-font-size{
  font-weight: 300;
  line-height: 0.9;
}

.has-titolo-card-font-size{
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
}

.has-titolo-piccolo-font-size{
  font-family: var(--font-forma);
  line-height: 1;
}







/** -------------------------------------------------------------------------------- */
/* // ! STILI CUSTOM */
/** -------------------------------------------------------------------------------- */  
/*? -------------------------------------------------------------------------------- */
/*? SLIDER */
/*? -------------------------------------------------------------------------------- */
/* bullets */
.container-paginazione-slider{
    height: 40px;
}
.swiper-pagination-bullet{
background: currentColor !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 bianche */
.wp-block-query.is-style-freccie-bianche .material-symbols-outlined{
color: var(--wp--preset--color--custom-bianco) !important;
}



/*? -------------------------------------------------------------------------------- */
/*? BUTTONS */
/*? -------------------------------------------------------------------------------- */
.wp-block-button__link{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 15px;
}
.wp-block-button__link:hover{
  background-color: var(--wp--preset--color--custom-quattro) !important;
}

.freccia_btn svg {
  display: block;
}
.wp-block-button__link .pulsante-freccie-container{
  background-color: var(--wp--preset--color--custom-bianco);
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0px, 0px);
  transition: all 0.3s var(--hop);
}
.wp-block-button__link:hover .pulsante-freccie-container{
  transform: translate(2px, -2px);
}



/* EDITOR */
.editor-styles-wrapper .wp-block-button__link {
  display: inline-block;
  flex-direction: initial;
  justify-content: initial;
}









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

.header_menu__row{
  min-height: 62px;
}



/* == SCROLL DOWN == */
header.site-header{
  transform: translateY(0);
  transition: transform 0.8s var(--hop), box-shadow 0.25s;
}
.scroll-down header.site-header{
  transform: translateY(-200%);
}









/*? -------------------------------------------------------------------------------- */
/*? HAMBURGER */
/*? -------------------------------------------------------------------------------- */
/* btn hamburger */
.hamburger-mobile{
text-align: center;
margin: 0 !important;
}
.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: currentColor;
position: relative;
width: 30px;
height: 3px;
transition: 0.3s;
}


.btn-menu__bars:before{
content: "";
background: currentColor;
display: block;
position: absolute;
right: 0;
width: 100%;
height: 100%;
transition: 0.3s;
}


.btn-menu__bars:after {
content: "";
background: currentColor;
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: currentColor;
transform: rotate(45deg);
right: 0;
width: 100%;
}

.menu-open .btn-menu__bars:after {
background-color: currentColor;
transform: rotate(-45deg);
width: 100%;
}





/*? -------------------------------------------------------------------------------- */
/*? VOCI E SUB MENU */
/*? -------------------------------------------------------------------------------- */
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu{
  margin: 0;
  align-items: center;
}
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu > li{
  padding: 10px 0px;
  align-self: stretch;
}
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu > li > a{
  position: relative;
  transition: color 0.25s;
  align-items: center;
}
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu > li > a::before{
  content: '';
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--wp--preset--color--custom-uno);
  transition: all 0.25s var(--hop);
}
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu > li > a:hover:before{
  width: 100%;
}
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children{
  position: relative; 
  display: flex;
}
.menu_desk_group .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu{
  display: block;
  background-color: var(--wp--preset--color--due);
  position: absolute;
  top: 70px;
  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;
  padding: 15px 20px;
}
.menu_desk_group .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li{
  position: relative;
}
.menu_desk_group .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li > a::after{
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--wp--preset--color--custom-uno);
  transition: all 0.25s var(--hop);
  transition-delay: 0.1s;
}
.menu_desk_group .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li > a:hover::after{
  width: 100%;
}
.menu_desk_group .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children:not(.overlay-menu .menu-item-has-children):hover .sub-menu{
  opacity:1;
  visibility:visible;
  top:65px;
  box-shadow: 0px 10px 20px 0px #00000020;
}
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li{
  padding: 10px;
  border-bottom: 1px solid var(--color-linea);
  padding-left: 0px;
  padding-right: 0px;
  transition: all 0.3s;
}
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li:hover{
  /* border-bottom: 1px solid var(--color-linea); */
}
.header-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children > a{
gap: 0px;
}

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

.header-menu .freccia-sub-menu{
position: relative;
top: 0px;
max-height: 20px !important;
}




/* ================== CTA MENU ================= */
header .cta-menu a{
  background-color: var(--wp--preset--color--custom-uno);
  padding: 8px 16px;
  color: var(--wp--preset--color--custom-bianco);
  /* Be specific with transition properties for best browser support */
  transition: background-color 0.25s, color 0.25s !important;
}
header .cta-menu a:hover{
  background-color: var(--wp--preset--color--custom-quattro);
  color: var(--wp--preset--color--custom-bianco);
}
header .cta-menu a:before{
  display: none;
}







/*? -------------------------------------------------------------------------------- */
/*? OVERLAY */
/*? -------------------------------------------------------------------------------- */
.overlay-menu:not(.editor-styles-wrapper .overlay-menu) {
position: absolute;
width: 100%;
z-index: -1;
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
transition: clip-path 0.6s cubic-bezier(0.59, 0.03, 0.2, 1);
will-change: clip-path;
top: 70px;
left: 0px;
pointer-events: none;
}

.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione > div,
.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu{
  width: 100%;
}

.menu-open .overlay-menu{
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
  pointer-events: all !important;
}

.overlay-menu ul.menu{
gap: 5px;
}
.overlay-menu ul.menu > li{
/* padding: 0 !important; */
/* font-size: clamp(18px, 4vw, 22px); */
}
.overlay-menu ul.menu > li > a{
flex-direction: row;
align-items: center;
}
.overlay-menu ul.menu > li.menu-item-has-children .sub-menu > li > a{
font-size: 16px;
margin-bottom: 3px;
}
.overlay-menu .freccia-sub-menu{
position: relative;
top:2px;
}


/* altezza massima */
.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione{
max-height: 80vh;
overflow: auto;
}

.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu{
  position: relative;
  opacity: 1;
  visibility: visible;
  top: 0px;
  height: 0px;
  overflow: hidden;
  padding-left: 20px;
}

.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu > li:not(.cta-menu){
  border-bottom: 1px solid var(--color-linea);
  position: relative !important;
}
.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu > li:not(.cta-menu) > a{
  position: unset;
  justify-content: space-between;
}
.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu > li:not(.cta-menu) > a::before{
  bottom: -1px !important;
}


.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li{
  padding-bottom: 0px;
  border-bottom: none;
}

.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li > a{
  transition: color 0.25s;
}
.overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li > a:hover{
  color: var(--wp--preset--color--custom-uno) !important;
}


@media(min-width:1024px){
  .overlay-menu:not(.editor-styles-wrapper .overlay-menu) {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%) !important;
  }
}






/*? -------------------------------------------------------------------------------- */
/*? HEADER DARK HOME */
/*? -------------------------------------------------------------------------------- */
.header-dark-wrap .header-menu,
.header-dark-wrap .header_menu__row,
.header-dark-wrap .overlay-menu > .wp-block-cover__background{
  background-color: var(--wp--preset--color--custom-nero) !important;
}

.header-dark-wrap .logo-dark{
  display: none;
}

.header-dark-wrap .wp-block-create-block-t99-block-gutenberg-menu-navigazione ul.menu > li > a,
.header-dark-wrap .btn-menu,
.header-dark-wrap .overlay-menu .wp-block-create-block-t99-block-gutenberg-menu-navigazione .menu-item-has-children .sub-menu > li > a{
  color: var(--wp--preset--color--custom-bianco);
}




/*? -------------------------------------------------------------------------------- */
/*? LOGO - DARK + LIGHT */
/*? -------------------------------------------------------------------------------- */
.logo-light{
  display: none;
}
.header-dark-wrap .logo-dark{
  display: none;
}
.header-dark-wrap .logo-light{
  display: block;
}













/** -------------------------------------------------------------------------------- */
/* // PATTERN */
/** -------------------------------------------------------------------------------- */
/*? -------------------------------------------------------------------------------- */
/*? HERO WAVE */
/*? -------------------------------------------------------------------------------- */
.wave-hero{
  max-height: 46vh;
  position: absolute !important;
}



@media(max-width:781px){
  /* .hero__cover_contenuto{
    min-height: auto !important;
  } */
  .hero__copertina_foto{
    min-height: 450px !important;
  }
}





/*? -------------------------------------------------------------------------------- */
/*? QUOTE */
/*? -------------------------------------------------------------------------------- */
.wp-block-quote{
  border-left-color: var(--wp--preset--color--custom-uno);
  border-left-width: 5px;
}






/*? -------------------------------------------------------------------------------- */
/*? CARD BLOG */
/*? -------------------------------------------------------------------------------- */
.card_blog .card_blog__img img{
  transform: scale(1.02);
  transition: transform 0.25s var(--ease-out-power2);
}
.card_blog:hover .card_blog__img img{
  transform: scale(1.04);
}

/* pulsante allineato in basso */
.card_blog {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card_blog > .card_blog__gruppo_img {
  width: 100%;
  flex-shrink: 0;
}

.card_blog > .card_blog__gruppo_content {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* categorie */
.card_blog__categoria a{
  background-color: #6100ff2e;
  color: var(--wp--preset--color--custom-uno);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  padding: 5px;
  margin-right: 5px;
}
/* .wp-block-post-terms__separator{
  display: none;
} */





/*? -------------------------------------------------------------------------------- */
/*? ACCORDION */
/*? -------------------------------------------------------------------------------- */
.wp-block-accordion-heading__toggle{
  gap: 20px;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{
  text-decoration: none !important;
}
.wp-block-accordion-heading__toggle-title{
  font-family: var(--font-forma);
  line-height: 1;
  font-size: var(--wp--preset--font-size--titolo-grande);
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 20px;
  align-items: center;
}
.accordion_number{
  font-size: 18px;
  color: var(--wp--preset--color--custom-uno);
  min-width: max-content;
}
.wp-block-accordion-panel{
  max-width: 900px;
  padding-bottom: 40px;
  padding-left: 45px;
}
.wp-block-accordion-heading__toggle-icon{
  width: 55px;
  height: auto;
}
.wp-block-accordion-heading__toggle-icon svg{
  width: 100%;
}
.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{
  /* transform: rotate(-180deg); */
}


@media(max-width:781px){
  .wp-block-accordion-heading__toggle{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .wp-block-accordion-heading__toggle-icon{
    width: 40px;
  }
  .wp-block-accordion-panel{
    padding-left: 0px;
  }
}




/* ACCORDION ANIMAZIONE */
/* .wp-block-accordion-panel{
  height: 0;
  padding: 0;
  overflow: hidden;
} */






/*? -------------------------------------------------------------------------------- */
/*? TIMELINE */
/*? -------------------------------------------------------------------------------- */
.timeline_wrap {
  --timeline-dot: 30px;
  --timeline-dot-half: 15px;
  --timeline-line: 3px;
  --timeline-offset: 50px;
  --timeline-gap: var(--wp--preset--spacing--40);
}

.timeline_wrap .bullet_timeline {
  position: relative;
  --dot-scale: 0;
  --line-scale: 0;
}


/* PALLINO */
.timeline_wrap .bullet_timeline::before {
  content: "";

  position: absolute;
  top: 0;
  left: calc(var(--timeline-offset) * -1);

  width: var(--timeline-dot);
  height: var(--timeline-dot);

  border-radius: 50%;
  background-color: #5b00ff;

  transform: scale(var(--dot-scale));
  transform-origin: center;

  z-index: 2;
}


/* LINEA VERSO IL PUNTO SUCCESSIVO */
.timeline_wrap .bullet_timeline:not(:last-child)::after {
  content: "";

  position: absolute;

  top: var(--timeline-dot-half);

  left: calc(
    (var(--timeline-offset) * -1)
    + var(--timeline-dot-half)
    - 1.5px
  );

  width: var(--timeline-line);

  height: calc(
    100% + var(--timeline-gap)
  );

  background-color: #5b00ff;
  transform: scaleY(var(--line-scale));
  transform-origin: top;

  z-index: 1;
}


/* ----------------- WAVE */
.wave-timeline-cover{
  min-height: auto;
  position: absolute !important;
  left: 0;
  width: 46%;
  bottom: 0;
}


@media(max-width:781px){
  .wave-timeline-cover{
    width: 100%;
  }
}
















/** -------------------------------------------------------------------------------- */
/* // SERVIZI */
/** -------------------------------------------------------------------------------- */
/*? -------------------------------------------------------------------------------- */
/*? CARD */
/*? -------------------------------------------------------------------------------- */
.card_servizio{
  min-height: 450px;
  transition: var(--transition);
}
.card_servizio a::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.card_servizio:hover{
  background-color: var(--wp--preset--color--custom-uno) !important;
  color: var(--wp--preset--color--custom-bianco) !important;
}
.card_servizio:hover .has-numero-giant-font-size,
.card_servizio:hover a{
  color: var(--wp--preset--color--custom-bianco) !important;
}
.card_servizio:hover .card_servizio__freccia svg,
.card_servizio:hover .card_servizio__freccia svg rect{
  fill: var(--wp--preset--color--custom-bianco) !important;
}

.card_servizio{
  transform: translateY(0px);
  transition: var(--transition);
}
.card_servizio:hover{
  transform: translateY(-5px) !important;
}

.card_servizio .card_servizio__freccia{
  transform: translate(0px, 0px);
  transition: var(--transition);
}
.card_servizio:hover .card_servizio__freccia{
  transform: translate(5px, -5px);
}



@media(max-width:1400px){
  .query_card_servizi .wp-block-post-template{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media(max-width:900px){
  .query_card_servizi .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media(max-width:781px){
  .card_servizio{
    min-height: 350px;
  }
  .query_card_servizi .wp-block-post-template{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .card_servizio{
    padding-top: 15px !important;
  }
}






/*? -------------------------------------------------------------------------------- */
/*? ELENCO */
/*? -------------------------------------------------------------------------------- */
.loop_servizi_elenco__freccia svg{
  width: 100%;
}

.loop_servizi_elenco__wrap{
  cursor: pointer;
  transition: background-color 0.25s;
}
.loop_servizi_elenco__wrap:hover{
  background-color: #6100ff14;
}

.loop_servizi_elenco__freccia{
  position: relative;
  transform: translate(0px, 0px);
  transition: transform 0.25s;
}
.loop_servizi_elenco__wrap:hover .loop_servizi_elenco__freccia{
  transform: translate(10px, -10px);
}


@media(max-width:781px){
  .loop_servizi_elenco__content_wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .loop_servizi_elenco__row{
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
  }
  .loop_servizi_elenco__freccia > div{
    max-width: 40px;
  }
}







/*? -------------------------------------------------------------------------------- */
/*? CHIPS */
/*? -------------------------------------------------------------------------------- */
@media(max-width:600px){
  .chip-team{
    min-width: 100%;
  }
}










/** -------------------------------------------------------------------------------- */
/* // BLOG */
/** -------------------------------------------------------------------------------- */

/* FILTRI LOOP */
.loop_blog_filters .cvp-live-filter{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: clamp(20px, 4vw, 30px);
}
.loop_blog_filters .cvp-live-filter .btn{
  border: 1px solid #ccc;
  border-radius: 0px;
}
.cvp-live-filter.cvp-button input~div{
  padding: 8px 18px;
  transition: all 0.25s !important;
}
.cvp-live-filter.cvp-button input~div:hover{
  color: var(--wp--preset--color--custom-uno);
}




/* CARD LOOP  */
.loop_blog_loop .pt-cv-thumb-wrapper{
  margin-bottom: 0px;
}
.loop_blog_loop .pt-cv-page .pt-cv-content-item{
  background-color: #fff;
  border-width: none !important;
  border-style: none !important;
  box-shadow: none !important;
}

.loop_blog_loop  .pt-cv-remain-wrapper{
  margin-bottom: 0px;
}
.loop_blog_loop .pt-cv-meta-fields{
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}


.loop_blog_loop .terms {
  font-size: 0;
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.loop_blog_loop  .terms a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--wp--preset--color--custom-uno) !important;
  background-color: #6100ff2b;
  padding: 5px;
}

.loop_blog_loop .pt-cv-title a{
  font-family: var(--font-forma);
  font-weight: 300;
  font-size: 20px;
}

.loop_blog_loop .entry-date{
  color: var(--wp--preset--color--custom-nero);
}


/* ANIMAZIONE */
.loop_blog_loop .pt-cv-content-item .pt-cv-thumbnail{
  transform: scale(1.01);
  transition: transform 0.4s var(--ease-out-power2);
}
.loop_blog_loop .pt-cv-content-item:hover .pt-cv-thumbnail{
  transform: scale(1.04);
}



/* PAGINATION */
.loop_blog_loop .pt-cv-readmore{
  margin-bottom: 10px;
}


.pt-cv-overlay-box{
  display: block !important;
}





/*? -------------------------------------------------------------------------------- */
/*? SINGOLO POST */
/*? -------------------------------------------------------------------------------- */
.post_singolo_categorie a{
  background-color: #6100ff29;
  padding: 5px 10px;
  margin-right: 5px;
  transition: background-color 0.25s, color 0.25s;
}
.post_singolo_categorie a:hover{
  background-color: var(--wp--preset--color--custom-uno);
  color: var(--wp--preset--color--custom-bianco);
}


/* ** ELEMENTI */

/* img */
.single-post .wp-block-post-content .wp-block-image{
  max-width: 100%;
  margin: 20px 0px;
}

/* titoli */
.single-post .wp-block-post-content h1,
.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h4,
.single-post .wp-block-post-content h5,
.single-post .wp-block-post-content h6{
  margin-top: 20px;
  font-weight: 400;
  font-family: var(--font-forma);
}
.single-post .wp-block-post-content h2{
  font-size: var(--wp--preset--font-size--titolo-medio);
}
.single-post .wp-block-post-content h3{
  font-size: var(--wp--preset--font-size--titolo-piccolo);
}


/* table , pullquote */
.single-post .wp-block-post-content .wp-block-table,
.single-post .wp-block-post-content .wp-block-pullquote,
.single-post .wp-block-post-content .wp-block-quote{
  margin-bottom: 30px;
}
.single-post .wp-block-post-content .wp-block-pullquote{
  border-color: var(--wp--preset--color--custom-uno);
}
.single-post .wp-block-post-content .wp-block-pullquote cite{
  font-family: var(--font-forma);
  font-style: italic;
  font-size: 16px;
  font-weight: 200;
}




/** -------------------------------------------------------------------------------- */
/* // POSIZIONI */
/** -------------------------------------------------------------------------------- */

.loop_posizioni_elenco__freccia svg{
  width: 100%;
}

.loop_posizioni_elenco__wrap{
  cursor: pointer;
  transition: background-color 0.25s;
}
.loop_posizioni_elenco__wrap:hover{
  background-color: #6100ff14;
}

.loop_posizioni_elenco__freccia{
  position: relative;
  transform: translate(0px, 0px);
  transition: transform 0.25s;
}
.loop_posizioni_elenco__wrap:hover .loop_posizioni_elenco__freccia{
  transform: translate(10px, -10px);
}


@media(max-width:781px){
  .loop_posizioni_elenco__content_wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .loop_posizioni_elenco__row{
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
  }
  .loop_posizioni_elenco__freccia > div{
    max-width: 40px;
  }
}







/** -------------------------------------------------------------------------------- */
/* // FORM */
/** -------------------------------------------------------------------------------- */
.frm_dropzone{
  min-width: 100%;
}








/** -------------------------------------------------------------------------------- */
/* // FOOTER */
/** -------------------------------------------------------------------------------- */
.main-footer ul.menu{
  gap: 5px;
}
.main-footer ul.menu > li > a{
  position: relative;
  max-width: max-content;
}
.main-footer ul.menu > li > a:after{
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--wp--preset--color--custom-uno);
  transition: all 0.25s var(--hop);
}
.main-footer ul.menu > li > a:hover:after{
  width: 100%;
}


/* LOGO NEL CONTAINER */
.main-footer {
  container-type: inline-size;
}

@media (min-width: 782px) {
  .main-footer .logo-footer {
    margin-right: max(
      0px,
      calc(
        (100cqw - var(--wp--style--global--content-size)) / 2
        - var(--wp--style--root--padding-right)
      )
    );
  }
}


/* RICERCA */
.main-footer .cerca-footer .wp-block-search__inside-wrapper{
  background-color: var(--wp--preset--color--custom-nero);
  flex-direction: row-reverse;
}
.main-footer .cerca-footer .wp-block-search__inside-wrapper input{
  background-color: var(--wp--preset--color--custom-nero);
  color: var(--wp--preset--color--custom-bianco);
}
.main-footer .cerca-footer .wp-block-search__inside-wrapper input::placeholder{
  color: var(--wp--preset--color--custom-bianco) !important;
}

.main-footer .cerca-footer .wp-block-search__button{
  margin: 0;
  padding: 5px;
}

/* x ricerca */
.wp-block-search__input {
  appearance: none;
  -webkit-appearance: none;
}

/* Chrome, Safari, Edge */
.wp-block-search__input::-webkit-search-cancel-button,
.wp-block-search__input::-webkit-search-decoration,
.wp-block-search__input::-webkit-search-results-button,
.wp-block-search__input::-webkit-search-results-decoration {
  appearance: none;
  -webkit-appearance: none;
  display: none;
}

/* Browser Microsoft legacy */
.wp-block-search__input::-ms-clear,
.wp-block-search__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

@media(max-width:781px){
  .logo-footer{
    float: left !important;
    margin-left: 0px !important;
  }
}


@media(max-width:600px){
  .main-footer .footer-gruppo-ricerca > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
  }
}







/** -------------------------------------------------------------------------------- */
/* // GSAP */
/** -------------------------------------------------------------------------------- */
/* SPLIT WORDS */
.split-mask-line-mask {
  overflow-clip-margin: 0.12em !important;
  overflow: hidden;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
}












/** -------------------------------------------------------------------------------- */
/* // ! PRELOADER */
/** -------------------------------------------------------------------------------- */

html.preloader-seen #preloader {
	display: none !important;
}


#preloader{
  pointer-events: all;
}


#preloader .preloader-inner{
flex-direction: column;
gap: 20px;
justify-content: center;
}
  
/* .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: #ffffff20;
box-shadow: 32px 0 #ffffff20, -32px 0 var(--wp--preset--color--custom-uno);
}
50% {
background-color: var(--wp--preset--color--custom-uno);
box-shadow: 32px 0 #ffffff20, -32px 0 #ffffff20;
}
100% {
background-color: #ffffff20;
box-shadow: 32px 0 var(--wp--preset--color--custom-uno), -32px 0 #ffffff20;
}
} */




/* animazione */ 
/* logo */

#preloader-schema-logo{
  transform: translateX(50%);
}
#preloader-schema-logo #Rettangolo_1606{
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); /* sx -> dx */
}
#preloader-schema-logo #Rettangolo_1607{
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); /* dx -> sx */
}
#preloader-schema-logo #Rettangolo_1608{
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); /* bottom -> top */
}
#preloader-schema-logo #Rettangolo_1609{
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); /* top -> bottom */
}



/* scritta */
#preloader-schema-text{
  opacity: 0;
  /* clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); */
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}




/** -------------------------------------------------------------------------------- */
/* // VIEW TRANSITION */
/** -------------------------------------------------------------------------------- */


@view-transition {
navigation: auto;
  types: page;
}

:root {
  --vt-duration: 0.85s;
  --vt-easing: var(--hop);
  --vt-bg: var(--wp--preset--color--custom-uno);
}

@supports selector(::view-transition) {
  ::view-transition {
    background-color: var(--vt-bg);
    cursor: wait;
  }

  ::view-transition-image-pair(root) {
    isolation: isolate;
  }

  ::view-transition-group(root) {
    animation-duration: var(--vt-duration);
    animation-timing-function: var(--vt-easing);
    animation-fill-mode: both;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: var(--vt-duration);
    animation-timing-function: var(--vt-easing);
    animation-fill-mode: both;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform-origin: center;
  }

  ::view-transition-old(root) {
    z-index: 0;
    animation-name: page-out-editorial;
  }

  ::view-transition-new(root) {
    z-index: 1;
    animation-name: page-in-editorial;
  }
}

@keyframes page-out-editorial {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }

  100% {
    opacity: 0;
    transform: scale(0.965) translateY(-24px);
    filter: blur(8px);
  }
}

@keyframes page-in-editorial {
  0% {
    opacity: 1;
    clip-path: polygon(
      0 120%,
      100% 100%,
      100% 100%,
      0 120%
    );
    transform: scale(1.1) translateY(40px);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    clip-path: polygon(
      0 0%,
      100% 0,
      100% 100%,
      0 100%
    );
    transform: scale(1) translateY(0);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  @supports selector(::view-transition) {
    ::view-transition-group(root),
    ::view-transition-old(root),
    ::view-transition-new(root) {
      animation-duration: 1ms;
      animation-timing-function: linear;
    }

    ::view-transition-old(root),
    ::view-transition-new(root) {
      animation-name: none;
    }
  }
  @view-transition {
    navigation: none;
  }
}