/* ================================
   HEADER / PAGE-HEADER (SEMPLIFICATO)
   ================================ */

/* MENU STICKY ANCHE SULLA HOME (/avantune) */

/* 1. Menu fisso in alto (desktop) */
#usersite-container:not(.mobile-view) .title-nav-container {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}

/*
.not-intro-page #usersite-container .landing-page #page-header {
 position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
/* regola se vedi che il contenuto “sale” troppo sotto al menu */
/*
.not-intro-page #usersite-container .landing-page #content {
  padding-top: 195px; }
*/


/* Inner-page: il page-header parte subito dopo il menu */
.not-intro-page #usersite-container .inner-page #page-header {
  min-height: 0 !important;
  height: auto !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block !important;
}
.not-intro-page #usersite-container .inner-page #page-header + * {
  margin-top: 0 !important;
}
.not-intro-page #usersite-container .inner-page {
  display: flex;
  flex-direction: column;
}


/* Landing-page: stesso comportamento dell’inner-page */

.not-intro-page #usersite-container .landing-page #page-header {
  --responsive-header-height: none !important;
  --vh-mobile-header-height: unset !important;
  min-height: 0 !important;
  height: auto !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block !important;
}
.not-intro-page #usersite-container .landing-page #page-header + * {
  margin-top: 0 !important;
}
.not-intro-page #usersite-container .landing-page {
  display: flex;
  flex-direction: column;
}


/* Disattiva header extra che creano spazio */
#page_media_container { display: none !important; }
.default-page-header-area { display: none !important; }

/* ================================
   BACKGROUND / MEDIA-BACKGROUND
   ================================ */

/* <=600px */
@media only screen and (max-width: 600px) {
  media-background[mode="fixed"] {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    margin-right: -120px !important;
  }
}

/* >=600px */
@media only screen and (min-width: 600px) {
  media-background[mode="fixed"] {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    margin-right: 0 !important;
  }
}

/* Sezioni con override background */
#feature_row_19980300 { background: linear-gradient(#57413a, #f1f1f1) !important; }
#feature_row_19980300 media-background { display: none !important; }
#feature_row_19980301 { background-color: #f1f1f1 !important; }
#feature_row_19980301 media-background { display: none !important; }
#feature_row_19980302 { background-color: #f1f1f1 !important; }
#feature_row_19980302 media-background { display: none !important; }
#feature_row_19981653 { background: linear-gradient(#57413a, #f1f1f1) !important; }
#feature_row_19981653 media-background { display: none !important; }
#feature_row_19981654 { background-color: #f1f1f1 !important; }
#feature_row_19981654 media-background { display: none !important; }
#feature_row_19981655 { background-color: #f1f1f1 !important; }
#feature_row_19981655 media-background { display: none !important; }

@media only screen and (min-width: 1724px) {
  div#feature_row_19980298 media-background[mode="fixed"] {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-image: url(https://download.avantune.com/Public/web/images_newsletter/26soff.jpg) !important;
  }
}

/* ================================
   SWITCH CONTENUTI DESKTOP/MOBILE, LAYOUT, TESTI
   ================================ */

/* Mobile (<=600) */



