/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/ 
/*
Breakpoints Salient:
LG -> (min-width: 1300px)
MD -> (min-width: 1000px) and (max-width: 1299px) // Il tema lo chiama Small desktop
SM -> (min-width: 691px) and (max-width: 999px)
XS -> (max-width: 690px)

Quando invece chiede mobile / tablet / desktop (es margin e padding con le iconcine) usa:
MD/LG --> (min-width: 1000px)
SM -> (min-width: 691px) and (max-width: 999px)   NB: di default le colonne bakery ereditano tablet portrait da dim. mobile
XS -> (max-width: 690px)

full-width-section è la riga con lo sfondo full
full-width-content è la riga con contenuto full
*/
@font-face {
    font-family: 'Din';
    src: url('assets/fonts/din-bold.woff2') format('woff2'),
         url('assets/fonts/din-bold.woff') format('woff'),
         url('assets/fonts/din-bold.svg#Din') format('svg');
    font-weight: 600;
    font-style: normal;
   font-display:swap;
}
@font-face {
    font-family: 'Din';
    src: url('assets/fonts/din-medium.woff2') format('woff2'),
         url('assets/fonts/din-medium.woff') format('woff'),
         url('assets/fonts/din-medium.svg#Din') format('svg');
    font-weight: 500;
    font-style: normal;
   font-display:swap;
}

@font-face {
    font-family: 'Din';
    src: url('assets/fonts/din.woff2') format('woff2'),
         url('assets/fonts/din.woff') format('woff'),
         url('assets/fonts/din.svg#Din') format('svg');
    font-weight: 400;
    font-style: normal;
   font-display:swap;
}

/*generali*/
.wpb_wrapper>div:only-child,
.wpb_wrapper>div:only-of-type {
    margin-bottom: 0;
}

.row .col img {
   margin-bottom:0;
}


body b,
body strong,
body .bold {
    font-family: Din;
    font-weight: 600;
}

.img-with-aspect-ratio img {
   width:100%;
   height:100%;
}



@media(min-width:691px){
   /*nectar post loop come griglia*/
   .nectar-post-grid.featured-first-item:not(.flickity-enabled) {
       display: grid;
       grid-template-rows: 1fr 1fr;
       grid-template-columns: 1fr 1fr;
      gap:20px;
   } 
   .nectar-post-grid.featured-first-item:not(.flickity-enabled) > div:first-child {
       grid-row-start: span 2;
   }
   .nectar-post-grid.featured-first-item:not(.flickity-enabled) > div:not(:first-child) .post-heading {
       margin-left: 0 !important;
      max-width:100%;
   }
}
@media(min-width:991px){
   .nectar-post-grid.featured-first-item:not(.flickity-enabled) > div:not(:first-child) .post-heading {
       margin-left: calc(25% + 70px) !important;
      max-width:75%;
   }
}

/*se nectar post grid è carosello*/
.nectar-post-grid .flickity-page-dots {
   bottom: -50px !important;
   text-align: left;
}
.nectar-post-grid .flickity-page-dots .dot {
    opacity: 1 !important;
    border-radius: 3px;
    border: 1.5px solid var(--nectar-extra-color-1);
    margin-right: 25px !important;
}
.nectar-post-grid .flickity-page-dots .dot::before {
    display: none;
}
.nectar-post-grid .flickity-page-dots .dot.is-selected {
    background-color: var(--nectar-extra-color-1);
}

.nectar-post-grid[data-text-color="light"] .flickity-page-dots .dot {
    border: 1.5px solid var(--nectar-extra-color-4);
}
.nectar-post-grid[data-text-color="light"] .flickity-page-dots .dot.is-selected {
    background-color: var(--nectar-extra-color-4);
}

#ajax-content-wrap .nectar-cta.nectar-inherit-label .link_text {
    text-transform: uppercase;
    font-weight: 400 !important;
    text-decoration: underline !important;
}
#ajax-content-wrap .nectar-cta.nectar-inherit-label .link_text svg {
    display: none;
}
/*
@media(max-width:690px){
   .nectar-post-grid .flickity-page-dots {
      bottom: -50px !important;
   }
}
*/


body [class^=icon-].icon-default-style {
   line-height: 1;
}
body [class*=" steadysets-icon-"], 
body [class*=" steadysets-icon-"].icon-default-style, 
body [class^=steadysets-icon-] {
   line-height:0.8;
}

/* CONTAINER */
.container-wrap {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}

@media(max-width:999px){   
   .in-container-da-tablet .img-with-aspect-ratio,
   .in-container-da-tablet .img-with-aspect-ratio img {
       border-radius: 0 !important;
   }
}
@media(min-width:1000px){
   #hero.in-container-da-tablet {
       max-width: 1500px;
       padding-left: 70px;
       padding-right: 70px;
   }
   /*content è tutto full: es la parte alta in Homepage o in Chi siamo --> stringo il contenuto nella section*/
   .in-container-da-tablet.full-width-content:not([id="hero"]) > .row-bg-wrap + div {
       max-width: 1500px;
       padding-left: 70px !important;
       padding-right: 70px !important;
      margin-left: auto !important;
        margin-right: auto !important;
   }
   /*section è full solo sfondo: es form annunci in pagina candidati --> stringo lo sfondo della section*/
   .in-container-da-tablet.full-width-section:not([id="hero"]) > .row-bg-wrap { 
       max-width: 1500px; 
       width: 100%;
       margin-left: 0;
       left: 0;
   }
}
@media(min-width:1510px){
   #hero.in-container-da-tablet {
       margin-left: 0 !important;
       margin-right: 0 !important;
       left: -70px !important;
   }
}



