/****************************************************************/



/************************/
/*MARIO AGGIUNTE PER PRESTASHOP*/

#search_widget form input{
	background-color:white!important
}
/*
.container{
	width:100%!important;
	padding: 0px!important;
	
}
*/
/************************/





.img-offset{
	position: absolute;
    top: -15%;
    
}

.img-offset2{
	position: absolute;
    top: -500px!important;
	
    
}

.img-offset3{
	position: absolute;
    top: -500px!important;
	
    
}



/*COLORI TESTI*/

.lineaoro-text-rosso {
	color: white !important
}

.lineaoro-text-grigioChiaro {
	color: #F1F2F2 !important
}

.elio-giallo{
	color:#f9b33a!important
}

.elio-scuro{
	color:#223752!important
}

.elio-blando{
	color:#6ec3c8!important
}




/* html,
body {
	overflow-x: hidden;
} */

a {
	cursor: pointer;
}



.transparent-bg {
	background-color: rgba(0, 0, 0, 0);
	/* Sfondo trasparente */
}

.content-overlay {
	position: absolute;
	/* Posizione assoluta rispetto alla row */
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	/* Larghezza completa */
	z-index: 10;
	/* Sovrapponi sopra altre colonne */
}

.row.position-relative {
	position: relative;
}


/*COLORI SFONDI*/

.lineaoro-bg-rosso {
	background-color: white !important
}

.lineaoro-bg-footer {
	background-color: #FF313D !important
}

.elio-bg-grigioChiaro {
	background-color: #dedede !important
}

.elio-bg-superChiaro {
	background-color: #f3f3f3 !important
}

.elio-bg-chiaroScemo {
	background-color: #ebebeb !important
}

.elio-bg-scuro {
	background-color: #223752 !important
}

.elio-bg-giallo {
	background-color: #f9b33a !important
}

