/*
Theme Name: tema child
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Amministratore
*/
@import url("../Divi/style.css");
/* Your awesome customization starts here */

/*tipografia*/

@font-face {
    font-family: 'HelveticaNeueCustom';
    src: url('https://www.tuosito.it/wp-content/uploads/2026/08/helveticaneue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


h1{
	font-size:98px!important;
	font-weight:700;
}

h2{
	font-size:45px!important;
	font-weight:700!important;
	 line-height:1.1em!important;
}

h3{
	font-size:20px!important;
	font-weight:700;
}

h4{
	font-size:16px!important;
	font-weight:400;
	line-height:normal!important;
}


p{
	font-weight: normal;
	line-height:1.4!important;
}

/*LOGO*/

#main-header.et-fixed-header #logo {
    filter: invert(1);
    transition: filter 0.3s ease;
}


/*MENU*/

/* Elimina il float, così il contenitore occupa tutta la larghezza */
#et-top-navigation {
    float: none !important;
    width: 100% !important;
	transition: none !important;
}

/* Il <nav> diventa un flex container a piena larghezza, che centra il suo contenuto */
#top-menu-nav {
    float: none !important;
    width: 90% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Il menu resta una riga flessibile dentro il nav */
#top-menu {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Stile voci menu */
#top-menu li a {
	
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 15px;
}

#top-menu li {
    padding: 0 15px;
}

#top-menu,
#top-menu a,
.et-menu-nav a {
    font-family: 'HelveticaNeueCustom', Arial, sans-serif !important;
    font-weight: 400;
}

#mobile_menu{
	background:#fff!important;
}

#mobile_menu .menu-item a {
  color: #000!important;
}


.solo-mobile {
  display: none !important;
}

/*menu in pagine senza hero*/

/* Sfondo bianco per il menu, solo sulla pagina Galleria Campi da Padel (ID 505) */
body.page-id-505 #main-header, 
body.page-id-514 #main-header, 
body.page-id-525 #main-header, 
body.page-id-538 #main-header, 
body.page-id-555 #main-header, 
body.page-id-571 #main-header,
body.page-id-582 #main-header,
body.page-id-588 #main-header,
body.page-id-582 #main-header,
body.page-id-600 #main-header,
body.page-id-690 #main-header,
body.page-id-3 #main-header,
body.page-id-748 #main-header{
  background-color: #ffffff !important;
}



/* Colore nero per i link del menu desktop */
body.page-id-505 #top-menu li a, 
body.page-id-514 #top-menu li a, 
body.page-id-525 #top-menu li a, 
body.page-id-538 #top-menu li a, 
body.page-id-555 #top-menu li a, 
body.page-id-571 #top-menu li a,
body.page-id-582 #top-menu li a,
body.page-id-588 #top-menu li a,
body.page-id-600 #top-menu li a,
body.page-id-690 #top-menu li a,
body.page-id-3 #top-menu li a,
body.page-id-748 #top-menu li a{
  color: #000000 !important;
}


/* Sostituisce il logo solo sulla pagina Galleria Campi da Padel (ID 505) */
body.page-id-505 #logo, 
body.page-id-514 #logo, 
body.page-id-525 #logo, 
body.page-id-538 #logo, 
body.page-id-555 #logo,
body.page-id-571 #logo,
body.page-id-582 #logo,
body.page-id-588 #logo,
body.page-id-600 #logo,
body.page-id-690 #logo,
body.page-id-3 #logo,
body.page-id-748 #logo{
  content: url('https://www.orangeid.it/fadini/wp-content/uploads/2026/08/fadini-dark.png') !important;
}

body.page-id-505 #main-header.et-fixed-header #logo, 
body.page-id-514 #main-header.et-fixed-header #logo, 
body.page-id-525 #main-header.et-fixed-header #logo, 
body.page-id-538 #main-header.et-fixed-header #logo, 
body.page-id-555 #main-header.et-fixed-header #logo,
body.page-id-571 #main-header.et-fixed-header #logo,
body.page-id-582 #main-header.et-fixed-header #logo,
body.page-id-588 #main-header.et-fixed-header #logo,
body.page-id-600 #main-header.et-fixed-header #logo,
body.page-id-690 #main-header.et-fixed-header #logo,
body.page-id-3 #main-header.et-fixed-header #logo,
body.page-id-748 #main-header.et-fixed-header #logo{
  filter: none !important;
}

/*burger mobile*/