/*Alle ultime righe che non hanno bg con foto o colorat, metti margin bottom 100px*/
.main-content > .row > .wpb_row:last-of-type:not(:has(.row-bg-wrap .using-image)):not(:has(.row-bg-wrap .using-bg-color)) {
   margin-bottom: 40px;
}
@media(min-width:1000px) and (max-width:1199px) {
  .main-content > .row > .wpb_row:last-of-type:not(:has(.row-bg-wrap .using-image)):not(:has(.row-bg-wrap .using-bg-color)) {
      margin-bottom: 70px;
   } 
}
@media(min-width:1200px)  {
   .main-content > .row > .wpb_row:last-of-type:not(:has(.row-bg-wrap .using-image)):not(:has(.row-bg-wrap .using-bg-color)) {
      margin-bottom: 100px;
   }
}


/*icon with text*/
.iwithtext .iwt-text {
    line-height: 1.3;
}

/*.nectar-social.hover .share-btn {
    font-size: 0;
    width: 40px;
    height: 40px;
    border: 2px solid;
    border-radius: 3px;
    margin: 0;
    padding: 2px 7px;
}
.nectar-social.hover .share-btn i {
    margin: 0 !important;
    font-size: 23px !important;
}
*/

@media(max-width:1200px){
   #cta-contatti {
       text-align: center;
   }
}   


/*milestones*/
.nectar-milestone .subject {
    font-size: inherit !important;
}
.nectar-milestone .number {
    font-family: 'Din';
}


@media(max-width:690px){ 
    .nectar-milestone .number,
    .nectar-milestone .symbol {
        font-size: 30px !important;
        margin-bottom: 0;
    }
}
/*PULSANTI*/
a.nectar-button {
   cursor: pointer !important;
}

a.nectar-button {
   text-align: center;
}
a.nectar-button.see-through-2 {
   border-width:3px;
}
a.nectar-button.see-through-2:hover {
   border-color:#fff !important;
}
a.nectar-button.txt-bold {
    font-weight: 600;
}
/*body.material .nectar-button.jumbo:not([class*=see-through]) {
   padding:23px 25px !important;
}*/
body.material .nectar-button.jumbo {
    padding: 23px 25px !important
}
body.material .nectar-button:not(.notext) {
    min-width: 190px;
}

/*pulsante solo con freccia*/
.nectar-button.jumbo.has-icon.notext {
    padding: 20px 31px !important;
   margin-bottom:0;
}
.nectar-button.has-icon.notext svg {
    width: auto;
    height: 45px;
    transform: rotateY(180deg) translateX(-2px);
}
.wpb_row .col.dark .nectar-button.has-icon.notext[data-color-override="false"] svg path {
    fill: var(--nectar-extra-color-1);
}
.wpb_row .col.dark .nectar-button.has-icon.notext {
    border-color: var(--nectar-extra-color-1) !important;
}
.wpb_row .col.dark .nectar-button.has-icon.notext[data-hover-text-color-override="#ffffff"]:hover svg path {
    fill: #fff;
}
.wpb_row .col.dark .nectar-button.has-icon.notext[data-hover-text-color-override="#ffffff"]:hover {
    border-color: #fff !important;
}


@media(max-width:768px){
   .nectar-button.jumbo.has-icon.notext {
       padding: 13px 20px !important;
   }
   .nectar-button.has-icon.notext svg {
       height: 25px;
   }
   
   .nectar-button.btn-mobile-verde {
      background-color: var(--nectar-accent-color) !important;
      color:#fff !important;
   }   
   .nectar-button.btn-mobile-verde.see-through-2 {
      border-color: #fff !important;
   }
   .nectar-button.btn-mobile-verde:hover {
      background-color: var(--nectar-accent-color) !important;
      color:#fff !important;
   } 
   .nectar-button.btn-mobile-verde.see-through-2:hover {
      border-color: var(--nectar-accent-color) !important;
   }
}
@media(max-width:500px){
   .nectar-button.jumbo.has-icon.notext {
       /*padding: 13px 20px !important;*/
       padding: 3px 9px !important;
       border-radius: 6px !important;
       border-width: 1.5px !important;
   }
   .nectar-button.has-icon.notext svg {
       height: 22px;
      transform: rotateY(180deg) translateX(-1px) translateY(2px);
   }
}


/*Allineo i pulsanti solo se non è stata forzata la colonna (tranne desktop)...*/
.wpb_column.vc_column_container:not([class*="-text-align-"]) a.nectar-button[data-btn-align="center"] {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.wpb_column.vc_column_container:not([class*="-text-align-"]) a.nectar-button[data-btn-align="left"] {
    margin-left: 0;
    margin-right: auto;
    display: table;
}
.wpb_column.vc_column_container:not([class*="-text-align-"]) a.nectar-button[data-btn-align="right"] {
    margin-left: auto;
    margin-right: 0;
    display: table;
}

/*Hover verde - forse da togliere perché abbiamo tolto gli elementi con questa classe*/
.nectar-button.hover-verde {
    border:2px solid var(--nectar-extra-color-3);
}
.nectar-button.hover-verde:hover {
    background-color: var(--nectar-accent-color) !important;
   cursor: pointer;
   border:2px solid #fff;
}


@media(max-width:690px){ 
   a.nectar-button.jumbo {
      font-size: 22px !important;
       padding-left: 45px !important;
       padding-right: 45px !important;
       padding-top: 12px !important;
       padding-bottom: 12px !important;
   }
   a.nectar-button.large {
      font-size: 20px !important;
   }
}  
@media(min-width:691px){  
   a.nectar-button.jumbo {
       font-size: 23px !important;
   } 
   a.nectar-button.large {
       font-size: 21px !important;
   }
} 
@media(min-width:1201px){   
   a.nectar-button.jumbo {
       font-size: 28px !important;
   }
   a.nectar-button.large {
       font-size: 25px !important;    
       padding-top: 16px !important;
       padding-bottom: 16px !important;
   }
   #cta-contatti a.nectar-button.jumbo:not(.notext) {
       min-width: 300px;
   }
}


