/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap');

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  color: #ffffff;
  max-width: 200px
}

/* BUTTONS */

.button.red.top,
.entry-content .button.red.top {
	background-color: #ff3537;
	color: #fff;
	text-shadow: none;
	font-weight : bold ;
	
}


.button.red.top:hover,
.entry-content .button.red.top:hover {
	background-color: #eb0b0b;
	color: #fff;
	text-shadow: none;
	font-weight : bold ;
	
}

.button.red.bottom,
.entry-content .button.red.bottom {
	background-color: #ff3537;
	color: #fff;
	text-shadow: none;
	font-weight : bold ;
	
}


.button.red.bottom:hover,
.entry-content .button.red.bottom:hover {
	background-color: #eb0b0b;
	color: #fff;
	text-shadow: none;
	font-weight : bold ;
	
}

.button.white,
.entry-content .button.white {
	background-color: #ebe9eb;
	color: #515151;
	text-shadow: none;
	font-weight : bold;
	
}

.button.white:hover,
.entry-content .button.white:hover {
	background-color: #dad8da;
	color: #515151;
	text-shadow: none;
	font-weight : bold ;

	
}

.button.green,
.entry-content .button.green {
	background-color: #29d647;
	color: #fff;
	text-shadow: none;
	font-weight : bold ;
	
}

.button.green:hover,
.entry-content .button.green:hover {
	background-color: #53ea6e;
	color: #fff;
	text-shadow: none;
	font-weight : bold ;
	
}

.button.blue,
.entry-content .button.blue {
	background-color: #0091d8;
	color: #fff;
	text-shadow: none;
	font-weight : bold ;
	
}

.button.blue:hover,
.entry-content .button.blue:hover {
	background-color: #2ea5de;
	color: #fff;
	text-shadow: none;
	font-weight : bold ;
	
}

button.contact,
.entry-content .button.contact  {
	border: 2px solid #ebe9eb;
	padding: 15px 34px;
	font-weight: bold;
	color: #ebe9eb;
	display: inline;
	margin-left: 0px;
	background-color: #ebe9eb;
	color: #515151;
}

button.contact:hover,
.entry-content .button.contact:hover {
	border: 2px solid #ebe9eb;
	padding: 15px 34px;
	font-weight: bold;
	color: #ebe9eb;
	display: inline;
	margin-left: 0px;
	background-color: #2583e3;

}

/* LOGO */

.custom-logo {
  width: 290px;
  max-width: 290px;
}

/* SECTION ESEMPIO */
.wpsm_counterbox{ 
	border: 5px solid #ffffff;
	padding-top: 40px;
	padding-bottom: 40px;
	border-radius: 10px;
}

/*comtxt {
		color: #ff3537;
}

/*.wpsm_counterbox {
	background-color: #ffffff !important;
}*/

/* SECTION APPUNTAMENTO */
#appuntamento h2.heading {
	color: #2f89e5;
}

/* SECTION CALCOLA PREVENTIVO */
#calcola h2.heading {
	color: #000000;
}

/* SECTION CONTACT */
#cntc-form .section-content {
	max-width: 500px;
}

/* SECTION WHY-US */
#why-us p.text-lg:nth-child(1) {
	display: inline-block;
	font-size: 26px !important;
	vertical-align: top;
}

section#why-us.div.columns-shortcode.row.gutter-md.middle-xs.top-xs-xxl {
	align-items: top !important;
}

.form-dx {	
	margin-left: 80px;
	font-size: 32px;
	line-height: 44px;
	color: #606060;

}

.lgc-column p {
  margin-bottom: 0 !important;
}

.form-sx hr,
.form-dx hr {
	 border: #E9041E;
	 display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 4px;
}

.text-lg {
	font-size: 24px;
	color: #707070;
}


#clc-prv ul {
	font-weight: bold;
}

/*---------------------------------------------------------*/

/* SECTION CONTATTACI */
section.section.banner-area.width-full {
	background-color: #2f89e5 !important;
	color: #ffffff;
}