body.page-id-505 .mobile_menu_bar:before, 
body.page-id-514 .mobile_menu_bar:before, 
body.page-id-525 .mobile_menu_bar:before, 
body.page-id-538 .mobile_menu_bar:before, 
body.page-id-555 .mobile_menu_bar:before, 
body.page-id-571 .mobile_menu_bar:before,
body.page-id-582 .mobile_menu_bar:before,
body.page-id-588 .mobile_menu_bar:before,
body.page-id-600 .mobile_menu_bar:before,
body.page-id-690 .mobile_menu_bar:before,
body.page-id-3 .mobile_menu_bar:before,
body.page-id-748 .mobile_menu_bar:before{
  color: #000000 !important;
}


/*footer*/

#footer-custom p, #footer-custom a{
	font-size:16px!important;
	
	
}

#footer-custom .line-height p{
	line-height:normal!important;
}


#footer-custom .link-bianco a{
	color:#fff!important;
}


/*galleria pag l'azienda*/
.mfp-title{
	display:none!important;
}

/*numeri perche sceglierci*/
.grid-numeri .cella .titolo {
	padding-bottom:0px!important;
}

/*caratteristiche principali*/

.grid-caratteristiche .numero {
  padding-bottom: 0px!important;
}




/*row nere*/

/* pagina azienda*/

  .lista-servizi {
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background: #000;
    font-family: Arial, Helvetica, sans-serif;
  }

  .lista-servizi .riga {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 30px 40px;
    background-color: #000;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    cursor: pointer;
    transition: background-color 0.25s ease;
    text-decoration: none;
  }

  .lista-servizi .riga {
    flex: 1;
  }

  .lista-servizi .riga:last-child {
    border-bottom: none;
  }

  .lista-servizi .riga .freccia {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: block;
  }

  .lista-servizi .riga .freccia img {
    width: 100%;
    height: 100%;
    display: block;
  }

  .lista-servizi .riga .freccia .rossa { display: none; }
  .lista-servizi .riga .freccia .bianca { display: block; }

  .lista-servizi .riga p {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #FF4D4D;
    line-height: 1.2;
    transition: color 0.25s ease;
  }

  .lista-servizi .riga:hover {
    background-color: #fff;
  }

  .lista-servizi .riga:hover p {
    color: #000000;
  }

  .lista-servizi .riga:hover .freccia .rossa { display: block; }
  .lista-servizi .riga:hover .freccia .bianca { display: none; }

/*fine row nere pag azienda*/


/*row nere pag coperture*/

  .lista-servizi {
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background: #000;
    font-family: Arial, Helvetica, sans-serif;
  }
  .lista-servizi .riga {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 30px 40px;
    background-color: #000;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    cursor: pointer;
    transition: background-color 0.25s ease;
    text-decoration: none;
  }
  .lista-servizi .riga {
    flex: 1;
  }
  .lista-servizi .riga:last-child {
    border-bottom: none;
  }
  .lista-servizi .riga .freccia {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: block;
  }
  .lista-servizi .riga .freccia img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .lista-servizi .riga .freccia .rossa { display: none; }
  .lista-servizi .riga .freccia .bianca { display: block; }
  .lista-servizi .riga p {
    margin: 0;
    color: #FF4D4D;
    transition: color 0.25s ease;
  }
  .lista-servizi .riga:hover {
    background-color: #fff;
  }
  .lista-servizi .riga:hover p {
    color: #000000;
  }
  .lista-servizi .riga:hover .freccia .rossa { display: block; }
  .lista-servizi .riga:hover .freccia .bianca { display: none; }

/*fine row nere pag coperture*/


