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

/*Add your own styles here:*/
@import url("assets/css/queries.css");

:root {
	--imn-yellow: #ffd20f;
	--imn-darkyellow: #f1af09;
}
.dots h1 {
	position: relative;
	z-index: 0;
}
.title-style h1 small,
.dots h1 small {
	font-weight: 300;
}

.dots h1:after {
	content: url("assets/img/dots.svg");
    width: 300px;
    position: absolute;
    left: 3rem;
    bottom: -100%;
    z-index: -1;
}
section.header-home {
	align-items: center;
    display: flex;
}
section.header-home .col-left {
	padding-left: 3.5rem;
}
.spacer > div {
	width: 280px;
    height: 1px;
    background-color: #60606052;
	position: relative;
}
.spacer > div:after {
	content: "";
    left: 0;
    height: 5px;
    background-color: var(--imn-yellow);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	animation-name: slideA;
	animation-duration: 1300ms;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
a.btn-style {
	border-bottom: solid 2px var(--imn-yellow);
    border-radius: unset;
    height: 28px;
}

.title-style h2 {
	font-size: 1.5rem;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 600;
}
.row-service h3 {
	text-transform: uppercase;
	font-size: 16px;
	transition: 500ms;
}
.row-service .wpb_column {
	position: relative;
	z-index: 2;
}
.row-service .wpb_column .vc_column-inner {
	background: white;
	aspect-ratio: 5 / 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 50px;
}

.row-service .wpb_column:before {
	content: url("assets/img/dots-yellow.svg");
    width: 90px;
    left: -7%;
    top: 7%;
    position: absolute;
    z-index: 0;
    transform: translateY(-50%);
    opacity: 0.7;
	transition: 500ms;
}
.row-service .wpb_column:hover:before {
	transition: 500ms;
	left: 0%;
}
.image-dots > .w-image-h {
	position: relative;
}
.image-dots > .w-image-h:after {
	content: url("assets/img/dots-yellow.svg");
    width: 200px;
    right: -10%;
    bottom: -16%;
    position: absolute;
    z-index: 1;
    transform: translateY(-50%);
    opacity: 1;
    transition: 500ms;
}
.row-service .wpb_column:after {
	content: url("assets/img/dots-yellow.svg");
    width: 150px;
    right: 7%;
    bottom: -31%;
    position: absolute;
    z-index: -1;
    transform: translateY(-50%);
    opacity: 0.4;
    transition: 500ms;
}
/*.row-service .wpb_column:hover:after {
	transition: 500ms;
	right: 0;
}*/
.row-service .wpb_column img {
	max-height: 90px;
}
.row-service .wpb_column:hover h3 {
	color: var(--imn-yellow);
	transition: 500ms;
}
.header-inpage .g-breadcrumbs-item a {
	color: white;
}
ul.defaultList {
	list-style-type: none;
}
ul.defaultList li a {
	display: flex;
	align-items: center;
	color: inherit;
    font-style: italic;
}
ul.defaultList li a i {
	width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #181818;
}
ul.defaultList li {
	align-items: flex-start;
    display: flex;
    margin-bottom: 14px;
}
ul.defaultList li i {
	margin-right: 10px;
    background: var(--imn-yellow);
    padding: 6px;
    border-radius: 50px;
	transition: 250ms;
}
ul.defaultList li:hover i {
	margin-right: 10px;
    background: var(--imn-darkyellow);
    padding: 6px;
    border-radius: 50px;
	transition: 250ms;
}
@keyframes slideA {
	0% {
		width: 0px;
	}
	100% {
		width: 140px;
	}
}
.wrapper-form .row2,
.wrapper-form .row {
	margin-bottom: 20px; 
}
.wrapper-form a {
	color: var(--imn-darkyellow);
	text-decoration: underline;
}

.wrapper-form .row2 > p {
	display: flex;
	gap: 20px; 
}
.footer-style :not(h4) {
	color: white;
}
.footer-style .yello-txt,
.footer-style h4 {
	color: var(--imn-yellow);
    font-size: 15px;
    font-weight: 300;
	margin-bottom: 20px;
	font-family: "Montserrat",sans-serif;
}
.footer-style p a,
.footer-style p a:hover,
.footer-style ul li {
	margin-bottom: 12px !important;
    font-size: 14px;
    text-transform: uppercase;
	color: inherit;
}
.border-footer p,
.border-footer a {
	font-size: 12px !important;
}
.border-footer {
	margin-top: 40px;
    padding-top: 15px;
    border-top: solid 1px #f1f1f14d;
}
#page-header ul {
	border-right: solid 2px #cacaca;
	padding-right: 20px;
}
#page-header li {
	font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 600;
}
#page-header .btn-call :is(a, a:hover) {
	font-family: 'Montserrat';
	display: flex;
	align-items: center;
	font-weight: 600;
	gap: 12px;
	color: inherit;
}
#page-header .btn-call a:hover i {
	background-color: var(--imn-darkyellow);
	transition: 300ms;
}
#page-header .btn-call a i {
	width: 50px;
	height: 50px;
	background-color: var(--imn-yellow);
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 300ms;
}