/*
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{
	--oro: #CFB53B;
}
.titolo-outline h1{
  	font-weight: 400;
  	font-style: normal;
	color: white;
}
.titolo-outline span{
  	-webkit-text-stroke-width: 0.02em;
  	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-color: var(--oro);
	font-family: "Merriweather Sans", sans-serif;
	font-weight: bold;
}
.titolo-bianco :is(h1, h2, h3, h4, h5, h6),
.paragrafo-bianco p,
.tag-a-bianco a,
#page-footer .w-iconbox-icon{
	color: white !important;
}
.p-black p {color: black;}
.fz-150 h1 {font-size: 150px;}
.fz-40 p {font-size: 40px;}
.lh-50 p {line-height: 50px;}
.bl-5 {border-left: 5px white solid;}

.g-cols.h-100{
	height: 70vh
}
/*HEADER*/
#page-header .us-btn-style_1{
	font-weight: 400;
	background: transparent;
	/*border: 1px white solid;*/
	padding: 10px 30px;
	border-radius: 50px;
}
#page-header .us-btn-style_1:hover{
	/*background-color: white;*/
	color: var(--oro) !important;
}

/*ANIMATE BUTTON*/
.animated-button {
	position: relative;
	display: flex;
	align-items: center;
	/*gap: 4px;*/
	padding: 5px 40px;
	border: 4px solid;
	border-color: transparent;
	font-size: 16px;
	background-color:antiquewhite;
	border-radius: 100px;
	font-weight: 600;
	color: black;
	box-shadow: 0 0 0 2px var(--oro);
	cursor: pointer;
	overflow: hidden;
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	margin: auto;
}

.animated-button svg {
	position: absolute;
	width: 24px;
	fill: black;
	z-index: 9;
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button .arr-1 {
	right: 16px;
}

.animated-button .arr-2 {
	left: -25%;
}

.animated-button .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	background-color: var(--oro);
	border-radius: 50%;
	opacity: 0;
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button .text {
	position: relative;
	z-index: 1;
	transform: translateX(-12px);
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button:hover {
	box-shadow: 0 0 0 12px transparent;
	color: white;
	border-radius: 12px;
}

.animated-button:hover .arr-1 {
  	right: -25%;
}

.animated-button:hover .arr-2 {
  	left: 16px;
}

.animated-button:hover .text {
  	transform: translateX(12px);
}

.animated-button:hover svg {
  	fill: white;
}

.animated-button:active {
	scale: 0.95;
	/*box-shadow: 0 0 0 4px greenyellow*/;
}

.animated-button:hover .circle {
	width: 220px;
	height: 220px;
	opacity: 1;
}

/*HOME*/
.img-home .w-image-h{
	border-radius: 50px;
	width: 65%;
	margin-left: 3rem;
}
#paragrafo-home h5{
	font-family: "Great Vibes";
	font-size: 100pt;
	line-height: 135pt;
	text-align: center;
	color: black;
	border-color: white;
  	-webkit-text-stroke: 2px antiquewhite;
	text-shadow: 4px 8px 10px antiquewhite;
	
}
/*PRODOTTI E SERVIZI*/
#chi-siamo h2 {
    line-height: 95px; /* Line-height uniforme per l'intero testo */
    text-align: center; /* Centratura del testo */
    margin: 0; /* Rimuovi margini extra */
    padding: 0; /* Rimuovi padding extra */
}
#dynamic-word {
	font-family: Bodoni Moda;
	font-style: italic;
	font-size: 70px;
    letter-spacing: 15px;
    color: var(--oro);
    display: inline-block;
    border-right: 2px solid;
    white-space: nowrap;
    overflow: hidden;
    animation: blink 0.75s step-end infinite;
    line-height: 90px; 
    vertical-align: bottom;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.w-image.t-shirt{
	max-height: 600px;
}
/* Animazione per l'effetto di scrittura */
@keyframes typing {
    0% { width: 0; }
    50% { width: 100%; }
    100% { width: 0; }
}
@keyframes blink {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}
/*	Div divisore */
.divisore{
 	height: 8px; /* Altezza della linea */
  	width: 0; /* Inizialmente la larghezza è 0 */
  	transition: width 2s ease; /* Animazione della larghezza */
	margin: 40px 0;
	background: linear-gradient(90deg, #8B4513, #B8860B, var(--oro), #FFD700, #F0E68C);

}
.divisore.animate {
  width: 120px; /* La larghezza finale della linea */
}
/*CONTATTI*/
#form .raw-label{
	margin-bottom: 20px;
}
#form .raw-label p{
	display: flex;
	justify-content: space-between;
}
#form .raw-label label{
	width: 49%;
}
#form .wpcf7-list-item-label{
	margin-left: 10px;
}
.leaflet-container.leaflet-touch-drag{
	height: 500px !important;
}

#contatti h6{
	font-family: "Allura";
}
/*FOOTER*/
#page-footer h4{
	font-size: 30px;
}

#page-footer p{
	font-size: 15px;
}
.tag-a-bianco a:hover{
	color: var(--oro) !important;
}

@media screen and (max-width: 700px){
	.fz-150 h1 {
		font-size: 70px;
		text-align: left !important;
	}
	#paragrafo-home h5{
		font-size: 55pt; 
		line-height: 75pt; 
		text-align: left;
	}
	.bl-5{border-top: 5px solid white; 
		padding-top: 4rem; 
		border-left: 0;
	}
	#chi-siamo h2{
		line-height: 60px;
		font-size: 30px;
	}
	#dynamic-word{
		letter-spacing: 0px;
        line-height: 60px;
        font-size: 35px;
	}
	#fantasia-prodotti,
	#prodotti-servizi-home{
		height: 100vh;
		display: flex;
        align-items: center;
        justify-content: center;
	}
	.page-id-295 h3{
		font-size: 30px;
	}
	.divisore {
		margin: 10px 0 40px;
	}
	.w-image.t-shirt{
	max-height: 300px;
	}
	#form .raw-label p{
		flex-direction: column;
}
	#form .raw-label label{
		width: 100%;
	}
}
@media screen and (min-width: 701px) and (max-width: 900px){
	.fz-150 h1 {
		font-size: 80px;
	}
	#paragrafo-home h5{
		font-size: 60pt;
    	line-height: 80pt;
	}
	#curiosita .g-cols.cols_2 {
		grid-template-columns: repeat(1, 1fr);
	}
	#page-footer .g-cols.cols_4 {
   		grid-template-columns: repeat(1, 1fr);
	}
	#dynamic-word{
        font-size: 30px;
		letter-spacing: 0;
	}
	.page-id-295 .g-cols.cols_2 {
    	grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (min-width: 901) and (max-width: 1100px){
	#dynamic-word{
        font-size: 50px;
		letter-spacing: 0;
	}
}