/*	-------------------------------------------------------------------------- */
/*	Mobile  
/*	-------------------------------------------------------------------------- */
	@media screen and (max-width: 440px) {

		.Container {
			margin-top: 2rem!important;
			margin-bottom: 5rem;
		}
		.Container h3 {
			display: none;
		}
		.ElencoEventiVerticale {
			max-width:92vw;
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-column-gap: 1.5rem;
			grid-row-gap: 1.5rem;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}
		.ElencoEventi {
			max-width:92vw;
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			grid-column-gap: 0;
			grid-row-gap: 0rem;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 2.5rem;
		}
		.ElencoNotizie {
			max-width:71.222rem;
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-column-gap: 2.5rem;
			grid-row-gap: 2.5rem;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}

		.buttonBox a {
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 500;
			background: var(--Palette1);
			color: var(--Palette2light);
			font-size: 1.2rem;
			width: 100%;
			display: block;
			height: 3.5rem;
			line-height: 3.5rem;
			text-align: center;
			border-radius: 0.4rem;
			margin-bottom: 5rem;

		}

		body .separator {
			width: 100%;
			background: var(--Palette2);
			display: flex;
			flex-direction: row;
			justify-content: center;
		}
		body .separator h4 {
			width: 100%;
			color: var(--Palette2light);
			text-transform: uppercase;
			font-weight: 500;
			padding: 1.7rem 1rem;
			margin: 0rem;
			max-width: 78.222rem;
			font-size: 1.6rem;
			text-align: center;
		}
		.BannerBox {
			width: 100%;
			border-top: 0.1rem solid var(--Box_Evento_Border_Color);
		}
		.BannerBox .Banner {
			width: 100%;
			display: block;
		}
		.BannerBox .Banner img {
			width: 100%;
		}
		.BannerBox a.Banner.Desk {
			display: none;
		}

		.Container.Two {
			margin-top: 3rem!important;
			margin-bottom: 5rem;
		}
		.Container.Two .ElencoNews {
			display: flex;
			flex-direction: column;
			margin-bottom: 2rem;
			align-items: flex-start;
			row-gap: 2rem;
		}
		.Container.Two .ElencoNews .NewsBox {
			width: 100%;
			height: 40vh;
			max-height: 40vh;
			overflow: hidden;
			border-radius: 0.4rem;
			background: var(--Palette2);
		}
		.NewsBox a {
			display: block;
			text-decoration: none;
			color: inherit;
			height: 40vh;
			max-height: 40vh;
		}

		.NewsBox .TextBox{
			position: relative;
			overflow: hidden;
			height: 40vh;
			max-height: 40vh;
		}

		.NewsBox .ImageContainer{
			width: 100%;
			/*aspect-ratio: 1 / 1;*/
			background: #222;
			overflow: hidden;
			height: 100%;
		}

		.NewsBox img.Image{
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			transition: all 0.2s ease;
		}

		.NewsBox a:hover .Image {
			transform: scale(1.1);
		}


		.NewsBox .TextBox::before{
			content: "";
			position: absolute;
			inset: 0;
			z-index: 1;
			background: rgba(0, 0, 0, 0.65);
			backdrop-filter: blur(4px);
			-webkit-backdrop-filter: blur(4px);
		}
		.NewsBox .OverText{
		  position: absolute;
		  inset: 0;
		  z-index: 2;
		  padding: 1.2rem;
		  color: var(--Palette2light);;
		  max-height: 55vh;
		}
		.NewsBox .Title{
		  margin: 0 0 0.6rem 0;
		  font-size: 4vh;
		  font-weight: 600;
		  line-height: 1.05;
		}
		.NewsBox .Abstract{
		  display: block;
		  font-size: 2.5vh;
		  line-height: 1.55rem;
		  font-weight: 300;
		  letter-spacing: 0rem;
		  overflow: hidden;
		  display: -webkit-box;
		  -webkit-line-clamp: 4;
		  -webkit-box-orient: vertical;
		  text-overflow: ellipsis;
		}

		.NewsBox .ReadMore{
		  position: absolute;
		  right: 1.5rem;
		  bottom: 1.5rem;
		  z-index: 2;
		  font-size: 0.85rem;
		  color: rgba(255,255,255,.9);
		  text-decoration: underline;
		  text-underline-offset: 4px;
		  text-decoration-thickness: 1px;
		}


/*-----------------------------------------------------------------*/



		table.ReplCalendar tbody { padding-top: 0 !important; }

		table.ReplCalendar tbody tr:first-child { display: none !important; }

		.HomeMonthBar{
		  height: 5.5rem;
		  background: var(--Palette2);
		  color: var(--Palette2light);
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  position: sticky;
		  top: 0;
		  z-index: 60;
		}

		.HomeMonthTitle{
		  width: 100%;
		  text-align: center;
		  font-size: 1.5rem;
		  font-weight: 500;
		  text-transform: uppercase;
		  letter-spacing: -0.03rem;
		  padding: 0 4.2rem;
		  box-sizing: border-box;
		}

		.HomeMonthBtn{
		  width: 4.2rem;
		  height: 100%;
		  border: 0;
		  background: transparent;
		  color: inherit;
		  font-size: 2.6rem;
		  line-height: 1;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  cursor: pointer;
		}




	}