/*lista caratteristiche principali dei prodotti*/


  .grid-caratteristiche {
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    background: transparent;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 0px 48px;
  }
  .grid-caratteristiche * {
    box-sizing: border-box;
  }
  .grid-caratteristiche .colonne {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .grid-caratteristiche .riga {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding: 32px 48px;
    border-top: 1px solid #e2e2e2;
  }
  .grid-caratteristiche .riga.r1,
  .grid-caratteristiche .riga.r2 {
    border-top: none;
  }
  .grid-caratteristiche .col-a {
    border-right: 1px solid #e2e2e2;
    padding-left: 0;
  }
  .grid-caratteristiche .col-b {
    padding-right: 0;
  }
  .grid-caratteristiche .numero {
    flex: 0 0 auto;
    margin: 0;
    font-size: clamp(32px, 4vw, 36px);
    font-weight: 800;
    color: #111111;
    line-height: 1.1;
    min-width: 70px;
    padding-bottom: 0px !important;
  }
  .grid-caratteristiche .testo {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: #111111;
    line-height: 1.4;
    padding-top: 6px;
  }


/*versione con testo nero*/

.grid-caratteristiche.variante-chiara {
  background: transparent;
}

.grid-caratteristiche.variante-chiara .numero {
  color: #fff;
}

.grid-caratteristiche.variante-chiara .testo {
  color: #fff;
}


/*overflow*/

html {
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative;
}



/*contact form richiesta preventivo*/
/* ==========================================================
   STILE FORM RICHIESTA - Contact Form 7
   Incolla questo CSS in Aspetto > Personalizza > CSS Aggiuntivo
   (oppure nel plugin che gestisci il CSS del tema)
   ========================================================== */

.richiesta-form {
  max-width: 900px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  color: #1f1f1f;
}

.richiesta-form .cf7-field {
  margin-bottom: 22px;
}

.richiesta-form label {
  display: block;
  margin: 0 0 2px;
  font-weight: 500;
  line-height: 1.3;
}
.richiesta-form label + br {
  display: none;
}

.richiesta-form .wpcf7-form-control-wrap {
  display: block;
  margin: 0;
}

/* Righe a colonne (2 o 3 campi affiancati) */
.richiesta-form .cf7-row {
  display: grid;
  gap: 20px;
  margin-bottom: 22px;
}
.richiesta-form .cf7-row-2 { grid-template-columns: 1fr 2fr; }
.richiesta-form .cf7-row-3 { grid-template-columns: 1fr 1fr 1fr; }
.richiesta-form .cf7-row .cf7-field { margin-bottom: 0; }

@media (max-width: 640px) {
  .richiesta-form .cf7-row-2,
  .richiesta-form .cf7-row-3 {
    grid-template-columns: 1fr;
  }
}

/* Input testo, email, tel, number, textarea */
.richiesta-form input[type="text"],
.richiesta-form input[type="email"],
.richiesta-form input[type="tel"],
.richiesta-form input[type="number"],
.richiesta-form textarea,
.richiesta-form select {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 12px;
  border: 1px solid #c9c9c9;
  border-radius: 6px;
  background-color: #fff;
  font-size: 14px;
  color: #1f1f1f;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.richiesta-form textarea {
  min-height: 90px;
  resize: vertical;
}

.richiesta-form input:focus,
.richiesta-form textarea:focus,
.richiesta-form select:focus {
  outline: none;
  border-color: #7ab3f5;
  box-shadow: 0 0 0 3px rgba(70, 140, 230, 0.25);
}

/* Select a tendina singola */
.richiesta-form select:not([multiple]) {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='%23555' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 34px;
}

/* Select multipli (Manto/i Gioco, Completamento) */
.richiesta-form select[multiple] {
  height: 120px;
  padding: 6px;
}
#completamento {
  height: 84px;
}

.richiesta-form div.cf7-field div.cf7-suffix-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100%;
}
.richiesta-form div.cf7-field div.cf7-suffix-wrap br {
  display: none !important; /* di sicurezza, nel caso venga inserito un <br> tra input e suffisso */
}
.richiesta-form div.cf7-field div.cf7-suffix-wrap span.wpcf7-form-control-wrap {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0;
  width: auto !important;
}
.richiesta-form div.cf7-field div.cf7-suffix-wrap input[type="number"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0;
  border-radius: 6px 6px 6px 6px !important;
  /*border-right: none !important;*/
  position: relative;
  z-index: 1;
}
.richiesta-form div.cf7-field span.cf7-suffix {
  display: flex !important;
  align-items: center;
  flex: 0 0 auto !important;
  padding: 0 12px;
  background: #f3f3f3;
  border: 1px solid #c9c9c9;
  border-radius: 0 6px 6px 0;
  color: #555;
  font-size: 13px;
  white-space: nowrap;
  margin-left: -1px; /* fa combaciare i due bordi senza doppia linea */
}
.richiesta-form div.cf7-field div.cf7-suffix-wrap input[type="number"]:focus {
  z-index: 2;
}

/* Radio: Disposti in modo (in linea) */
.richiesta-form .cf7-radio-inline .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin: 0 24px 0 0;
}

/* Radio: Visita (in colonna) */
.richiesta-form .cf7-radio-stack .wpcf7-list-item {
  display: block;
  margin: 0 0 8px 0;
}

.richiesta-form .wpcf7-list-item-label {
  margin-left: 6px;
}

.richiesta-form input[type="radio"],
.richiesta-form input[type="checkbox"] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  accent-color: #4a90e2;
}

