/*
 Theme Name:     Tema child
 Description:    #
 Author:         Panese Think Digital
 Author URI:     https://www.panese.it/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* GENERAL
------------------------------------------------------- */

.et_pb_menu__logo img[src$=".svg"] {
    width: 200px;
}

body {
    font-weight: 400!important;
}

#et-main-area{
  max-width: 1600px;
  margin: auto;
}

.single .entry-content .et_pb_module.et_pb_text a {
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 500;
}

.single .entry-content .et_pb_module.et_pb_text a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 500;
    text-decoration-color: #35454F;
}

.single .entry-content .et_pb_module.et_pb_text a:hover {
    text-decoration-color: #a4b2b2;
}


/* MEDIA QUERY
------------------------------------------------------- */

/* Nascondi la sidebar */
#sidebar {
    display: none;
}

 
/*** Responsive Styles Tablet And Below ***/

@media (min-width: 1600px) {
html {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}
}

@media all and (max-width: 1380px) {
.et_pb_menu__logo img[src$=".svg"] {
  width: 140px;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
  font-size: 14px;
}
.et_pb_menu .et-menu>li{
  padding-left: 8px;
  padding-right: 5px;
}
}

@media (min-width: 980px) and (max-width: 1250px) {
    .et_pb_menu__logo img[src$=".svg"] {
      width: 140px;
    }
    .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
    width: 140px!important;
  }
    
    .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
      font-size: 12px;
    }
    
    .et_pb_menu .et-menu>li{
      padding-left: 8px;
      padding-right: 5px;
    }
    
    body.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.pulsante-menu a {
        background: #35454f !important;
        color: #fff !important;
        padding: 7px !important;
        padding-top: 7px !important;
        padding-right: 7px !important;
        padding-bottom: 7px !important;
        padding-left: 7px !important;
        border-radius: 100px;
        height: 24px!important;
        top: 25px!important;
        border: 3px solid #35454f;
        font-weight: 700px;
        cursor: pointer;
        line-height: 4px;
        display: inline-block;
        font-size: 9px;
    }
}

@media all and (max-width: 980px) {
	.column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
	
	.number-column .et_pb_column {
    margin-bottom: 60px;
}
	
}

 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	.de-inline-buttons .et_pb_button_module_wrapper {
  display: block;
}
.et_pb_button {
    font-size: 14px !important;
    text-align: center;
    line-height: 20px !important;
}

h2 {
font-size: 32px!important;
}
	
.single-post h1 {
    font-size: 30px !important;
}
.single-post h2, .single-post h3 {
    font-size: 25px !important;
}
	
input.wpcf7-form-control.wpcf7-submit.has-spinner.et_pb_button {
    width: 100%;
}

/*
.single-post .container .et_pb_row.et_pb_row_0 {
	padding-bottom: 10px;
}
*/

}

/* TOOGLE
------------------------------------------------------- */

.review .et_pb_toggle_close .et_pb_toggle_title {
    font-size: 15px !important;
    transition: font-size 0.3s ease;
}

.review .et_pb_toggle_open .et_pb_toggle_title {
    font-size: 0px !important;
    padding-right: 14px !important;
    transition: font-size 0.3s ease;
}

.review .et_pb_toggle_close .et_pb_toggle_title:before {
    font-size: 15px;
    transition: font-size 0.3s ease;
}

.review .et_pb_toggle_open .et_pb_toggle_title:before {
    font-size: 15px;
    transition: font-size 0.3s ease;
}


/* COLUMN
------------------------------------------------------- */

.flexible-column >.et_pb_column {
display: flex;
flex-direction: column;
justify-content: center;
}

.centra-verticale {
display: flex;
justify-content: center;
align-items: center; /* opzionale, per centrare orizzontalmente */
}