/*forzature allineamento testo*/
.wpb_column.force-phone-text-align-center .inner_row .wpb_text_column.text_direction_ltr {
    text-align: left;
}

@media(max-width:690px){
   .wpb_column.force-phone-text-align-center > .vc_column-inner >.wpb_wrapper > .iwithtext .iwt-text {
      padding-left:0;
   }
   
   .wpb_column.force-phone-text-align-center > .vc_column-inner >.wpb_wrapper > .iwithtext .iwt-icon {
       left: 50%;
       transform: translateX(-50%) scale(0.7);
       top: -30px;
   }
   
   body.page-id-38 .wpb_column.force-phone-text-align-center > .vc_column-inner >.wpb_wrapper > .iwithtext .iwt-icon {
       transform: translateX(calc(-50% - 61px)) scale(0.7);
       top: -5px;
   }  
}
@media (min-width:691px) and (max-width:999px) {
   .wpb_column.force-tablet-text-align-center > .vc_column-inner >.wpb_wrapper > .iwithtext .iwt-text {
      padding-left:0;
   }
   
   .wpb_column.force-tablet-text-align-center > .vc_column-inner >.wpb_wrapper > .iwithtext .iwt-icon {
       left: 50%;
       transform: translateX(-50%) scale(0.7);
       top: -30px;
   }
   
   body.page-id-38 .wpb_column.force-tablet-text-align-center > .vc_column-inner >.wpb_wrapper > .iwithtext .iwt-icon {
       transform: translateX(calc(-50% - 51px)) scale(0.7);
       top: -5px;
   }  
}



/*rotating words OLD
.nectar-rotating-words-title .dynamic-words {
   display: block !important ;
   clear: both !important ;
}
.nectar-rotating-words-title .dynamic-words span {
   color: var(--nectar-accent-color);
}
@media (max-width:999px) {
   .nectar-rotating-words-title {
      text-align: center;
   }
   .nectar-rotating-words-title .dynamic-words {
      left:50%;
      transform: translateX(-50%);
      margin-bottom:10px;
   }
}
@media(min-width:1000px){
    body.home .nectar-rotating-words-title .heading,
    .row-rotating-words .heading {
        font-size: 80px;
    }
}
@media(min-width:691px) and (max-width:999px) {
    body.home .nectar-rotating-words-title .heading,
    .row-rotating-words .heading { 
        font-size: 50px;
    } 
}

@media(max-width:690px){
    body.home .nectar-rotating-words-title .heading,
    .row-rotating-words .heading {
        font-size: 40px;
    }
}
*/

/*l’animazione che avevamo condiviso presenta una leggera 
sfumatura delle parole quando ruotano, non c’è quella 
sorta di “scatto” che vediamo sul sito. Allego la reference
, è possibile farla così?*/

.td-parole-animate {
   position: relative;
   display: block;
   height: 45px;
   width: 360px;
       line-height: 1;
}
.td-parole-animate > span {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 1;
   transform: translate(0%, -80%);
   transition: transform 1.3s, opacity 0.25s 0.25s;
   white-space: nowrap;
}
.td-parole-animate > span.td-attivo {
   opacity: 1;
   transform: translate(0%, 0%);
}
.td-parole-animate > span.td-prossimo {
   transform: translate(0%, 100%);
}
.td-parole-animate > span:not(.td-attivo) {
   opacity: 0; 
} 
@media(max-width:690px){
   .testo-dinamico {
       text-align: center;
   }
   .td-parole-animate {
      left:50%;
      transform:translateX(-50%);
   }
   .td-parole-animate > span {
      left: 50%;
      transform: translate(-50%, -80%);
   }
   .td-parole-animate > span.td-attivo {
      transform: translate(-50%, 0%);
   }
   .td-parole-animate > span.td-prossimo {
      transform: translate(-50%, 100%);
   }
}

/*DEBUG animazione
body.logged-in .td-parole-animate {
   background: antiquewhite;
}
body.logged-in.td-parole-animate > span {
   border:1px solid orange;
   opacity: 0.3 !important;
}
body.logged-in.td-parole-animate > span.td-attivo {
   border:1px solid red;
   opacity: 1 !important;
}
body.logged-in.td-parole-animate > span.td-prossimo {
   border:1px solid blue;
   opacity: 0.6 !important;
}*/

 

