/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
/*		GENERAL*/
:root{
	--imn-light-green: #489F10;
	--imn-dark-green: #0B3D19;
	--imn-light-orange: #faab34 /*#F10000*/;
	--imn-beige: #F8F5F0;
}
.bg-light-green{
	background-color: var(--imn-light-green);
}
.bg-dark-green{
	background-color: var(--imn-dark-green);
}
.bg-light-orange{
	background-color: var(--imn-light-orange);
}
.bg-beige{
	background-color: var(--imn-beige);
}
.title-light-green :is(h1, h2, h3, h4, h5, h6),
.text-light-green :is(p, span){
	color: var(--imn-light-green);
}
.title-green :is(h1, h2, h3, h4, h5, h6),
.text-green :is(p, span){
	color: var(--imn-dark-green);
}
.title-light-orange :is(h1, h2, h3, h4, h5, h6),
.text-light-orange :is(p, span){
	color: var(--imn-light-orange);
}
.title-white :is(h1, h2, h3, h4, h5, h6),
.text-white :is(p, a, span){
	color: white;
}
.font-meddon :is(h1, h2, h3, h4, h5, h6, p, a, span),
.w-counter-value span.type_number{
	font-family: Meddon, cursive;
}
.fs-20 :is(h1, h2, h3, h4, h5, h6, span, p, a){
	font-size: 20px;
}
.banner-titolo{
	margin-top: 160px;
	padding: 9rem 0 !important;
}
.descrizione-settore{
	position: relative;
	background-color: var(--imn-beige);
}
.descrizione-settore::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 205px;
    bottom: 35%;
    right: 90%;
    background-image: url(../../../img/foglie-slider-03.webp);
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(-45deg);
}
#colori,
#servizi-giardinaggio,
#mangimi,
#prodotti-casalinghi,
#pellet-legna{
	position: relative;
	bottom: 10rem;
}
/*#colori .wpb_column.has_bg_color::before,*/
#servizi-giardinaggio .wpb_column.has_bg_color::before,
#mangimi .wpb_column.has_bg_color::before,
#prodotti-casalinghi .wpb_column.has_bg_color::before
/*#pellet-legna .wpb_column.has_bg_color::before*/{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0.50);
	z-index: 0;
}
#page-header.id_21 .l-subheader.at_middle .l-subheader-h{
	color: var(--color-header-middle-text) !important;
    width: 100% !important;
    border-radius: 5px !important;
    padding: 20px !important;
    box-shadow: 0 3px 2rem 0 rgba(0, 0, 0, 0.10);
	background-color: white;
}
#page-header.id_21 .l-subheader.at_top{
}
#page-header.id_21.sticky>.l-subheader.at_top{
	display: none;
}
#page-header.id_21.sticky .l-subheader.at_middle{
	background-color: white !important;
}
#page-header.id_21.sticky .l-subheader.at_middle .l-subheader-h{
	box-shadow: 0 0 0 0 white;
}
/*			HEADER*/
#page-header.sticky{
	    box-shadow: 0 3px 2rem 0 rgba(0, 0, 0, 0.10) !important;
}
/*			HOME*/
#slider-home,
.l-section-h.i-cf{
	padding-top: 0 !important;
}
.singolo-settore{
	background-size: cover !important;
	background-position: center bottom !important;
	transition: 0.5s;
}
.singolo-settore:hover{
	background-position: center top !important;
}
.singolo-settore h4{
	padding: 15rem 2rem 3rem;
    border: 1px solid rgba(255,255,255,0.60);
	transition: 0.5s;
	color: white;
	font-weight: bold;
	font-size: 35px;
}
.singolo-settore:hover h4{
	border: 1px solid transparent;
}
/*				FERRAMENTA*/
#colori .w-hwrapper.align_center{
	justify-content: space-around;
}
#colori .w-image img{
	height: 80px;
	width: auto;
}

/*				PELLET E LEGNA*/
#pellet-legna a:hover{
	color: var(--imn-light-orange);
}
#pellet-legna .w-hwrapper.align_center{
	justify-content: space-around;
}
#pellet-legna .w-image img{
	height: 90px;
	width: auto;
}

/*				CONTATTI*/
.singola-azienda img {
	width: 100%;
    object-fit: cover;
}
.contatti .testo-dx{
	position: relative;
	right: 190px;
	z-index: 2;
	padding: 1.5rem;
}
.contatti .testo-sx{
	position: relative;
    left: 190px;
    z-index: 2;
    padding: 1.5rem;
}
.contatti .testo-dx .vc_column-inner,
.contatti .testo-sx .vc_column-inner{
	background-color: var(--imn-dark-green);
	padding: 3rem;
}
.testo-dx a, 
.testo-sx a{
	color: white;
}
.testo-dx a:hover, 
.testo-sx a:hover{
	color: var(--imn-light-green);
}

