:root{
	--idle-rpt-color: #a8adbd;
	--main-rpt-color: var(--cg-brand-color);
	--shadow-rpt-color: red;
    --contrast-rpt-color: var(--cg-brand-color-contrast);
    --rpt-drop-shadow-filter: invert(54%) sepia(92%) saturate(1369%) hue-rotate(357deg) brightness(102%) contrast(93%) drop-shadow(0 0 6px var(--shadow-rpt-color));
	--rpt-content-background-color: 249, 249, 249;/*ONLY RGB VALUES, NO OPACITY*/
	/*//.............................................................................................................................................................................
	//....OOOOOOO.....NNNN...NNNN..LLLL....LLYY....YYYYY..... RRRRRRRR......GGGGGGG....GGBBBBBBBB....... V.....VVVV..AAAAA.....AAAL.......LLLU...UUUU..UUUEEEEEEEE..EESSSSS.....
	//...OOOOOOOOOO...NNNNN..NNNN..LLLL....LLYYY...YYYY...... RRRRRRRRR...RGGGGGGGGGG..GGBBBBBBBBB...... V....VVVV...AAAAA.....AAAL.......LLLU...UUUU..UUUEEEEEEEE.EEESSSSSS....
	//..OOOOOOOOOOOO..NNNNN..NNNN..LLLL.....LYYYY.YYYY....... RRRRRRRRRR..RGGGGGGGGGG..GGBBBBBBBBBB..... VV...VVVV..VAAAAA.....AAAL.......LLLU...UUUU..UUUEEEEEEEE.EEESSSSSSS...
	//..OOOOO..OOOOO..NNNNNN.NNNN..LLLL......YYYY.YYYY....... RR....RRRR.RRGGG...GGGGG.GGBB....BBBB...... VV...VVVV..VAAAAAA....AAAL.......LLLU...UUUU..UUUE.......EEEES..SSSS...
	//.OOOOO....OOOOO.NNNNNN.NNNN..LLLL......YYYYYYYY........ RR....RRRR.RRGG.....GGG..GGBB....BBBB...... VV..VVVV..VVAAAAAA....AAAL.......LLLU...UUUU..UUUE.......EEEES.........
	//.OOOO......OOOO.NNNNNNNNNNN..LLLL.......YYYYYYY........ RRRRRRRRRRRRRG...........GGBBBBBBBBB....... VVV.VVVV..VVAAAAAA....AAAL.......LLLU...UUUU..UUUEEEEEEE..EEESSSS......
	//.OOOO......OOOO.NNNNNNNNNNN..LLLL........YYYYY......... RRRRRRRRR.RRRG...GGGGGGG.GGBBBBBBBBB........ VVV.VVVV..VVAA.AAAA...AAAL.......LLLU...UUUU..UUUEEEEEEE...EESSSSSSS...
	//.OOOO......OOOO.NNNNNNNNNNN..LLLL........YYYY.......... RRRRRRR...RRRGG..GGGGGGG.GGBBBBBBBBBB....... VVVVVVV..VVVAAAAAAA...AAAL.......LLLU...UUUU..UUUEEEEEEE.....SSSSSSS...
	//.OOOOO....OOOOO.NNNNNNNNNNN..LLLL........YYYY.......... RR.RRRRR...RRGG..GGGGGGG.GGBB....BBBB....... VVVVVVV..VVVAAAAAAAA..AAAL.......LLLU...UUUU..UUUE..............SSSSS..
	//..OOOOO..OOOOO..NNNN.NNNNNN..LLLL........YYYY.......... RR..RRRRR..RRGGG....GGGG.GGBB....BBBB........VVVVVVV..VVVAAAAAAAA..AAAL.......LLLU...UUUU..UUUE.......EEEE....SSSS..
	//..OOOOOOOOOOOO..NNNN..NNNNN..LLLLLLLLLL..YYYY.......... RR...RRRR...RGGGGGGGGGGG.GGBBBBBBBBBB........VVVVVV..VVVV....AAAA..AAALLLLLLL.LLLUUUUUUUU..UUUEEEEEEEEEEEESSSSSSSS..
	//...OOOOOOOOOO...NNNN..NNNNN..LLLLLLLLLL..YYYY.......... RR...RRRRR..RGGGGGGGGGG..GGBBBBBBBBBB........VVVVVV..VVVV.....AAAA.AAALLLLLLL..LLUUUUUUU...UUUEEEEEEEE.EEESSSSSSS...
	//.....OOOOOO.....NNNN...NNNN..LLLLLLLLLL..YYYY.......... RR....RRRRR...GGGGGGG....GGBBBBBBBB...........VVVVV.VVVVV.....AAAA.AAALLLLLLL...LUUUUUU....UUUEEEEEEEE..EESSSSSS....
	//.............................................................................................................................................................................
	*/
}
[data-original="promo"] {
	display: flex!important;
	flex-direction: column!important;
}
.cg-promo-body, #panel{
	background-color: rgb(var(--rpt-content-background-color));
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#cg-news-responsive-template-01{								/*  CONTAINER  */
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin-bottom: 4rem;
	max-width: 1440px;
}
@media screen and (min-width:576px){
	#cg-news-responsive-template-01{
		width: fit-content;
		margin:auto;
		padding: unset;
	}
}