/* Note testuali sotto ai campi */
.richiesta-form .cf7-note {
  margin: 6px 0 0;
  font-size: 12px;
  color: #7a7a7a;
}
.richiesta-form .cf7-note-italic {
  font-style: italic;
}

/* Blocco accettazione privacy */
.richiesta-form .cf7-acceptance .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
}
.richiesta-form .cf7-acceptance-label {
  margin-left: 6px;
  font-weight: 500;
}
.richiesta-form .cf7-acceptance-label::after {
  content: " *";
  color: #d33;
}

/* Testo legale in fondo */
.richiesta-form .cf7-legal {
  font-size: 11px;
  line-height: 1.5;
  color: #8a8a8a;
  margin: 18px 0 24px;
}

/* Pulsanti */
.richiesta-form .cf7-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.richiesta-form .cf7-actions br {
  display: none; /* di sicurezza, nel caso WordPress inserisca un <br> tra i due pulsanti */
}
.richiesta-form .cf7-actions input[type="submit"],
.richiesta-form .cf7-actions .cf7-cancel-btn {
  width: auto;
}

.richiesta-form input[type="submit"] {
  background-color: #2f80ed;
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .15s ease;
}
.richiesta-form input[type="submit"]:hover {
  background-color: #1f6fe0;
}

.richiesta-form .cf7-cancel-btn {
  background-color: #eaeaea;
  color: #333;
  border: 1px solid #d0d0d0;
  padding: 10px 22px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .15s ease;
}
.richiesta-form .cf7-cancel-btn:hover {
  background-color: #ddd;
}

/* Messaggi di validazione CF7 */
.richiesta-form .wpcf7-not-valid-tip {
  font-size: 12px;
  color: #d33;
  margin-top: 4px;
}
.richiesta-form .wpcf7-form-control.wpcf7-not-valid {
  border-color: #d33;
}
/*------------------------------------------------------------------------------------------*/

@media (max-width: 1020px) {
	
	h1{
	font-size:88px!important;
	
}
			h3{
	font-size:17px!important;
	font-weight:700;
}

h4{
	font-size:15px!important;
	font-weight:400;
}
	
	.big-list p{
		font-size:20px!important;
	}
	
	.grid-numeri .cella .titolo {
    font-size: 23px;
    font-weight: 700;
  }
		
}





@media (max-width: 980px) {
	#top-menu-nav{
		display:none!important;
	}
	
	h1{
	font-size:78px!important;
	
}
	.slide-content {
		position: absolute;
		left: 5%!important;
		right: 10%!important;
		max-width: 800px!important;
		z-index: 2!important;
 
}
		h3{
	font-size:16px!important;
	font-weight:700;
}

h4{
	font-size:14px!important;
	font-weight:400;
}
	.solo-mobile {
    display: block !important;
  }

	#main-header .container{
		width:90%!important;
	}
	
	.grid-numeri .cella .titolo {
    font-size: 23px!important;
    font-weight: 700!important;
  }
	
	    .grid-caratteristiche {
      padding: 0px 20px;
    }
    .grid-caratteristiche .colonne {
      grid-template-columns: 1fr;
    }
    .grid-caratteristiche .col-a,
    .grid-caratteristiche .col-b {
      border-right: none;
      padding-left: 0;
      padding-right: 0;
    }
    .grid-caratteristiche .riga {
      padding: 24px 0;
      gap: 20px;
      border-top: 1px solid #e2e2e2;
    }
    .grid-caratteristiche .riga.r1 {
      border-top: none;
    }
    .grid-caratteristiche .riga.r2 {
      border-top: 1px solid #e2e2e2;
    }
    .grid-caratteristiche .riga.r1 { order: 1; }
    .grid-caratteristiche .riga.r3 { order: 2; }
    .grid-caratteristiche .riga.r5 { order: 3; }
    .grid-caratteristiche .riga.r7 { order: 4; }
    .grid-caratteristiche .riga.r9 { order: 5; }
    .grid-caratteristiche .riga.r2 { order: 6; }
    .grid-caratteristiche .riga.r4 { order: 7; }
    .grid-caratteristiche .riga.r6 { order: 8; }
    .grid-caratteristiche .riga.r8 { order: 9; }
    .grid-caratteristiche .riga.r10 { order: 10; }


}



@media (max-width: 767px) {
	
	h1{
	font-size:35px!important;
	
}
	h2{
	font-size:25px!important;
	
}
	
	p{
		font-size:18px!important;
	}
	
	.big-list a{
		padding-left:20px!important;
		padding-right:20px!important;
	}

}

@media (max-width: 300px) {
	
	h1{
	font-size:35px!important;
	
}
	



}