/* HEADER */ 
/* Mobile parte da 1200 in giù */
@media (min-width:1201px){
   #header-space {
      height: 121px; /*NB se si fanno modifiche alle proporzioni dell'header, modificare l'altezza dello space!*/
   }
   #header-outer #top .col.span_9 nav {       
       padding-left: 15px;
       padding-right: 15px;
       background: var(--nectar-extra-color-1);
         border-radius: 15px 0 0 15px;
   }
   /*non sticky*/
   #header-outer:not(.small-nav) #top .col.span_9 nav {
       border-radius: 15px;       
       margin-top: 18px;
       margin-bottom: 34px;
      transition: box-shadow 0.1s ease-in;
   }
   
   #header-outer #logo, 
   #header-outer .logo-clone, 
   #header-outer .logo-spacing {
      margin-top:25px;
      margin-bottom: 40px;
   }
   
   /*sticky*/
   #header-outer.small-nav #logo {
       margin-top: 10px !important;
       margin-bottom: 10px !important;
   }
    #header-outer.small-nav #top .col.span_9 nav {       
       box-shadow: 600px 0 0 var(--nectar-extra-color-1);
   }
   
   /*sottomenu separati con bordo top verde*/
   #header-outer #top .col.span_9 nav ul.sub-menu {
       /*min-width: 475px;*/
      width: auto;
       border-top: 3px solid var(--nectar-accent-color);
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin-top: 15px;
   }   
   /*sottomenu si adatta a lunghezza parole quindi devo evitare che si wrappino*/
   #header-outer #top .col.span_9 nav ul.sub-menu .menu-title-text {
      white-space: nowrap;
   }
   #header-outer .sf-menu>li>a>.sf-sub-indicator i {
      font-size:inherit;
   }
   
      
   /*tendina settori con scroll*/
   #header-outer #top .col.span_9 nav > ul > li > a[href$=".it/settori/"] + ul.sub-menu {
      max-height: 410px;
      overflow-y: auto;
      /*border-left: 5px solid #f9f5f5;
      border-right: 5px solid #f9f5f5;*/
      border-bottom: 15px solid #f9f5f5;
      padding-bottom: 5px;
   }    
   #header-outer #top .col.span_9 nav > ul > li > a[href$=".it/settori/"] + ul.sub-menu::-webkit-scrollbar {
      width: 6px;
   }
   #header-outer #top .col.span_9 nav > ul > li > a[href$=".it/settori/"] + ul.sub-menu::-webkit-scrollbar-track {
      background: #f9f5f5;
      border-radius: 0px;
      border-right:2px solid #f9f5f5;
      border-left:2px solid #f9f5f5;
   }
   #header-outer #top .col.span_9 nav > ul > li > a[href$=".it/settori/"] + ul.sub-menu::-webkit-scrollbar-thumb {
      background: #bbb;
      border-radius: 0px;
   }
   /*
   #header-outer #top .col.span_9 nav > ul > li > a[href$=".it/settori/"] + ul.sub-menu::-webkit-scrollbar-track-piece:start {
       background: transparent;
       margin-top: 10px;
   }
   #header-outer #top .col.span_9 nav > ul > li > a[href$=".it/settori/"] + ul.sub-menu::-webkit-scrollbar-track-piece:end {
       background: transparent;
       margin-bottom: 200px; 
   }*/
   
}
/*media particolare per stringere un po' il menu*/
@media (min-width:1201px) and (max-width:1329px){
   #header-outer #logo img, 
   #header-outer .logo-clone img, 
   #header-outer .logo-spacing img,
   #header-outer.small-nav #logo img, 
   #header-outer.small-nav .logo-clone img, 
   #header-outer.small-nav .logo-spacing img {
       height: 45px;
   }
   #header-outer #top .sf-menu > .sf-with-ul > a {
      padding: 10px 14px !important;
   }
   #header-outer #top .sf-menu > .sf-with-ul > a > .menu-title-text {
     font-size:22px !important;
   }
}

/*Header mobile*/
@media(max-width:999px){
   #header-outer:not(.scrolled-down) {
      padding-top: 20px !important;
      padding-bottom: 30px !important;
   }
   #header-outer:not(.scrolled-down) #mobile-menu {
       top: calc(99% + 35px);
   } 
}
/*header tablet*/
@media (min-width:1000px) and (max-width:1200px){
   #header-outer:not(.scrolled-down) {
      padding-top:0 !important;
      padding-bottom:0 !important;
   }   
   #header-outer:not(.scrolled-down) #mobile-menu {
       top: calc(99% + 0px);
   } 
   #header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
      margin-top:25px;
      margin-bottom: 30px;
   }
}
/*header mobile e tablet*/
@media(max-width:1200px){
   #header-outer.scrolled-down {
      padding-top: 9px !important;
      padding-bottom: 9px !important;
   }
   #header-outer.scrolled-down #mobile-menu {
       top: calc(99% + 9px); /*il valore è influenzato dal padding qui sopra*/
   }    
   
   /*il dynamic comprende solo un'opzione replicata su tutti, mentre noi da mobile abbiamo bisogno di uno scherma colore diverso*/
   body #header-outer #mobile-menu:before {
      background-color: var(--nectar-extra-color-1);
   }
   
   /*icona chiudi menu*/
   #top .slide-out-widget-area-toggle .close-line {
      width:1px;
   }
   #header-outer #top .slide-out-widget-area-toggle[data-custom-color=true] a {
      padding-right: 0;
   }
   #top .slide-out-widget-area-toggle a .close-wrap {
      height:30px;
   }
   
   #header-outer #mobile-menu::after {
       content: "";
       display: block;
       background-color: var(--nectar-extra-color-1);
       height: 70vh;
       width: 100%;
   }

   
   #header-outer #mobile-menu .menu-items-wrap {
       padding-left: 10px;
      padding-right: 10px;
   }

   #header-outer #mobile-menu ul li a {
       font-size: 18px !important;
       padding: 2px 0 !important;
   }
   #header-outer #mobile-menu ul li a > span {
       line-height: 1.2;
         padding: 8px 0;
   }
   #header-outer #mobile-menu a >.sf-sub-indicator i {
      font-size: 28px !important;
   }
   #header-outer #mobile-menu li.menu-item.menu-item-has-children > a > span > .sf-sub-indicator {
       display: none;
   }
   /*Lvl 1*/
   #header-outer #mobile-menu .menu-items-wrap > ul > li:not(:last-child) {
      border-bottom:2px solid #fff;
   }
   #header-outer #mobile-menu .menu-items-wrap > ul > li > a {
       padding: 12px 0 !important;
   }
   #header-outer #mobile-menu .menu-items-wrap > ul > li > a + ul {
       padding-bottom: 12px !important;
   }
}



/*breadcrumbs*/
#breadcrumbs {
   font-size:14px;
   padding-bottom: 18px;
   line-height: 1.3;
} 
.main-content #breadcrumbs {
    margin: 0;
}
#breadcrumbs a {
    text-decoration: none;
}
@media(max-width:1024px){
  /* .bc {
      max-width: var(--mobile-container-width);
      margin: 0 auto;
   }*/
}
@media (max-width:999px){
   .bc {
       width: var(--mobile-container-width);
       margin: 0 auto;
   } 
}
@media(min-width:1000px){
   #breadcrumbs {
      font-size:18px;
      padding-bottom: 20px;
   }
   .bc {
      padding: 0 70px;
   }
}
@media(min-width:1201px){
/*PS nella home non ci sono breadcrumbs, ma metto comunque un po' di spazio sopra se no resta troppo attaccato*/
   body.home #ajax-content-wrap {
      padding-top: 20px;
   }
}


