#header-space, #header-outer, #footer-outer #copyright .span_7, #footer-outer #footer-widgets .container .row .col:last-child { display: none !important; } #footer-outer #footer-widgets .container .row .span_3 {width:31%}#footer-outer #footer-widgets .container .row #text-3{display:none !important;}

/* Stile per il contenitore principale */
.main-content h2{
  
}

/*Superiore background blu*/
.eth-articlech-bigtitleup{
  color: #fff;
}

a.eth-articlech-doublebox-blue h2{
  color: #fff !important;
}

a:not(.eth-articlech-doublebox-box).lp-new-button-special{
  text-decoration: underline;
}

.eth-articlech-bigtitleup h1{
  color: #fff;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 48px !important;
  letter-spacing: 2px !important;
  padding-top: 34px !important;
  max-width: 800px;
  margin: 0 auto;
}
.eth-articlech-bigtitleup p{
    padding-top: 20px;
    font-size: 16px !important;
    font-weight: 400;
    font-family: Roboto Fabbri Regular;
}

.eth-articlech-general-section h2 {
  font-weight: 700 !important;
  font-size: 2em !important;
  color: #012169 !important;
  padding-top: 45px;
}
.eth-articlech-general-section h3{
  font-weight: 500 !important;
  font-size: 1.3em !important;
  color: #012169 !important;
}
.eth-articlech-general-section p{
  font-weight: 400 !important;
  font-size: 18px !important;
  color: #000 !important;
  text-align: justify !important;
}


/* Stile comune per entrambi i box */
/* Contenitore principale */
.eth-articlech-doublebox {
    display: flex;
    flex-direction: column; /* Imposta la disposizione verticale (uno sopra l'altro) */
    font-family: 'Roboto Fabbri Regular', sans-serif;
    border: 2px solid #000;
    border-radius: 15px;
    overflow: hidden; /* Mantiene gli angoli arrotondati anche per i figli */
    display: flex;
    flex-direction: row;
}