@media only screen and (max-width: 600px) {
  #videoist_desk, #videoist_desk2 { display: none !important; }
  #videoist_mob,  #videoist_mob2  { display: block !important; }

  .titolo_landing20_desk_ita,
  #puls_landing20_desk_ita,
  .titolo_landing20_desk_eng,
  #puls_landing20_desk_eng { display: none !important; }

  .complexity { margin-top: 500px !important; }
  .bloccointro { margin-top: 0 !important; }
  .innwcom { width: 90% !important; }
  .flex-box { flex: 1 0 100px; margin: 0; background-color: #fff; padding-bottom: 10px; justify-content: center; }
  .logogcpw { width: 300px !important; }
}

/* >=600 */

@media only screen and (min-width: 600px) {
  #videoist_mob, #videoist_mob2 { display: none !important; }
  #videoist_desk, #videoist_desk2 { display: flex !important; }

  .titolo_landing20_mob_ita,
  #puls_landing20_mob_ita,
  .titolo_landing20_mob_eng,
  #puls_landing20_mob_eng { display: none !important; }

  .complexity { margin-top: 180px !important; }
  .bloccointro { margin-top: 0 !important; margin-bottom: 25px !important; }
  .sloganhp  { margin-top: 30px !important; }
  .sloganhp2 { margin-top: 90px !important; }
  .innwcom { width: 80% !important; }
  .flex-box { flex: 1 0 100px; margin: 10px; background-color: #fff; padding: 3px; justify-content: center; }
  .logogcpw { width: 350px !important; }
}

/* Altri feature_row mantenuti - sezioni video home ENG ed ITA */
#feature_row_20590492 { background: linear-gradient(#57413a, #f1f1f1) !important; }
#feature_row_20590492 media-background { display: none !important; }
#feature_row_23663425 { background: linear-gradient(#57413a, #f1f1f1) !important; }
#feature_row_23663425 media-background { display: none !important; }

/* Altri feature_row mantenuti - sezioni Contact Form home ENG ed ITA */
#feature_row_20590567 { background-color: #f1f1f1 !important; }
#feature_row_20590567 media-background { display: none !important; }
#feature_row_23663426 { background-color: #f1f1f1 !important; }
#feature_row_23663426 media-background { display: none !important; }

/* Sezione Testimonials Client ENG ed ITA */
#feature_row_20590590 { background-color: #f1f1f1 !important; }
#feature_row_20590590 media-background { display: none !important; }
#feature_row_23663427 { background-color: #f1f1f1 !important; }
#feature_row_23663427 media-background { display: none !important; }


/* Boh */
#feature_row_20419756 { background-color: #f1f1f1 !important; }

/* Banner mobile/desktop */
@media only screen and (min-width: 769px) { .bannermob { display: none !important; } }
@media only screen and (max-width: 768px) { .bannermob { width: 100% !important; } }

/* Colori & gradienti sezioni */
#feature_row_22760781,
#feature_row_22504461,
#feature_row_22728481,
#feature_row_22728055,
#feature_row_23128522,
#feature_row_23439863,
#feature_row_23439864,
#feature_row_23439865,
#feature_row_23439868,
#feature_row_23439869,
#feature_row_23442024,
#feature_row_23442025,
#feature_row_23442026,
#feature_row_23442029,
#feature_row_23442030,
#feature_row_23447468,
#feature_row_23447469,
#feature_row_23447470,
#feature_row_23447473,
#feature_row_23447474,
#feature_row_23447873,
#feature_row_23447874,
#feature_row_23447875,
#feature_row_23447878,
#feature_row_23447879 {
  background-color: #f1f1f1 !important;
}

#feature_row_23522388,
#feature_row_23522989,
#feature_row_23523098,
#feature_row_23523019,
#feature_row_23523145,
#feature_row_23523150,
#feature_row_23523176,
#feature_row_23663429 {
  background-color: #586574 !important;
}

#feature_row_23663419,
#feature_row_24757449,
#feature_row_24771456 { background: linear-gradient(#57413a, #f1f1f1) !important; }

#feature_row_24771455 { background: linear-gradient(to right, #57413a, #323232) !important; }

#feature_row_24829809,
#feature_row_23663418,
#feature_row_20590429,
#feature_row_23663424 { background: linear-gradient(to right, #6f3c30, #131313) !important; }

/* Layout vari */
@media only screen and (min-width: 1610px) {
  .titolo_seo, .sottotitolo_seo, .pulsante_seo { margin-left: 0 !important; }
}
.parenttag { display: grid; }
.childtag { justify-self: center; }

#footer-wrap #site-wide-footer .site-wrap { max-width: 1300px !important; }
#feature_row_15354303 { padding: 0px !important; }
#feature_row_15354301 { padding-bottom: 30px !important; }
.not-intro-page #usersite-container #site-wide-header { padding: 0 !important; }