/*Hero sections*/
#hero .post-image {
   margin-bottom:0;
}
#hero .hero-txt {
    font-size: 27.5px;
    line-height: 1.3;
    position: absolute;
    top: 35px;
    left: 15px;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-shadow: 0px 3px 20px rgb(0 0 0 / 20%);
    text-align: center;
    align-items: center;
    width: 90%;
}

#hero .hero-txt-link {
    position: absolute;
    bottom: 35px;
    right: 15px;
   padding-left: 15px;
   margin-bottom: 0;
}
#hero .hero-txt-link a {
   text-shadow: 0px 3px 25px rgb(0 0 0 / 70%);
   color: #fff;
    font-weight: 600;
    letter-spacing: 0.7px;
    font-size: 27.5px;
    line-height: 1.3;
   text-decoration: underline;
   display: block;
       text-align: right;
}

@media(max-width:999px){
   #hero .post-image,
   #hero .post-image img {
      border-radius:0 !important;
   }
}
@media(min-width:691px){
   #hero .hero-txt {
       font-size: 33px;
       top: 40px;
       left: 20px;
    align-items: left;
    text-align: left ;
    width: 90%;
   }
   #hero .hero-txt-link {
       bottom: 35px;
       right: 35px;
       padding-left: 35px;
   }
   #hero .hero-txt-link a {
       font-size: 30px;
   }
}
@media(min-width:1000px){
   #hero .hero-txt {
       font-size: 41px;
       top: 45px;
       left: 25px;
   }
   #hero .hero-txt-link a {
       font-size: 35px;
   }
}

@media(min-width:1301px){
   #hero .hero-txt {
       font-size: 55px;
       top: 50px;
       left: 30px;
   }
   #hero .hero-txt-link {
       bottom: 40px;
       right: 40px;
       padding-left: 40px;
   }
   #hero .hero-txt-link a {
       font-size: 37px;
   }
}




/*ctas*/
@media(min-width:1000px){
   .nectar-cta > .nectar-button-type {
       justify-content: space-between;
       display: flex;
   }
}



/*ARCHIVI*/
.archive .section-title {
   border: none !important;
}
.archive .post-area.full-width-content.standard-minimal {
   margin-left: 0 !important;
   left:0 !important;
   width: 100% !important;
   border: none;
}
.archive .posts-container {
   margin-bottom: 80px;
}
 



/*CF7*/
.wpcf7 {
   margin-top:40px;
   margin-bottom:20px;
}
.wpcf7-form p span {
   color: var(--nectar-extra-color-1);
}

form.wpcf7-form .hide-label label,
form.wpcf7-form .hide-label label + br {
    display: none;
}

form.wpcf7-form {
   display: flex;
   column-gap: 7%;
   justify-content: space-between;
   flex-wrap: wrap;
}
form.wpcf7-form > div {
   width: calc((100% - 7%)/2);
    margin-bottom: 3%;
}



form.wpcf7-form [data-class="wpcf7cf_group"] {
   width:100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   column-gap: 7%;
   margin-bottom:0;
}
form.wpcf7-form [data-class="wpcf7cf_group"] > div {
   width: calc((100% - 7%)/2);
    margin-bottom: 3%;
}


form.wpcf7-form .force-fw{
   width:100% !important;
}


form.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
form.wpcf7-form textarea,
form.wpcf7-form select {
    border: none !important;
    border-bottom: 2px solid var(--nectar-extra-color-1) !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
    color: var(--nectar-extra-color-1) !important;
    font-size: 22px;
   border-radius: 0 !important;
   opacity: 1 !important;
   margin-bottom: 0 !important;
}

form.wpcf7-form input:not([type="submit"])::placeholder,
form.wpcf7-form textarea::placeholder {
    color: var(--nectar-extra-color-1) !important;
    font-size: 22px;
   opacity: 1 !important;
   text-transform: uppercase;
}
form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus,
form.wpcf7-form select:focus {
    box-shadow: none !important;
}

form.wpcf7-form textarea[name="messaggio"]{
   line-height: 1.6;
   text-transform: none !important;
}
/*righe textarea ma meglio non inserirle perché poi se il testo è più lungo la scroll si muove e si sovrappongono
form.wpcf7-form textarea[name="messaggio"] {
    background-image: repeating-linear-gradient(to bottom,transparent 47px,transparent 93px,#fff 93px,#fff 95px); 
   line-height: 2.15;
}*/


/*select*/
form.wpcf7-form select.wpcf7-select {
    appearance: none;
   position:relative;
}
.wpcf7-form-control.ha-select2 + .select2 {
    border: none;
}
.wpcf7-form-control.ha-select2 + .select2 .selection .select2-selection {
    height: 40px !important;
   border: none;
   border-bottom: 2px solid var(--nectar-extra-color-1)!important;
       text-transform: uppercase !important;
    background-color: transparent !important;
   color: var(--nectar-extra-color-1) !important;
    font-size: 22px;
       border-radius: 0;
}
.wpcf7-form-control.ha-select2 + .select2 .selection .select2-selection .select2-selection__rendered {
   color: var(--nectar-extra-color-1) !important;
}

/*tendina*/
body.page span.select2-dropdown {
    border-top: 3px solid var(--nectar-accent-color) !important;
   margin-top: -2px;
}

