/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/***********************/
/*    FORM CONTATTI    */
/***********************/
.contatti{
 background-color: #39393A;
 background-position: bottom;
 background-repeat:no-repeat;
 background-size: contain;
}
.contatti:not(.popupForm){
 background-image: url(/wp-content/uploads/2023/10/decorazione-form-scaled.webp);
}
.gridContatti{
 display: flex;
}
.gridContatti{
 justify-content: space-between;
}
h2.titleContatti, p.textContatti, .contatti form, .contatti input, p.titlePopup, .privacy-label p, .info-label p, p.textPopup{
 font-family: 'Lato';
}
span.lightCyan, h2.titleContatti, span.ninja-forms-req-symbol, p.titlePopup, .privacy-label p span{
 color: #90CEC9 !important;
}
span.boldText, h2.titleContatti, p.titlePopup{
 font-weight: 900;
}
p.textContatti, p.textPopup{
 color: white;
} 
p.textContatti:last-child {
 margin-bottom: 0;
}
span.italicText{
 font-style: italic;
}
input:not([type=submit]) {
 background-color: transparent !important;
 border: 1px solid #fff !important;
}
.contatti form, .contatti input{
 color: white;
 font-size:18px !important;
}
input[type=submit] {
 background-color: #90CEC9  !important;
 border: 1px solid #90CEC9 !important;
 font-weight: 900; 
 border-radius: 6px !important;
 width: 100% !important;
}
input[type=submit]:hover {
 background-color: transparent  !important;
 color: #90CEC9 !important;
}
.nf-form-fields-required{
 margin-bottom: 15px;
}
.privacy-label p, .info-label p {
 font-size: 18px;
 line-height: 20px;
 margin-bottom: 0;
}
.privacy-label .nf-field-label, .info-label .nf-field-label{
 width: min-content !important;
 height: 3px;
}
.privacy-label .nf-field-description, .info-label .nf-field-description{
 margin-right: 0 !important;
}
.privacy-label span.ninja-forms-req-symbol{
 display:none !important;
}
.privacy-label .field-wrap, .info-label .field-wrap{
 align-items:flex-start;
}
/************************/
/*     POPUP FORM       */
/************************/
.popupForm.showPopupForm {
 z-index: 997;
 opacity: 1;
 transform: scale(1);
 overflow-y:scroll;
}
.popupForm {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
 opacity: 0;
 transition: all .3s ease-in-out;
 transform: scale(0);
}
.closePopupForm {
 cursor: pointer;
 position:absolute;
 font-size: 30px;
}
.closePopupForm span {
 color: #fff;
 font-weight: 700;
 font-family: sans-serif;
}
.openForm a {
 pointer-events: none;
}
.openForm{
 cursor: pointer;
}
p.titlePopup, p.textPopup{
 text-align: center;
}
p.textPopup{
 margin-inline: auto;
}
.col2-popupForm {
 margin: auto;
}
.nf-field-container .checkbox-wrap .nf-field-label label {
 font-size: 0;
 margin-top: 20px;
}
/*************************/
/*    DICONO DI ALINA    */
/*************************/
.diconoAlina{
 background-color: white;
}
.gridDicono{
 display:flex;
}
h2.titleDicono{
 font-family: 'Tenor Sans';
 color: #707070;
}
@media (max-width: 550px){
 /***********************/
 /*    FORM CONTATTI    */
 /***********************/
 .contatti{
  padding: 15vw 7vw 18vw;	
 }
 .gridContatti{
  grid-gap: 9vw;
 }
 h2.titleContatti, p.textPopup{
  margin-bottom: 9vw;
 }
 p.textContatti, p.textPopup{
  font-size: 5.2vw;
  line-height: 5.8vw;
 }
 p.titlePopup{
  margin-bottom: 5vw;
 }
 /*************************/
 /*    DICONO DI ALINA    */
 /*************************/
 .diconoAlina{
  padding: 15vw 7vw;	
 }
 h2.titleDicono{
  margin-bottom:9vw;
 }
 .gridDicono{
  flex-direction:column;
 }
}
@media (min-width: 551px) and (max-width: 766.9px){
 /***********************/
 /*    FORM CONTATTI    */
 /***********************/
 .contatti{
  padding: 15vw 8vw 18vw;	
 }
 .gridContatti{
  grid-gap: 8vw;
 }
 h2.titleContatti, p.textPopup{
  margin-bottom: 8vw;
 }
 p.textContatti, p.textPopup{
  font-size: 4.7vw;
  line-height: 5.3vw;
 }
 p.titlePopup{
  margin-bottom: 5vw;
 }
 /*************************/
 /*    DICONO DI ALINA    */
 /*************************/
 .diconoAlina{
  padding: 15vw 8vw;	
 }
 h2.titleDicono{
  margin-bottom:8vw;
 }
 .col1-dicono, .col2-dicono{
  flex: 0 0 50%;	
 }
}
@media (max-width: 766.9px){
 .headerMobile {
  max-height: 15vw;
 }
 div#mySidenav {
  width: 100%;
 }
 a.itemMenuMobile {
  padding: 3vw 0 3vw 7vw;
 }
 a.itemMenuMobile:not(:nth-child(5))::after {
  left: 7vw;
 }
 a.linkBtnMobile {
  padding: 5vw 0 0 7vw;
 }
 a.closebtn {
  top: 4vw;
 }
 .closePopupForm {
  top: 6vw;
  right: 8vw;
 }
 
}
@media (min-width: 767px){
 .closePopupForm {
  top: 3vw;
  right: 6vw;
 }
}
@media (min-width: 767px) and (max-width: 1400px){
 .col2-popupForm {
  width: 75vw;
 }
}
@media (min-width: 767px) and (max-width: 899.9px){
 /***********************/
 /*    FORM CONTATTI    */
 /***********************/
 .contatti{
  padding: 10vw 8vw 12vw;	
 }
 .gridContatti{
  grid-gap: 6vw;
 }
 h2.titleContatti, p.textPopup{
  margin-bottom: 6vw;
 }
 p.textContatti, p.textPopup{
  font-size: 3.3vw;
  line-height: 3.8vw;
 }
 p.textContatti{
  width: 69vw;	
 }
 p.titlePopup{
  margin-bottom: 3vw;
 }
 p.textPopup {
  width: 63vw;
 }
 /*************************/
 /*    DICONO DI ALINA    */
 /*************************/
 .diconoAlina{
  padding: 10vw 8vw;	
 }
 h2.titleDicono{
  margin-bottom:6vw;
 }
 .col1-dicono, .col2-dicono{
  flex: 0 0 50%;	
 }
}
@media (max-width: 899.9px){
 .gridContatti, .gridRecapiti{
  flex-direction: column;
 }
 h2.titleContatti, h2.titleRecapiti, p.titlePopup, h2.titleDicono{
  font-size: 9vw;	
  line-height: 9.5vw;
 }
 .gridDicono.desk{
  display: none;	
 }
 .contatti input{
  min-height:60px;
 }
}
@media (min-width: 900px){
 h2.titleContatti, p.textPopup{
  margin-bottom: 3vw;
 }
 p.titlePopup{
  margin-bottom: 2vw;
 }
 .gridDicono.tablet{
  display: none;	
 }
 .col1-dicono, .col2-dicono, .col3-dicono{
  flex: 0 0 calc(100% / 3);
 }
 .popupForm{
  background-image: url(/wp-content/uploads/2023/10/decorazione-form-scaled.webp);
 }
 .contatti input{
  min-height:70px;
 }
}
@media (min-width: 900px) and (max-width: 1099.9px){
 /***********************/
 /*    FORM CONTATTI    */
 /***********************/
 .contatti{
  padding: 9vw 7vw 12vw;	
 }
 .col1-contatti{
  flex: 0 0 45%;	
 }
 .col2-contatti{
  flex: 0 0 50%;	
 }
 h2.titleContatti, h2.titleRecapiti, p.titlePopup, h2.titleDicono{
  font-size: 5.3vw;	
  line-height: 5.8vw;
 }
 p.textContatti, span.nomeContatto, p.textPopup{
  font-size: 2.1vw;
  line-height: 2.7vw;
 }
 p.textPopup {
  width: 54vw;
 }
 /*************************/
 /*    DICONO DI ALINA    */
 /*************************/
 .diconoAlina{
  padding: 9vw 7vw;	
 }
 h2.titleDicono{
  margin-bottom:4vw;
 }
}
@media (min-width: 1100px){
 .col1-contatti{
  flex: 0 0 50%;	
 }
}
@media (min-width: 1100px) and (max-width: 1400px){
 /***********************/
 /*    FORM CONTATTI    */
 /***********************/
 .contatti{
  padding: 6vw 7vw 10vw;	
 }
 .col2-contatti{
  flex: 0 0 48%;	
 }
 h2.titleContatti, h2.titleRecapiti, p.titlePopup, h2.titleDicono{
  font-size: 5.3vw;	
  line-height: 5.8vw;
 }
 p.textContatti, span.nomeContatto, p.textPopup{
  font-size: 2vw;
  line-height: 2.6vw;
 }
 p.textPopup {
  width: 51vw;
 }
 /*************************/
 /*    DICONO DI ALINA    */
 /*************************/
 .diconoAlina{
  padding: 6vw 7vw;	
 }
 h2.titleDicono{
  margin-bottom:3vw;
 }
}
@media (min-width: 1401px){
 /***********************/
 /*    FORM CONTATTI    */
 /***********************/
 .contatti{
  padding: 6vw 15vw 10vw;	
 }
 .col2-contatti{
  flex: 0 0 45%;	
 }
 h2.titleContatti, h2.titleRecapiti, p.titlePopup, h2.titleDicono{
  font-size: 4.2vw;	
  line-height: 4.2vw;
 }
 p.textContatti, span.nomeContatto, p.textPopup{
  font-size: 1.6vw;
  line-height: 2vw;
 }
 .col2-popupForm {
  width: 45vw;
 }
 p.textPopup {
  width: 41vw;
 }
 /*  FOOTER  */
 .site-footer .inside-site-info.grid-container {
  max-width: 90%;
 }
 /*************************/
 /*    DICONO DI ALINA    */
 /*************************/
 .diconoAlina{
  padding: 6vw 15vw;	
 }
}