/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	Fabrizio Busceti
Theme URI: http://impreza.us-themes.com/
Author URI: https://itmedianet.it/
*/

/*Add your own styles here:*/


:root {
	--marrone:#958D86;
	--marroncino: #B9B0A7;
	--beige: #DCD1C6;
	--bianco: #ffffff;
	--latte:#FBEEE2;
}


.txt h1, .txt-beige h1, .txt-bianco h1
{
	font-size: 82px;
	font-weight: 600;
}

.txt h2, .txt-beige h2, .txt-bianco h2
{
	font-size: 56px;
	font-weight: 600;
}

.txt h3, .txt-beige h3, .txt-bianco h3
{
	font-size: 42px;
	font-weight: 600;
}

.txt h4, .txt-beige h4, .txt-bianco h4
{
	font-size: 36px;
	font-weight: 600;
}

.txt h5, .txt-beige h5, .txt-bianco h5
{
	font-size: 24px;	
	font-weight: 500;
}

.txt-beige h6
{
	font-size: 42px;
	font-weight: 600;
	color:var(--beige);
}

.txt p, .txt-beige p, .txt-bianco p, .txt li

{
	font-size:20px;
}

.txt-beige :is(h1, h2, h3, h4, h5, p) { color: var(--beige); margin-bottom: 25px;}
.txt-bianco :is(h1, h2, h3, h4, h5, p) { color: var(--bianco); margin-bottom: 25px; }
.txt :is(h1, h2, h3, h4, h5, p) { color: var(--marrone); margin-bottom: 25px; }



a.w-nav-anchor.level_1 
{
    font-size: 20px;
}


#sez-slider
{
	padding:0px;
}

#intro .l-section-img
{
    opacity: 0.3;
    background-position: 2rem 20rem;
}

#intro
{
	padding:10%;
}


#piatti
{
	text-align: left;
	padding:4%;
	
}

#piatti .txt h2
{
	text-transform: uppercase;
}

#piatti .col-paragrafo
{
	padding:10%;
}


#piatti .icone-cibo .w-iconbox-icon 
{
	font-size:4rem;
	margin-bottom: 30px;
}

#piatti .img-sinistra
{
	position: relative;
    left: 25%;
    top: -5%;
    z-index: 1;
}

#piatti .quadro-piatti 
{
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 50px 0 rgba(0, 0, 0, 0.10);
    text-align: center;
	padding: 5%;
	border-radius: 5px;
}

#eventi
{
	background-color: var(--bianco);
	padding:0%;
}


#eventi .icone-eventi .w-iconbox-icon 
{
	font-size:3rem;
}



.txt h2, .txt-bianco h2
{
	text-transform:uppercase;
}

#eventi .txt-bianco h5
{
	margin-bottom: 0px;
}

#eventi #col-beige
{
	padding:13%;
}

#contattaci
{
    padding: 13% 7%;
}

#contattaci .txt-bianco h2
{
    text-transform: uppercase;
	
}


/*AGRITURISMO ORTO DELLA CARMEN*/

#banner
{
	transform: scaleX(-1);
}

#specialita .txt
{
	margin-bottom: 0px;
}

#specialita .txt h5
{
	margin-bottom: 0px;
}

#specialita
{
	padding:3%;
}

#specialita .sez-icone-specialita
{
	padding: 5% 0% 5%;
}

#specialita .icone-specialita .w-iconbox-icon
{
	font-size:4rem;
}


#specialita .img-specialita img
{
    position: relative;
    margin-left: 55%;
    z-index: 1;
    margin-bottom: -10%;
}

#dolci .icone-dolci .w-iconbox-icon
{
	font-size: 20rem;
}

#dolci .icone-dolci .w-iconbox-icon #dolce1
{
	font-size: 12rem;
	margin-left:35%;
}

#dolci .icone-dolci .w-iconbox-icon #dolce3
{
	font-size: 12rem;
	margin-right:35%;
}



#consegne .txt li
{
	color:var(--marrone);
}




/*CONTATTI*/

#contatti .w-socials-item 
{	 
	font-size:1.5rem;
}

#recapiti
{
	padding: 8% 20%;
}

#recapiti .icone-recapiti .w-iconbox-icon
{
	font-size:4rem;
	margin-bottom: 30px;
}