/*freccetta*/
.wpcf7-form-control.ha-select2 + .select2 span.select2-selection__arrow b {
    display: none;
}
.wpcf7-form-control.ha-select2 + .select2 span.select2-selection__arrow::after  {
    /*content: "^" !important;    */
   content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.1 51.1' enable-background='new 0 0 27.1 51.1' xml:space='preserve'%3E%3Cpath fill='%230a3c5d' d='M25.2,46.8L4,25.6L25.2,4.3l1.1-1.1c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0L0.8,24.5c-0.6,0.6-0.6,1.5,0,2.1L24.2,50c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L25.2,46.8z'/%3E%3C/svg%3E");
    display: inline-block;
    position: absolute;
    right: 5px;
    width: 20px;
    height: 20px;
    transform: scale(.5) rotate(-90deg) translateX(85%);
    top: 50%;
}
.wpcf7-form-control.ha-select2 + .select2.select2-container--open span.select2-selection__arrow::after {
   transform: scale(.5) rotate(-90deg) translateX(85%) rotateY(180deg);
} 


/*check privacy*/
form.wpcf7-form .wpcf7-acceptance span label {
    display: flex;
    align-items: baseline;
    gap:10px;
}
form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
   margin-left: 0;
}
form.wpcf7-form .wpcf7-acceptance span label span {
    color: var(--nectar-extra-color-1);
    font-size: 20px !important;
}


form.wpcf7-form .wpcf7-checkbox.wpcf7-validates-as-required > span {
   margin-left: 0;
}

form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label {
   text-transform: uppercase;
}



p:has(.wpcf7-submit) {
   width:100%;
}
form.wpcf7-form .wpcf7-submit {
    text-align: center;
    margin: 0 auto !important;
    width: 280px !important;
    color: var(--nectar-extra-color-1) !important;
    background-color: var(--nectar-extra-color-3) !important;
   margin-top:30px !important; 
   /*border: 2px solid var(--nectar-extra-color-3);*/
   display: block;
   font-size: 28px;
}


form.wpcf7-form .wpcf7-submit:hover,
form.wpcf7-form .wpcf7-submit:active {
    background-color: #ccac28 !important;
   /*border: 2px solid #fff;*/
   color: var(--nectar-extra-color-1) !important;
   opacity: 1 !important;
}


/*checkbox e radio*/
form input[type="radio"],
form input[type="checkbox"] {
    appearance: none;
}

form input[type="radio"], 
form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    background-color: transparent;
   border:2px solid var(--nectar-extra-color-1);
    position: relative;
    top: 3px;
    margin-right: 3px;
}
form input[type="radio"] {
    border-radius: 30px;
}

/*checckati*/
form input[type="radio"]::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: var(--nectar-extra-color-1);
    visibility: hidden;
}
form input[type="radio"]:checked::before {
    visibility: visible;
}
/**/
form input[type="checkbox"]::before {
    content: '×';
    position: absolute;
    font-size: 24px;
    top: 2.5px;
    left: 1.5px;
	visibility: hidden;
    color: var(--nectar-extra-color-1);
	line-height: 12px;
}
form input[type="checkbox"]:checked::before {
    visibility: visible;
}

span.wpcf7-form-control-wrap[data-name="accett_privacy"] span.wpcf7-not-valid-tip {
    color: red;
    font-size: 16px;
    box-shadow: none;
}


/*Su negativo/sfondo blu*/
.wpb_row[data-midnight="light"] form.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpb_row[data-midnight="light"] form.wpcf7-form textarea,
.wpb_row[data-midnight="light"] form.wpcf7-form select {
    border-bottom: 2px solid #fff !important;
    color: #fff !important;
}

.wpb_row[data-midnight="light"] form.wpcf7-form input:not([type="submit"])::placeholder,
.wpb_row[data-midnight="light"] form.wpcf7-form textarea::placeholder {
    color: #fff !important;
}

/*select*/
.wpb_row[data-midnight="light"] .wpcf7-form-control.ha-select2 + .select2 .selection .select2-selection {
   border-bottom: 2px solid #fff !important;
   color: #fff !important;
}
.wpb_row[data-midnight="light"] .wpcf7-form-control.ha-select2 + .select2 .selection .select2-selection .select2-selection__rendered {
   color: #fff !important;
}

/*freccetta*/
.wpb_row[data-midnight="light"] .wpcf7-form-control.ha-select2 + .select2 span.select2-selection__arrow::after  {
    /*content: "^" !important;    */
   content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.1 51.1' enable-background='new 0 0 27.1 51.1' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M25.2,46.8L4,25.6L25.2,4.3l1.1-1.1c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0L0.8,24.5c-0.6,0.6-0.6,1.5,0,2.1L24.2,50c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L25.2,46.8z'/%3E%3C/svg%3E");
}


/*check privacy*/
.wpb_row[data-midnight="light"] form.wpcf7-form .wpcf7-acceptance span label span {
    color: #fff;
}


/*checkbox e radio*/
.wpb_row[data-midnight="light"] form input[type="radio"], 
.wpb_row[data-midnight="light"] form input[type="checkbox"] {
   border:2px solid #fff;
}

.wpb_row[data-midnight="light"] form span.wpcf7-form-control-wrap[data-name="accett_privacy"] span.wpcf7-not-valid-tip {
    color: red !important;
}

/*checckati*/
.wpb_row[data-midnight="light"] form input[type="radio"]::before {
    background: #fff;
}
/**/
.wpb_row[data-midnight="light"] form input[type="checkbox"]::before {
    color: #fff;
}

.wpb_row[data-midnight="light"] form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label {
   color: #fff;
}

/* form responsive */
@media(max-width:690px){
    form.wpcf7-form > div,   
   form.wpcf7-form [data-class="wpcf7cf_group"] > div {
        width: 100%;
       margin-bottom: 25px;
    }
    form.wpcf7-form {
        display: flex;
        flex-direction: column;
    }
    form.wpcf7-form .wpcf7-submit {
      font-size: 22px;
   }
   form.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
   form.wpcf7-form textarea,
   form.wpcf7-form select {
       font-size: 18px;
   }

   form.wpcf7-form input:not([type="submit"])::placeholder,
   form.wpcf7-form textarea::placeholder {
       font-size: 18px;
   }
}

