body {
		background-color: #ffffff !important;
	}

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


		.main-container {
			display: flex;
			flex-direction: column;
			width: 100%;
			align-items: center;
		}
		.left-column {
			margin-top: 5.5rem;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			background: #f7f7f7;
		}
		.left-column .scrollColumn {
			width: 80%;
		}
		.left-column .scrollColumn .label-stagione {
			margin-top: 4rem;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #000;
			width: fit-content;
			color: #fff;
			font-size: 0.95rem;
			font-weight: 600;
			text-transform: uppercase;
			margin-bottom: 1.5rem;
			padding: 0.6rem 1.2rem;
		}
		.left-column .scrollColumn .link-container .link {
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 600;

			display: none;
		}
		.left-column .scrollColumn .data {
			background: #fff;
			text-align: left;
			text-transform: uppercase;
			padding: 0.6rem 1.2rem;
			font-size: 0.9rem;
			font-weight: 600;
			margin-top: 2rem;
			margin-left: 0rem;
			margin-bottom: 1rem;
			width: fit-content;
		}
		.left-column .scrollColumn .title {
			font-size: 1.5rem;
			line-height: 1.4;
			text-transform: uppercase;
			color: var(--Palette1);
			font-weight: 600;
			width: 95%;
		}
		.left-column .scrollColumn .subtitle {
			display: none;
		}
		.left-column .scrollColumn .authors {
			color: var(--Palette1dark);
			font-size: 1.2rem;
			font-weight: 600;
			color: var(--Palette1);
		}
		.left-column .scrollColumn .buy-button {
			display: block;
			width: calc(100% - 6rem);
			margin-top: 4rem;
			padding: 1.1rem 2.8rem;
			font-size: 0.95rem;
			text-transform: uppercase;
			color: #9c0034 !important;
			border: 1px solid #9c0034;
			text-align: center;
			font-weight: 600;
			transition-duration: 0.3s;
			transition-property: background, color;
			text-decoration: none;
			margin-bottom: 5rem;
		}
		.right-column{
		    width: 100%;
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		    margin-bottom: 3rem;

		    /*color: var(--Box_Evento_Button_Text_Color);*/
		}
		.right-column .main-image{
			width: 100%;
			/*border-bottom: 0.5rem solid var(--Palette1);*/
		}
		.right-column .redbar {
			color: #fff;
			background: var(--Palette1);
			padding: 4rem 0rem;
			font-size: 1rem;
			line-height: 1.7;
			width: 100%;
			text-align: left;
		}
		.right-column .redbar p {
			padding: 0rem 2rem;
		}
		.right-column .scheda-evento {
			width: 85%;
		}
		.right-column .scheda-evento .subtitle {
			font-size: 1.4rem;
			line-height: 1.4;
			text-transform: uppercase;
			color: var(--Palette1);
			font-weight: 600;
			width: 95%;
			margin: 4rem 0rem;
		}
		.right-column .scheda-evento .text-container {
			font-size: 0.9rem;
			line-height: 1.7;
			max-height: 15rem;
			font-weight: 500;
			overflow: hidden;
			transition: all 0.5s ease;
			position: relative;
		}
		.right-column .scheda-evento .text-container::after {
			content: "";
			position: absolute;
			bottom: 0rem;
			left: 0rem;
			width: 100%;
			height: 3rem;
			background: linear-gradient(
			rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			pointer-events: none;
			transition: opacity .3s;
		}
		.text-container.expanded {
		    max-height: none !important;
		}
		.text-container.expanded::after {
			opacity: 0;
		}
		.right-column .scheda-evento .toggle-btn {
			margin: 2rem 0rem;
			color: #9c0034;
			background: transparent;
			border: none;
			font-family: 'Montserrat';
			font-size: 1.2rem;
			cursor: pointer;
			font-weight: 600;
		}
		.media-container .subtitle.scheda {
			font-size: 1.375rem;
			text-transform: uppercase;
			font-weight: 600;
			color: var(--Box_Evento_Button_Text_Color);
		}
		.media-container .allegato-link {
			display: inline-flex;
			gap: 0.5em;
			background-color: #fafafa;
			border: 1px solid #d1cfcf;
			border-radius: 0.35rem;
			padding: 0.35em 0.75em;
			font-size: .85rem;
			text-decoration: none;
			font-weight: 500;
		}
		.media-container .fotogallery-container {
			display: flex;
			margin-top: 3rem;
			column-gap: 1rem;
			row-gap: 1rem;
			flex-flow: wrap;
			flex-direction: column;
		}
		.right-column div.fotogallery-container .fotogallery-grid {
		    column-gap: 1rem;
		    display: flex;
		    flex-direction: row;
		    align-items: center;
		    justify-content: center;
		}
		.right-column div.fotogallery-container div a img {
			width: 8rem;
		}
		.video-container {
		    display: flex;
		    justify-content: center;
		    margin-top: 5rem;
		}
		.video-container .video-wrapper {
	        width: 90%;
	        height: 30rem;
	        margin-bottom: 4rem;
	        border-radius: 1rem;
	        overflow: hidden;
		}
		.video-container .video-wrapper iframe {
		    width: 100%;
		    height: 100%;
		}



		#table {
			width: 90%;
			margin: auto;
			text-align: center;
			margin-bottom: 3rem;
			margin-top: 3rem;
		}
		#table  thead {
			text-transform: uppercase;
			font-size: 1.2rem;
			line-height: 4.1rem;
			color: var(--Palette1);
			position: relative;
			bottom: 1rem;
		}
		#table thead .table-titles {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		#table thead .table-titles th {
			flex: 1 1 0;
			min-width: 0;
			text-align: center;
		}
		#table thead .table-titles th:last-child {
			display: none;
		}
		#table tbody .table-titles {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			position: relative;
			margin-bottom: 3rem;
		}
		#table tbody .table-titles td.table-text {
			display: block;
			flex: 1 1 0;
			min-width: 0;
			font-size: 1.1rem;
			line-height: 3rem;
			font-weight: 600;
			text-align: center;
		}
		#table tbody .table-titles .table-acq {
			display: block;
			flex: 1 1 100%;
			width: 100%;
			text-transform: uppercase;
			color: var(--Palette1);
			margin-top: 1rem;
			margin-bottom: 1rem;
			padding-bottom: 2rem;
			border-bottom: 0.1rem solid var(--Box_Evento_Authors_Color);
		}
		#table tbody .table-titles .table-acq a.buy-button {
			margin: 0;
			text-decoration: none;
			font-weight: 600;
			font-size: 0.9rem;
			width: 100%;
			display: block !important;
			color: var(--Palette1);
			padding: 0.8rem 0rem;
			border: 0.1rem solid var(--Palette1);
		}



		body p.avviso {
			width: 70%;
			text-align: center;
			margin: auto;
			margin-bottom: 4rem;
			font-size: 1.2rem;
			font-style: italic;
			color: #a0a0a0;
		}






	}





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

		 html{
		     scroll-behavior: smooth;
		 }
		
		.main-container{
		 margin-top: 10rem !important;
		 transition: all 0.5s;   }
		 
		 #table {
		   margin-top: 5rem;
		 }


		 .table-titles{
			display: grid;
			grid-template-columns: 3.7fr 2.3fr 2.6fr 2.4fr;
			grid-column-gap: 2.7rem;
			border-bottom: 0.5px solid #555555;
			text-align: left;
			color: #9c0034;
			padding: 2rem 0rem;
		 }

		 .table-text{
		     font-weight: 600;
		     color: #555555;
		     display: flex;
		     justify-content: flex-start;
		     align-items: center;
		 }

		 .main-container{
		     display: flex;
		     flex-direction: row;
		     justify-content: flex-end;
		     background: #fff;
		 }

		 .left-column{
			display: flex;
			flex-direction: column;
			width: 30%;
			height: auto;
			max-height: 100%;
			background: #f7f7f7;
			padding-left: 10vw;
			padding-right: 2.7rem;
			position: relative;
			padding-bottom: 3rem;
		 }
		 .left-column .scrollColumn {
			width: 100%;
			height: auto;
			position: sticky;
			top: 4rem;
			right: 0rem;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			max-width: 24vw;
			padding-bottom: 3rem;
		 }
		 .left-column .scrollColumn p.authors {
		 	margin-top: 0rem;
		 	font-weight: 600;
		 	margin-bottom: 3rem;
		 }

		 .right-column{
		     display: flex;
		     flex-direction: column;
		     width: 100%;
		     height: auto;
		     justify-content: flex-start;

		     /*color: var(--Box_Evento_Button_Text_Color);*/
		 }

		 .label-stagione{
		     margin-top: 5rem;
		     display: flex;
		     align-items: center;
		     justify-content: center;
		     height: 2rem;
		     background: #000;
		     width: 11rem;
		     color: #fff;
		     font-weight: 600;
		     text-transform: uppercase;
		     margin-bottom: 1rem;
		 }

		 .link-container{
		     width: 11rem;
		     margin-top: 0.5rem;
		     margin-bottom: 3rem;
		 }

		 .link{
		     text-transform: uppercase;
		     text-decoration: none;
		     font-weight: 600;
		     font-size: 0.8rem;
		     color: var(--Page_Text_Color)!important;
		 }

		 .data{
		     width: auto;
		     background: #fff;
		     text-align: center;
		     text-transform: uppercase;
		     padding: 0.7rem;
		     font-size: 0.8rem;
		     font-weight: 600;
		     margin-top: 0rem;
		 }

		 .title{
		    margin-top: 1rem;
		    font-size: 1.6rem;
		    color: #9c0034;
		    font-weight: 600;
		 }

		 .subtitle {
		 	color: #9c0034;
		 	font-weight: 600;
		 	font-size: 1rem;
		 	margin-top: 0.1rem;
		 	margin-bottom: 2rem;
		 	text-transform: uppercase;
		 }

		 .subtitle.scheda{
		     color: #9c0034;
		     font-weight: 600;
		     font-size: 1.2rem;
		     margin-top: 0.1rem;
		     margin-bottom: 4rem;
		     text-transform: uppercase;
		 }

		 .buy-button{
		     padding: 0.7rem 0rem;
		     font-size: 0.9rem;
		     text-transform: uppercase;
		     color: #9c0034 !important;
		     border: 1px solid #9c0034;
		     text-align: center;
		     font-weight: 600;
		     transition-duration: 0.3s;
		     transition-property: background, color;
		     text-decoration: none;
		     width: 100%;
		     display: block !important;
		 }

		 .buy-button:hover{
		    color: #fff !important;
		    background: #9c0034;
		 }

		 .main-image{
		     width: 100%;
		 }

		 .redbar{
		     width: auto;
		     height: auto;
		     background: #9c0034;
		     column-count: 2;
		     column-gap: 2rem;
		     color: #fff;
		     margin: 0;
		     padding: 3rem 9rem;
		     font-size: 0.85rem;
		 }

		 .redbar > p{
		     margin: 0;
		 }

		 .redbar > p > a{
		    
		     color: #fff !important;
		     font-weight: 600 !important;
		     text-decoration: none;
		 }

		 .scheda-evento{
		     width: 80%;
		     padding: 5rem;
		     padding-right: 0rem;
		     padding-left: 10rem;
		 }

		 .right-column div.fotogallery-container div a img {
		 	width: 7rem;
		 }
		 .right-column div.fotogallery-container .fotogallery-grid {
		 	column-gap: 1rem;
		 	display: flex;
		 	flex-direction: row;
		 	align-items: center;
		 }

		 .media-container {
			width: 80%;
			padding: 0rem;
			padding-right: 0rem;
			padding-left: 10rem;
			margin-bottom: 5rem;
		 }
		 .media-container .subtitle.scheda {
		 	margin-bottom: 2rem;
		 }
		 .media-container .allegati-container {
		 	margin-bottom: 3rem;
		 }
		 .allegato-link {
		 	display: inline-flex;
		 	gap: 0.5em;
		 	background-color: #fafafa;
		 	border: 1px solid #d1cfcf;
		 	border-radius: 0.35rem;
		 	padding: 0.35em 0.75em;
		 	font-size: .75rem;
		 	text-decoration: none;
		 	font-weight: 500;
		 }
		 .allegato-link span {}

		 .tabella{
		     text-transform: uppercase;
		     width: 80%;
		     margin: 0 auto;
		     margin-bottom: 10rem;
		     height: 15rem;
		     margin-top: 10rem;
		 }

		 .right-column .scheda-evento .text-container {
		     max-height: 10rem;
		     overflow: hidden;
		     transition: all 0.5s ease;
		     position: relative;
		     width: 100%;
		     display: flex;
		 }
		 .right-column .scheda-evento .text-container::after{
		 	content: "";
		 	position: absolute;
		 	bottom: 0rem;
		 	left: 0rem;
		 	width: 100%;
		 	height: 2rem;
		 	background: linear-gradient(
		 	rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		 	pointer-events: none;
		 	transition: opacity .3s;
		 }
		 .text-container.expanded {
		     max-height: none !important;
		 }
		 .text-container.expanded::after {
		 	opacity: 0;
		 }
		 .scheda-evento .text-container .description {
		 	font-size: 0.8rem;
		 	font-weight: 500;
		 	line-height: 1.7;
		 	display: block;
		 	width: 75%;
		 }
		 .right-column .scheda-evento .toggle-btn {
		 	margin-top: 3rem;
		 	color: #9c0034;
		 	background: transparent;
		 	border: none;
		 	font-family: 'Montserrat';
		 	font-size: 0.9rem;
		 	cursor: pointer;
		 	font-weight: 500;
		 }


		 .video-container {
		 	display: flex;
		 	justify-content: center;
		 	margin-top: 5rem;
		 }

		 .video-container .video-wrapper {
			width: 80%;
			height: 30rem;
			margin-bottom: 4rem;
			border-radius: 0.6rem;
			overflow: hidden;
		 }
		 .video-container .video-wrapper iframe {
		 	width: 100%;
		 	height: 100%;
		 }







	}