/*	-------------------------------------------------------------------------- */
/*	Desktop  
/*	-------------------------------------------------------------------------- */
	@media screen and (min-width: 441px) {

		body {
			padding-top: 12.5rem;
		}
		/*.Container {
			padding: 0rem!important;
		}*/

		/*.ElencoEventiVerticale {
			max-width:91.222rem;
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-column-gap: 1.5rem;
			grid-row-gap: 1.5rem;
			margin-left: auto;
			margin-right: auto;
		}*/
		.ContainerEvent H1.PageTitle {
		    display: block;
		    padding: 0;
		    line-height: 1em;
		    color: var(--Page_Title_Color);
		    text-align: left;
		    margin-top: 3.5rem;
		    text-transform: uppercase;
		    font-size: 2.2rem;
		    font-weight: 500;
		    margin-bottom: 2.5rem;
		    letter-spacing: -0.1rem;
		    cursor: default;
		}
		.ElencoEventi {
			width: 100%;
			display: flex;
			margin-left: auto;
			margin-right: auto;
			flex-direction: row;
			flex-wrap: wrap;
			column-gap: 2%;
			row-gap: 1.5rem;
			justify-content: flex-start;
		}
		.ElencoNotizie {
			max-width:71.222rem;
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-column-gap: 2.5rem;
			grid-row-gap: 2.5rem;
			margin-left: auto;
			margin-right: auto;
		}
		.Container{
			margin-top: 2rem !important;
		}
		.Container h3 {
			text-transform: uppercase;
			font-size: 1.8rem;
			font-weight: 500;
			margin-bottom: 2.5rem;
			margin-top: 4rem;
			letter-spacing: -0.1rem;
			cursor: default;
		}
		.Container .buttonBox {
			margin-top: 3rem;
			width: 100%;
			display: flex;
			justify-content: flex-end;
		}

		/*------------------------------------------------PULSANTE-------*/

		.Container .buttonBox a {
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 500;
			background: var(--Palette1);
			color: var(--Palette2light);
			padding: 0.5rem 2.7rem;
			border-radius: 0.2rem;
			font-size: 0.9rem;
			transition: all 0.2s ease;
		}
		.Container .buttonBox a:hover {
			background: var(--Palette1light);
		}

		.separator {
			width: 100%;
			background: var(--Palette2);
			display: flex;
			flex-direction: row;
			justify-content: center;
		}
		.separator h4 {
			width: 100%;
			color: var(--Palette2light);
			text-transform: uppercase;
			font-weight: 500;
			padding: 1rem 1rem;
			margin: 0rem;
			max-width: 78.222rem;
			font-size: 1.2rem;
		}
		/*------------------------------------------------NEWS---------*/

		.Container.Two .ElencoNews {
			width: 100%;
			display: flex;
			margin-left: auto;
			margin-right: auto;
			flex-direction: row;
			flex-wrap: wrap;
			column-gap: 2%;
			row-gap: 3rem;
			justify-content: space-between;
			margin-top: 3rem;
		} 
		.Container.Two .ElencoNews .NewsBox {
			width: 32%;
			height: 45vh;
			max-height: 45vh;
			overflow: hidden;
			border-radius: 0.4rem;
			background: var(--Palette2);
		}
		.NewsBox a {
			display: block;
			text-decoration: none;
			color: inherit;
			height: 100%;
		}

		.NewsBox .TextBox{
			position: relative;
			overflow: hidden;
			height: 100%;
		}

		.NewsBox .ImageContainer{
			width: 100%;
			height: 100%;
			/*aspect-ratio: 1 / 1;*/
			background: #222;
			overflow: hidden;
		}

		.NewsBox img.Image{
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			transition: all 0.2s ease;
		}

		.NewsBox a:hover .Image {
			transform: scale(1.1);
		}


		.NewsBox .TextBox::before{
			content: "";
			position: absolute;
			inset: 0;
			z-index: 1;
			background: rgba(0, 0, 0, 0.65);
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px);
			height: 110%;
		}
		.NewsBox .OverText{
		  position: absolute;
		  inset: 0;
		  z-index: 2;
		  padding: 1.2rem;
		  color: var(--Palette2light);;
		  max-height: 55vh;
		}
		.NewsBox .Title{
		  margin: 0 0 0.6rem 0;
		  font-size: 1.35rem;
		  font-weight: 600;
		  line-height: 1.15;
		}
		.NewsBox .Abstract{
		  font-size: 0.85rem;
		  line-height: 1.35rem;
		  font-weight: 400;
		  display: -webkit-box;
		  -webkit-line-clamp: 4;
		  -webkit-box-orient: vertical;
		  text-overflow: ellipsis;
		  overflow: hidden;
		}

		.NewsBox .ReadMore{
		  position: absolute;
		  right: 1.5rem;
		  bottom: 1.5rem;
		  z-index: 2;
		  font-size: 0.85rem;
		  color: rgba(255,255,255,.9);
		  text-decoration: underline;
		  text-underline-offset: 4px;
		  text-decoration-thickness: 1px;
		}


		.ReplCalendar .has-event {
			background-color:red;
		}







		/*------------------------------------------------BANNER-------*/

		.BannerBox {
			display: block;
			width: 100%;
			margin-bottom: -2.3rem;
			border-top: 0.1rem solid var(--Palette2dark);
		}
		.BannerBox a.Banner {
			width: 100%;
			display: block;
			height: 100%;
		}
		.BannerBox a.Banner img {
			width: 100%;
		}
		.BannerBox a.Banner.Mob {
			display: none;
		}


		/*---------------------------------------------------CARTELLONE-------*/

		.ContainerEvent {
			display: block;
			max-width: 80.222rem;
			padding: 0rem 4rem;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5rem;
			color: var(--Page_Text_Color);
		}
		.ContainerEvent h3 {
			text-transform: uppercase;
			font-size: 1.8rem;
			font-weight: 500;
			margin-bottom: 2.5rem;
			margin-top: 4rem;
			letter-spacing: -0.1rem;
			cursor: default;
		}
		



	}