#accett_privacy span.wpcf7-list-item-label {
    color: #fff !important;
}
.page-id-81 #accett_privacy span.wpcf7-list-item-label,
.postid-2576 #accett_privacy span.wpcf7-list-item-label {
    color: var(--nectar-extra-color-1) !important;
}


/*blocchi advisory*/
[class*="advisory"] .inner_row .wpb_text_column {
    /*font-size: 1.2rem;*/
}
.advisory-mappatura .inner_row::before,
.advisory-mappatura .inner_row::after {
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    background-color: var(--nectar-accent-color);
    border-radius: 50%;
}
   
.advisory-mappatura .inner_row::before {   
    top: 8%;
    right: -35px;
}
.advisory-mappatura .inner_row::after {
    top: calc(100% - 20px);
    left: 0;
}

[class*="advisory"] .toggles[data-br="15px"] .toggle.extra-color-1 {
   border-radius: 15px;
}
[class*="advisory"] .toggle.extra-color-1 {
    border: 1px solid var(--nectar-extra-color-1);
    padding: 30px 40px 20px;
   background-color: #fff;
}
[class*="advisory"] .toggle.extra-color-1 .toggle-title a {
    background-color: #fff;
   color: var(--nectar-extra-color-1);
   padding: 0;
}

[class*="advisory"] .toggle.extra-color-1 .toggle-title + div  {
   box-shadow: none;
}

.toggle>.toggle-title a i {
    position: absolute;
    left: calc(100% + 3px);
    color: var(--nectar-extra-color-1) !important;
    top: 5px;
    width: 18px;
   font-size: 20px;
}
.toggle>.toggle-title a i::before {
   /*content: "\f078" !important;*/
   content: "^" !important;
    
    display: inline-block;
     transform: scaleX(1.8) rotate(180deg);
}

.toggle.open>.toggle-title a i::before {
   /*content: "\f078" !important;*/
   transform: scaleX(1.8);
   
}



/* FOOTER */
#footer-outer .one-fourths.span_3 {
   padding-left: 0;
}
/*icone social*/
/*#prefooter{
   padding: 75px 0 15px;
}*/
/*#prefooter*/ .icone-social {
   display: flex;
   gap:25px;
}
/*#prefooter*/ .icone-social a {
    width: 45px;
    height: 45px;
    background-color: var(--nectar-extra-color-1);
    display: flex !important;
    align-items: center;
    justify-content: center;
   border-radius: 50%;
}
/*#prefooter*/ .icone-social a i {
    height: 45px;
    line-height: 49px;
       font-size: 22px;
}
/*#prefooter + .row {
   padding-top: 0 !important;
   padding-bottom: 10px !important;
}*/




#footer-widgets li.menu-item > a,
#footer-widgets a.come-menu {
    text-transform: uppercase;
}
#footer-widgets a.come-menu {
   font-size: 20.5px;
   font-weight: 500;
}
#footer-widgets .widget_nav_menu .menu > li > ul {
    padding-left: 0 !important;
}
#footer-widgets .widget_nav_menu .menu > li > ul > li > a {
    font-weight: 400 !important;
}

#copyright .loghi-risorse img {
    width: auto !important;
    max-width: 200px !important; /*260*/
    margin: 0px auto 20px;
    display: block;
}

#footer-outer #footer-widgets .col ul li:first-child >a, 
#footer-outer #footer-widgets .col ul li:first-child {
   padding-top:4px !important;
}
.material #footer-outer #footer-widgets .col ul li {
    line-height: 1.2;
    padding:5px 0 !important;
}

@media(max-width:690px){   
   #footer-outer .one-fourths.span_3 {
      margin-bottom: 15px !important;
   }
   #copyright {
       padding-top: 10px !important;
   }
}
@media(max-width:1200px){
   /*voci secondo livello*/
   #footer-widgets .widget_nav_menu .menu > li > ul > li > a  {
       font-size: 20px !important;
   }
}
@media(min-width:691px){
   #copyright .loghi-risorse {
       display: flex;
       gap: 30px;
       max-width: 630px;
       margin: 5px auto 15px;
   }
}
@media(min-width:1000px){
   /*#prefooter .icone-social {
      margin-left: 83.4%;
   }*/
   /*terza col è larga 2*/
   #footer-widgets .col:nth-child(2) {
       width: 49%;
      margin-right: 0;
   }
   #footer-widgets .col:nth-child(2) .menu > li > .sub-menu{
     columns:2;
      column-gap: 40px;
   }
   .icone-social {
        justify-content: end;
    }
    body #footer-outer .row {
        padding: 35px 0 !important;
    }
    #footer-outer #copyright[data-layout="centered"] .col.span_5 {
        max-width: 100%;
    }
   #footer-outer #copyright {
      padding-top:0 !important;
   }
}
@media(min-width:1201px){
   /*#prefooter{
      padding: 95px 0 25px; 
   }*/
   /*voci primo livello*/
   #footer-widgets .widget_nav_menu .menu > li > a,
   #footer-widgets a.come-menu  {
       font-size: 26px !important;
       margin-bottom: 8px;
       /*display: block !important;*/
       display: inline-block !important;
   }
   #footer-outer #copyright p {
      font-size:20px;
      line-height: 1.3 !important; 
   }
   /*terza col è larga 2*/
   /*#footer-widgets .col:nth-child(3) {
       width: 47%;
   }*/
    /*#footer-outer #copyright[data-layout="centered"] .col.span_5 {
        max-width: 90%;
    }*/
}



/*Global sections*/
.nectar-global-section > .container {
    padding: 0;
}


/*stile scrollbar*/
body::-webkit-scrollbar,
form.wpcf7-form textarea::-webkit-scrollbar {
    width: 6px;
}
/* the progress bar of the scrollbar. */
body::-webkit-scrollbar-track,
form.wpcf7-form textarea::-webkit-scrollbar-track {
    background: #051e2e;
    border-radius: 0px;
    border-right:2px solid var(--nectar-extra-color-1);
    border-left:2px solid var(--nectar-extra-color-1);
}
/* the draggable scrolling handle */
body::-webkit-scrollbar-thumb,
form.wpcf7-form textarea::-webkit-scrollbar-thumb {
  /*background: var(--nectar-extra-color-2);*/
  background: #cdcdcd;
  border-radius: 0px;
} 