/* Stile comune per entrambi i box */
.eth-articlech-doublebox-box {
    padding: 20px;
    text-align: center;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

/* Stili specifici per i box */
.eth-articlech-doublebox-blue {
    background-color: #007bff;
    color: white;
    border-right: 1px solid #000;
}
.eth-articlech-doublebox-blue-white {
    background-color: #fff;
    //color: white;
    border-right: 1px solid #000;
}

.eth-articlech-doublebox-white {
    background-color: #ffffff;
    color: #002b4d;
    border-left: 1px solid #000; /* Aggiunge la linea di separazione nera */
}
.eth-articlech-doublebox-white-blue {
    background-color: #007bff;
    color: #fff;
    border-left: 1px solid #000; /* Aggiunge la linea di separazione nera */
}
.eth-articlech-doublebox-white-blue h2{
  color: #fff !important;
}
.eth-articlech-doublebox-box h2 {
    font-size: 1.5em !important;
    margin-top: 0;
    margin-bottom: 20px;
}

.eth-articlech-doublebox-blue h2 {
  color: #fff;
}

/* Contenitore per le immagini */
.eth-articlech-doublebox-image-container {
    width: 100%;
    height: 300px; /* Altezza fissa per l'area dell'immagine */
    display: flex;
    align-items: center;
    justify-content: center;
}

.eth-articlech-doublebox-image-container img {
    max-width: 100%;
    max-height: 100%; /* L'immagine non supera mai 300px di altezza */
    height: auto;
    object-fit: contain;
}


/* FORM ARTICOLI */

/* Stile generale del contenitore del form */
.form-eth-article-lp {
    background-color: #ffffff; /* Sfondo bianco per il form */
    padding: 40px;
    border-radius: 8px;
    max-width: 600px; /* Larghezza massima del form */
    margin: 0 auto; /* Centra il form orizzontalmente */
    font-family: sans-serif; /* Utilizza un font sans-serif comune */
    text-align: center; /* Centra il testo all'interno del form */
}
.form-eth-article-lp p.form-eth-article-lp-topP{
  text-align: center !important;
  color: #333333 !important; /* Colore grigio scuro per il testo */
  margin-bottom: 0px;
  font-size: 16px !important;
}
.form-eth-article-lp input.form-input-lp{
  border-radius: 15px !important;
  padding: 12px !important;
  font-size: 25px !important;
  font-size: 22px !important;
  font-weight: 400;
}

.form-eth-article-lp .wpcf7-list-item{
  margin: 0 0 0 0 !important;
}

.form-eth-article-lp .wpcf7-list-item label{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.form-eth-article-lp .wpcf7-list-item label input, .form-eth-article-lp .wpcf7-list-item input[type="checkbox"] {
  display: flex;
  flex-direction: column;
}

.form-eth-article-lp .wpcf7-checkbox .wpcf7-list-item{
  display: flex;
  gap: 8px;
}

.form-eth-article-lp .wpcf7-list-item label span, .form-eth-article-lp span.wpcf7-list-item span.wpcf7-list-item-label {
  font-size: 12px !important;
  line-height: 12px !important;
  display: flex;
  flex-direction: column;
  font-family: "Roboto Fabbri Regular";
  font-weight: 400;
  text-align: left;
}

input.form-input-lp{
  border-bottom: none !important;
}
input.form-input-lp:focus{
  border-bottom: none !important;
}

/* Stile per il titolo principale del form */
.form-eth-article-lp h3 {
    color: #002d72; /* Colore blu scuro per il titolo */
    font-size: 32px !important;
    font-weight: bold !important;
}

/* Stile per i campi di input (nome, email, telefono) */
.form-input-lp {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0; /* Bordo grigio chiaro */
    border-radius: 8px;
    background-color: #f2f2f2; /* Sfondo grigio molto chiaro */
    font-size: 16px;
    box-sizing: border-box; /* Assicura che padding e border non aumentino la larghezza */
}

/* Stile per il placeholder dentro i campi di input */
.form-input-lp::placeholder {
    color: #aaaaaa; /* Colore grigio per il testo segnaposto */
}

/* Stile per la sezione della privacy policy e checkbox */
.privacy-policy-lp {
    text-align: left; /* Allinea a sinistra il testo delle checkbox */
    color: #333333;
    font-size: 14px;
    margin-bottom: 20px;
}

/* Aggiunge un po' di spazio tra le due checkbox (simulando i due elementi span di CF7) */
.privacy-policy-lp span.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 0px;
}

/* Stile per il pulsante di invio */
.form-eth-article-lp .container-article-submit-lp p{
padding-bottom: 0px; display: flex; justify-content: center; position: relative; margin: 0 auto;align-items: center;flex-direction: column;
}

body[data-button-style*="slightly_rounded"].ascend .container-wrap input[type="submit"], .wpcf7-form .form-eth-article-lp .form-submit-lp-article {
    text-transform: unset !important;
    background-color: #002d72; /* Colore blu scuro per il pulsante */
    color: #ffffff; /* Testo bianco */
    border: none;
    padding: 18px 25px;
    width: 100% !important;
    font-size: 28px !important;
    font-weight: bold;
    border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    cursor: pointer;
    margin-bottom: 20px;
    transition: background-color 0.3s; /* Effetto di transizione al passaggio del mouse */
    white-space: normal;
    height: auto;
    line-height: 1.4;
    font-weight: bold !important;
    margin-bottom: 0px !important;
    font-family: "Roboto Fabbri Bold" !important;
}


.form-text-special-lp2 p{
 display: flex !important;
 flex-direction: row !important;
 align-items: center; 
}

.form-submit-lp-article:hover {
    background-color: #001f50; /* Un blu leggermente più scuro al passaggio del mouse */
}

.iconlp2eth i[class*="fa-"], .iconlp2eth span[class*="fa-"]{
  top: 0px !important;
}

/* Stile per il testo finale "Gratuita / Senza impegno" */
.form-text-special-lp2 {
    color: #333333;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    gap: 16px;
    justify-content: center;
}

/* Stile per le icone a spunta (assumendo l'uso di Font Awesome come nell'HTML) */
.form-text-special-lp2 .fa-check-circle {
    color: #28a745; /* Colore verde per le spunte */
    margin-right: 5px;
}

/* CONTENITORE MENU */
/*
  CSS per la struttura HTML semplificata.
  La classe .lp-article-eth-menu-white è il nostro container flex principale.
*/

/* 1. Stile del contenitore principale del menu */
.lp-article-eth-menu-white {
    display: flex !important;
    justify-content: space-between !important; /* Spinge il logo a sinistra e i link a destra */
    align-items: center !important; /* Allinea tutto verticalmente al centro */
    background-color: #ffffff !important; /* Sfondo bianco */
    padding: 15px 40px !important; /* Spaziatura interna (15px sopra/sotto, 40px ai lati) */
    width: 100% !important; /* Assicura che occupi tutta la larghezza */
    box-sizing: border-box !important; /* Evita che il padding aumenti la larghezza totale */
}

/* 2. Stile per l'immagine del logo */
.lp-article-eth-menu-white-logo img {
    max-height: 50px !important; /* Imposta un'altezza massima per il logo */
    width: auto !important; /* Mantiene le proporzioni originali */
    display: block !important; /* Rimuove spazi extra sotto l'immagine */
}

/* 3. Stile per il contenitore dei link */
.lp-article-eth-menu-white-menulink {
    display: flex !important; /* Permette di usare 'gap' per spaziare i link */
    gap: 35px !important; /* Aggiunge uno spazio di 35px tra ogni link */
}

/* 4. Stile per i singoli link */
.lp-article-eth-menu-white-menulink a {
    text-decoration: none !important;
    color: #002d72 !important; /* Un blu scuro professionale */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important; /* Un peso di carattere medio */
    white-space: nowrap !important; /* Evita che il testo dei link vada a capo */
}

/* 5. Effetto opzionale per il passaggio del mouse */
.lp-article-eth-menu-white-menulink a:hover {
    text-decoration: underline !important;
}

.lp-article-menu-sticky-bar{
  position: fixed; z-index: 9999; width: 100% !important; margin-left: 0 !important;
}


@media (max-width: 1200px) {
    
    .lp-article-eth-menu-white-menulink a {
        font-size: 14px !important;
        white-space: normal !important; /* Permette al testo di andare a capo se necessario */
    }
    
    .lp-article-eth-menu-white-logo img {
        max-height: 38px !important; /* Imposta un'altezza massima per il logo */
        width: auto !important; /* Mantiene le proporzioni originali */
        display: block !important; /* Rimuove spazi extra sotto l'immagine */
    }
}

@media (max-width: 1040px) {

.lp-article-eth-menu-white-menulink{
  display: none !important;
}

}

/* --- Media Query per il mobile --- */
@media (max-width: 768px) {
  .eth-articlech-doublebox {
      flex-wrap: nowrap; /* Impedisce ai box di andare a capo */
      flex-direction: column;
  }
  .eth-articlech-doublebox-blue {
      background-color: #007bff;
      color: white;
      border-bottom: 1px solid #000;
      border-right: none;
  }
  
  .eth-articlech-doublebox-white {
      background-color: #ffffff;
      color: #002b4d;
      border-top: 1px solid #000;
      border-left: none; /* Aggiunge la linea di separazione nera */
  }
  
  /* 1. Il contenitore principale ora impila gli elementi verticalmente */
  .lp-article-eth-menu-white {
      flex-direction: column !important; /* Da orizzontale a verticale */
      justify-content: center !important; /* Centra il contenuto verticalmente */
      padding: 20px 15px !important; /* Più spazio verticale, meno orizzontale */
      gap: 20px !important; /* Aggiunge spazio tra il logo e il blocco dei link */
  }
  
  /* 2. Il contenitore dei link impila i link e li centra */
  .lp-article-eth-menu-white-menulink {
      flex-direction: column !important; /* Anche i link vanno in colonna */
      align-items: center !important; /* Centra i link testuali */
      gap: 15px !important; /* Spazio verticale tra ogni link */
      text-align: center; /* Assicura il centraggio del testo se va a capo */
  }
  
  /* 3. Aumentiamo leggermente la dimensione del font per la leggibilità */
  .lp-article-eth-menu-white-menulink a {
      font-size: 17px !important;
      white-space: normal !important; /* Permette al testo di andare a capo se necessario */
  }
  
  .eth-articlech-general-section p{
    text-align: left !important;
  }
  .eth-articlech-general-section h2{
    font-size: 1.5em !important;
  }
  
  .eth-articlech-bigtitleup h1{
     color: #fff;
     font-size: 24px !important;
     font-weight: 700 !important;
     line-height: 24px !important;
     letter-spacing: 2px !important;
     padding-top: 34px !important;
     max-width: 800px;
     margin: 0 auto;
  }
}

@media only screen and (max-width: 620px) {
 #footer-outer #footer-widgets .container .row .span_3{
   width: 100%;
   text-align: left;
 }
 .form-eth-article-lp{
   width: 100% !important;
   max-width: 96% !important;
 }
}
@media only screen and (max-width: 480px) {
 #footer-outer #footer-widgets .container .row .span_3{
   width: 100%;
   text-align: left;
 }
 .form-eth-article-lp{
   width: 100% !important;
   max-width: 96% !important;
 }
 .form-eth-article-lp h3{
   font-size: 20px !important;
   line-height: 20px !important;
 }
 .form-eth-article-lp input.form-input-lp, .eth-articlech-general-section p{
   font-size: 14px !important;
 }
 body[data-button-style*="slightly_rounded"].ascend .container-wrap input[type="submit"], .wpcf7-form .form-eth-article-lp .form-submit-lp-article{
   font-size: 18px !important;
 }
}

/* FIX VARI */
div#problemi-frequenti-confenzionamento, div#problemi-frequenti-supermercati, div#haufige-probleme-in-supermarkten, div#die-haufigsten-probleme-in-einer-metzgerei, div#probleme-haeufig-verpackung, div#problemes-courants-des-supermarches, div#les-problemes-les-plus-courants-en-boucherie, div#problemes-courants-dans-les-abattoirs {
  visibility: hidden;
}
.ethArticletextImage p:nth-of-type(2) {
    padding-bottom: 0px;
}