/*---------------------------------------------------------*/

/* GRID */

.container {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "esempio rate tasso"
    "informativa informativa informativa";
}

.informativa { grid-area: informativa; }

.esempio { grid-area: esempio; }

.rate { grid-area: rate; }

.tasso { grid-area: tasso; }


/*---------------------------------------------------------*/

/* FIRST SECTION */

#first-section .inside-grid-column {
	margin: 0 !important;
	padding; 0;
}

#first-section p {
		margin-bottom: 0 !important;
	}
/* padding 1 section sx */
.lgc-first {
	padding-top: 25px;
}

.form-sx {	
	font-size: 32px;
	line-height: 44px;
	color: #606060;
}

	
/*---------------------------------------------------------*/

/* SECTION WHAT-QUINTO */
/*
#what-quinto div {
	margin-top: 20px;
}

/*
#what-quinto div:nth-child(2) {
	background-color: #ff3537;
	padding: 30px 20px 60px;
	max-width: 400px
}

#what-quinto div:nth-child(3) {
	max-width: 1000px
}

/*
#what-quinto .columns-shortcode {
	border: 4px solid #2583e3;
	background-color: #f7f7f7;
}

#what-quinto .columns-shortcode:nth-child(2)  {
	border-bottom: none;
}

#what-quinto .columns-shortcode:nth-child(3)  {
	border-top: none;
}

#what-quinto p {
	margin: 0;
}

#what-quinto img {
	margin-top: 40px;
}
*/

#answers {
}

#answers .form-sx {
	margin: 20px 0 !important;
}

.what-quinto-txt {
	font-weight: 700;
	font-size: 22px;
	color: #2583e3;
	font-family: "Source Sans Pro", sans-serif !important;
}

#what-quinto p {
	margin-bottom: 0;
}

#what-quinto ul {
	margin-top: 20px;
}

.wq-info {
	font-weight: 100;
	font-size: 12px;
	font-family: "Source Sans Pro", sans-serif !important;
	color: #ffffff;
}

.what-quinto-txt-blk {
	font-weight: 700;
	font-size: 18px;
	font-weight : bold ;
	color: #323232;
	font-family: "Source Sans Pro", sans-serif !important;
}

.wq-txt-esefin {
	font-weight: 700;
	font-size: 24px;
	font-weight : bold ;
	color: #ffffff;
	font-family: 'PT Sans Narrow', sans-serif;
}

.wq-txts-esefin {
	font-weight: 700;
	font-size: 36px;
	font-weight : bold ;
	color: #ffffff;
	font-family: 'PT Sans Narrow', sans-serif;
}

.wq-txt-esinfo a {
	font-weight: 400;
	font-size: 9px;
	font-weight : bold ;
	color: #ffffff;
	font-family: 'PT Sans Narrow', sans-serif;
	text-decoration: none;
}

.wq-txt-esinfo a:hover {
	text-decoration: underline;
}




/*SECTION ESEMPIO*/

/*Testo normativa*/
.comtxt {
	font-size: 12px;
	color: #ffffff;
	text-align: center;

}

#counter {
  background-color: #2583e3;
}

#counter .heading {
	color: #ffffff;
	text-align: center;
}/*-------------------------------*/


.site-footer {
	display: none;
}

.custom-logo {
	width: 350px;
	max-width: 350px;

}

div.site-header-row.row.middle-xs.between-xs.around-md {
    float: left;
}

.site-inner a:not(.button):not(button) {
	font-size: 20px;
	font-weight : bold ;
}

.h3 {
	font-weight: normal;
}

#prenotazione-confermata {
  background-color: #f8f8f8;
}

.map-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.map-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}
 
div.boxed {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 22px;
  display: inline-block;
  margin-bottom: 15px;
}

#section-2 a.button.red {
	margin-top: 15px;
}

#what-quinto ul {
	list-style-image: url('/wp-content/uploads/2022/04/Checkmark-green-25.png');
}

#why-us ul {
	list-style-image: url('/wp-content/uploads/2022/04/Checkmark-white-25.png')}
}