/*
Breakpoints Salient:
LG -> (min-width: 1300px)
MD -> (min-width: 1000px) and (max-width: 1299px) // Il tema lo chiama Small desktop
SM -> (min-width: 691px) and (max-width: 999px)
XS -> (max-width: 690px)

Quando invece chiede mobile / tablet / desktop (es margin e padding con le iconcine) usa:
MD/LG --> (min-width: 1000px)
SM -> (min-width: 691px) and (max-width: 999px)   NB: di default le colonne bakery ereditano tablet portrait da dim. mobile
XS -> (max-width: 690px)
*/
@media(max-width:690px){
   .hide-mobile {
      display: none !important;
   }       
   [id*="fw"].bg-light-mobile, 
   .bg-light-mobile, 
   .bg-light-mobile .row-bg.using-bg-color {
      background-color: #fff !important;
   }
}
@media(min-width:691px) and (max-width:999px) {  /*era 1199 ma l'ho adattato al tema*/
   .hide-tablet {
      display: none !important;
   }
   [id*="fw"].bg-light-tablet, 
   .bg-light-tablet, 
   .bg-light-tablet .row-bg.using-bg-color {
      background-color: #fff !important;
   }
}

@media(min-width:1000px){  
   .hide-desktop {
      display: none !important;
   }
   [id*="fw"].bg-light-desktop, 
   .bg-light-desktop, 
   .bg-light-desktop .row-bg.using-bg-color {
      background-color: #fff !important;
   }
   
   /*se il bg è stato forzato light nel desktop, metto il colore dell'em a verde: per es. nella pagina Chi siamo*/
   .bg-light-desktop .nectar-highlighted-text em {
      color:var(--nectar-accent-color) !important;
   }
}

.nectar-highlighted-text em {
    padding-left: 0;
 }
.nectar-highlighted-text h1, 
.nectar-highlighted-text h2, 
.nectar-highlighted-text h3, 
.nectar-highlighted-text h4 {
    margin-bottom: 0;
}


/* paginazioni */
#pagination ul.page-numbers {
    display: flex;
    justify-content: center;
   /*align-items: center;*/
   margin-top: 30px;
}
/*#pagination ul.page-numbers > li {
    height:50px !important;
}*/

#pagination li .page-numbers {
   font-size: 28px !important;
   font-family: 'Din';
   font-weight: 400;
   line-height: 1;
   padding-top:0 !important;
   padding-bottom:0 !important;
   height: 44px !important;
}

#pagination li > a.prev, 
#pagination li > a.next {
    font-size: 0 !important;
}

#pagination li .page-numbers.current {
    background: none!important;
    color: var(--nectar-accent-color-1)!important;
    text-decoration: underline !important;
    text-underline-position: under !important;
}

/*metto chevron*/
#pagination .next.page-numbers::after, 
#pagination .prev.page-numbers::after {
    font-family: icomoon !important;
    visibility: visible;
    font-size: 35px;
    font-weight: 400;
   /*top: -4px;*/
    position: relative;
   line-height: 0.75;
   
}
#pagination .next.page-numbers::after {
    content: "\e607";
}
#pagination .prev.page-numbers::after {
    content: "\e608";
}


@media(min-width:1000px){ 
   .widget_media_image:has(.align-lg-right),
   .align-lg-right {
      text-align: right;
   }
}



/* Ectoplasma  da togliere 
#wpadminbar {
    color: #fff;
    background: #523f6d;
}
#wp-admin-bar-customize {
    display: none !important;
}*/


.wys-read-more {
    display: none; 
}

.wysiwyg-da-acf .chiudi-wys {
    cursor: pointer;
    color: var(--nectar-accent-color-1);
    position: relative;
    top: -10px;
}

.chiudi-wys {
    display: none; 
}
.wysiwyg-da-acf .chiudi-wys::after {
    content: ">";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 0;
    right: -4px;
    transform: rotate(270deg);
    display: inline-block;
}



.custom-punto-elenco li {
    padding-bottom: 5px;
    margin-bottom: 13px;
}

@media (min-width:691px) and (max-width:999px) {
    .custom-punto-elenco .col-sx {
        margin-bottom: 0 !important;
    }
}


/*caroselli*/
.owl-theme[data-desktop-cols] .owl-dots .owl-dot span {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: transparent;
    border: 2px solid var(--nectar-extra-color-1) !important;
}
 .span_12.dark .owl-theme .owl-dots .owl-dot.active span,
 .span_12.dark .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #0a3c5d !important;
 }
 .owl-theme[data-desktop-cols] .owl-dots .owl-dot.active span {
    transform: none !important;
 }

@media(max-width:999px){  
    .category-career-coach .wysiwyg-da-acf {
        text-align: center;
    }
    .select2-selection__rendered {
        font-size: 18px;
    }
}

.archive.tax-annuncio_settore #annunci-loop {
    margin-top: -40px;
    padding-bottom: 80px;
}

@media(max-width:999px){  
    #box-rimozione-arrow .settori-blocco .settori-head .s-riquadro i {
        display: none;
    }

    .archive.tax-annuncio_settore .nectar-button.jumbo.see-through-2.has-icon {
        margin-left: 0;
        margin-right: auto;
    }
    .archive.tax-annuncio_settore #annunci-loop {
        margin-top: -20px;
    }
}


/*accessibilità*/
.posizioni-interne a {
    color: #fff !important;
    text-decoration: underline !important;
}
.ann-non-trovati a {
    color: var(--nectar-extra-color-1);
    text-decoration: underline;
    text-underline-position: from-font;
}