#site-terms { padding: 0px !important; }
#site-wide-footer { padding: 0px !important; }


/* Form & testi */
#usersite-container form.simple_form textarea { font-size: 1em; min-height: 6em !important; }
#usersite-container form.simple_form .input label {
  align-items: center; display: flex; font-size: 1em; font-weight: 700; margin-bottom: 0 !important;
}
#custom_form_feature_722111,
#custom_form_feature_722615,
#custom_form_feature_722624 { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
#usersite-container section.custom_form_feature form { padding-top: 0 !important; }

#html_feature_824755, #html_feature_795498, #html_feature_811636, #html_feature_881011, #html_feature_881010 { padding: 0 !important; }

@media only screen and (min-width: 769px) { #form_629677, #form_633236 { padding-left: 50px !important; } }

/* Slick arrows nascosti */
.slick-prev.slick-arrow, .slick-next.slick-arrow,
.wcp-slick .slick-prev, .wcp-slick .slick-next { display: none !important; }

/* Blocchi bianchi con radius */
#feature_block_26969696,
#feature_block_26993544,
#feature_block_26993801 {
  background-color: #fff;
  border-radius: 0 0 30px 30px;
  padding-bottom: 35px;
  padding-left: 20px;
}

/* FORM SU Home Page ENG e ITA */

#feature_block_31144370 {
  background-color: #fff;
  border-radius: 0px 0px 30px 30px;
  padding-bottom: 16px;
  padding-left: 20px;
}

#feature_block_25944638,
#feature_block_31144380 {
  background-color: #fff;
  border-radius: 30px 30px 30px 30px;
  padding-bottom: 15px;
  padding-left: 20px;
}

/* Solo desktop largo: tieni il titolo su una riga */
@media (min-width: 1490px) {
  #feature_block_31144380 div[style*="font-size: 38px"] {
    white-space: nowrap;
  }
}


/* Iframe switches */
@media only screen and (min-width: 769px) { .iframemobile { display: none !important; } }
@media only screen and (max-width: 769px) { .iframedesktop { display: none !important; } }

/* Margini negativi specifici (se voluti) */
#feature_row_25487836,
#feature_row_25547910 { margin-top: -50px !important; }

/* Blog article container */
article.post.blog-article.single-item.post-single {
  margin-top: 50px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  max-width: 1200px !important;
}
/* Blog titolo font */
.meta.text-tertiary.alt-font {
  font-weight: 700 !important;  /* Bold */
  font-size: 20px !important;   /* Aumenta la dimensione del testo */
}
.heading-blog.text-main.alt-font {
  font-weight: 700 !important;  /* Bold */
  font-size: 20px !important;   /* Aumenta la dimensione del testo */
  color: #000000 !important;        /* Testo nero forzato */
}


/* Link bar */
#link_bar a { color: #ffffff !important; padding: 15px; font-weight: bold; float: left; margin-right: 20px; }
#link_bar a:link { color:#d0d0d0; background-color:#aaaaaa; }
#link_bar a:visited { color:#c0c0c0; background-color:#aaaaaa; }
#link_bar a:hover { color:#ffffff !important; background-color:#fa5a30; }
#link_bar a:active { color:#f0f0f0; background-color:#fa5a30; }

/* ------ FIX SCROLLING NON NECESSARIA QUI  ---------- */

/* =========================
   FIX SCROLL ORIZZONTALE MOBILE
   ========================= */

/* Stop globale allo scroll orizzontale */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Evita container più larghi del viewport (senza 100vw) */
#usersite-container,
#content,
.page,
.section,
[class*="feature_row"],
[class*="zoogle-column"] {
  max-width: 100%;
  overflow-x: hidden;
}

