/*
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:*/



:root{
	--imn-orange: #FFB347;
}
::selection{
	background-color: var(--imn-orange);
	color: white;
}
::-moz-selection{
	background-color: var(--imn-orange);
	color: white;
}
.testo-arancione :is(h1,h2,h3,h4,h5,h6,p,a) {
    color: var(--imn-orange);
}
.testo-bianco :is(h1,h2,h3,h4,h5,h6,p,a){
	color: white;
}

/*		HOME*/
#home h1{
	color: black;
    font-size: 200px;
    -webkit-text-fill-color: black;
    -webkit-text-stroke: 2px var(--imn-orange);
}


/*		SERVIZI*/

#servizi .vc_column_container.oblique-column{
	transition: transform 0.3s ease;
}
#servizi .vc_column_container.oblique-column h4 {
	margin-bottom: 4rem;
	color: white;
}
#servizi .w-btn.us-btn-style_1{
	padding: 0;
	width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
#servizi .vc_column_container.oblique-column:hover{
	transform: scale(1.1);
	z-index: 10;
} 
#servizi .vc_column_container.oblique-column::before{
	content: "";
	position: absolute;
	opacity: 0.8;
	background-color: black;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	transition: transform 0.3s ease;
	clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}
#servizi :is(.impianti-elettrici, .impianti-citofonici, .impianti-fotovoltaici, .impianti-satellitari){
	position: relative;
	padding: 14.5rem 4rem;
	clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}
#servizi .impianti-elettrici{
	background-image: url(/wp-content/uploads/2024/12/impianti-elettrici.webp);
	background-position: center center;
}
#servizi .impianti-citofonici{
	background-image: url(/wp-content/uploads/2024/12/impianti-citofonici.webp);
	background-position: 65% top;
}
#servizi .impianti-fotovoltaici{
	background-image: url(/wp-content/uploads/2024/12/fotovoltaici.webp);
	background-position: 25%;
}
#servizi .impianti-satellitari{
	background-image: url(/wp-content/uploads/2024/12/tv-satellitare.webp);
	background-position: 75% 15%;
}
#servizi :is(.impianti-elettrici, .impianti-citofonici, .impianti-fotovoltaici, .impianti-satellitari)::before{
	content: "";
	position: absolute;
	opacity: 0.8;
	background-color: black;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: transform 0.3s ease;
	clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
	z-index: -1;
}
#servizi :is(.impianti-elettrici, .impianti-citofonici, .impianti-fotovoltaici, .impianti-satellitari):hover::before{
	opacity: 0.2;
}
#impianti-elettrici .w-image img{
	object-fit: cover !important;
}
#allarmi .impianti-tv-satellitari .vc_column-inner,
#cancelli-sezionali .impianti-tv-satellitari .vc_column-inner{
	position: relative;
    left: 195px;
    background-color: white;
    padding: 3rem;
	z-index: 2;
}
#domotica .impianti-tv-satellitari .vc_column-inner,
#portoni .impianti-tv-satellitari .vc_column-inner{
    position: relative;
    right: 170px;
    background-color: white;
    padding: 3rem;
}

/*		FOOTER*/
#page-footer .w-image-h{
	padding: 3rem 0;
}
#page-footer img{
	max-height: 100px;
}

/*		QUERY*/
@media screen and (max-width:599.98px){
	#home h1{
    	font-size: 80px;
	}
	#home .l-section-img{
		background-position: 68% 85% !important;
		background-size: auto;
	}
	#servizi :is(.impianti-elettrici, .impianti-citofonici, .impianti-fotovoltaici, .impianti-satellitari){
		padding: 4rem;
	}
	#allarmi .impianti-tv-satellitari .vc_column-inner,
	#cancelli-sezionali .impianti-tv-satellitari .vc_column-inner{
		left: 0;
		padding: 0 1.5rem 1rem 1.5rem;
	}
	#domotica .impianti-tv-satellitari .vc_column-inner,
	#portoni .impianti-tv-satellitari .vc_column-inner{
		right: 0;
		padding: 0;
		padding-bottom: 1.5rem;
	}
}
@media screen and (min-width:600px) and (max-width:1024px){
	#home h1{
    	font-size: 110px;
	}
	#home .l-section-img{
		background-position: 68% 85% !important;
		background-position: 65% 90% !important;
		background-size: auto;
	}
	#servizi .g-cols.cols_4 {
    	grid-template-columns: repeat(2, 1fr);
	}
	#servizi :is(.impianti-elettrici, .impianti-citofonici, .impianti-fotovoltaici, .impianti-satellitari){
		padding: 7rem 4rem;
	}
	#impianti-elettrici.g-cols.cols_2,
	#impianti-citofonici.g-cols.cols_2,
	#impianti-fotovoltaici.g-cols.cols_2,
	#impianti-satellitari.g-cols.cols_2{ 
    	grid-template-columns: repeat(1, 1fr);
	}
	#impianti-elettrici.g-cols.cols_2 .stretched,
	#impianti-citofonici.g-cols.cols_2 .stretched,
	#impianti-fotovoltaici.g-cols.cols_2 .stretched,
	#impianti-satellitari.g-cols.cols_2 .stretched{
		margin: 0;
	}
	.g-cols.via_grid.column-reverse{
		display: flex;
		flex-direction: column-reverse;
	}
	#allarmi .g-cols.cols_1-3,
	#domotica .g-cols.cols_2-1,
	#cancelli-sezionali .g-cols.cols_1-3,
	#portoni .g-cols.cols_2-1,
	#contatti .g-cols.cols_2{
    	grid-template-columns: repeat(1, 1fr);
	}
	#allarmi .impianti-tv-satellitari .vc_column-inner,
	#cancelli-sezionali .impianti-tv-satellitari .vc_column-inner{
		left: 0;
		padding: 0;
	}
	#domotica .impianti-tv-satellitari .vc_column-inner,
	#portoni .impianti-tv-satellitari .vc_column-inner{
		right: 0;
		padding: 0;
		padding-bottom: 1.5rem;
	}
	#allarmi .stretched,
	#cancelli-sezionali .stretched,
	#domotica .stretched,
	#portoni .stretched{
		margin: 0;
	}
	#modi-contatto .vc_column-inner{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#modi-contatto .w-iconbox-icon{
		font-size: 40px !important;
		margin-right: 10px;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1350px){
	#allarmi .impianti-tv-satellitari .vc_column-inner,
	#cancelli-sezionali .impianti-tv-satellitari .vc_column-inner{
		padding: 1rem;
	}
}
@media screen and (min-width: 1351px) and (max-width: 1450px){
	#allarmi .impianti-tv-satellitari .vc_column-inner,
	#cancelli-sezionali .impianti-tv-satellitari .vc_column-inner{
		padding: 2rem;
	}
}