@import url('header.css');
@import url('font.css');
@import url('prodotti.css');
@import url('menu.css');

#wrapper {
	padding-top: 0;
}

/* HOME */

/*
*  image hotspot
*/

.elementor-widget-image-hotspots img {
	/* background image hotspot*/
	width: 100% !important;
}

/*
* 	IMG HOTSPOT HOME
*/

/* <div class="elementor-hotspot" style="top: 33%; left: 50%;" data-toggle="tooltip" data-html="true" data-template="&lt;div class='elementor-element elementor-element-fsd2bss tooltip' role='tooltip'&gt;&lt;div class='tooltip-inner tooltip-inner-hotspot'&gt;&lt;/div&gt;&lt;/div&gt;" title="" data-original-title="&lt;div class='row align-items-center list-small-gutters img_home_hotspot'&gt;
								&lt;div class='thumbnail-container col-12'&gt;&lt;img src='https://ritclothing.com/28-small_default/hummingbird-printed-t-shirt.jpg' class='img-fluid' width='98' height='127'&gt;&lt;/div&gt;
								&lt;div class='product-description col'&gt;
									&lt;div class='product-title'&gt;Helios Jersey&lt;/div&gt;
    									&lt;span class='product-price-hotspot'&gt;23,33&nbsp;€&lt;/span&gt;
							 	&lt;/div&gt;
							 &lt;/div&gt;">
						 <a href="https://ritclothing.com/home/1-1-hummingbird-printed-t-shirt.html#/1-dimensione-s/8-colore-bianco" target="_blank" rel="noopener noreferrer">							 <span class="elementor-hotspot-icon">
							<i class="fa fa-check"></i>
						</span>
						 						 <span class="elementor-hotspot-text">Maglia</span>
						 </a>					 </div> */

.elementor-element-ojv6w62 {
	opacity: 1 !important;
	padding: 0px !important;
	margin: 0px !important;
}
.elementor-element-ojv6w62 .tooltip-inner-hotspot {
	background-color: #fff !important;
	padding: 0px !important;
	margin: 0px !important;
}
.img_home_hotspot .product-title,
.img_home_hotspot .product-price-hotspot {
	color: #000 !important;
}
.img_home_hotspot .product-description {
	padding: 5% 10% !important;
}

.img_home_hotspot,
.img_home_hotspot .thumbnail-container {
	opacity: 1 !important;
}

.home_hotspot .thumbnail-container.col-4 img {
	width: 100% !important;
}

.img_home_hotspot img {
	width: 100% !important; /* o una dimensione specifica */
	height: auto !important; /* mantiene le proporzioni */
	object-fit: cover !important; /* o "cover" per riempire */
	opacity: 1 !important;
	aspect-ratio: auto !important;
}



/*  limited edition home */
.carousel_limited_edition .swiper-slide,
.carousel_limited_edition .product-miniature-grid {
	display: flex;
	justify-content: center;
	width: 100%;
    flex-direction: column;
    gap: 50px;
}
.carousel_limited_edition > * .product-thumbnail {
	min-width: 320px !important;
}
.carousel_limited_edition > * .product-thumbnail > * img {
	width: 100% !important;
}

.page-home .block {
	display: none !important;
}

.grid_limited_edition .products-grid {
	display: flex;
    flex-wrap: wrap;
}
.grid_limited_edition .products-grid .js-product-miniature-wrapper { flex: 0 0 33% !important; }






/* TABS */
#product #product-infos-tabs,
#products-tab-anchor {
	display: none !important;
}

/* ACCORDION */
#product .elementor-accordion-item {
	border-left: 0 !important;
	border-right: 0 !important;
}
#product .elementor-accordion-content {
	border-top: 0 !important;
}

/* lineetta sotto il titolo  */
h1::after,
h2::after,
h3::after,
h4::after {
	border-color: #000 !important;
}

/* FORM */
#checkbox_privacy_0 {
	margin-right: 10px !important;
}

