/*
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-blue: #1b3575;
	--imn-white: #d1d1d1;
}

.l-header {
	opacity: 0;
}
.l-header.sticky {
	opacity: 1;
}
.l-section-h.i-cf {
	padding-top: 0!important;
}
.w-nav-title {
	text-transform: uppercase;
	font-weight: 400;
	font-family: "organetto-variable";
	position: relative;
}
.w-nav-title:before {
	position: absolute;
	content: '';
	background: var(--imn-blue);
	height: 2px;
	width: 0;
	left: 0;
	bottom: 0;
	transition: width 0.5s ease-in-out;
}
.w-nav-anchor:hover .w-nav-title:before,
.current-menu-item .w-nav-title:before {
	width: 100%;	
}

h1.title-slider,
h2.title-slider,
h3.title-slider,
h4.title-slider {
	font-size: 90px;
	color: var(--imn-white);
}
/*h1.title-slider strong,
h2.title-slider strong,
h3.title-slider strong,
h4.title-slider strong {
	background: linear-gradient(180deg, #ffffff, #000000);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}*/
.title h1,
.title h2,
.title h3,
.title h4,
.title h5 {
	font-size: 50px;
    color: var(--imn-blue);
    padding-bottom: 25px;
}
.title.white h1,
.title.white h2,
.title.white h3,
.title.white h4,
.title.white h5 {
    color: var(--imn-white);
	padding-bottom: 60px;
}
.padding-clm {
	padding: 40px 0;
}
.number h1,
.number h2,
.number h3,
.number h4 {
	background: linear-gradient(180deg, #ffffffbd, #1b3575);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 120px;
}
.txt-number h1,
.txt-number h2,
.txt-number h3,
.txt-number h4,
.txt-number h5,
.txt-number p {
	color: var(--imn-white);
	margin-top: -47px;
    z-index: 10;
    position: relative;
	font-size: 25px;
    font-weight: 600;
	margin-right: 50px;
}
.txt-icon h1,
.txt-icon h2,
.txt-icon h3,
.txt-icon h4,
.txt-icon h5,
.txt-icon p {
	color: var(--imn-white);
	/*margin-top: -20px;*/
    z-index: 10;
    position: relative;
	font-size: 22px;
    font-weight: 600;
	/*margin-right: 50px;*/
}
.txt-22 h1,
.txt-22 h2,
.txt-22 h3,
.txt-22 h4,
.txt-22 h5,
.txt-22 p {
	color: var(--imn-blue);
	font-size: 22px;
    font-weight: 600;
	padding-bottom: 20px;
}
.clm-border {
	border-left: 1px solid #ffffff47;
	border-right: 1px solid #ffffff47;
}
.counter-row .vc_column-inner {
	padding: 20px 0;
}
/* SEZIONE INTRO-SERVIZI */
#intro-servizi .titolo-h2 h2 {
	padding-bottom: 80px;
}
#intro-servizi .riga-colonne-servizi .colonna-servizi {
	padding: 90px;
	height: 440px;
}
#intro-servizi .riga-colonne-servizi .colonna-servizi#colonna-servizi-gialla ::selection {
	background: var(--imn-blue);
}
/* SEZIONE SERVIZI */
#servizi .icona-servizi .w-iconbox-icon svg {
	width: 65px;
	filter: saturate(0) contrast(0);
	transition: 300ms;
}
#servizi #icona-ganci-traino .w-iconbox-icon svg {
	width: 75px;
}
#servizi .icona-servizi .w-iconbox-icon:hover svg,
#servizi .icona-servizi.icona-attiva .w-iconbox-icon svg {
	filter: none;
}
#servizi .icona-servizi .w-iconbox-icon {
	cursor: pointer;
}
#servizi .testo-servizi {
	display: none;
}
#servizi .testo-servizi.testo-attivo {
	display: block;
}
#servizi div.vc_column-inner:has(> .icona-servizi:not(#icona-strutturali,#icona-lavaggio))::after {
	content: '';
    display: block;
    width: 80px;
    border-bottom: 2px solid var(--imn-blue);
    position: absolute;
    right: calc(-3rem / 2 - 40px);
    top: 50%;
    transform: translateY(-50%);
}
.testo-servizi {
	padding: 100px;
	text-align: center;
}
.pb-80 {
	padding-bottom: 80px;
}
.titolo-h3 h3 {
	color: var(--imn-blue);
	font-size: 35px;
}
.img-h-500 img {
	height: 500px;
}
.img-involucro .w-image-h {
	height: calc(250px - 0.5rem);
}
.pb-70 {
	padding-bottom: 70px;
}
.txt-white p,
.txt-white p a {
	color: var(--imn-white);
	font-size: 16px;
}
/*.txt-white p {
	margin-right: 50px;
}*/
.blocco-orari {
	padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #0000001c;
}
/*FORM*/
.form-row p {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.form-row p label {
	width: 49%;
}
.campo-form input,
.campo-form textarea {
	border-bottom: 1px solid #e3e3e3!important;
}
.campo-form textarea {
	height: 100px;
}
p.check input {
	border: 1px solid #a8a8a8;
	border-radius: 0px;
}
p.check.check-text {
	color: #a8a8a8;
}
input:not([type=submit]):focus, select:focus, textarea:focus {
	border-bottom: 1px solid var(--imn-blue)!important;
}
.wpcf7-list-item-label a {
	color: var(--imn-blue);
}
/*FOOTER*/
.title-footer h6 {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding-bottom: 25px;
}
.txt-footer p,
.txt-footer p a {
	color: var(--imn-white);
}
.txt-footer-basso p,
.txt-footer-basso p a {
	color: var(--imn-white);
	font-size: 14px;
}

@media screen and (max-width: 767.98px) {
	h1.title-slider, h2.title-slider, h3.title-slider, h4.title-slider {
		font-size: 45px;
	}
	.clm-border {
		border-top: 1px solid #ffffff47;
		border-bottom: 1px solid #ffffff47;
		border-left: none;
		border-right: none;
	}
	#servizi .riga-icone-servizi {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 1rem;
    }
	#servizi .riga-icone-servizi {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 1rem;
	}
	#servizi div.vc_column-inner:has(> .icona-servizi:not(#icona-manutenzione,#icona-auto-elettriche))::after {
    	display: none;
	}
	#servizi .testo-servizi {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#servizi .testo-servizi .titolo-h3 h3 {
		font-size: 27px;
	}
	#servizi .riga-icone-servizi {
		gap: 1rem;
	}
	#servizi .icona-servizi .w-iconbox-icon {
		font-size: 2rem !important;
	}
	#servizi .icona-servizi .w-iconbox-icon svg {
		width: 47px;
	}
	#servizi #icona-ganci-traino .w-iconbox-icon svg {
		width: 57px;
	}
	#servizi div.vc_column-inner:has(> .icona-servizi:not(#icona-manutenzione,#icona-auto-elettriche))::after {
    	display: none;
	}
	#servizi .testo-servizi {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#servizi .testo-servizi .titolo-h3 h3 {
		font-size: 27px;
	}
	.testo-servizi {
		padding: 20px;
	}
	.title h1, .title h2, .title h3, .title h4, .title h5 {
		font-size:	35px;
	}
	.pb-80 {
		padding-bottom: 15px;
	}
	.number h1, .number h2, .number h3, .number h4 {
		font-size: 100px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	h1.title-slider, h2.title-slider, h3.title-slider, h4.title-slider {
		font-size: 65px;
	}
	.flex {
		display: flex!important;
		flex-wrap: wrap;
	}
	.counter-row {
		display: flex!important;
		flex-wrap: wrap;
	}
	.counter-row .vc_column_container {
		width: 100%!important;
	}
	.clm-border {
		border-top: 1px solid #ffffff47;
		border-bottom: 1px solid #ffffff47;
		border-left: none;
		border-right: none;
	}
	#servizi div.vc_column-inner:has(> .icona-servizi:not(#icona-strutturali,#icona-lavaggio))::after {
		width: 72px;
	}
}

