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

/* Font personalizzati Helvetica Neue per il tema Impreza */
@font-face {
  font-family: 'Lato Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Lato-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Lato-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Lato-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Lato-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Lato-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Lato-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Lato-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Lato-BlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Syncopate Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Syncopate-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Syncopate Custom';
  src: url('/wp-content/themes/Impreza-child/fonts/Syncopate-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Syncopate Custom', sans-serif;
}

body,
p,
a,
li,
input,
textarea,
button {
  font-family: 'Lato Custom', sans-serif;
}

:root {
  --p-lg: clamp(22px, 1.50vw, 24px);
  --p: clamp(19px,1.4vw,20px);
  --p-sm: clamp(16px, 1.04vw, 18px);
}

.upper{
	text-transform:uppercase;
}
.pt0{
	padding-top:0!important;
}
.pt1{
	padding-top:1rem!important;
}
.pt2{
	padding-top:2rem!important;
}
.pt3{
	padding-top:3rem!important;
}
.pt3_5{
	padding-top:3.5rem!important;
}
.pt4{
	padding-top:4rem!important;
}
.pb0{
	padding-bottom:0!important;
}
.pb1{
	padding-bottom:1rem!important;
}
.pb2{
	padding-bottom:2rem!important;
}
.pb3{
	padding-bottom:3rem!important;
}
.pb4{
	padding-bottom:4rem!important;
}
.mt0{
	margin-top:0!important;
}
.mt1{
	margin-top:1rem!important;
}
.mt2{
	margin-top:2rem!important;
}
.mt3{
	margin-top:3rem!important;
}
.mt4{
	margin-top:4rem!important;
}
.mt5{
	margin-top:5rem!important;
}
.mb0{
	margin-bottom:0!important;
}
.mb1{
	margin-bottom:1rem!important;
}
.mb2{
	margin-bottom:2rem!important;
}
.mb3{
	margin-bottom:3rem!important;
}
.mb3_5{
	margin-bottom:3.5rem!important;
}
.mb4{
	margin-bottom:4rem!important;
}
.mb5{
		margin-bottom:5rem!important;
}
@media screen and (max-width: 768px){
	.pt2{
		padding-top:1.5rem!important;
	}
	.pt3{
		padding-top:2.5rem!important;
	}
	.pt4{
		padding-top:3rem!important;
	}
	.pb2{
		padding-bottom:1.5rem!important;
	}
	.pb3{
		padding-bottom:2.5rem!important;
	}
	.pb4{
		padding-bottom:3rem!important;
	}
	.mt2{
		margin-top:1.5rem!important;
	}
	.mt3{
		margin-top:2.5rem!important;
	}
	.mt4{
		margin-top:3rem!important;
	}
	.mt5{
		margin-top:4rem!important;
	}
	.mb2{
		margin-bottom:2rem!important;
	}
	.mb3{
		margin-bottom:2.5rem!important;
	}
	.mb3_5{
		margin-bottom:3rem!important;
	}
	.mb4{
		margin-bottom:3rem!important;
	}
	.mb5{
		margin-bottom:4rem!important;
	}
}

.centrale{
	text-align:center!important;
}
.destra{
	text-align:right!important;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background: #d3ebee;
}

.cigi-coming-soon {
    --cigi-blue: #274B7A;
    --cigi-orange: #EE7203;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
min-height: 100vh;
    overflow: hidden;
}

.cigi-coming-content {
    position: relative;
    z-index: 10;
    width: calc(100% - 40px);
    max-width: 1200px;
    margin: auto;
    padding: clamp(70px, 10vh, 130px) 20px clamp(40px, 6vh, 80px);
    text-align: center;
}

.cigi-logo {
    display: block;

    width: clamp(230px, 27vw, 390px);
    height: auto;

    margin: 0 auto clamp(35px, 5vh, 65px);
}

.cigi-symbol {
    margin-bottom: 20px;
}

.cigi-symbol img {
    display: block;

    width: 35px;
    height: auto;

    margin: 0 auto;
}

.cigi-coming-content h1 {
margin: 0;
  font-family: 'Syncopate Custom', Arial, sans-serif;
  font-size: clamp(26px, 3vw, 56px);
  font-weight: 700;
  color: #fafafa;
	max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.cigi-lead {
    max-width: 660px;
	width:100%;
    margin: 30px auto 0;
font-family: 'Lato Custom', Arial, sans-serif;
  font-size: clamp(17px, 1.5vw, 21px);
  font-weight: 400;
    color: #fafafa;
}

.cigi-lead strong {
    font-weight: 600;
    color: #fafafa;
}

.cigi-text {
    margin: 7px 0 0;
    font-weight: 300;
    color: #fafafa;
}

.cigi-contact {
    display: inline-block;
    margin-top: 30px;
    padding-bottom: 4px;
    font-weight: 600;
color: #fafafa;
  text-decoration: none;
  border-bottom: 1px solid #fafafa;
    transition:
        color 0.25s ease,
        border-color 0.25s ease;
}

.cigi-contact:hover {
    color: #fafafa !important;
    border-color: #fafafa;
}

.cigi-city {
    position: relative;
    z-index: 5;

    width: 100%;
    margin-top: auto;

    line-height: 0;
}

.cigi-city img {
    display: block;

    width: 100%;
    height: auto;
}

.cigi-cloud {
    position: absolute;
    z-index: 1;

    pointer-events: none;

    opacity: 0.45;
}

.cigi-cloud img {
    display: block;
    width: 100%;
    height: auto;
}

.cigi-cloud-1 {
    top: 18%;
    left: -100px;

    width: clamp(180px, 15vw, 300px);

    animation: cigi-cloud-left 20s ease-in-out infinite alternate;
}

.cigi-cloud-2 {
    top: 34%;
    right: -80px;

    width: clamp(130px, 11vw, 230px);

    opacity: 0.3;

    animation: cigi-cloud-right 25s ease-in-out infinite alternate;
}

@keyframes cigi-cloud-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(70px);
    }
}

@keyframes cigi-cloud-right {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-60px);
    }
}

@media (max-width: 767px) {

    .cigi-coming-content {
        width: calc(100% - 36px);
        padding: 0;
    }

    .cigi-logo {
        width: min(75vw, 300px);

        margin-bottom: 38px;
    }

    .cigi-symbol img {
        width: 28px;
    }

    .cigi-lead {
        margin-top: 24px;

        font-size: 16px;
        line-height: 1.6;
    }

    .cigi-text {
        font-size: 15px;
    }

    .cigi-contact {
        margin-top: 24px;
    }

    .cigi-cloud-1 {
        top: 13%;
        left: -90px;

        width: 170px;
    }

    .cigi-cloud-2 {
        top: 51%;
        right: -70px;

        width: 140px;
    }

    .cigi-city img {
        min-height: 130px;
        object-fit: cover;
        object-position: center bottom;
    }
}

@media (prefers-reduced-motion: reduce) {

    .cigi-cloud {
        animation: none;
    }
}