#recapiti .col-recapiti 
{
    border-style: solid;
    border-color: white;
    padding: 7%;
}

#recapiti .col-recapiti a
{
	color:white;
}

#recapiti .col-recapiti:hover

{
    background: var(--marroncino);
	border-color: var(--marroncino);
	transition: 0.3s;
}


#footer
{
	background-color:black;
	padding: 4% 20%;
}

#footer a
{
	color:white;
}


#footer .w-socials-item 
{
	font-size:1.5rem;
	padding:0;
}


#sub-footer p
{
	font-size:20px;
}




@media (max-width: 1199.98px)
{ 
	
    .txt h2, .txt-beige h2, .txt-bianco h2
	{
		font-size: 46px;
		font-weight: 600;
	}
	
		.txt h3, .txt-beige h3, .txt-bianco h3
	{
		font-size: 30px;
		font-weight: 600;
	}

	.txt h4, .txt-beige h4, .txt-bianco h4
	{
		font-size: 24px;
		font-weight: 600;
	}
	
		.txt h5, .txt-beige h5, .txt-bianco h5
	{
		font-size: 18px;	
		font-weight: 500;
	}
	
	
	
}





@media (max-width: 991.98px) 
{ 
	a.w-nav-anchor.level_1 
	{
		font-size: 16px!important;
	}
	
	#intro .g-cols.cols_2 
	{
    grid-template-columns: repeat(1, 1fr);
	}
	
	.txt h5, .txt-beige h5, .txt-bianco h5
	{
		font-size: 18px;	
		font-weight: 500;
	}
	
	#recapiti 
	{
    	padding: 8% 11%;
	}
	
	#piatti 
	{
		padding:3%;
	}
	
	#piatti .col-paragrafo 
	{
    	padding: 5%;
	}

	.txt-beige h6
	{
		font-size: 36px;
		font-weight: 600;
		color:var(--beige);
	}
	
	
}



@media (max-width: 767.98px) 
{ 

#contattaci
	{
		padding: 8%;
	}
	
#contattaci .l-section-img
	{
		background-position: right;
	}
	
#contattaci .g-cols.cols_2 
	{
    grid-template-columns: repeat(1, 1fr);
	}
	
#piatti .img-sinistra 
	{
		position: static;
		padding:0%;
	}
	
#piatti .us_custom_4a406adb
	{
		padding:0!important;
	}
	
.txt h5, .txt-beige h5, .txt-bianco h5
	{
		font-size: 18px;	
		font-weight: 500;
	}
	
#eventi #col-beige 
	{
    padding: 8%;
	}
	
.wpb_column.vc_column_container.col-eventi.has_bg_color 
	{
    padding: 35%;
	}
	
		
.txt h2, .txt-beige h2, .txt-bianco h2
	{
		font-size: 40px;
		font-weight: 600;
	}
	
	#specialita 
	{
    padding: 5%;
	}
	
	#recapiti 
	{
    padding: 8% 18%;
	}
	
	#footer 
	{
    background-color: black;
    padding: 4% 8%;
	}
	
	#piatti
	{
		text-align: center;
	}
	
	#piatti .col-img-piatti
	{
		padding:0% 14%;
	}
	
	#piatti .quadro-piatti 
	{
   	 margin: 0% 10%;
	}

}



@media (max-width: 575.98px) 
{ 
		a.w-nav-anchor.level_1 
	{
		font-size: 14px!important;
	}


		.txt h1, .txt-beige h1, .txt-bianco h1
	{
		font-size: 70px;
		font-weight: 600;
	}


	.txt h3, .txt-beige h3, .txt-bianco h3
	{
		font-size: 36px;
		font-weight: 600;
	}

	.txt h4, .txt-beige h4, .txt-bianco h4
	{
		font-size: 28px;
		font-weight: 600;
	}


	.txt-beige h6
	{
		font-size: 36px;
		font-weight: 600;
		color:var(--beige);
	}
	
	.txt p, .txt-beige p, .txt-bianco p, .txt li

	{
		font-size:16px;
	}
	
	#eventi .col-eventi
	{
		padding:35%;
	}
	
	#contattaci
	{
		padding: 8%;
	}
	

			
}