/* 
Theme Name: Promo
Description: Custom theme for Wow
Author: WALLABI
Author URI: https://www.wallabi.it/
Template: hello-elementor
Version: 1.0.1
Text Domain: promo-child-theme
*/

/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- VARIABILI GLOBALI --------------------------------------*/

:root {

}

/*-----------------------------------------------------------------------------------------------*/
.grecaptcha-badge {
  z-index: 9999 !important;
}

.diagonale {
  background: #fafafa;
  clip-path: polygon(0 0, 100% 0, 100% 60%, 0 75%);
}

.primo-container {
    /*height: 70vh;*/
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.fascia {
	flex: 1 !important;
  display: flex !important;
  justify-content: space-between !important;
}
/* Tablet verticale (portrait) */
@media screen and (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
	.diagonale {
		background: #fafafa;
		clip-path: polygon(0 0, 100% 0, 100% 70%, 0 90%);
	}	
}

/* Tablet orizzontale (landscape) */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.diagonale {
		background: #fafafa;
		clip-path: polygon(0 0, 100% 0, 100% 70%, 0 90%);
	}	
}

/** CSS per contact form —**/
#responsive-form{
max-width:600px /*– cambia questo con la larghezza desiderata –*/;
margin:0 auto;
width:100%;
}

.wpcf7-form-control-wrap {
  position: inherit;
}

.form-row{
width: 100%;
}
.column-full {
	width:100%;
	padding-left:5px;
	padding-bottom:25px;
}
.column-half {
float: left;
position: relative;
padding-left:5px;
width:50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 22px;
}

.wpcf7-not-valid-tip {
  min-height: 18px; /* spazio per il messaggio */
  display: block;
  /*margin-top: 4px;*/
  color: red;
  font-size: 12px;
  position: absolute;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
    text-align: center;
    /* margin-top: 30px; */
}

.clearfix:after {
content: "";
display: table;
clear: both;
}
/**—————- Media query —————-**/
@media only screen and (min-width: 48em) {
.column-half{
width: 50%;
}
}

/**--- Per cambiare il colore del bottone ------**/
.wpcf7-submit{
background:#00a4b7 !important;
color: #fff !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top:10px !important;
padding-bottom:10px !important;
/*margin-left: 10px !important;*/
position: relative;
/*left: 30px;*/
}

.page-id-184 .wpcf7-submit{
background:#FCBE00 !important;
color: #000 !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top:10px !important;
padding-bottom:10px !important;
margin-left: 10px !important;
position: relative;
/*left: 30px;*/
}
.page-id-184 .wpcf7-submit:hover{
color: #fff !important;
}


/**—————- Colore del bottone con il passaggio del mouse —————-**/
.wpcf7-submit:hover{
background: #11616f !important;
}
/**—————- Per personalizzare il messaggio di successo —————-**/
div.wpcf7-mail-sent-ok {
text-shadow: none;
border: none;
background: #8BC34A;
color: white;
font-family: ‘Raleway’;
}
div#sub {
    text-align: center;
}

a.link-nero {
	color:#444 !important;
	text-decoration:underline !important;
}
a.link-nero:hover {
	color:#000 !important;
}

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------------ DESKTOP --------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1024px) {

}	


/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- TABLET VERTICALE ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1023px) {  

}

/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- MOBILE VERTICALE ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
	.diagonale {
		background: #fafafa;
		clip-path: polygon(0 0, 100% 0, 100% 70%, 0 90%);
	}
}