.lineaoro-bg-striato {
	background-image: linear-gradient(45deg, #f1f2f2 45%, #ffffff 45%, #ffffff 50%, #f1f2f2 50%, #f1f2f2 95%, #ffffff 95%, #ffffff 100%);

	background-size: 141.42px 141.42px;

}



.lineaoro-bg-categoria {
	background-image: linear-gradient(45deg, #ff0000 25%, #ffffff 25%, #ffffff 50%, #ff0000 50%, #ff0000 75%, #ffffff 75%, #ffffff 100%);

	background-size: 56.57px 56.57px;

}





.footerPacchiano {

	background: linear-gradient(332deg, #ff0000 18.75%, #ffffff 0 24.25%, #ff0000 0), repeating-linear-gradient(45deg, #ff0000 -6.25% 6.25%, #ffffff 0 18.75%);



}



/*BORDI*/

.lineaoro-brd-rosso {
	border: solid 1px !important
}





/***********************************************************/





.OnlyOneSideBorder {

	border-top-left-radius: 25px;

	border-bottom-left-radius: 25px;

	padding: 1%
}



/**FONT**/

a {

	color: black !important;

	text-decoration: unset !important;

}



/* QUIIIIIIIIIIIIII */
@font-face {

	font-family: 'OpenSans';

	src: url('./font/OpenSans.ttf') format('truetype');

	/* url('font/DharmaGothicC-BoldItalic.woff') format('woff'); */

}

@font-face {

	font-family: 'ReganHeavy';

	src: url('./font/ReganHeavy.ttf') format('truetype');

	/* url('font/DharmaGothicC-BoldItalic.woff') format('woff'); */

}

@font-face {

	font-family: 'CoreSans';

	src: url('./font/CoreSans.ttf') format('truetype');

	/* url('font/DharmaGothicC-BoldItalic.woff') format('woff'); */

}

@font-face {

	font-family: 'Plymouth';

	src: url('./font/Plymouth.ttf') format('truetype');

	/* url('font/DharmaGothicC-BoldItalic.woff') format('woff'); */

}

/*RALEWAY*/

.font-1-regular {

	font-family: "CoreSans", sans-serif;

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: normal;

}

.font-1-italic {

	font-family: "CoreSans", sans-serif;

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: italic;

}



.font-1-bold {

	font-family: "CoreSans", sans-serif;

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: normal;

}

.font-1-grey {

	font-family: "CoreSans", sans-serif;

	font-optical-sizing: auto;

	font-weight: 100!important;

	font-style: normal;

	color: rgb(100, 98, 98);

}






/*UNBOUNDED*/

.font-2-regular {

	font-family: "Raleway", sans-serif;

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: normal;

}





.font-2-bold {

	font-family: "Raleway", sans-serif;

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: normal;

}

.font-2-italic {

	font-family: "Raleway", sans-serif;

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: italic;

}



/*NICKELGOTHICV3*/

@font-face {

	font-family: 'NickelGothicv3-Condensed';

	src: url('NickelGothicv3-Condensed.woff2') format('woff2'),

		url('NickelGothicv3-Condensed.woff') format('woff');

}





.font-3-regular {

	font-family: "NickelGothicv3-Condensed", sans-serif;

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: normal;

}





.font-3-bold {

	font-family: "NickelGothicv3-Condensed", sans-serif;

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: normal;

}

/*DHARMA*/

@font-face {

	font-family: 'DharmaGothicC-BoldItalic';

	src: url('DharmaGothicC-BoldItalic.woff2') format('woff2'),

		url('DharmaGothicC-BoldItalic.woff') format('woff');

}


/* QUIIIIIIIIIIIIII */
@font-face {

	font-family: 'GazzettaRegular';

	src: url('./font/GazzettaRegular.otf') format('opentype');

	/* url('font/DharmaGothicC-BoldItalic.woff') format('woff'); */

}





.font-4-regular {

	font-family: "DharmaGothicC-BoldItalic", sans-serif;

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: normal;

}





.font-4-bold {

	font-family: "DharmaGothicC-BoldItalic", sans-serif;

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: normal;

}

/* BUILT TITLING */

.font-5-regular {

	font-family: 'Plymouth', sans-serif;

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: normal;

}



.font-5-bold {

	font-family: 'Plymouth', sans-serif;

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: bold;



}

.font-5-italic {

	font-family: 'Plymouth', sans-serif;

	font-optical-sizing: auto;

	font-weight: 400;

	font-style: italic;

}










/************************************/





/************************/

/**ABSOLUTE*/



/*PC BIG*/

@media only screen and (min-width: 1399px) {

	.cercaInTop {

		position: absolute;

		top: 10%;

		right: 2%;

	}



	.occhioPass {

		position: absolute;

		bottom: 20%;

		right: 18%;

	}



	.logoFooter {

		position: absolute;

		z-index: 9999999999999;

		right: 1%;

		width: 10%;

		margin-top: 13%;

	}



}







@media only screen and (min-width: 1024px) and (max-width: 1399px) {

	.cercaInTop {

		position: absolute;

		top: 13%;

		right: 2%;

	}



	.occhioPass {

		position: absolute;

		right: 18%;

		bottom: -5%;

	}



	.logoFooter {

		position: absolute;

		z-index: 9999999999999;

		right: 1%;

		width: 10%;

		margin-top: 20%;

	}







}





/*TABLET*/

@media only screen and (min-width: 768px) and (max-width : 1023px) {

	.cercaInTop {

		position: absolute;

		top: 16%;

		right: 2%;

	}





	.occhioPass {

		position: absolute;

		top: 215%;

	}





	.logoFooter {

		position: absolute;

		z-index: 9999999999999;

		right: 1%;

		width: 18%;

		margin-top: 33%;

	}

}

















@media only screen and (min-width: 425px) and (max-width : 767px) {

	.cercaInTop {

		position: absolute;

		top: 75%;

		right: 16%;

	}



	.occhioPass {

		position: absolute;

		top: 215%;

	}



	.logoFooter {

		position: absolute;

		z-index: 9999999999999;

		right: 3%;

		width: 60%;

		margin-top: 210%;

	}

}























/*MOBILE L*/



@media only screen and (min-width: 374px) and (max-width : 424px) {

	.cercaInTop {

		position: absolute;

		top: 70%;

		right: 16%;

	}



	.occhioPass {

		position: absolute;

		top: 215%;

	}



	.logoFooter {

		position: absolute;

		z-index: 9999999999999;

		right: 3%;

		width: 60%;

		margin-top: 230%;

	}

}























/*MOBILE S*/

@media only screen and (max-width: 373px) {

	.cercaInTop {

		position: absolute;

		top: 65%;

		right: 16%;

	}



	.occhioPass {

		position: absolute;

		top: 215%;

	}



	.logoFooter {

		position: absolute;

		z-index: 9999999999999;

		right: 3%;

		width: 60%;

		margin-top: 248%;

	}

}





/* ICONA SEARCH */

.search-container {

	position: relative;

	display: inline-block;

}



.search-container input {

	padding-right: 30px;
	/* Aggiungi spazio per l'icona */

}



.search-container i {

	position: absolute;

	right: 30px;
	/* Regola la posizione dell'icona a destra */

	top: 50%;

	cursor: pointer;

	transform: translateY(-50%);

	color: #888;
	/* Colore dell'icona */



}

.search-containerMini {

	position: relative;

	display: inline-block;

}



.search-containerMini input {

	padding-right: 30px;
	/* Aggiungi spazio per l'icona */

}



.search-containerMini i {

	position: absolute;

	right: 15%;
	/* Regola la posizione dell'icona a destra */

	top: 50%;

	cursor: pointer;

	transform: translateY(-50%);

	color: #888;
	/* Colore dell'icona */



}

.oblique-button {
	background-color: #ffffff;
	/* Bianco */
	color: #000000;
	/* Testo nero */
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	position: relative;
	transform: skew(-10deg);
	border-radius: 0;
}

.oblique-inside {
	display: block;
	transform: skew(10deg);
}

.oblique-button:hover {
	background-color: #f0f0f0;
	/* Colore di sfondo più scuro all’hover */
}

.calendario {
	position: absolute;
	bottom: 70px;
	right: 10px;
	width: 70px;
	height: 70px;
	background-color: red;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.reset-filtri .accordion-button::after {
	content: none !important;
}

/* Sostituisci la freccia con la "x" solo per questo accordion */
.reset-filtri .accordion-button .accordion-icon {
	font-size: 24px !important;
	/* Puoi regolare la dimensione della "x" */
	margin-left: auto !important;
	/* Sposta la "x" a destra */
	display: inline-block !important;
}



/* TIMELINE */

.section-title {
	margin-bottom: 60px;
}

.section-title p {
	color: #777;
	font-size: 16px;
}

.section-title h4 {
	text-transform: capitalize;
	font-size: 40px;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}

.section-title h4:before {
	position: absolute;
	content: "";
	width: 60px;
	height: 2px;
	background-color: #ff3636;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}

.section-title h4:after {
	position: absolute;
	background-color: #ff3636;
	content: "";
	width: 10px;
	height: 10px;
	bottom: -4px;
	left: 50%;
	margin-left: -5px;
	border-radius: 50%;
}

ul.timeline-list {
	position: relative;
	margin: 0;
	padding: 0
}

.nascondi {
	visibility: hidden !important;
}

.spingiSu {
	margin-top: -1%
}

/*modifica a barra , rendo il top trasparente per rendere la prima data più simile a un titolo*/
ul.timeline-list:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	/*background-color: #ff3636;*/
	background: linear-gradient(180deg, rgba(241, 242, 242, 1) 2.5%, rgba(255, 0, 0, 1) -58%);
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

ul.timeline-list li {
	position: relative;
	clear: both;
	display: table;
}

ul.timeline-list li .timeline_content {
	width: 45%;
	color: #333;
	padding: 30px;
	float: left;
	text-align: justify;
}


.titolo {
	text-align: left;
}

ul.timeline-list li:nth-child(2n) .timeline_content {
	float: right;
	text-align: justify;
}



/*MOD MARIO VEDI STORIA PHP*/
ul.timeline-list li:before {
	position: absolute;
	content: "";
	width: 25px;
	height: 45px;
	/*modifico altezza*/
	background-color: #F1F2F2;
	/*modifica colore*/
	left: 50%;
	top: 100%;
	/*modifica posizione*/
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
}





/*///////////////////////////////*/
/*///////////////////////////////*/
/*///////////////////////////////*/
/*NEW MARIO VEDI STORIA PHP*/
/* DK */
@media only screen and (min-width: 1921px) {

	.d2-Dk-block {
		display: block !important
	}

	.d2-Dk-none {
		display: none !important
	}

	.testoTimeline-Dk {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 48%;
		top: -10%;
	}


	.testoTimelineTitle-Dk {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 47.5%;
		top: 3%;
	}

	.testoTimelineTitleCentro-Dk {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 47.5%;
		top: -17%;
	}


	.lineaDestraTimelineTitle-Dk {
		position: absolute;
		left: 57%;
		top: 0%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}

	.lineaDestraTimeline-Dk {
		position: absolute;
		left: 57%;
		top: -22%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}


	.lineaSinistraTimeline-Dk {
		position: absolute;
		left: 43%;
		top: -20%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}
}

/* PC */
@media only screen and (min-width: 1375px) and (max-width : 1920px) {
	.d2-Pc-block {
		display: block !important
	}

	.d2-Pc-none {
		display: none !important
	}
	.testoTimeline-Dk {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 48%;
		top: -10%;
	}


	.testoTimelineTitle-Dk {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 47.5%;
		top: 3%;
	}

	.testoTimelineTitleCentro-Dk {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 47.5%;
		top: -17%;
	}


	.lineaDestraTimelineTitle-Dk {
		position: absolute;
		left: 57%;
		top: 0%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}

	.lineaDestraTimeline-Dk {
		position: absolute;
		left: 57%;
		top: -22%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}


	.lineaSinistraTimeline-Dk {
		position: absolute;
		left: 43%;
		top: -22%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}
}

/* LP */
@media only screen and (min-width: 1000px) and (max-width : 1374px) {
	.d2-Lp-block {
		display: block !important
	}

	.d2-Lp-none {
		display: none !important
	}
/* 
	.img-offset2{
		position: absolute;
		top: -1050px;
	} */

	.testoTimeline-Lp {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 47%;
		top: -6%;
	}

	.padTestoLungoLp{
		padding-top: 9%!important;
	}


	.testoTimelineTitle-Lp {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 47.5%;
		top: 15%;
	}

	.testoTimelineTitleCentro-Lp {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 46.5%;
		top: -11.5%;
	}


	.lineaDestraTimelineTitle-Lp {
		position: absolute;
		left: 58%;
		top: 20%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}

	.lineaDestraTimeline-Lp {
		position: absolute;
		left: 58%;
		top: -10%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}


	.lineaSinistraTimeline-Lp {
		position: absolute;
		left: 42%;
		top: -8%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}

}


/* TB */

@media only screen and (min-width: 768px) and (max-width : 999px) {
	.d2-Tb-block {
		display: block !important
	}

	.d2-Tb-none {
		display: none !important
	}
	.testoTimeline-Tb {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 46.5%;
		top: -7.5%;
	}

	.padTestoLungoTb{
		padding-top: 9%!important;
	}


	.testoTimelineTitle-Tb {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 45.5%;
		top: 12%;
	}

	.testoTimelineTitleCentro-Tb {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 46.5%;
		top: -14.5%;
	}


	.lineaDestraTimelineTitle-Tb {
		position: absolute;
		left: 58%;
		top: 20%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}

	.lineaDestraTimeline-Mb {
		position: absolute;
		left: 60%;
		top: -10%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}


	.lineaSinistraTimeline-Tb {
		position: absolute;
		left: 42%;
		top: -8%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}

}

/* MB */

@media only screen and (max-width: 767px) {
	.d2-Mb-block {
		display: block !important
	}

	.d2-Mb-none {
		display: none !important
	}
	/* .testoTimeline-Mb {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 42%;
		top: -4%;
	} */


	/* .testoTimelineTitle-Mb {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 37.5%;
		top: 15%;
	}

	.testoTimelineTitleCentro-Mb {
		position: absolute;
		width: 25px;
		height: 25px;
		left: 40.5%;
		top: -6.5%;
	} */


	/* .lineaDestraTimelineTitle-Mb {
		position: absolute;
		left: 58%;
		top: 20%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	} */

	/* .lineaDestraTimeline-Mb {
		position: absolute;
		left: 64%;
		top: -3%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	}


	.lineaSinistraTimeline-Mb {
		position: absolute;
		left: 37%;
		top: -2%;
		border-right: solid red 2px;
		transform: rotate(90deg);
		padding-top: 7%;
	} */

	/* ul.timeline-listMb:before {
		position: absolute;
		content: "";
		width: 2px;
		height: 100%;

		background: linear-gradient(180deg, rgba(241, 242, 242, 1) 2.5%, rgba(255, 0, 0, 1) -58%);
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	} */

	.timeline-listMb{
		padding-left: 4%!important;
		padding-right: 4%!important;
	}
	
	ul.timeline-listMb li {
		position: relative;
		clear: both;
		display: table;
		
	}
	
	ul.timeline-listMb li .timeline-listMb {
		width: 80%;
		color: #333;
		/* padding: 30px; */
		float: right;
		text-align: justify;
	}
	
	
	.titolo {
		text-align: left;
	}
	
	ul.timeline-listMb li:nth-child(2n) .timeline-listMb {
		float: right;
		text-align: justify;
	}
	
	
	
	/*MOD MARIO VEDI STORIA PHP*/
	/* ul.timeline-listMb li:before {
		position: absolute;
		content: "";
		width: 25px;
		height: 45px;
	
		background-color: #F1F2F2;
	
		left: 50%;
		top: 100%;
	
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		border-radius: 50%;
	}
	 */

}






/*///////////////////////////////*/
/*///////////////////////////////*/


.-m-5 {
	margin-top: -5px;
}





/* ---------------------------- */
.searchInputNoIcon {
	width: 100%;
	/* box-sizing: border-box; */
	border: 2px solid #ffffff;
	/* border-radius: 4px; */
	font-size: 14px !important;
	background-color: white !important;
	padding: 12px 12px !important;
}

.hidden-content {
	visibility: hidden !important;
	/* Nasconde il contenuto mantenendolo nel layout */
	height: auto !important;
	/* Mantiene l'altezza basata sul contenuto */
	opacity: 0 !important;
	/* Nasconde visivamente il contenuto */
}

.card {
	border-radius: 0 !important;
}

/* LAPTOP */

.strisciaRossaR {
	background-image: url('https://gems1979.it/2024/template_html/templateGems/img/sepaR_clean.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right -20px center !important;
	height: 565px !important;
	/* Altezza predefinita */
}

.strisciaRossaL {
	background-image: url('https://gems1979.it/2024/template_html/templateGems/img/sepaL_clean.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left -80px center !important;
	height: 565px !important;
	/* Altezza predefinita */
}


.search-mail {

	position: relative;

	display: inline-block;



}

.search-mail .form-control {

	position: relative;

	display: inline-block;

	border-radius: 0 !important;

}




.search-mail input {

	padding-right: 30px;
	/* Aggiungi spazio per l'icona */

}



.search-mail i {

	position: absolute;

	right: 25px;
	/* Regola la posizione dell'icona a destra */

	top: 15%;

	transform: translateY(-50%);

	color: #888;
	/* Colore dell'icona */

	cursor: pointer;

}

.search-mailBig {

	position: relative;

	display: inline-block;



}

.search-mailBig .form-control {

	position: relative;

	display: inline-block;

	border-radius: 0 !important;

}




.search-mailBig input {

	padding-right: 30px;
	/* Aggiungi spazio per l'icona */

}



.search-mailBig i {

	position: absolute;

	right: 25px;
	/* Regola la posizione dell'icona a destra */

	top: 50%;

	transform: translateY(-50%);

	color: #888;
	/* Colore dell'icona */

	cursor: pointer;

}


/* Container principale */
.news-container {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	background-color: #f8f8f8;
	/* Sfondo generale */
	padding: 20px;
}

/* Card */
.news-card {
	width: 30%;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
}

/* Immagine */
.news-image {
	height: 200px;
	background-size: cover;
	background-position: center;
}

/* Contenuto */
.news-content {
	padding: 15px;
	flex-grow: 1;
}

.news-category {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 0 0 10px;
}

.news-description {
	font-size: 14px;
	color: #555;
	margin: 0 0 15px;
}

/* Footer */
.news-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.news-date {
	text-align: center;
	background-color: #d51b1b;
	color: #fff;
	padding: 10px 15px;
	border-radius: 4px;
}

.news-date .date-day {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.news-date .date-month {
	font-size: 12px;
	text-transform: uppercase;
}

.news-link {
	font-size: 14px;
	color: #007bff;
	text-decoration: none;
	font-weight: bold;
}

.news-link:hover {
	text-decoration: underline;
}

.spazioRiga {
	line-height: 0.9 !important;
}

.imgStriscia1 {
	max-width: 40%;
	height: auto;
}

.imgStriscia2 {
	max-width: 40%;
	height: auto;
}

.sottolinea {
	text-decoration: underline !important;
}

.newsHome {
	width: 350px !important;
	height: 360px !important;
}


.newsBlog {
	width: 100% !important;
	height: 530px !important;
}

.newsBlog2 {
	width: 100% !important;
	height: 256px !important;
}


.newsHomeTop {
	background-image: url('https://gems1979.it/2024/template_html/templateGems/img/categoryHome.png');
	background-size: cover;
	width: 100%;
	height: 250px;
}

.newsBlogTop {
	background-image: url('https://gems1979.it/2024/template_html/templateGems/img/blog2.png');
	background-size: cover;
	width: 100%;
	height: 430px;
}

.newsBlogTop2 {
	background-image: url('https://gems1979.it/2024/template_html/templateGems/img/blog3.png');
	background-size: cover;
	width: 100%; height: 180px;
}


.newsHomeImg {
	position: absolute;
	bottom: 100px;
	right: 10px;
	width: 70px;
	height: 70px;
	background-color: red;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.newsBlogImg {
	position: absolute;
	bottom: 120px;
	right: 40px;
	width: 90px;
	height: 90px;
	background-color: red;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.newsBlogImg2 {
	position: absolute;
	bottom: 60px;
	right: 40px;
	width: 90px;
	height: 90px;
	background-color: red;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.marginB0 {
	margin-bottom: 0 !important;
}

.marginTN {
	margin-top: -20px !important;
}

.onlyZ {
	z-index: 999999 !important;
}

.overflowNascosto {
	overflow: hidden !important;
}

.objFit {
	max-height: 100%;
	object-fit: contain;
}

.marginAuto {
	margin-left: auto;
	display: inline-block;
}

.scrittaCategoria{
	position: absolute;
	bottom: 10px;
	left: 20px;
	line-height: 0.9;
	z-index: 9999;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

  /* Stile predefinito del paragrafo */
  .scrollable-text {
    line-height: 0.9;
    max-height: 70px;
    overflow-y: hidden; /* Nasconde la barra di scorrimento */
    text-overflow: ellipsis; /* Mostra i puntini se il testo è troncato */
    transition: overflow 0.3s ease; /* Transizione fluida */
  }

  /* Stile all'hover */
  .scrollable-text:hover {
    overflow-y: auto; /* Mostra la barra di scorrimento */
  }

  .btn{
	border-radius: 0!important;
  }

  .text-bg-warning{
	color: white!important;
  }

  .bordi{
	border-radius: 50px!important;
}

.shadow {
    box-shadow: 10px 0px 100px rgba(0, 0, 0, 0.3)!important;
}

ul li::marker {
    color: #f9b33a!important; /* Cambia solo il colore del pallino */
   
}

.testo-overlay{
	position: absolute;
    top: 35%; /* Puoi regolare questo valore per posizionare il testo più in alto o in basso */
    left: 43%;
    transform: translate(-50%, -50%);
    z-index: 99999; /* Assicura che il testo sia sopra l'immagine */
    /* text-align: center; Allinea il testo al centro */
    color: white; /* Cambia colore del testo se necessario */
}

.fa6-solid--left-long {
	display: inline-block;
	width: 512px;
	height: 512px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f9b33a' d='M177.5 414c-8.8 3.8-19 2-26-4.6l-144-136C2.7 268.9 0 262.6 0 256s2.7-12.9 7.5-17.4l144-136c7-6.6 17.2-8.4 26-4.6s14.5 12.5 14.5 22v72h288c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H192v72c0 9.6-5.7 18.2-14.5 22'/%3E%3C/svg%3E");
  }

  /* FORM */
  @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
  /* *{
	margin: 0;
	padding: 0;
	outline: none;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
  } */


  .container .text{
	font-family: "Raleway", sans-serif;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	font-family: "CoreSans", sans-serif;
	color:#f9b33a!important;
	font-style: italic;
  }
  .container form{
	font-family: "Raleway", sans-serif;
	padding: 30px 0 0 0;
  }
  .container form .form-row{
	font-family: "Raleway", sans-serif;
	display: flex;
	margin: 32px 0;
  }
  form .form-row .input-data{
	font-family: "Raleway", sans-serif;
	width: 100%;
	height: 40px;
	margin: 0 20px;
	position: relative;
  }
  form .form-row .textarea{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Raleway", sans-serif;
	height: 70px;
  }
  .input-data input,
  .textarea textarea{
	margin: 0;
	padding: 0;
	outline: none;

	font-family: "Raleway", sans-serif;
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	font-size: 17px;
	border-bottom: 2px solid rgba(0,0,0, 0.12);
	
  }
  .input-data input:focus ~ label, .textarea textarea:focus ~ label,
  .input-data input:valid ~ label, .textarea textarea:valid ~ label{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Raleway", sans-serif;
	transform: translateY(-20px);
	font-size: 14px;
	color: #3498db;
  }
  .textarea textarea{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Raleway", sans-serif;
	resize: none;
	padding-top: 10px;
  }
  .input-data label{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Raleway", sans-serif;
	position: absolute;
	pointer-events: none;
	bottom: 10px;
	font-size: 16px;
	transition: all 0.3s ease;

  }
  .textarea label{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Raleway", sans-serif;
	width: 100%;
	bottom: 40px;
	
  }
  .input-data .underline{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Raleway", sans-serif;
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 100%;
  }
  .input-data .underline:before{
	
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
	background: #3498db;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s ease;
  }
  .input-data input:focus ~ .underline:before,
  .input-data input:valid ~ .underline:before,
  .textarea textarea:focus ~ .underline:before,
  .textarea textarea:valid ~ .underline:before{
	transform: scale(1);
  }
  .submit-btn {
	display: flex;
	justify-content: center; /* Centrare orizzontalmente */
	align-items: center;  
	
	  /* Facoltativo: centra verticalmente */
  }
  
  .submit-btn .input-data {
	overflow: hidden;
	height: 45px !important;
	width: 75% !important;
	
  }
  
  .submit-btn .input-data .inner {
	height: 100%;
	width: 300%;
	position: absolute;
	left: -100%;
	background: -webkit-linear-gradient(right, #af50db, #e5c285, #af50db, #e5c285)!important;
	transition: all 0.4s;
  }
  
  .submit-btn .input-data:hover .inner {
	left: 0;
  }
  
  .submit-btn .input-data input {
	background: none;
	border: none;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	
  }

  .fontPer{
	font-size: x-large;
  }
  
  @media (max-width: 700px) {

	
	.container .text{
	  font-size: 30px;
	}
	.container form{
	  padding: 10px 0 0 0;
	}
	.container form .form-row{
	  display: block;
	}
	form .form-row .input-data{
	  margin: 35px 0!important;
	}
	.submit-btn .input-data{
	  width: 100%!important;
	}
  }

  .stash--times-light {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: -0.125em;
	color: #223752!important;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23223752' d='M7.404 7.404a.5.5 0 0 1 .707 0L12 11.293l3.89-3.89a.5.5 0 1 1 .706.708L12.707 12l3.89 3.89a.5.5 0 1 1-.708.706L12 12.707l-3.89 3.89a.5.5 0 1 1-.706-.708L11.293 12l-3.89-3.89a.5.5 0 0 1 0-.706'/%3E%3C/svg%3E");
  }

  /* //////////////// */