/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/
/* Parent stylesheet should be loaded from functions.php not using @import */
@font-face {
	font-family:'Poppins';
	src:url(fonts/Poppins-SemiBold.eot);
	src:url(fonts/Poppins-SemiBold.eot?#iefix) format("embedded-opentype"),url(fonts/Poppins-SemiBold.woff2) format("woff2"),url(fonts/Poppins-SemiBold.woff) format("woff"),url(fonts/Poppins-SemiBold.ttf) format("truetype");
	font-weight:600;
	font-style:normal;
	font-display:swap;
}

/*Firma s121*/
.firma-s121 {
	font-family:'Poppins',sans-serif;
	font-size:.9em;
	font-size: 12px !important;
	margin-top: 15px !important;
	text-align: center;
}


.firma-s121 a {
	color:#fff!important;
}

.dati-azienda{
	color:#fff!important;
	font-size: 12px !important;
}

/*
 *
 *
 * START CODE FOR SITE
 *
 *
 */




/**********************/
/**********************/
/*FORMATTAZIONE PAGINA*/
/**********************/
/**********************/
/*proporzini pagina ed elementi*/
:root {
	--row-top:80px;
	--row-bottom:80px;
	--logo-size:350px !important;
	--header-home:900px;
	--header-internal:550px;
	--header-tecnico:250px;
	--spacing-u-title:15px;
	--spacing-cta:30px;
	

	--spacing-u-title-sez:60px;


	--header-internal:750px;
	--header-tecnico:250px;
	--spacing-mobile:60px!important;
	
		/*COLORI*/
	

	 --color-blu-scuro: #1C2737;
	 --color-blu: #1E2E44;
	 --color-oro: #A5894D;
	 
	 
	 
	/*FONT SIZE*/
	
	--font-size-12: 12px;
	--font-size-14: 14px;
	--font-size-16: 16px;
	--font-size-18: 18px;
	

}


.row-proportion {
	padding-top:var(--row-top);
	padding-bottom:var(--row-bottom);

}

.row-proportion-top {
	padding-top:var(--row-top);
}

.row-proportion-bottom {
	padding-bottom:var(--row-bottom);

}

.row-margin-top{
	margin-top:var(--row-top);
}

/*
 *
 *
 * TOOLS
 *
 *
 */
 
:focus {
	outline:none!important;
}


.spacing-cta {
	height:var(--spacing-cta)!important;

}

.spacing-mobile {
	height:var(--spacing-mobile)!important;

}


.uppercase{
	text-transform: uppercase !important;
}
.noupper {
	text-transform:none!important;
}

.centered {
	margin:0 auto!important;
}




.spacing-u-title{
	margin-bottom: var(--spacing-u-title);
}

.spacing-u-title-sez{
	height: var(--spacing-u-title-sez);
}


.min-h550{
	min-height: 550px !important;
}



.p490{
	max-width: 490px !important;
}


.p500{
	max-width: 500px !important;
}

.p600{
	max-width: 600px !important;
}

.p650{
	max-width: 650px !important;
}

.p900{
		max-width: 900px !important;

	
}


/*
 *
 *
 * TIPOGRAFIA
 *
 *
 */
 


/*
 *
 *
 * VISIBILITY
 *
 *
 */

.visible-tablet-s121{	
	display: none !important;
}

.hidden-tablet-s121{
	display: inherit !important;
}

@media only screen and (max-width: 991px) {
	.visible-tablet-s121{	
		display: inherit !important;
	}

	.hidden-tablet-s121{
		display: none !important;
	}

}

/*
 *
 *
 * COLORI
 *
 *
 */
 



/*
 *
 *
 * BUTTON
 *
 *
 */
 


/*
 *
 *
 * IMMAGINI
 *
 *
 */
 
 
 #site-logo img{
	 width: var(--logo-size);
	 
 }
 
.logo-home img{
  width: var(--logo-size);
  }


.logo-footer img{
	width: 150px !important;	
}

.logo-404 .vcex-image-inner{
	 width: var(--logo-size);
	 margin: 0 auto !important;
}

/*
 *
 *
 * VARI ED EVENTUALI
 *
 *
 */


.grecaptcha-badge{
	visibility: hidden !important;
}


/*
	*
	* TOP BAR
	*
*/


/*
	*
	* HEADER
	*
*/

/*
	*
	* FOOTER
	*
*/

/*
*
* PAGINA PROVVISORIA
*
*/

.logo-home{
	
}

#pag-provvisoria{
	background-image: url("https://clienti.studio121.it/vistamare/wp-content/uploads/2023/11/villafestosa-marina-di-ragusa-scaled.jpg");
	background-position: center center;
	background-size: cover !important;
}


/*
*
* RESPONSIVE RULES
*
*/

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 767px) {
	#pag-provvisoria{
		background-image: url("https://clienti.studio121.it/vistamare/wp-content/uploads/2023/11/villafestosa-marina-di-ragusa-scaled.jpg");
		background-position: left center;
	}
	

}

@media only screen and (max-width: 500px) {
	:root {
		--row-top:50px;
		--row-bottom:50px;
		--logo-size:200px !important;
	
	}
	
	h1{
		font-size: 2em !important;
	}
	
	body{
		font-size: 18px !important;
	}
}