/*
 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
*/

@font-face{
 font-family:'Rotis Light';
 src: url('/wp-content/themes/generatepress_child/fonts/Rotis-Sans-Serif-Std-Light.woff') format('woff');
 font-display:swap;
}
@font-face{
 font-family:'Rotis Bold';
 src: url('/wp-content/themes/generatepress_child/fonts/Rotis-Sans-Serif-Std-Bold.woff') format('woff');
 font-display:swap;
}
/* MENU */
.headerlanding {
    display: flex;
    width: 100%;
	box-shadow: 0 15px 40px -25px #00000026;
    position: fixed;
    top: 0;
    background: white;
    z-index: 1;
}
.gridHeaderLanding {
    display: flex;
	margin: auto;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
img.logoLanding {
    width: 100%;
}
ul.listItemMenu {
	align-items: center;
    list-style: none;
    display: flex;
    flex-direction: row;
	margin: 0;
}
li.itemMenu{
    font-family: 'Rotis Light', sans-serif !important;
    font-weight: bolder;
}
li.itemMenu a{
	text-decoration: none;
	cursor: pointer;
	color: #2d2d2d;
}
button.btnMenu{
    border: 1px solid #72b1c5;
    background-color: #72b1c5;
	border-radius: 0;
	font-family: 'news-gothic-std', sans-serif;
    font-weight: 900;
	cursor: pointer;
}
/* MENU MOBILE */
.headerMobile{
	box-shadow: 0 15px 40px -25px #00000026;
	position: fixed;
    top: 0;
    background: white;
    width: 100%;
	z-index: 1;
}
i.fa-solid.fa-bars {
	color: #72b1c5;
}
.sidenav {
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0; 
    background-color: #72b1c5;
    overflow-x: hidden;
    transform: translateX(100%); /* Assicurati che il menu sia completamente fuori dal viewport */
    transition: transform 0.5s ease; 
    padding-top: 60px;
}
.sidenav a {
    text-decoration: none;
    color: #2d2d2d;
    display: block;
    transition: 0.3s;
	font-family: 'Rotis Light', sans-serif !important;
    font-weight: bolder;
}
a.itemMenuMobile {
    position: relative;
}
a.itemMenuMobile:not(:nth-child(5))::after {
    position: absolute;
    content: "";
    width: 20%;
    background: #3bb6a8;
    height: 1px;
    left: 30px;
    bottom: 0px;
}
button.btnMenuMobile {
    border-radius: 2vw;
    background: #2d2d2d;
	font-family: 'news-gothic-std', sans-serif;
	font-weight: 900;
}
.sidenav a:hover {
    color: #f1f1f1;
}
.sidenav .closebtn {
    position: absolute;
    right: 25px;
    margin-left: 50px;
}
div#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}
@media (max-width: 550px){
	.gridHeaderMobile {
		max-width: 80vw;
	}
	img.logoLandingMob.monza {
		max-width: 32vw;
	}
	img.logoLandingMob.napoli {
		max-width: 28vw;
	}
	i.fa-solid.fa-bars, a.closebtn {
		font-size: 7vw !important;
	}
	.sidenav a, button.btnMenuMobile {
		font-size: 5vw;
	}
}
@media (min-width: 551px) and (max-width: 766.9px){
	i.fa-solid.fa-bars {
		font-size: 6.5vw;
	}
	.sidenav a, button.btnMenuMobile {
		font-size: 5.5vw;
	}
}
@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;
	}
}
@media (min-width: 551px) and (max-width: 899.9px){
	.gridHeaderMobile {
		max-width: 84vw;
	}
	img.logoLandingMob.monza {
		max-width: 30vw;
	}
	img.logoLandingMob.napoli {
		max-width: 22vw;
	}
}
@media (min-width: 767px) and (max-width: 899.9px){
	.headerMobile {
		max-height: 12vw;
	}
	i.fa-solid.fa-bars {
		font-size: 5.5vw;
	}
	div#mySidenav {
		width: 50vw;
	}
	.sidenav .closebtn {
		top: 2vw;
	}
	a.itemMenuMobile {
		padding: 2vw 0 2vw 5vw;
	}
	a.itemMenuMobile:not(:nth-child(5))::after {
		left: 5vw;
	}
	a.linkBtnMobile {
		padding: 3vw 0 0 5vw;
	}
}
@media (min-width: 767px) and (max-width: 1099.9px){
	.sidenav a, button.btnMenuMobile {
		font-size: 2.5vw;
	}
}
@media (min-width: 900px) and (max-width: 1099.9px){
	.headerMobile {
		max-height: 10vw;
	}
	.gridHeaderMobile {
		max-width: 86vw;
	}
	img.logoLandingMob.monza {
		max-width: 25vw;
	}
	img.logoLandingMob.napoli {
		max-width: 18vw;
	}
	i.fa-solid.fa-bars {
		font-size: 4.5vw;
	}
	.sidenav {
		width: 46vw; 
	}
	.sidenav a {
		padding: 2vw 0 2vw 3vw;
	}
	a.itemMenuMobile:not(:nth-child(5))::after {
		left: 3vw;
	}
	a.linkBtnMobile {
		padding-top: 40px;
	}
	.sidenav .closebtn {
		top: 0.5vw;
	}
	.hero {
		margin-top: 10vw;
	}
}
@media (max-width: 1099.9px) {
	.headerlanding {
		display: none;
	}
	.headerMobile {
		display: flex;
		height: 100%;
	}
	.gridHeaderMobile {
		display: flex;
		margin: auto;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 100%;
	}
	img.logoLandingMob {
		height: 100%;
		object-fit: contain;
	}
}
@media (min-width: 1100px){
	.headerMobile {
		display: none;
	}
}
@media (min-width: 1100px) and (max-width: 1400px){
	.headerlanding {
		height: 8vw;
	}
	.gridHeaderLanding {
		max-width: 80vw;
	}
	img.logoLanding {
		max-width: 17vw;
	}
	ul.listItemMenu {
		grid-gap: 1.5vw;
	}
	li.itemMenu, button.btnMenu {
		font-size: 1.3vw;
	}
}
@media (min-width: 1401px){
	.headerlanding {
		height: 5vw;
	}
	.gridHeaderLanding {
		max-width: 70vw;
	}
	img.logoLanding {
		max-width: 12vw;
	}
	ul.listItemMenu {
		grid-gap: 2vw;
	}
	li.itemMenu, button.btnMenu {
		font-size: 1vw;
	}
}
/*******************************************/
/*  FORM CONTATTI/SEGNALAZIONI/DONAZIONI   */
/*******************************************/
.sperimentazioneTarget button.btnWhite a, .allenzaTarget button.btnWhite a, .lottaTarget button.btnWhite a, button.btnBlue a{
 pointer-events: none !important;
}
.containerFormTarget {
 background: white;
 position: relative;
}
.openForm{
 cursor:pointer;
}
.formTarget {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 /*z-index: -1;
 opacity: 0;*/
 transition: all .3s ease-in-out;
 transform: scale(0);
}
.formTarget.show-form {
 z-index: 999999;
 opacity: 1;
 background-color:rgb(115 177 197 / 90%);
 transform: scale(1);
 overflow-y:auto;
}
.formTarget .closeForm {
 cursor: pointer;
 position: absolute;
}
.closeForm button{
 background:transparent;
}
.closeForm button .gp-icon svg {
 fill: #73B1C5 !important;
}
span.svg-logo-contatti {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
}
.inner-formTarget {
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.containerFormTarget h2.titleFormTarget, .nf-response-msg p {
 color: #73B1C5;
 font-family: 'news-gothic-std', sans-serif;
 font-weight: 900;
}
.contattiHome h2.titleFormTarget {
 color: white;
 font-family: 'news-gothic-std', sans-serif;
 font-weight: 900;
}
.nf-form-fields-required {
 font-family: 'news-gothic-std', sans-serif;
}
.containerFormTarget .nf-form-content input[type=submit], .containerFormTarget .nf-form-content input[type=submit]:focus {
 background: #73B1C5 !important;
 color: white !important;
}
.nf-form-content input[type=submit], .nf-form-content input[type=submit]:focus {
 font-family: 'news-gothic-std', sans-serif;
 font-weight: bold;
 line-height: 0;
}
.nf-form-content input:not([type=submit]), .nf-form-content textarea {
 background: white !important;
 border: 1px solid #73B1C5 !important;
}
.containerFormTarget .nf-form-content input:not([type=submit]), .containerFormTarget .nf-form-content textarea {
 background: white !important;
 border: 1px solid #2d2d2d !important;
}
.checkbox-wrap label {
 font-weight: 300 !important;
}
.containerFormTarget ::placeholder {
 color: #2d2d2d;
}
.submit-container {
 margin-bottom: 0 !important;
}
.nf-response-msg p{
 margin-bottom: 0 !important;
}
div#nf-field-7_1-container{
    margin-bottom: 30px !important;
}
@media (max-width: 550px){
 .nf-form-content input[type=submit] {
  font-size: 5vw;
  padding: 6vw;
 }
}
@media (min-width: 551px){
 .nf-form-content input[type=submit] {
  font-size: 25px;
  padding: 35px;
 }
}
@media (max-width: 766.9px){
 .containerFormTarget {
  padding: 10vw;
 }
 h2.titleFormTarget {
  margin-bottom: 8vw;
 }
 h2.titleFormTarget, .nf-response-msg p {
  font-size: 7.5vw;
  line-height: 8.5vw;
 }
 .closeForm.contatti {
  top: 4vw;
  right: 4vw;
 }
}
@media (min-width: 767px){
 .containerFormTarget {
  margin: auto;
 } 
}
@media (min-width: 767px) and (max-width: 1099.9px){
 h2.titleFormTarget, .nf-response-msg p {
  font-size: 6vw;
  line-height: 6.5vw;
 }
}
@media (min-width: 767px) and (max-width: 1099.9px){
 .containerFormTarget {
  width: 80vw;
 }
 .containerFormTarget {
  padding: 6vw;
 }
 h2.titleFormTarget{
  margin-bottom: 5vw;
 }
 .closeForm.contatti {
  top: 3vw;
  right: 3vw;
 }
}
@media (min-width: 1100px){
 .containerFormTarget {
  width: 785px;
 } 
 h2.titleFormTarget, .nf-response-msg p {
  font-size: 55px;
  line-height: 55px;
 }
 .closeForm.contatti {
  top: 30px;
  right: 30px;
 }
}
@media (min-width: 1100px) and (max-width: 1400px){
 .containerFormTarget {
  padding: 5vw;
 } 
 h2.titleFormTarget {
  margin-bottom: 4vw;
 }
}
@media (min-width: 1401px){
 .containerFormTarget {
  padding: 3vw;
 } 
 h2.titleFormTarget {
  margin-bottom: 2vw;
 }
}