/*
Puoi aggiungere qui il tuo codice CSS.

Per maggiori informazioni consulta la documentazione (fai clic sull'icona con il punto interrogativo qui sopra).
*/

body {
	color:#4B2000;
}

body span.orange-bkg {
	width:100%;
	min-height:650px;
	position:absolute;
	top:0;
	bottom:0;
	margin:0 auto;
	background:#FE6C00;
	z-index:0;
}

.page-header {
	width:900px;
	margin:0 auto 60px;
}

.page-header img.logo-custom {
	width:60%;
	margin:0 auto 2%;
}

.page-header h2.title {
	font-size:145%;
	font-weight:300;
	line-height: 1.65;
	margin:0 auto 1%;
}

.page-header p.descr {
	font-size:100%;
	font-weight:100;
}

.site-header {
    padding: 30px;
		width:100%;
		max-width:none;
}

.posFixed {
	position:fixed;
	background:#fff;
	border-bottom:1px solid #f2f2f2;
	padding:20px;
	transition: color .2s ease-in-out, background .2s ease-in-out;
}

.site-header .header-wrapper {
		margin:0 auto;
		width:95%;
		max-width:1400px;
		position:relative;
}

h2.site-title a {
	font-size:14px;
	font-weight:600;
	color:#4B2000;
}

.nav-toggle .bar {
    background-color: #4B2000;
}

.preview-image:after {
    border: 20px solid #32FF02;
}

.preview-header h2.title {
	font-weight:600;
	width:90%;
	margin: 0 auto;
}

.site-nav {
	background:#FE6C00;
}

.site-nav .menus {
    overflow: visible;
}

.site-nav footer {
	background:#FE6C00;
}

.site-nav li {
	font-size:30px;
}

.site-nav li a {
	color:#4b2000;
}

.infinite-scroll #infinite-handle button, .infinite-scroll #infinite-handle button:hover, .infinite-scroll #infinite-handle button:focus {
    font-size: 28px;
}

.site-footer {
	width:100%;
	max-width:100%;
	color: #4b2000;
}

.site-footer .orari {
	padding:50px 30px 0 40px;
	float:left;
	background:#FE6C00;
	font-size:14px;
	text-align:left;
	color:#4b2000;
	width:33%;
	min-height:600px;
}

.site-footer .orari img.icon-orari {
	padding-bottom:20px;
}

.site-footer .orari h2 {
	font-size:20px;
	font-weight:600;
	text-align:left;
	clear:both;
}

.site-footer .orari .first-block h2.title {
	margin-top:10px;
	/*color:#32FF02;*/
}

.site-footer .orari .second-block h2.title {
	padding-top:20px;
}

.site-footer .orari p {
	text-align:left;
	line-height:28px
}

.site-footer .orari a.call {
	font-weight:600;
	font-size:18px;
	display:block;
	padding:10px 0 0;
	float:left;
	color:#4b2000;
}

.site-footer .orari a.call:hover {
	color:#32FF02;
}

.site-footer .orari a.call:hover #smartphone {
	fill:#32ff02;	
	transition: all .2s ease-in-out;
}

.site-footer .orari a.call .smartphone-icon {
	float:left;
	padding:5px 0px;
}

.site-footer .orari a.call .num-tel {
	float:left;
	padding:10px 0 0 10px;
}

.site-footer p {
	margin-top:4%;
	font-size:90%;
}

.site-footer p a {
    color:#4b2000;
}

footer .section-inner p {
	font-size:90%;
} 

.site-footer p + p, .site-nav footer .section-inner p + p {
    font-size: 12px;
    line-height: 22px;
}


@media ( max-width: 800px ) {

.site-footer .orari {
	display:block;
	width:100%;
	min-height:250px;
	padding-bottom:50px;
}

.site-footer .orari img.icon-orari {
	float:left;
}

.site-footer .orari div {
	float:left;
	padding:20px 30px 0;
}

.site-footer #wpgmza_map {
	width:100% !important;
}

}

@media ( max-width: 740px ) {

.site-footer .orari img.icon-orari {
	float:none;
}

}

@media ( max-width:640px ) {

body span.orange-bkg {
	min-height:500px;
}

.site-header {
	/*padding:20px 0 0 0;*/
}

.posFixed h2.site-title a {
	color:#4b2000;
}

h2.site-title a {
	color:#FE6C00;
}

.site-footer .orari {
	padding:30px;
	text-align:center;
}

.site-footer .orari img.icon-orari {
	width:100px;
	padding:0 0 0 20px;
}

.page-header h2.title {
	font-size:120%;
}

.page-header p.descr {
	margin-top:10px;
	font-size:90%;
}

.page-header {
	margin:0 auto 35px;
}

.page-header img.logo-custom {
	margin-bottom:0;
	width:90%;
}

.preview-image:after {
    border: 10px solid #32FF02;
}

.infinite-scroll #infinite-handle button, .infinite-scroll #infinite-handle button:hover, .infinite-scroll #infinite-handle button:focus {
    font-size: 22px;
}

.site-footer p {
	font-size:80%;
}

}