#cg-news-category-filter-list{									/*  FILTRI  */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	user-select: none;
	height: 5vh;
	position:relative;
}
@media screen and (min-width:576px){
	#cg-news-category-filter-list{
	}
}
#cg-news-category-filter-list::after{
  content: "";
  position: absolute;
  top: 0;
  right: 30%;
  bottom: 0;
  width: 1.2rem;
  background: linear-gradient(to right, transparent, rgba(var(--rpt-content-background-color), 0.1), rgba(var(--rpt-content-background-color), 0.5));
}
#cg-rpt-buttons{												/*		CONTAINER FILTRI BOTTONI   	*/
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items: center;
	flex-grow:1;
	max-width:70%;
	overflow-x:scroll;
	height: 5rem;
}


#cg-rpt-buttons::-webkit-scrollbar {
  display: none;
}
.cg-cat-box{						/*		BOTTONI FILTRI   	*/
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background-color: white;
	color: black;
	margin-right: 2%;
	border-radius: 20px;
	cursor: pointer;
	filter: drop-shadow(0 3px 2px lightgrey);
	height: 4rem;
	font-weight: 800;
}
.cg-cat-box:has(:checked), .cg-cat-box:hover {
	background-color: #15366f;
	color: white;
}

#cg-news-preview-grid{											/*  PROMO CARDS  */
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 2.5rem;
}
@media screen and (min-width:576px){
	#cg-news-preview-grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width:992px){
	#cg-news-preview-grid{
		grid-template-columns: repeat(4, 1fr);
	}
}

.cg-rpt-news-box{										/*		CARD     	*/
	border-radius:15px;
	min-height:220px;
	background-color: white;
	filter: drop-shadow(0 3px 2px lightgrey);
	display: flex;
	flex-direction: column;
}
.cg-rpt-news-img{										/*		IMMAGINE IN ABSOLUTE   	*/
	max-width: 100%;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}
.cg-rpt-news-content{									/*		DESCRIZIONE   	*/
	position: relative;
	z-index: 1;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	flex-grow: 1;
}
.cg-rpt-news-cat-ref{									/*		LABEL CATEGORIA APPARTENENZA   	*/
	padding: 5px;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	color: #15366F;
	width: fit-content;
	text-transform: upperC
}
.cg-rpt-news-title{
	color: #15366F;
	font-weight: 700;
	font-style: Bold;
	font-size: 14px;
}
.cg-rpt-news-text{										/*		TITOLO + CONTENT   	*/
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.cg-rpt-news-exp {										/*			SCADENZA		*/
	padding: .25rem .5rem;
	background-color: #e7edf6;
	color: #15366f;
	border-radius: 5px;
	width: fit-content;
	font-weight: 600;
}
.cg-rpt-news-open{										/*		SCOPRI DI PIU   	*/
	border: 1px solid white;
	width: fit-content;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 600;
	font-size: 120%;
	color: #15366f;
}

.cg-rpt-news-open::after{
	margin-left: 0.75rem;
	content: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2210%22%20viewBox%3D%220%200%2020%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.7709%204.48775C19.7706%204.48753%2019.7704%204.48728%2019.7702%204.48706L15.688%200.72438C15.3821%200.442504%2014.8875%200.443553%2014.5831%200.72684C14.2787%201.01009%2014.2799%201.46823%2014.5857%201.75015L17.3265%204.27635H0.78125C0.349766%204.27635%200%204.60031%200%204.99995C0%205.39959%200.349766%205.72354%200.78125%205.72354H17.3264L14.5857%208.24975C14.2799%208.53166%2014.2788%208.9898%2014.5831%209.27305C14.8875%209.55638%2015.3822%209.55735%2015.688%209.27551L19.7702%205.51283C19.7704%205.51261%2019.7706%205.51236%2019.7709%205.51214C20.0769%205.22929%2020.0759%204.76966%2019.7709%204.48775Z%22%20fill%3D%22%2315366F%22%2F%3E%3C%2Fsvg%3E');
}

.cg-total-grey{
	filter: grayscale(1);
}
.cg-rpt-news-box.cg-total-grey{
	filter: grayscale(1) drop-shadow(0 3px 2px lightgrey);
}

#cg-news-pagination {								
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: .5rem;	

}