#calcola-prv ul {
	list-style-image: url('/wp-content/uploads/2022/11/check-blu.png');
}

/* Richiesta preventivo ME sitelink */
#clc-prv ul,
.page-id-1411 ul {
	list-style-image: url('/wp-content/uploads/2022/11/check-blu.png');
}

.page-id-1411 section.section.banner-area.width-full {
	background-color: #d3d3d3 !important;
	max-height: 5px;
}

.page-id-1411 .wpcf7 input[type="submit"] {
  background-color: #84bf61;
}

/*-----------------------------------------*/

#dipendenti li {
	
    display: inline;
	padding-right: 20px;
    list-style-type: none;
    vertical-align: top;
}

/* Margine bottom H2 */
.heading {
	margin-bottom: 16px;
}

/* SECTION WHAT-QUINTO */

#esefin {
	background-color: #ffffff;
	
}

#esefin .columns-shortcode {
	border: 4px solid #2583e3;
	background-color: #f7f7f7;
}

#esefin .columns-shortcode:nth-child(2)  {
	border-bottom: none;
}

#esefin .columns-shortcode:nth-child(3)  {
	border-top: none;
}


#esefin p {
	margin: 0 !important;
}

#esefin img {
	margin-top: 40px;
}

.esefin-txt {
	font-weight: 700;
	font-size: 32px;
	font-weight : bold ;
	color: #2583e3;
	font-family: "Source Sans Pro", sans-serif !important;
}

.esefin-txt-blk {
	font-weight: 700;
	font-size: 24px;
	font-weight : bold ;
	color: #323232;
	font-family: "Source Sans Pro", sans-serif !important;
}

/* -----------------------------------CONTACT FORM 7 ----------------------------*/

/* Centra form */
div.wpcf7 {
	max-width: 600px;
	margin: 0 auto;
}

.wpcf7 {
     background: #4ABDD3;
     border: 1px solid #cfcfcf;
     width: 650px;
     padding: 25px 20px 20px 50px !important;
	 border-radius: 3px;
	 
 }
 
.wpcf7-select {
	 width: 85%  !important;
	 background-color: #f3f3f3;
	 color: rgba(0,0,0,.7);
	 font-family: inherit;
	 font-size: 1rem;
	 font-weight: 300;
	 padding: 12px;
	 border: 1px solid #898989;
 	 margin-bottom: 10px;

 }

.wpcf7-form-control {
	 border: 1px solid #cfcfcf  !important;
}

.wpcf7 input[type="submit"] {
	background-color: #E9041E;;
	color: #fff;
	text-shadow: none;
	font-weight : bold;
	border: none !important;
	padding: 15px 40px;
	margin-top: 15px;
}

 .wpcf7 input[type="text"],
 .wpcf7 input[type="email"],
 .wpcf7 input[type="tel"],
 textarea {
	 width: 85%  !important;
	 margin-bottom: 10px;
	 border-radius: 6px;

 }
 
  .wpcf7 input[type="text"]:focus,
  .wpcf7 input[type="email"]:focus,
  .wpcf7 input[type="tel"]:focus,
  textarea:focus {
	outline: none !important;
    border:2px solid #087ff8;
	box-shadow: 0 0 4px #087ff8;
    }
 
 
 .wpcf7 label {
    text-align: left !important;
	font-weight: bold;
	color: #ffffff;
}

#calcola1 .heading {
	text-align: center !important;
	padding: 15px;
	color: #ffffff;
	background-color: #2583e3;
}

.cdq-title {
	color: #ffffff;
	font-size: 32px;
	font-weight : bold ;
	font-family: "Source Sans Pro", sans-serif !important;
}

.cdq-title-under {
	color: #ffffff;
	font-size: 26px;
	font-family: "Source Sans Pro", sans-serif !important;
	margin-bottom: 10px;
}


/* ------------------------------------CALENDARIO -------------------------------*/


/* Sposta a destra freccia mese successivo */
.datepick-inline .calendar-links .datepick-next {
	width: 0 !important;
}