@media (min-width: 992px) and (max-width: 1023.98px) {
	h1.title-slider, h2.title-slider, h3.title-slider, h4.title-slider {
		font-size: 80px;
	}
	.number h1, .number h2, .number h3, .number h4 {
		font-size: 100px;
	}
	.txt-number h1, .txt-number h2, .txt-number h3, .txt-number h4, .txt-number h5, .txt-number p {
		font-size: 23px;
	}
	.title h1, .title h2, .title h3, .title h4, .title h5 {
		font-size: 40px;
	}
	.g-cols .vc_column_container.us_custom_d186cce7,
	.g-cols .vc_column_container.us_custom_aacdd124,
	.g-cols .vc_column_container.us_custom_cafbfc99,
	.g-cols .vc_column_container.us_custom_1b07d563 {
		height: 100%!important;
	}
}

@media (min-width: 1024px) and (max-width: 1139.98px) {
	.g-cols .vc_column_container.us_custom_d186cce7,
	.g-cols .vc_column_container.us_custom_aacdd124,
	.g-cols .vc_column_container.us_custom_cafbfc99,
	.g-cols .vc_column_container.us_custom_1b07d563 {
		height: 100%!important;
	}
	.number h1, .number h2, .number h3, .number h4 {
		font-size: 90px;
	}
	.txt-number h1, .txt-number h2, .txt-number h3, .txt-number h4, .txt-number h5, .txt-number p {
		font-size: 22px;
	}
}

@media (min-width: 1140px) and (max-width: 1279.98px) {
	.number h1, .number h2, .number h3, .number h4 {
		font-size: 100px;
	}
}

@media (min-width: 1280px) and (max-width: 1339.98px) {
	
}