/* .gmp{ min-height: 100px; border: solid; } */

:root{
	--giallo: #FB9A2D;
	--rosso: #8b2332;
	--gradientGRAlpha: linear-gradient(90deg, rgba(251,167,7,0.4) 0%, rgba(138,35,50,0.4) 100%);
	--gradientGRAlphaFine: linear-gradient(90deg, rgba(251,167,7,0.2) 0%, rgba(138,35,50,0.2) 100%);
	--gradientGR: linear-gradient(90deg, rgba(251,167,7,1) 0%, rgba(138,35,50,1) 100%);
	--gradienteMenu: linear-gradient(180deg, #7f2c34 0%, #ae323c 100%);
	--grigio: #5c5c5c;
}

body{
	font-family: 'Rubik', sans-serif;
	/* background-color: red; */
}
#corpo, #header{ background-color: white; }
a{ text-decoration: none; color: var(--rosso); }
a:hover{ color: var(--rosso);  }
#testoArticolo a{ text-decoration: underline; }
h1, h2, h3, h4, h5{ line-height: 1.2em; font-weight: bold; text-transform: uppercase; font-family: 'Rubik', sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a{ color: black; }
a h1,a h2,a h3,a h4,a h5{ color: black; }

.data{ color: #707070; }
.img-aspect-ratio{ aspect-ratio: 3/2; }

.rtbuzz_lista_articoli{ padding: 10px 0; }

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-light .navbar-toggler {
	border: 0px solid;
}

#logo{ width: 300px; margin-top: 10px;}
#ricerca{ position: absolute; display: none; z-index: 10; right: 0px;}
.btn-search{ color: white; background-color: var(--giallo); }
#ricerca input:focus{ box-shadow: none; border-color: var(--giallo); }

header{ padding-top: 2em; padding-bottom: 2em; }
header #social_player{ display: flex !important; justify-content: right; align-items: center; }

header .social-media{ text-align: right; }
header .social-media a{ color: var(--grigio); font-size: 1.2em }

#navbarMainMenu > ul, #navbarSubMenu > ul{ width: 100% !important; justify-content: space-between; }
.navbar{ padding: 0px; }
#navbarMainMenu a, #navbarSubMenu a{ text-transform: uppercase; font-size: 0.8em; font-weight: 500;}
#navbarMainMenu ul.dropdown-menu{ background-color: var(--rosso); width: Auto; }
#navbarMainMenu ul.dropdown-menu li a:hover{ background-color: var(--rosso); }

#menu{ border-bottom: 4px solid #fa9a2c; }
#menu .navbar{ background: var(--gradienteMenu); height: 50px; }
#menu .navbar a{ color: white; }
.navbar a{  }
#menu #logomobile img, #menu #erre img{ height: 40px; }
#menu #erre img{ margin: 5px 0px 5px -15px }

#TopGreyBar button.slick-disabled{ visibility: hidden !important; }

/* fullWidthBanner */
#corpo{ padding-top: 3em; }
.fullWidthBanner{ display: flex; min-height: 100px; margin: 2em 0px 60px; justify-content: space-between;}
.fullWidthBanner .gmp{ width: 100%;}
.fullWidthBanner .preBannerYellow{ background-color: var(--giallo);flex:1;}
.fullWidthBanner .preBannerRed{ background-color: var(--rosso); flex:1; }
.fullWidthBanner .preBannerWhite{ flex:0.5; }


/* .fullWidthBanner .preBannerYellow{ width: 60px; margin-right: 15px; background-color: var(--giallo);}
.fullWidthBanner .preBannerRed{ width: 60px; margin-left: 15px; background-color: var(--rosso); } */


.btn-roma{
	color: var(--rosso);
	text-transform: uppercase;
	border-width: 3px;
	font-size: 1.2em;
	/* background-color:var(--rosso); */
	border-color: var(--rosso);
}
.btn-roma:hover{
	color: var(--giallo);
	/* background-color:var(--giallo); */
	border-color: var(--giallo);
}

.btn-roma-reverse{	 text-transform: uppercase; border-width: 3px;	font-size: 1.2em;
	background-color:var(--giallo); padding: 2px; margin: 2px; width: 80%; text-align: center; border-radius: 5px;
	color: var(--rosso); border-color: var(--rosso);
	}
/* .btn-roma-reverse:hover{
	color: var(--giallo);border-color: var(--giallo);
	background-color:var(--rosso);
} */

.titoloHome, .titoloSide{ color: #5c5c5c; border-left: 5px solid var(--rosso); padding-left: 15px; display: flex; align-items: center; 
	justify-content: space-between; margin-top: 1.5em; margin-bottom: 20px }
.titoloHome:after, .titoloSide:after{
	content: " ";
	width: 80px;
	height: 5px;
	background-color: var(--rosso);
	float: right;
}
.titoloSide{ font-size: 1.4em; }

/* .navbar-toggler{ padding: 0px !important; } */
/** IMPAGINAZIONE GENERICA */
article.boxArticolo, a.boxArticolo{ padding: 0px; display: flex !important; flex-direction: column; justify-content: end; background-position: center; }
.boxArticolo .ombra{ padding: 20px; padding-top: 50px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0) 100%); }
.boxArticolo .categoria{ text-transform: uppercase; color: var(--rosso); background-color: var(--giallo); padding: 7px; font-size: 0.9em; font-weight: 500;}
.boxArticolo h2.titolo{ margin-top: 0.5em;}
.boxArticolo h2.titolo a, a.boxArticolo h2.titolo{ color: white;}
.boxArticolo .data{ font-size: 0.9em; color: white; font-weight: 500; }

/* PREVIEWVERTICALE */
.previewVerticale article{
	border-bottom: 2px solid var(--giallo);
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.previewVerticale article:last-child {
	border-bottom: 0px solid var(--giallo);
  }
.previewVerticale .leggiOltre{border-bottom: 0px solid var(--giallo); display: block; }
.previewVerticale h2{ font-size: 1.2em; }
/* /PREVIEWVERTICALE */

/** PRIMO PIANO */
#primoPiano{ display: grid; height: 480px; grid-template-columns: 2fr 1fr;  column-gap: 20px;}
#primoPiano #giornale, #giornaleMobile{ background: var(--gradienteMenu); display: flex; flex-direction: column; align-items: center; justify-content:top}
#primoPiano #giornale .btn-roma-reverse, #giornaleMobile .btn-roma-reverse{ height: 40px; line-height: 36px; margin: 1.5em 0px;}
#primoPiano #copertina, #giornaleMobile #copertina { width: 200px; box-shadow: 0px 10px 23px rgba(0,0,0,0.3); }
#primoPiano a.boxArticolo{ background-size: cover; }
#giornaleMobile{ display: none; }
/* PRIMO PIANO */

/* FLASH NEWS */
#flashNews { background: var(--giallo); margin: 1em 0 60px; height: 50px; line-height: 40px; padding: 5px 10px; display: flex;}
#flashNews .titolo{ color: var(--rosso);  font-size: 0.8em; font-weight: bold; white-space: nowrap;}
.ticker-wrap { --timePerNews : 20s;	width: 100%; overflow: hidden; white-space: nowrap; }
.ticker { display: inline-block; animation: marquee calc(var(--timePerNews) * var(--numeroNews)) linear infinite; }
.ticker:hover { animation-play-state: paused; }
.item-collection-1 { position: relative; left: 0%; animation: swap calc(var(--timePerNews) * var(--numeroNews)) linear infinite; }
.item {	padding: 0px 10px; display: inline-block; height: 30px; line-height: 30px; font-size: 0.9em;}
.item:after{ content : '|';	padding-left: 20px; }
/* Transition */
@keyframes marquee {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@keyframes swap {
	0%, 50% { left: 0%; }
	50.01%, 100% { left: 100%;}
}	
/* FLASH NEWS */

/** HOME ULTIME NOTIZIE */
#homeUltimeNotizie{	display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 20px;}
#homeUltimeNotizie article{ display: grid; grid-template-columns: 1fr 1fr;  }
#homeUltimeNotizie a.immagine{ background-size: cover; }
#homeUltimeNotizie .testo{ background-color: #eeeeee; padding: 15px; display: flex; flex-direction: column; font-size: 0.7em; }
#homeUltimeNotizie .testo .categoria{ color: var(--rosso); text-transform: uppercase; font-weight: 500;}
#homeUltimeNotizie .testo h2{ font-size: 1em; flex-grow: 1; font-weight: 700; }
#homeUltimeNotizie .testo .data{ font-weight: 400; }

/** HOME DAL QUOTIDIANO e APPROFONDIMENTI e ESCLUSIVE*/
/* #approfondimenti, #esclusive{ 
	display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 20px; 
	min-height: 500px
} */
.slickSlider .slick-slide:nth-child(3n) > div{ margin-left: 10px; }
.slickSlider .slick-slide:nth-child(3n-1) > div{ margin: 0px 10px; }
.slickSlider .slick-slide:nth-child(3n-2) > div{ margin-right: 10px; }
.slickSlider article{ min-height: 500px }
.slickSlider a article{ transition: 0.5s; background-size: cover; }
.slickSlider a:hover article{ transform: scale(0.97); }


.slickSlider h2.titolo{ font-size: 1.8em; color: white;}
.slickSlider .footer{ display: flex; justify-content: space-between; align-items: center; padding: 10px; 
	background-color: var(--rosso); color: white; text-transform: uppercase; font-size: 0.85em; font-weight: 500; height: 30px;}
.slickSlider .slick-dots{ bottom: -30px; }
.slickSlider.slick-dotted.slick-slider{ margin-bottom: 100px }

#containerEsclusive	{ display: grid; grid-template-columns: 2fr 1fr;}
/* #esclusive{ grid-template-columns: 1fr 1fr; } */
#boxEsclusive{ width: 900px; }
#boxEsclusive .boxArticolo{position: relative; height: 545px;}
#boxEsclusive .boxArticolo .erreBianca{ width: 20px; position: absolute; right: 20px; top: 20px; }
#esclusive.slickSlider .slick-slide > div{ margin: 0px; }
#esclusive.slickSlider .slick-dots li.slick-active button{ background-color: var(--giallo); }

#esclusive.slickSlider .slick-slide:nth-child(2n) > div{ margin-left: 10px; }
#esclusive.slickSlider .slick-slide:nth-child(2n-1) > div{ margin-right: 10px; }
#containerEsclusive h3.titoloHome{ color: var(--giallo); margin-top: 0px; }
#esclusive .footer{ background-color: var(--giallo); color: var(--rosso); }
#rightColEsclusive{ display: grid; grid-template-columns: 20px 1fr; column-gap: 40px; margin-left: 40px;}
#rigaRossaVerticale{ background-color: var(--rosso); }
#bannerEsclusive{ background-color: var(--giallo); }

/** HOME ALTRE NOTIZIE */
.homeAltreNotizie{	display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 20px; margin-bottom: 40px;}
.homeAltreNotizie article{ display: grid; grid-template-rows: 3fr 2fr; border-bottom: 2px solid var(--giallo); padding-bottom: 20px; margin-bottom: 20px;}
.homeAltreNotizie .testo{ background-color: #eeeeee; padding: 15px; display: flex; flex-direction: column;}
.homeAltreNotizie .testo .categoria{ color: var(--rosso); text-transform: uppercase; font-size: 0.7em; font-weight: 500;}
.homeAltreNotizie .testo h2{ font-size: 0.8em; flex-grow: 1; font-weight: 700; }
.homeAltreNotizie .testo .data{ font-weight: 400; font-size: 0.7em; }

.homeAltreNotizie article iframe { width: 100% !important; height: auto !important; aspect-ratio: 1.7; }

.homeAltreNotizie article a{ position: relative; }
.homeAltreNotizie article a .tagBoxType{ background-color: var(--rosso); color: white; text-transform: uppercase; font-size: 0.8em;
	padding: 3px 5px; display: inline-block; font-weight: 500; position: absolute; right: 10px; top: 5px;}
.homeAltreNotizie article a .tagBoxType.foto{ background-color: var(--giallo); }

/* GALLERY VIDEO */
#galleryVideoMobile{ display: none; }
#galleryVideo .titoloSezione, #galleryVideoMobile .titoloSezione{ color: var(--rosso); font-weight: bold; font-size: 1.6em; }
#galleryVideo iframe, #galleryVideoMobile iframe{ width: 100% !important; aspect-ratio: 1.7; height: Auto !important; }
#galleryVideo h4, #galleryVideoMobile h4{ font-size: 1.0em; overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical }
#galleryVideo div.brid, #galleryVideoMobile div.brid{ width: 100% !important; height: Auto !important; }

article:has(.video_mobile), #tutti_i_video{ display: none; }

/* ex aspect-ratio: 1.7; - spoazio bianco per i video */
.immagineVideo{ width: 100% !important; aspect-ratio: 3/2; height: Auto !important; background-size: cover;  background-position: center center; 
	display: flex; align-items: center;	justify-content: center; }
.immagineVideo i{ padding: 25px; border-radius: 15px; color: white; } /*background-color: rgba(0,0,0,0.6); */
/* .immagineVideo i:hover{ background-color: red; } */

#carouselVideoMobile, #carouselImmaginiMobile, #inEvidenzaMobile, #carouselinEvidenzaMobile{ background-color: #eee; margin: 0px -12px; padding: 10px 10px 0px; }
#inEvidenzaMobile, #carouselinEvidenzaMobile{ background-color: var(--rosso); }
/* GALLERY VIDEO */

/* GALLERY IMMAGINI */
#galleryImmaginiMobile{ display: none; }
#galleryImmagini .titoloSezione, #galleryImmaginiMobile .titoloSezione{ color: var(--rosso); font-weight: bold; font-size: 1.6em; }
#galleryImmagini img, #galleryImmaginiMobile img{ width: 100% !important; aspect-ratio: 1.7 }
#galleryImmagini h4, #galleryImmaginiMobile h4{ font-size: 1.0em; overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; }

.carousel-control-next-icon, .carousel-control-prev-icon { height: 50px;
	width: 50px; }	
.carousel-control-next, .carousel-control-prev { font-size: 1.7em; 
		text-shadow: 2px 2px 4px #333;}

.carousel-control-next, .carousel-control-prev{ opacity: 1 !important; }
/* GALLERY IMMAGINI */

/* ULTIME NOTIZIE */
#ultimeNotizie h3:first-child{ border-top: 2px solid var(--giallo);
	padding-top: 10px;
	margin-top: 10px; color: var(--rosso)}
#ultimeNotizie .titoloSezione{ color: var(--rosso); font-weight: bold; font-size: 1.3em; }
#ultimeNotizie img{ width: 100% !important; }
.separatore { border-bottom: 2px solid var(--giallo); }
#ultimeNotizie h2{ font-size: 1.3em; }
#ultimeNotizie .sottotitolo{ font-size: 1em; }
#ultimeNotizie .fullWidth h2{ font-size: 2em; }
#ultimeNotizie .fullWidth .sottotitolo{ font-size: 1.3em; }
/* ULTIME NOTIZIE */

/* HOMENEWS COLS */
#homeNews{ display: grid; grid-template-columns: auto 200px 300px; column-gap: 20px; }
#homeNews #Col3 h3, #homeNews #Col2 .previewVerticale h3{ border-top: 2px solid var(--giallo);
	padding-top: 10px;
	margin-top: 10px; }
#homeNews #Col3 h3 a{ color: var(--rosso) }
#homeNews #Col2 .previewVerticale h3 a{ color: var(--rosso); text-transform: uppercase; }
#homeNews #Col2 #primaPagina{ border: 2px solid var(--rosso); }
/* #homeNews #ColNews{  }
#homeNews #Col2{  }
#homeNews #Col3{ grid-column: span 300px; } */
/* HOMENEWS COLS */

/* SIDEBAR */
.ultimeNotizie, .articoliPiuLetti{ display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0px; list-style: none; }
.ultimeNotizie li{ border-bottom: 2px solid var(--giallo); margin-bottom: 20px; padding-bottom: 20px; }
.ultimeNotizie li:first-child{ border-top: 2px solid var(--giallo); padding-top: 15px; margin-top: 5px; }
.ultimeNotizie a img{ grid-area: immagine; width: 100%; aspect-ratio: 1; object-fit: cover;}
.ultimeNotizie a .categoria{ grid-area: categoria; font-size: 0.75rem;}
.ultimeNotizie a .titolo{ grid-area: titolo; color: black; line-height: 1.2em; font-weight: bold; font-size: 0.85rem; }
.ultimeNotizie a .data{ grid-area: data; align-self: end; font-size: 0.75rem;}
.ultimeNotizie a{ display: grid; text-transform: uppercase; font-size: 0.8em; grid-template-columns: 34% 60%; column-gap: 20px;
	grid-template-areas: "immagine categoria" "immagine titolo" "immagine data"; }
	
.articoliPiuLetti li a{ display: grid; grid-template-columns: 20% 80%; background-color: #EEE; margin-top: 15px; text-transform: uppercase; font-size: 0.8em;}
.articoliPiuLetti li a .numero{ text-align: center; font-size: 3em; color: #d8d8d8; font-weight: bold; align-self: center; }
.articoliPiuLetti li a .titolo{ margin: 10px 40px 10px 0px; color: #5c5c5c; font-weight: bold;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.articoliPiuLetti li:first-child a{ border-right: 5px solid #8a2432; }
.articoliPiuLetti li:nth-child(2) a{ border-right: 5px solid #e3122f; }
.articoliPiuLetti li:nth-child(3) a{ border-right: 5px solid #ff5c01; }
.articoliPiuLetti li:nth-child(4) a{ border-right: 5px solid #fa9a2c; }
/* /SIDEBAR */

#contenutoPrimaPagina{ margin-top: 30px; }
#immagineprimapagina{ border: 0px solid var(--rosso);  width: 100%; margin-top: 40px; margin-bottom: 50px;
	-moz-box-shadow: 0 0 25px #CCC; -webkit-box-shadow:0 0 25px #CCC;	box-shadow: 0 0 25px #CCC; }
#linkVaiEdicola{ background-color: var(--giallo); color: var(--rosso);	padding: 10px;	text-transform: uppercase;	font-size: 0.85em;	font-weight: bold; }

/* ARTICOLO */
#contentAndSidebar{ display: grid; grid-template-columns: auto 300px; column-gap: 50px;width: 100%; margin-bottom : 30px;}
/* #ultimeNotizieSidebar a{ display: block; margin-bottom: 10px; border-bottom: 2px solid var(--giallo); }
#articoliPiuLettiSidebar a{ display: block; margin-bottom: 10px; border-left: 2px solid var(--giallo); padding-left: 10px; } */
#menuLinkRapidi a{ display: block; }

#articolo #firma .avatar img{ vertical-align: top; }

#articolo #articolo-contentv h2, #articolo #articolo-content h3{ color: var(--rosso); }
/* #articolo #occhiello{ font-size: 1.6em } */
#articolo #categoria{ background-color: #eee; display: inline-block; padding: 4px 10px; margin-bottom: 25px; color: var(--grigio); text-transform: uppercase; font-weight: 500; font-size: 1rem}
#articolo #titolo{font-size: 3.3rem; color: #302a2c; text-transform: none; line-height: 3.375rem; letter-spacing: -0.05rem;}
#articolo #sottotitolo{ color: var(--rosso); font-size: 1.5rem; font-weight: 500; text-transform: none; line-height: 2.125rem; letter-spacing: -0.03rem;}
#articolo figcaption{ font-size: 1em; font-style: italic; margin-top: 10px; }
#articolo #testoArticolo{ font-family: "Merriweather", serif; font-size: 1em; line-height: 2em;  margin-bottom: 60px; }

#articolo-content{ display: grid; grid-template-columns: 60px 1fr; column-gap: 40px;}
#articolo-content h2, #articolo-content h3, #articolo-content h4, #articolo-content h5{ text-transform: none; font-size: 1.5rem; }
#articolo-content #articolo-social a{ color: var(--grigio); display: block; border-bottom: 2px solid var(--giallo); padding: 22px 0px; text-align: center; font-size: 27px;}
#articolo-content #articolo-social a:first-child{ padding-top:0px; }
#articolo-content #articolo-social a:last-child{ border-bottom:0px; }

#datiArticolo{ display: grid; grid-template-areas: "logoArticolo firma" "logoArticolo data"; grid-template-columns: 70px 1fr; margin-bottom: 40px;}
#datiArticolo #logoQuadrato{ grid-area: logoArticolo; width: 50px; background-color: var(--rosso); padding:5px; margin-right: 20px;}
#datiArticolo #logoQuadrato img{ width: 100%; }
#datiArticolo #logoQuadratoAutore{ grid-area: logoArticolo; width: 50px; background-color: var(--rosso); margin-right: 20px; }
#datiArticolo #logoQuadratoAutore img{ width: 100%; }
#articolo #datiArticolo{ grid-area: firma}
#articolo #datiArticolo #data{ grid-area: data; text-transform: uppercase;}

#articolo .carousel-item img{ margin: auto; max-height: 500px; max-width: 100%}

#articolo #navigazioneArticolo #precedente{ display: grid;  }
#articolo #navigazioneArticolo #successivo{ text-align: right; display: grid; }
#articolo #navigazioneArticolo #precedente img, #articolo #navigazioneArticolo #successivo img{ max-width: 25px; }
#articolo #navigazioneArticolo .fa-solid{ align-self: center; font-size: 4em; color: var(--rosso) }
#articolo #navigazioneArticolo .etichetta{ color: var(--rosso); font-size: 0.8em; }
#articolo #navigazioneArticolo a{ color: var(--grigio); text-transform: uppercase; font-size: 0.9em;}

#gmp-insideposttop{margin-bottom: 20px; }
#spinner{ margin-bottom: 10px; }
#loadMoreButton{ margin-bottom: 50px; }

/* RUBRICA */
#articolo #firma{ color: var(--grigio); text-transform: uppercase; }
#articolo .col-md-3 #firma{ text-align: center; }
#articolo #firma .avatar{ width: 80%; aspect-ratio: 1; border-radius: 50%; background-color: var(--rosso); margin: 0 Auto; margin-bottom: 30px; overflow: hidden}
/* #categoria .avatar{width: 80%; aspect-ratio: 1; border-radius: 50%; background-color: var(--rosso); margin: 0px Auto; overflow: hidden} */
#categoria .avatar img{ max-height: 350px; }

#tags{ display: flex; column-gap: 15px; margin-bottom: 60px; }
#tags .tag{ color: var(--grigio); text-transform: uppercase; background-color: #eee; padding: 4px 10px; margin-bottom: 25px; font-size: 1rem}
#tags .tag a{ color: var(--grigio); }

#articolo .video iframe{ width: 100%; aspect-ratio: 560/315; height: Auto; }
.rtbuzz_banner_placeholder{ margin: 10px 0; }

/* ARTICOLI CORRELATI */
#articoliCorrelati{ background-color: var(--rosso); }
#articoliCorrelati .titoloSezione{ color: var(--giallo); font-size: 1.5em; }
#articoliCorrelati h3{ font-size: 1.1em; color: white; overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; }
#articoliCorrelati h3 a{ color: white; }
#articoliCorrelati .occhiello{ color: var(--giallo) }
/* ARTICOLI CORRELATI */


/* CATEGORIA */
#categoria h1{ text-transform: uppercase; color: var(--rosso); background-color: var(--giallo); font-size: 1.1em; padding: 5px; display: inline-block;}
#categoria #apertura{ min-height: 400px; background-size: cover,cover; background-repeat: no-repeat,no-repeat; background-position: 50% 50%; transition: 0.5s; }

#categoria h1.autore{ color: black; text-transform: none; background-color: white; font-size: 2em;}
div.socialAutore{ display: flex; margin: 30px 0px; }
div.socialAutore a{ border-right: 4px solid var(--giallo); margin-right: 20px; padding: 20px 20px 20px 0px; color: var(--grigio)}
div.socialAutore a:last-child{ border-right: 0px; }
/* #categoria h1 .categoria_autore{ color: black; text-transform: none; font-size: 0.7em; }
#categoria h1 .categoria_autore a {text-decoration: underline;} */

#rubrica #apertura{ min-height: 400px; background-size: cover,cover; background-repeat: no-repeat,no-repeat; background-position: 50% 50%; transition: 0.5s; }
#rubrica #bio{ background-color: chartreuse; min-height: 150px; }

#apertura .video iframe, #altreNotizie .video iframe{ width: 100% !important; aspect-ratio: 1.7;	height: Auto !important; }
#altreNotizie{ margin-bottom: 20px; }
#altreNotizie h2{ font-size: 1.2em; padding-top: 10px; font-size: 1em; }
#altreNotizie h2{ color: black; font-size: 1.1em; }
#altreNotizie .sottotitolo{ color: black; font-size: 0.9em; }
#altreNotizie article { display: grid; grid-template-columns: 1fr 1fr; background-color: #eee; margin-bottom: 40px;}
#altreNotizie .info > a{ grid-area: info; }
#altreNotizie .info .data{ grid-area: data; align-self: end; font-size: 0.8em; }
#altreNotizie .info .link{ grid-area: link; text-align: right; align-self: end; font-size: 0.8em; }
#altreNotizie .info{ padding: 20px; display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto;
	grid-template-areas: "info info" "data link"; }

#titoloAutore{ font-size: 1.8em; color: var(--rosso); text-transform: uppercase; border-top: 2px solid var(--giallo);
	padding-top: 10px;
	margin-top: 10px; }

footer{ min-height: 200px; background-color: var(--rosso); margin-top: 20px; color: white; font-size: 0.8em; padding-top: 2em}
footer #logofooter{ height: 50px; margin-bottom: 3em }
footer h4{  font-size: 1.5em; margin-bottom: 1em; margin-top: 2em}
footer a{ color: var(--giallo); font-weight: 500; }
footer a:hover{ color: white; }
footer .list-item { list-style: none; padding-left: 0px; }
footer .list-item li{ margin-bottom: 10px; font-weight: bold; text-transform: uppercase;}
#primoFooter{margin: 20px 0; text-align: left; font-weight: 400}
#secondFooter{ background-color: #302a2c; border-top: 2px solid var(--giallo); padding-top: 2em; font-weight: 300; }
footer .social-media {padding-top: 3em}
footer .social-media a{ color: white; }

.demoBanner{ background-color: #000000; color: white; width: 100%; height: var(--height); font-size: 2em;}
.demoBanner::before{ content: 'BANNER'; }

.gradientBg{ background: var(--gradientGR) }

nav .pagination { align-items: center; justify-content: center; }
nav .pagination .page-link{ color: black !important; border: 0px;  border-bottom: 5px solid white !important;}
nav .pagination .page-item.active .page-link{ border-bottom: 5px solid var(--rosso) !important; color: var(--rosso) !important; font-weight: bold; background-color: white;}
nav .pagination .page-item:first-child a, nav .pagination .page-item:last-child a{ color: var(--rosso) !important }

/* PAGINE */
#chi_siamo h1{ border-left: 5px solid var(--rosso); padding-left: 30px; color: var(--grigio); margin-bottom: 40px; }
#chi_siamo h1 img.logo-r{ float: right; height: 50px; }
/* .circolettoChiSiamo{ max-width: 200px; margin: 0 auto; aspect-ratio: 1; border-radius: 50%; overflow: hidden;} */
.circolettoChiSiamo img{ width: 100%; aspect-ratio: 1; object-fit: cover; object-position: center top; border-bottom: 5px solid var(--giallo) }
#chi_siamo .sottopancia{ background-color: #eee; }
#chi_siamo h2{ color: var(--grigio); font-size: 1.5em; padding: 10px; }
#chi_siamo h2 .nome{ display: block; font-size: 0.8em; }

@media (max-width: 1200px){
	#primoPiano{ min-height: 500px }
}
@media (min-width: 970px) and (max-width: 1199px) {}
@media (min-width: 750px) and (max-width: 969px) {}
@media (max-width: 749px) {
	#corpo{ margin-top: 4em; }
	.fullWidthBanner { display: none; }
	/* #gmp-middleright { display: none; } */

	/* .container:has(header){ position: fixed; } */
	#logomobile{ flex-grow: 1; }
	#logomobile img{ height: 30px !important; }
	/* #toggleButtons{ margin-right: -12px; } */
	#menu .navbar{ height: auto; }
	#menu > nav > div.container{ justify-content: space-between; background-color: var(--rosso);}

	#menu{ 
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		/* margin-right: calc(-.5 * var(--bs-gutter-x));
		margin-left: calc(-.5 * var(--bs-gutter-x));  */
	}
	#menu > *{
		width: 100%;
		max-width: 100%;
	}

	#header{ background-color: white; }
	#header.fixed-top header{ margin-top: 10px; padding-top: 0em; padding-bottom: 0em; }
	#header.fixed-top header .row{ margin-bottom: 10px; }
	header .social-media a {font-size: 1em;}	
	#menu.fixed-top{ margin-top: 52px; }

	.separatore{ margin-top: 20px !important; margin-bottom: 20px; }
	.occhiello{ font-size: 1.2em; }
	.sottotitolo{ font-size: 1.1em; }
	.titoloSezione{ font-weight: normal !important;  }

	header .social-media{ text-align: left; }

	#galleryVideo{ display: none; }
	#galleryImmagini{ display: none; }
	#inEvidenza{ display: none; }
	#inEvidenzaMobile{ display: block; }

	#galleryVideoMobile, #galleryImmaginiMobile{ border-top: 2px solid var(--giallo); padding-bottom: 20px; padding-top: 5px; display: block; }
	#galleryImmaginiMobile{ border-bottom: 2px solid var(--giallo);}

	#homeNews, #contentAndSidebar{ display: block; }

	#inEvidenza article:not(:first-child){ display: none; }
	#galleryVideo .row > div:not(:first-child){ display: none; }
	#galleryImmagini .row > div:not(:first-child){ display: none; }
	#Col2 > div:not(:first-child){ display: none; }
	#Col3 .previewVerticale article:nth-child(n+4){ display: none; }

	#articolo #titolo {	font-size: 2rem; line-height: 2.5rem; }
	#articolo #sottotitolo{ font-size: 1.1rem; line-height: 1.3rem; }
	#articolo #firma .avatar{ margin: 0px 15px 15px 0; width: 40px; height: 40px; float: left;}
	#articolo #contenuto figure img{width: calc(100% + 40px) !important; margin: 0px -20px; max-width: none;}

	#articolo #testoArticolo { font-size: 1em; line-height: 1.4em; }

	#articoliCorrelati article h3{ padding-bottom: 15px; border-bottom: 2px solid var(--giallo); margin-bottom: 15px; }

	#articolo .contatti{ display: none; }
	#articolo img{ width: 100% !important; aspect-ratio: auto !important; height: auto !important;}

	.slick-slide{ width: 270px !important; margin-right: 10px; }
	.slick-slide:last-child{ margin-right: 0px; }

	/* NUOVO LAYOUT */

	#TopGreyBar{ display: none; }

	#primoPiano{ display: flex; min-height: 0px; height: auto; font-size: 0.8em; 
		margin-right: -.75rem;
		margin-left: -.75rem; 
		flex-direction: column;
	}
	#primoPiano .boxArticolo{
		aspect-ratio: 3/2;
	}
	#primoPiano #giornale{ display: none; }
	#giornaleMobile{ display: flex; }
	#primoPiano .boxArticolo .ombra{ width: 100vw;  }
	#primoPiano .boxArticolo h2.titolo{ font-size: 1.3em; margin-top: 10px; }

	#homeUltimeNotizie{ grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; }
	#homeUltimeNotizie article{ grid-template-columns: 35% 65%; }
	#homeUltimeNotizie article a:first-child{ display: flex }
	#homeUltimeNotizie article .img-aspect-ratio{ aspect-ratio: auto; height: auto; object-fit:cover; }

	.homeAltreNotizie{ display: flex; flex-direction: column; }
	.homeAltreNotizie article{ grid-template-rows: 1fr; grid-template-columns: 35% 65%; padding-bottom: 0.5em !important; margin-bottom: 0.5em !important; }
	.homeAltreNotizie article:first-child{ border-top: 2px solid var(--giallo); padding-top: 0.5em }
	.homeAltreNotizie article a:first-child{ display: flex }
	.homeAltreNotizie article .img-aspect-ratio{ aspect-ratio: 1; height: auto; object-fit:cover; }	
	/* .homeAltreNotizie article .img-aspect-ratio{ aspect-ratio: auto; height: 100%; object-fit: cover; } */
	.homeAltreNotizie article .testo{ background-color: white; padding: 0px 10px }

	.slickSlider article{ min-height: 350px; height: auto !important;  }
	.slickSlider h2.titolo { font-size: 1.3em; }
	.slickSlider .footer{ font-size: 0.7em }

	/* VIDEO RESPONSIVE */
	.immagineVideo{ aspect-ratio: 1; }

	.homeAltreNotizie article:has(.video_mobile){ grid-template-columns: 100% 0%; width: 100%; aspect-ratio: 3/2; }
	.video_mobile{ 
		background-size: cover; 
		width: 100%;
		aspect-ratio: 3 / 2; 
	}

	#video_0, #video_1{ display: none; }
	article:has(.video_mobile), #tutti_i_video{ display: block; }
	.video_mobile .fa-play{ color: white; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);}
	.video_mobile .ombra{ padding: 15px; }
	.video_mobile .categoria{ color: var(--giallo); background-color: transparent; padding: 0px }
	.video_mobile .titolo{ font-size: 0.9em; margin-top: 0px;}
	.video_mobile .data{ font-weight: normal; }
	.homeAltreNotizie article a .tagBoxType{ padding: 2px 4px; }
	.homeAltreNotizie article a.testo .tagBoxType{ position: initial; }

	#tutti_i_video{ text-align: center; margin-top: 15px; font-weight: 500; }

	/* IMMAGINI RESPONSIVE */
	#homeGalleryImmagini{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
	#homeGalleryImmagini article{ display: grid; grid-template-columns: 1fr; grid-template-rows: 3fr 2fr; gap: 10px; border: 0px;}
	#homeGalleryImmagini article .testo{ padding: 0px; }

	#containerEsclusive{ display: block; background-color: var(--rosso);
		margin-right: -.75rem; margin-left: -.75rem; padding-left: .75rem; padding-right: .75rem; }
	#boxEsclusive{ width: 100%; padding-top: 20px; }
	#boxEsclusive h3.titoloHome{ color: white; border-left: 5px solid var(--giallo); }
	#boxEsclusive h3.titoloHome::after{ background-color: var(--giallo); }
	#boxEsclusive .slickSlider.slick-dotted.slick-slider {
		margin-bottom: 50px;
	}

	.slickSlider .slick-slide > div{ margin: 0px !important; }
	.slick-dots li, .slick-dots li button{ width: 40px }
	.slick-prev { left: 5px; }

	#altreNotizie article{ grid-template-columns: 35% 65%; }
	#altreNotizie article .immagine img{ object-fit: cover; min-height: 100% }
	#altreNotizie article .sottotitolo{ margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;	-webkit-box-orient: vertical; }
	#altreNotizie article .info .data, #altreNotizie article .info .link{ font-size: 0.6em; }

	/* #articolo{ padding: 0px 8px; } */
	#articolo-content{ display: flex; flex-direction: column-reverse; }
	#articolo-content #datiArticolo{ font-size: 0.8em; }
	#articolo #firma { text-align: left !important; font-size: 1.2em;}
	#articolo-content #articolo-social{ display: flex; justify-content: center;}
	#articolo-content #articolo-social a { padding: 15px !important; border-bottom: 0px; border-right: 3px solid var(--giallo) }
	#articolo-content #articolo-social a:last-child{ border-right: 0px; }

	.ultimeNotizie li{
		padding-bottom: 0.5em !important;
  		margin-bottom: 0.5em !important;
	}

	#tags .tag{ padding: 2px 5px; font-size: 0.8em; }

	#primoFooter, #primoFooterAfter, #secondFooter .col-md-6{ text-align: center !important; }
}

/* BANNER */
/* HOMEPAGE - MOBILE */
#HOMEMOBMM1, #HOMEMOBMR1, #HOMEMOBMR2, #HOMEMOBMR3{ display: none; }
#HOMEMOBMM1 > div > div, #HOMEMOBMR1 > div > div, #HOMEMOBMR2 > div > div, #HOMEMOBMR3 > div > div{ display: flex; justify-content: center; align-items: center; }
/* ARTICOLO MOBILE */
#ARTMOBMM1,#ARTMOBMR1,#ARTMOBMM2,#ARTMOBMM3{ display: none; }
#ARTMOBMM1 > div > div,#ARTMOBMR1 > div > div,#ARTMOBMM2 > div > div,#ARTMOBMM3 > div > div{ display: flex; justify-content: center; align-items: center; }
#ARTMOBMR1,#ARTMOBMM2{ margin-bottom: 1em; }
/* HOMEPAGE DESKTOP */
#HOMEDESKMH1,#HOMEDESKHP1{}
/* ARTICOLO DESKTOP */
#ARTDESKMH1, #ARTDESKMR1, #ARTDESKMR2, #ARTDESKMH2{}

#HOMEMOBBR2, #HOMEMOBMR2{ border-bottom: 2px solid var(--giallo); margin-bottom: 0.5em; }
#HOMEMOBMR2{ padding-bottom: 0.5em; }

/* #HOMEMOBMM1::before{content: 'HOMEMOBMM1'}
#HOMEMOBMR1::before{content: 'HOMEMOBMR1'} */
/* #HOMEMOBMR2::before{content: 'HOMEMOBMR2'} */
/* #HOMEMOBMR3::before{content: 'HOMEMOBMR3'}
#ARTMOBMM1::before{content: 'ARTMOBMM1'}
#ARTMOBMR1::before{content: 'ARTMOBMR1'}
#ARTMOBMM2::before{content: 'ARTMOBMM2'}
#ARTMOBMM3::before{content: 'ARTMOBMM3'}
#HOMEDESKMH1::before{content: 'HOMEDESKMH1'} */
/* #HOMEDESKHP1::before{content: 'HOMEDESKHP1'} */
/* #ARTDESKMH1::before{content: 'ARTDESKMH1'}
#ARTDESKMR1::before{content: 'ARTDESKMR1'}
#ARTDESKMR2::before{content: 'ARTDESKMR2'}
#ARTDESKMH2::before{content: 'ARTDESKMH2'} */

/* #HOMEDESKMH1, #ARTDESKMH1, #ARTDESKMR1, #ARTDESKMR2, #ARTDESKMH2 { border: solid var(--rosso); } */
/* #HOMEMOBMM1, #HOMEMOBMR1, #HOMEMOBMR3, #ARTMOBMM1,#ARTMOBMR1,#ARTMOBMM2,#ARTMOBMM3{ border: solid var(--giallo); } */

#HOMEDESKHP1{border: 0px !important;}

#HOMEMOBMR1, #HOMEMOBMR3{ margin-top: 1em; }

@media (max-width: 749px) {
	#HOMEDESKMH1, #HOMEDESKHP1, #ARTDESKMH1, #ARTDESKMR1, #ARTDESKMR2, #ARTDESKMH2 { display: none; }
	#HOMEMOBMM1, #HOMEMOBMR1, #HOMEMOBMR2, #HOMEMOBMR3, #ARTMOBMM1,#ARTMOBMR1,#ARTMOBMM2,#ARTMOBMM3{ display: block; }
}