/* allarga box mese */
.datepick-one-month {
	width: 150% !important;
}

/** testo mese */
.datepick-inline .datepick, 
.datepick-inline .datepick-header, 
.datepick-inline .datepick-header span, 
.datepick-inline .calendar-links, 
.datepick-inline .calendar-links a, 
.datepick-inline .datepick-days-cell, 
.datepick-inline .datepick-days-cell a, 
.datepick-inline .datepick-days-cell div, 
.datepick-inline .datepick-title-row, 
.datepick-inline .datepick-title-row th {
	font-size: 22px !important;	
	
}
.datepick-inline .calendar-links {
	border-bottom: none !important;
}

.datepick-inline .datepick {
	border: 2px solid #a0a0a0 !important;
}

.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form {
	float: right !important;
}
/*
form.booking_form {
	width: 650px !important;
}
*/
.datepick-inline .datepick-days-cell .date-cell-content .date-content-top, .datepick-inline .datepick-days-cell .date-cell-content .date-content-bottom {
	flex: 0 !important;
}

/* elimina bordi arrotondati da textbox */
.booking_form_div textarea, .booking_form_div input[type="text"], .booking_form_div select {
	border-radius: 0 !important;
	background-color: none !important;
}

.wpdevelop .btn {
	border-radius: 0 !important;
	padding: 12px 60px !important;
	background-color: #21d719 !important;
	color: #fff;
	font-weight: 700;
}

.booking_form_div .btn {
	color: #fff !important;
	font-size: 20px !important;
	font-family: "Source Sans Pro", sans-serif !important;
	text-shadow: none !important;
	font-weight: bold !important;
}

.booking_form .form-group {
	margin: 5px 0 !important;
}

#appuntamento .wpdevelop label {
	margin-bottom: 0 !important;
}

/* Messaggi errore */
.wpdev-help-message.alert.alert-warning, .wpdev-help-message .alert.alert-warning {
	font-size: 0.55em !important;
	border-left: 2px solid #ff3537 !important;
	color: #ff3537 !important;
	background-color: #e9e9e9 !important;

}



/*------------------------------------------------------------------*/

div.phone {
	border: 2px solid #ebe9eb;
	padding: 10px 16px;
	font-weight: bold;
	color: #ebe9eb;
	display: inline;
	margin-left: 0px;

}
/* menu a destra */
.nav-header a {
	color: #2583e3;
	font-weight: bold;
	font-size: 22px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
{
	/* First section */
	.section  > .wrap {
		padding: 0 !important;
	}
	
	#first-section p {
		padding: 0 10px !important;		
	}
	
	.wpcf7 {
		padding: 20px 15px !important;
		max-width: 430px !important;
	}
	
	#counter .heading {
		padding-top: 20px;
	}
	
	p.text-lg {
		margin: 0 15px;
		
	}
	
	div.phone {
		margin-left: 0px;
	}
	
	.datepick-one-month {
		width: 110% !important;
	}
	
	#why-us .button.red, 
	#why-us.entry-content .button.red,
	#section-2 .button.red, 
	#section-2.entry-content .button.red	{
		padding: 20px;
		margin-bottom: 25px !important;
		width: 100%;
	}
	
	/* testo form appuntamento centrato 
	#appuntamento div.form-group {
		text-align: center;
	}
	*/
	
	/* Bottone Prenota */
	.booking_form_div .btn {
		width: 100%;
		margin-top: 20px;
	}
	
	/* Bottone Contattaci */
	button.contact, .entry-content .button.contact {
		width: 100%;
		display: inline-block;
		padding: 20px 0;
	}
	
	#first-section.section>.wrap {
		padding-left: 0 !important;
		padding-right: 0 !important;		
	}
	
	#first-section p {
		margin-bottom: 0 !important;
	}
	
	/*Testo normativa*/
	.comtxt {
		font-size: 10px;
		color: #ffffff;
		text-align: center;
		line-height: 1.2;

	}
	
	ul {
		margin: 0 30px 8px 0px !important;
}
	
}