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



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

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








/*COLORI TESTI*/

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

.lineaoro-text-grigioChiaro {
	color: #F1F2F2 !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
}

.lineaoro-bg-grigioChiaro {
	background-color: #F1F2F2 !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: 'DMSans';

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

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

}

/*RALEWAY*/

.font-1-regular {

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

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: normal;

}

.font-1-italic {

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

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: italic;

}



.font-1-bold {

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

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: normal;

}

.font-1-grey {

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

	font-optical-sizing: auto;

	font-weight: 100!important;

	font-style: normal;

	color: rgb(100, 98, 98);

}






/*UNBOUNDED*/

.font-2-regular {

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

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: normal;

}





.font-2-bold {

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

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: normal;

}



/*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: 'GazzettaRegular', sans-serif;

	font-optical-sizing: auto;

	font-weight: 500;

	font-style: normal;

}



.font-5-bold {

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

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: bold;

}

.font-5-italic {

	font-family: 'GazzettaRegular', 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: 1500px) {

	.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 : 1499px) {
	.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
	}

	.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: 769px) 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: 768px) {
	.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/template_html/templateGems/img/sepaR_clean.png')!IMPORTANT;
	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/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/template_html/templateGems/img/categoryHome.png');*/ 
	background-size: cover;
	width: 100%;
	height: 250px;
}

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

.newsBlogTop2 {
	background-image: url('https://gems1979.it/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;
  }