/* 
Theme Name: Esercenti
Description: Custom theme for Wow
Author: WALLABI
Author URI: https://www.wallabi.it/
Template: hello-elementor
Version: 1.0.1
Text Domain: esercenti-child-theme
*/

/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- VARIABILI GLOBALI --------------------------------------*/

:root {

}

/*-----------------------------------------------------------------------------------------------*/

#site-header {
	display:none;
}
#site-footer {
	display:none !important;
}



/** 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: 0.875em;
  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:#FCBE00 !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;
}
/**—————- 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;
}



.page-id-11 .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-11 .wpcf7-submit:hover{
background:#11616f !important;
}

.page-id-132 .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-132 .wpcf7-submit:hover{
background:#11616f !important;
color: #fff !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) {

}