.cg-page-buttons {									/*			PAGINATION			*/
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 1rem;	
	margin-bottom: 1rem;
}

.cg-page-info{
	color: #5c6169;
	font-weight: 500;
	font-size: 14px;
	margin-top: 2.5rem;
}



#cg-news-pagination .cg-page-btn{
	height: 2.5rem;
	width: 2.5rem;
	background: #ffffff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	font-size: .875rem;
	font-weight: 700;
	color: #15366f;
}

#cg-news-pagination .cg-page-btn:has(svg){
	background: unset;
}

#cg-news-pagination .cg-page-btn:hover{
	    --tw-shadow: 1px 2px 6px 0 rgba(0, 0, 0, .25);
        --tw-shadow-colored: 1px 2px 6px 0;
        box-shadow:  0 0 #0000,  0 0 #0000, var(--tw-shadow);
    }
    
    #cg-news-pagination .cg-page-btn.active{
	background: #15366f;
	color: #ffffff;
	cursor: context-menu ;
}

#cg-news-pagination .cg-page-btn.active:hover,
#cg-news-pagination .cg-page-btn:has(svg):hover{
	    --tw-shadow: unset;
        --tw-shadow-colored: unset;
        box-shadow: unset;
    }
    


.pagination-instance{
	background-color: white;
	filter: drop-shadow(0 3px 2px lightgrey);
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 3rem;
	min-height: 3rem;
	border-radius: 9999px;
	transition: all .125s;
	cursor: pointer;
	user-select: none;
}



.pagination-instance:hover, .pagination-instance:has(input:checked){
	background-color: #15366f;
	color: white;
}

																		/*LOADER*/
#cg-promo-loader {
  margin-top: 20vh;
  margin-left: 50vw;
  scale: 150%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #FFF #FFF transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
#cg-promo-loader::after,
#cg-promo-loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #FF3D00 #FF3D00;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
#cg-promo-loader::before {
  width: 32px;
  height: 32px;
  border-color: #FFF #FFF transparent transparent;
  animation: rotation 1.5s linear infinite;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
 /*LOADER*/  
 
 #cg-news-title{
font-weight: 500;
font-style: Medium;
font-size: 20px;
color: #15366F;
padding-bottom: 1.50rem
 }
 
#cg-news-responsive-template-01{
padding-left: 1rem;
padding-right: 1rem;	
}

#cg-news-breadcrumb{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
 
 @media (min-width: 1024px) {
    #cg-news-responsive-template-01 {
        padding-left: 2.75rem;
        padding-right: 2.75rem;
    }
}

.cg-info-card-wrapper{
	display: flex;
	align-items: center;
	gap: 6px;
}

.cg-info-card-data{
	color: #333333;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 12px;
 	line-height: 13px;
 	text-align: right;
 	margin-left: auto;
}

#cg-news-pagination .cg-page-ellipsis{
	color: #15366f !important;
	background: unset !important;
	width: unset !important;
}

.cg-rpt-news-cat-ref.cg-label-counter{
	border: 1px solid #8A9BB7;
	border-radius: 5px;
	background: #F6F6F6;
	color: #333333
}

.cg-rpt-news-open{
	text-decoration: none !important;
}

#cg-news-title .cg-page-title h1{
	font-size: 1.5rem !important;
	font-weight: 500 !important;
}