/*			FOOTER*/
#page-footer a{
	color: lightgray;
}
#page-footer a:hover{
	color: var(--imn-light-green);
}
#page-footer p{
	color: darkgray;
}
.w-counter-title {
	font-family: var(--h2-font-family, inherit);
	font-size: 24px;
}
/*			QUERY*/
@media screen and (max-width: 767.98px){
	#page-header i.far{
		font-size: 20px;
	}
	#SR7_1_1-1-7{
		filter: blur(3px);
		opacity: 0.7 !important;
	}
	#SR7_1_1-1-8{
		color: var(--imn-light-orange) !important;
	}
	#SR7_1_1-1-9{
		color: black !important;
	}
	.singolo-settore h4{
		padding: 15rem 0rem 3rem;
		font-size: 30px;
	}
	.banner-titolo {
    	margin-top: 90px;
	}
	.descrizione-settore::before{
		background-size: contain;
		width: 130px;
		height: 115px;
		bottom: 70%;
		right: 60%;
	}
	.banner-titolo {
		    padding: 75px 0px !important;
	}
	.title-light-orange :is(h1, h2, h3, h4, h5, h6),
	.text-light-orange :is(p, span) {
		font-size: 20px;
	}
	#colori .w-image img {
		height: 55px;
		object-fit: contain;
	}
	.g-breadcrumbs {
		margin-top: 0px!important;
	}
}
@media screen and (min-width: 601px) and (max-width: 855px){
	#page-header i.far{
		font-size: 25px;
	}
	#agrimarket .cols_2 {
		display: flex;
		flex-direction: column-reverse;
	}
	#settori .g-cols.cols_6 {
		grid-template-columns: repeat(2, 1fr);
	}
	.singolo-settore h4{
		padding: 15rem 0rem 3rem;
		font-size: 25px;
	}
	.descrizione-settore::before{
		content: "";
		position: absolute;
		width: 160px;
		height: 160px;
		bottom: 40%;
		right: 75%;
		background-size: contain;
	}
	.page-id-169 .g-cols.cols_2-1{
    	grid-template-columns: repeat(1, 1fr);
	}
	.page-id-169 .g-cols.via_grid.cols_1-2{
		display: flex;
		flex-direction: column-reverse
	}
	.testo-dx.stretched{
		margin-right:0 !important;
	}
	.testo-sx.stretched{
		margin-left: 0 !important;
	}
	.contatti .testo-dx,
	.contatti .testo-sx{
		padding: 0;
	}
	#page-footer .g-cols.cols_4 {
    	grid-template-columns: repeat(2, 1fr);
	}
	/**/
}
@media screen and (max-width: 1023px){
	.singolo-settore:hover {
    	background-position: 50% !important;
	}
	/**/
	#colori, 
	#servizi-giardinaggio,
	#mangimi, 
	#prodotti-casalinghi,
	#pellet-legna {
    	bottom: 5rem;
	}
	.contatti .testo-dx .vc_column-inner, .contatti .testo-sx .vc_column-inner{
		padding: 1rem;
	}
	.contatti .testo-dx{
		right: 0;
	}
	.contatti .testo-sx{
		left: 0;
	}
	
}
@media screen and (min-width: 856px) and (max-width:1023px){
	#agrimarket{
		padding-bottom: 0 !important;
	}
	#agrimarket .pb-4rem{
		padding-bottom: 4rem !important;
	}
	#agrimarket .pt-4rem{
		padding-top: 4rem !important;
	}
	#settori .g-cols.cols_6 {
    	grid-template-columns: repeat(3, 1fr);
	}
	.singolo-settore h4 {
        font-size: 20px !important;
    }
}
@media screen and (min-width: 601px) and (max-width: 1050px){
	#page-header i.far{
		font-size: 25px;
	}
	#page-header.id_139 .l-subheader.at_middle{
		background-color: white !important;
	}
	.banner-titolo{
		margin-top: 0;
		padding: 12rem 0 6rem 0 !important;
	}
	.singolo-settore h4{
		font-size: 20px;
		padding: 15rem 0rem 3rem;
	}
}
@media screen and (min-width: 1051px) and (max-width: 1290px){
	.singolo-settore h4{
		font-size: 35px;
	}
}
@media screen and (min-width: 1291px) and (max-width: 1441px){
	.singolo-settore h4 {
    	padding: 15rem 0rem 3rem;
	}
}