.et_pb_sticky.et_pb_section_3_tb_footer {
    opacity: 0; /* Inizialmente invisibile */
    visibility: hidden; /* Nascondi l'elemento */
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.et_pb_sticky.et_pb_section_3_tb_footer.visible {
    opacity: 1; /* Diventa visibile */
    visibility: visible; /* Rende visibile l'elemento */
}

/* BODY
------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
}

body, p {
    font-weight: 400;
}

/* PULSANTI
------------------------------------------------------- */


.single-post a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light {
    display: none;
}

.single.single-post .post {
    padding-bottom: 0px;
}

.single-post .et_pb_post {
    margin-bottom: 0px;
}


.de-inline-buttons .et_pb_button_module_wrapper {
  display: inline-block;
}


.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.pulsante-menu a {
    background: #35454f!important;
    color: #fff !important;
    padding: 15px !important;
    border-radius: 100px;
    height: 40px;
    top: 18px;
	border: 3px solid #35454f;
	font-weight: 700px;
	cursor: pointer;
	line-height: 4px;
    display: inline-block;
    font-size: 14px;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.pulsante-menu a:hover {
    background-color: #fff!important;
    color: #35454f!important;
	border: 3px solid #35454f;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.pulsante-menu.whatsapp a:before {
    content: '\f232';
    font-family: FontAwesome !important;
    font-weight: 400 !important;
    margin-right: 8px;
    font-size: 20px;
    vertical-align: bottom;
}

.et_pb_button {
    text-decoration: none !important;
}

/* ---Pulsante read more--- */

.et_pb_blog_0 .et_pb_post div.post-content a.more-link {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px!important;
    display: inline-block;
    padding: 5px 15px;
    background: #35454f;
    border-radius: 100px;
    color: #fff !important;
    margin-top: 15px;
    border: 3px solid #35454f;
	text-decoration: none !important;
}
.et_pb_blog_0 .et_pb_post div.post-content a.more-link:hover {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    padding: 5px 15px;
    background: transparent;
    border-radius: 100px;
    color: #35454f !important;
    margin-top: 15px;
    border: 3px solid #35454f;
}


/* ---Pulsante rivela sezione--- */

body:not(.et-fb) .rv_element { display: none; }
.et_pb_button.rv_button_opened:after { content:"\32"; }
.et_pb_button.rv_button_closed:after { content:"\33"; }


/* MENU
------------------------------------------------------- */

.et_pb_menu--style-left_aligned .et_pb_menu__logo{
  margin-right: 0px !important;
  max-width: 90%;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a:hover {
    background-repeat: no-repeat;
    background-size: 100% 26px;
    background-position: 0 50%;
    transition: background-size 0.25s ease-in;
}


.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li.current-menu-item a {
text-decoration: underline;
    text-underline-offset: 8px;
text-decoration-thickness: 2px;
text-decoration-color: #a4b2b2;
}

/* --- Mobile menu --- */

.et_mobile_menu {
    border-top: 0px;
	width: 100vw;
    left: -10vw;
}

.et_mobile_menu li a {
    border-bottom: 0px solid rgba(0, 0, 0, .03);
    padding: 10px 6%;
}

.et_pb_menu .et_mobile_menu {
    top: 100%;
    padding: 5%;
    padding-bottom: 5%;
}

.et_mobile_menu .pulsante-menu {
	margin-top: 12px;
    margin-left: 20px;
}


/* CF7
------------------------------------------------------- */

p.domanda-questionario {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}

.wpcf7 div {
    margin-bottom: 40px;
}

.questionario .wpcf7-list-item {
  display: block;
}

.questionario .btn-next{
  float: right;
}

.questionario .wpcf7-submit{
  float: right !important;
}

span.wpcf7-form-control.wpcf7-acceptance {
    font-size: 12px;
    line-height: 13px;
}


/* POST BLOG
------------------------------------------------------- */
#left-area{
  width: 100% !important;
  padding-right: 0px !important;
}

.et_right_sidebar #main-content .container:before{
  display: none !important;
}

.et_post_meta_wrapper{
  display: none;
}

body:not(.et-tb) #main-content .container{
  padding-top: 0px;
}