/* Titoli: non spezzare le parole a metà */
.titolo_seo,
.text-big {
  white-space: normal;
  overflow-wrap: normal;  /* niente break arbitrari */
  word-break: normal;     /* mantieni parole intere */
  hyphens: none;          /* niente sillabazione */
}

/* Solo MOBILE: rendi media fluidi e blocca eccedenze */
@media (max-width: 768px) {

  /* Immagini/media responsivi solo su mobile, per non alterare il desktop */
  img, video, canvas, iframe {
    max-width: 100%;
    height: auto;
  }

  /* Difesa contro regole con width:100vw presenti altrove */
  [style*="width:100vw"], .w-100vw {
    width: 100% !important;
  }

  /* Evita sforamenti laterali dei blocchi riga/immagini */
  [id^="feature_row_"] {
    overflow-x: hidden;   /* solo asse X, non taglia in verticale */
  }

  [class*="image-container"],
  [class*="image-and-text-feature-container"] {
    overflow-x: hidden;
  }

  /* Media background: non forzare larghezza, ma limita al viewport */
  media-background,
  media-background[mode="fixed"],
  [class*="banner"],
  [class*="hero"] {
    box-sizing: border-box;
    max-width: 100%;
    /* niente width:100% qui per non rompere layout con padding/margini */
  }
}

/* Desktop: non toccare il posizionamento delle immagini */
@media (min-width: 769px) {
  /* nessuna regola che cambi display/margini delle immagini */
}


/* ------ FINE FIX SCROLLING NON NECESSARIA QUI  ---------- */


/* Fix titoli lunghi che sforano su iPhone / mobile */
@media (max-width: 430px) {
  .titolo_seo,
  .titolo_seo * {
    /* permetti di andare a capo dentro parole lunghe */
    overflow-wrap: anywhere;      /* standard */
    word-break: break-word;       /* fallback */
    hyphens: auto;                /* se il font/lingua lo consente */
    -webkit-hyphens: auto;        /* iOS Safari */
    white-space: normal;          /* evita no-wrap ereditati */
  }

  /* un po’ di respiro ai lati per non tagliare */
  .titolo_seo {
    margin-left: 16px;
    margin-right: 16px;
    /* dimensione reattiva per schermi stretti */
    font-size: clamp(30px, 25vw, 40px) !important;
    line-height: 1.15 !important;
    overflow: visible;            /* evita clipping del contenitore */
  }
}

/* Fix titoli lunghi TEXT BIG che sforano su iPhone / mobile */
@media (max-width: 430px) {
  .text-big,
  .text-big * {
    /* permetti di andare a capo dentro parole lunghe */
    overflow-wrap: anywhere;      /* standard */
    word-break: break-word;       /* fallback */
    hyphens: auto;                /* se il font/lingua lo consente */
    -webkit-hyphens: auto;        /* iOS Safari */
    white-space: normal;          /* evita no-wrap ereditati */
  }

  /* un po’ di respiro ai lati per non tagliare */
  .text-big {
    /* dimensione reattiva per schermi stretti */
    font-size: clamp(30px, 25vw, 40px) !important;
    line-height: 1.15 !important;
    overflow: visible;            /* evita clipping del contenitore */
  }
}


/* Titolo SOLO nella pagina dell'articolo singolo */
.post.blog-article.single-item.post-single .heading-blog.text-main.alt-font {
    font-family: "Raleway", sans-serif !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    color: #000000 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
}


/*Gestione Bottoni FONT leggibile */


.button {
    background: white;
    color: white important;
    font-family: Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-variation-settings:
       "wdth" 100 !important;
}

.button.button-multiline.button-large {
    background: white;
    color: white important;
    font-family: Roboto, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-variation-settings:
       "wdth" 100 !important;
}

.button.button-multiline.button-extra-large {
    background: white;
    color: white important;
    font-family: Roboto, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-variation-settings !important:
       "wdth" 100 !important;
}

/* Test Video Player per mostrare schermata anche alla fine */

.video-js.vjs-ended .vjs-poster {
  display: block; !important;
}