/* Animazione di scrittura */
/* @keyframes typewriter {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}
span.highlight {
	background-color: white !important;
	color: black !important;
	line-height: inherit !important;
	display: inline-block !important;
	font-weight: 600 !important;
	overflow: hidden;
	white-space: nowrap;
	animation: typewriter 2s steps(10) forwards;
} */

@keyframes typewriter {
	from {
		width: 0;
	}
	to {
		width: 40%;
	}
}

span.highlight {
	background-color: white !important;
	color: black !important;
	line-height: 0.9 !important;
	display: inline-block; /* Per limitare la larghezza al testo */
	font-weight: 600 !important;
	overflow: hidden; /* Nasconde il testo non visibile */
	white-space: nowrap; /* Evita che vada a capo */
	border-right: 2px solid black; /* Effetto cursore */
	animation: typewriter 2s steps(20) forwards, blink 0.5s step-end infinite;
	margin-right: 5px; /* Spazio tra le parole */
}

/* Lampeggio del cursore */
@keyframes blink {
	from,
	to {
		border-color: transparent;
	}
	50% {
		border-color: black;
	}
}

@media (max-width: 1024px) {
	/* Applica gli stili solo su dispositivi mobili */
	.containter-chisiamo {
		word-wrap: break-word; /* Forza la divisione delle parole se sono troppo lunghe */
		white-space: normal; /* Consente al testo di andare a capo */
	}

	span.highlight {
		animation: typewriter 3s steps(15) forwards, blink 0.5s step-end infinite;
		display: inline-block;
		width: 100%; /* Impostato a 100% per adattarsi al contenitore */
		/* white-space: normal; /* Permette al testo di andare a capo */
	}
	@keyframes typewriter {
		from {
			width: 0;
		}
		to {
			width: 46%;
		}
	}
}

/* Media query per schermi mobili (max 768px) */
@media (max-width: 767px) {
	/* Applica gli stili solo su dispositivi mobili */
	.containter-chisiamo {
		word-wrap: break-word; /* Forza la divisione delle parole se sono troppo lunghe */
		white-space: normal; /* Consente al testo di andare a capo */
	}

	span.highlight {
		animation: typewriter 3s steps(15) forwards, blink 0.5s step-end infinite;
		display: inline-block;
		width: 100%; /* Impostato a 100% per adattarsi al contenitore */
		/* white-space: normal; /* Permette al testo di andare a capo */
	}
	@keyframes typewriter {
		from {
			width: 0;
		}
		to {
			width: 60%;
		}
	}
}

.text_chisiamo {
	display: flex;
	align-items: top;
}

.title_hotspot {
	position: absolute;
	top: 40%;
	right: 15%;
}

.title_hotspot span {
	font-size: 90px;
	line-height: 90px;
	font-weight: 800;
	color: #fff;
	text-align: center;
}

/*
*
* POP UP
*/
#iqitpopup {
	width: auto !important;
	height: auto !important;
}
@media (max-width: 1024px) {
	#iqitpopup {
		width: 70% !important;
		height: auto !important;
	}
}
@media (max-width: 767px) {
	#iqitpopup {
		width: 90% !important;
		height: auto !important;
	}
}
/*
*
*
* PAGAMENTI
*
*
*/

#js-stripe-payment-element .Tab--selected {
	background-color: #000 !important;
	border-color: #000 !important;
	color: #000 !important;
}

/*
*
*FORM  NEWSLETTER
*
*/
.newsletter label,
.newsletter a,
.newsletter p {
	color: #000 !important;
}
.newsletter .button:hover {
	background: #000;
	color: #fff;
}
.newsletter .checkbox_item_wp p {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.box_newsletter_footer .elementor-row  {
	padding: 4% 7%;
    margin: 4% 7%;
    box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.17);
}

.checkbox_box { margin: 0px !important; }


/*
*
* BLOG
*
*/
.simpleblog__listing__post img {
	aspect-ratio: 16/9 !important;
}

.simpleblog__post img {
	aspect-ratio: 16/9 !important;
	width: 100% !important;
	height: auto !important;
}

.simpleblog__share,
.simpleblog__comments-empty,
.simpleblog__addComment {
	display: none !important;
}