/* 
.single-post .container {
    width: 100%;
	max-width: 100%;
}

.single-post .container .et_pb_row.et_pb_row_1 {
    width: 80% !important;
}
*/

/* ==========================================================================
   STILI PER GRAVITY FORMS (Modifiche all'aspetto dei form)
   ========================================================================== */

/* Nasconde il titolo del form */
.gform_heading {
    display: none;
}

.gform_button.button, .gform_next_button {
    border-width: 3px !important;
    border-color: #35454F!important;
    border-radius: 100px!important;
    font-size: 15px!important;
    text-transform: uppercase !important;
    background-color: #35454F !important;
    padding-top: 15px !important;
    padding-right: 25px !important;
    padding-bottom: 15px !important;
    padding-left: 25px !important;
    color: #fff!important;
    font-weight: bold!important;
    border-style: solid!important;
}

.gform_previous_button {
  border-width: 3px !important;
  border-color: #35454F;
  border-radius: 100px;
  font-size: 15px;
  text-transform: uppercase !important;
  background-color: #fff !important;
  padding-top: 15px !important;
  padding-right: 25px !important;
  padding-bottom: 15px !important;
  padding-left: 25px !important;
  color: #35454F;
  font-weight: bold;
  border-style: solid;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    width: 100%;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    background-color: #eee;
    border: 0px solid;
    font-size: 16px;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    font-size: 12px;
    line-height: 13px;
    vertical-align: middle;
}

.gform_wrapper.gravity-theme .gfield_required {
  display:none;
}

.gform_confirmation_message {
    background: #e6eaea;
    padding: 20px;
    text-align: center;
}


/* ==========================================================================
   STILE SELETTORE MENU WPML
   ========================================================================== */
   
/* Desktop: in alto a destra */
@media (min-width: 981px) {
  
  li.menu-item.wpml-ls-item { /* Questa regola potrebbe essere specifica di un altro selettore WPML, la lascio */
    display: none!important;
  }
  
  #custom-language-switcher { /* Selettore Desktop (dropdown) */
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    width: 55px; /* Considera se 'auto' potrebbe essere meglio con scale */
    font-size: 14px;
    color: #35454f; /* Colore testo di fallback, WPML solitamente lo gestisce */
    transform: scale(0.7); /* Rende il selettore più piccolo */
  }

  /* Stili generali per il selettore desktop (non homepage) */
  #custom-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
  #custom-language-switcher .wpml-ls-legacy-dropdown-click a:focus,
  #custom-language-switcher .wpml-ls-legacy-dropdown-click a:hover {
    color: #000; /* Testo bianco su hover/focus */
    background: transparent; /* 'transparent' era scritto 'tranparent' */
  }

  #custom-language-switcher .wpml-ls-legacy-dropdown-click a {
    display: block;
    text-decoration: none;
    color: #35454f0!important; /* Testo bianco */
    border: 1px solid #35454f; /* Bordo bianco */
    background-color: transparent !important;
    padding: 4px 10px 6px 10px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
  }
  
  #custom-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border-top: 0px solid #cdcdcd!important; /* Nessun bordo superiore per il sottomenu desktop */
  }

  #custom-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item {
    margin-top: -1px; /* Leggera sovrapposizione per gli item del dropdown */
  }

  /* Nasconde il selettore mobile su schermi grandi */
  li.mobile-language-switcher {
    display: none !important;
  }
}

/* Stile globale per i link del dropdown WPML (potrebbe essere ereditato o sovrascritto) */
.wpml-ls-legacy-dropdown-click a { /* Questa regola era un po' isolata, verifica se serve globalmente o solo dentro #custom-language-switcher */
  background-color: transparent;
}


