/* 
	Custom css : perfect 4 custom style and Annelisa
    Created on : 6-ott-2017, 11.04.09
    Author     : mattia
*/

/******************************************************************************* FONT.CSS
*/
@font-face {
	font-family: OpenSans;
	src: url('../fonts/OpenSans.ttf');
}
@font-face {
	font-family: OpenSans-Bold;
	src: url('../fonts/OpenSans-Bold.ttf');
}

:root {
	--primary-color: #72ABC6;
	--primary-color-light: #A1CCE1;
	--primary-color-dark: #2F6F8E;
}
.primaryColor				{ color: var(--primary-color); }
.primaryColorLight			{ color: var(--primary-color-light); }
.primaryColorDark			{ color: var(--primary-color-dark); }
.bgPrimaryColor				{ background-color: var(--primary-color); }
.bgPrimaryColorLight		{ background-color: var(--primary-color-light); }
.bgPrimaryColorDark			{ background-color: var(--primary-color-dark); }

/**********/
body, .header, .footer, .Form {	font-family: OpenSans !important; }
h1, h2, h3, h4, h5, h6 {		font-family: OpenSans-Bold !important; }

.similh1 {font-size:50px!important;font-family: OpenSans-Bold !important;}
.similh2 {font-size:40px!important;font-family: OpenSans-Bold !important;}
.similh3 {font-size:30px!important;font-family: OpenSans-Bold !important;}
.similh4 {font-size:25px!important;font-family: OpenSans-Bold !important;}
.similh5 {font-size:22px!important;font-family: OpenSans-Bold !important;}
.similh6 {font-size:20px!important;font-family: OpenSans-Bold !important;}
.displayblock {display: block;}

.font-OpenSans {				font-family: OpenSans !important; }
.font-OpenSans-Bold {			font-family: OpenSans-Bold !important; }

/******************************************************************************* background e colorazioni
*/

.bg01 {
	background-image: url("../img/colf.jpg");
	background-position: top -150px center;
	background-size: 100%;
	background-repeat: no-repeat;
}
/*
.bg02 {
	background-image: url("../img/pattern.png");
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.bg03 {
	background-image: url("../img/landing.jpg");
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
*/
.site-content a {
	color: var(--primary-color);
}
a:focus, a:hover {
    text-decoration: none;
    font-weight: bold;
}

.bgBlackCustomLight		{ background-color: #444444; }
.bgBlackCustom			{ background-color: #212121; }
.bgBlackCustomDarker	{ background-color: #1A1A1A; }
.bgSilverLight			{ background-color: #E9E9E9; }
.bgSilver				{ background-color: #555; }
.bgSilverDark			{ background-color: #444; }
.bgBlue					{ background-color: #0663B3; }
.bgRedCustom			{ background: rgba(106, 2, 3, 0.8) !important; }
.bgBrown				{ background-color: #966636; }
.bgOrange				{ background-color: #FF9600; }
.bgGreen				{ background-color: #26A077; }
.bgGreenLight			{ background-color: #96E072; }
.bgGreenLightVery		{ background-color: #D8F7C8; }
.bgSilverGradient		{
	background: #ddd7d8;
	background: -moz-linear-gradient(top,  #ddd7d8 0%, #f8f2f3 25%, #f8f2f3 75%, #ddd7d8 100%);
	background: -webkit-linear-gradient(top,  #ddd7d8 0%,#f8f2f3 25%,#f8f2f3 75%,#ddd7d8 100%);
	background: linear-gradient(to bottom,  #ddd7d8 0%,#f8f2f3 25%,#f8f2f3 75%,#ddd7d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd7d8', endColorstr='#ddd7d8',GradientType=0 );
}
.red					{ color: #780001; }
.granata				{ color: #6A0203; }
.granataLight			{ color: #911919; }
.green					{ color: #26A077; }
.greenLight				{ color: #96E072; }
.orange					{ color: #FF9600; }
.silver					{ color: #A9A9A9 !important; }
.black					{ color: #222 !important; }
.opacityHover:hover .opacityHoverFocus {
	opacity: 0.5;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
}
.orangeHover:hover .orangeHoverFocus {
	color: #FF9600 !important;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
}
.greenHover:hover .greenHoverFocus {
	color: #26A077 !important;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
}
.blueHover:hover .blueHoverFocus {
	color: #0663B3 !important;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
}

/******************** icon-hover - effetto icona hover img *********************
schema
<div class="icon-hover-box">
	<div class="icon-hover-boxInside icon-hover-##">
		<div class="icon-hover-overlay">
			<span class="icon-hover-plus">
				<img src=#">
			</span>
		</div>
	</div>
</div>
*/
.icon-hover-box {
	overflow: hidden;
}
.icon-hover-boxInside {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.icon-hover-1 { background-image: url("../img/home-1.jpg"); }
.icon-hover-2 { background-image: url("../img/home-2.jpg"); }
.icon-hover-3 { background-image: url("../img/home-3.jpg"); }
.icon-hover-overlay {
	background: rgba(245, 148, 54, 0.5);
	background: rgba(0, 100, 44, 0.5);
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity .25s ease;
}
.icon-hover-box:hover .icon-hover-overlay {
	opacity:1;
}
.icon-hover-plus {
	color: rgba(255,255,255,.85);
}
/* end body background ********************************************************/

/******************************************************************************* CUSTOM-RESPONSIVE.CSS
*/
@media (max-width: 1400px)
{
	.bg01 {
		background-size: 100%;
		background-position: center center;
	}
}
@media (max-width: 1200px)
{
	.bg01 {
		background-size: auto 100%;
		background-position: center center;
	}
}
@media (max-width: 992px)
{
	.bg01 {
		background-size: auto 100%;
	}
}
@media (max-width: 768px)
{
	
}
@media (max-width: 550px)
{
	
}

.landingwoman {
	background-image: url("../img/donnaLandingPulizie.png");;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	height: 600px;
}

.landingspacer {
	background-color: var(--primary-color);
	height: 25px;
	margin: 10px 0 25px;
	width: 100%;
}

.homepage .entry-content h2, 
.homepage .entry-content h3,
.homepage .entry-content h4, 
.homepage .entry-content h5, 
.homepage .entry-content h6
{
	color: #000 !important;
	
}

#footerList {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#footerList li {
	padding-left: 1em;
	text-indent: -1em;
}
#footerList li:before {
	font-size: 12px;
	content: ">";
	padding-right: 5px;
	color: var(--primary-color);
}