/* Mobile: Selettore lingue in linea dentro il menu */
@media (max-width: 980px) {
  /* Nasconde il selettore desktop su schermi piccoli */
  #custom-language-switcher {
    display: none;
  }

  /* Mostra e formatta il contenitore del selettore mobile */
  li.mobile-language-switcher {
    display: block !important; /* Assicura la visibilità sovrascrivendo regole desktop */
    width: 100%;
    padding: 10px 0; /* Spaziatura sopra/sotto il blocco lingue */
    order: 99; /* Se usi flexbox per il menu mobile, per spingerlo in fondo */
  }

  /* Contenitore principale dello shortcode WPML dentro il selettore mobile */
  .mobile-language-switcher .wpml-ls-statics-shortcode_actions {
    width: 100%;
  }

  /* Lista UL principale di WPML (livello 0) */
  .mobile-language-switcher .wpml-ls-statics-shortcode_actions > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; /* Allinea il suo figlio (li.wpml-ls-item-legacy-dropdown-click) */
    justify-content: center; /* Centra il blocco delle lingue */
    width: 100%;
    margin-top: 15px!important;
  }

  /* L'elemento <li> (livello 1) che contiene la lingua attiva E il sottomenu delle altre lingue */
  .mobile-language-switcher .wpml-ls-item-legacy-dropdown-click { /* Rimosso "> ul >" per maggiore flessibilità se la struttura WPML cambia leggermente */
    display: flex; /* I suoi figli (link lingua attiva e sottomenu ul) si disporranno in linea */
    flex-wrap: wrap; /* Permette alle lingue di andare a capo se non c'è abbastanza spazio */
    justify-content: left; /* Centra le lingue all'interno di questo contenitore */
    align-items: center; /* Allinea verticalmente gli elementi */
    width: auto; /* Adatta la larghezza al contenuto */
  }

  /* Link della lingua attiva (es. "English") */
  .mobile-language-switcher .wpml-ls-item-legacy-dropdown-click > a.js-wpml-ls-item-toggle {
    display: inline-block;
    padding: 5px 8px !important; /* Spaziatura e !important per sovrascrivere il 5% */
    margin: 2px 3px; /* Margine tra le lingue */
    text-decoration: none;
    border: none !important; /* Rimuovi bordi */
  }

  /* Nasconde la freccetta del dropdown (già presente nel tuo CSS) */
  .mobile-language-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    display: none !important;
  }

  /* Sottomenu <ul> (livello 2) che contiene le altre lingue */
  .mobile-language-switcher .wpml-ls-item-legacy-dropdown-click > ul.js-wpml-ls-sub-menu {
    display: flex !important; /* Forza la visualizzazione e usa flex per i suoi <li> */
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    position: static !important; /* Sovrascrive position:absolute */
    border: none !important; /* Sovrascrive bordi specifici del dropdown */
    background-color: transparent !important;
    box-shadow: none !important;
    width: auto !important;
  }

  /* Elementi <li> (livello 3) individuali dentro il sottomenu */
  .mobile-language-switcher .js-wpml-ls-sub-menu > li.wpml-ls-item {
    display: inline-block; /* O lascia che flex li gestisca */
    padding: 0;
    margin: 0; /* Il margine sarà sui link <a> */
  }

  /* Link <a> finali per ciascuna lingua (sia attiva che nel sottomenu) */
  .mobile-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-link {
    display: inline-block;
    padding: 5px 8px !important; /* Spaziatura e !important per sovrascrivere il 5% */
    margin: 2px 3px; /* Margine tra le lingue */
    text-decoration: none;
    border: none !important; /* Rimuovi bordi */
  }
  
  /* Stile del testo per le lingue (unificato) */
  .mobile-language-switcher .wpml-ls-legacy-dropdown-click a span.wpml-ls-native {
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 14px !important; /* Leggermente più piccolo per stare meglio in linea, puoi aggiustare */
    color: #35454f; /* Colore testo, adatta se necessario */
  }
  
  li.mobile-language-switcher a {
      font-weight: 500 !important;
      text-transform: uppercase !important;
      font-size: 14px !important; /* Leggermente più piccolo per stare meglio in linea, puoi aggiustare */
      color: #35454f!important; /* Colore testo, adatta se necessario */
  }

  /* Regola originale per il background del menu mobile Divi, la mantengo */
  body .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu ul, body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: transparent !important;
  }
}