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

		.imgBox {
			margin-top: 5rem;
			width: 100%;
			/*background: var(--Palette2);*/
			display: flex;
			justify-content: center;
			padding-bottom: 1rem;
		}
		.imgBox img {
			width: 100%;
		}
		.imgBox img.deskImg {
			display: none;
		}

		.Container {
			margin-top: 1.5rem;
			margin-bottom: 3rem;
	        width: 96vw;
		}
		.Container H1.PageTitle{
			display: none;
		}
		.Container .pageIntro {
			display: block;
			max-width: 92vw;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2rem;
			margin-bottom: 3rem;
			color: #4b4b4b;
		}
		.Container .pageIntro h2 {
			text-transform: uppercase;
			text-align: center !important;
			font-size: 1.7rem !important;
			font-family: var(--Font_Normal) !important;
			cursor: default;
			margin-bottom: 0.8rem;
			color: var(--Palette2);
		}
		.Container .pageIntro p {
			text-align: center;
			font-size: 1.1rem;
			margin-bottom: 1.5rem;
			line-height: 1.5rem;
			margin-top: 0rem;
		}

		.Container .Filter {
			width: 100%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: .5rem;
		}
		.Container .Filter .innerFilter {
			display: flex;
			justify-content: flex-start;
			flex-direction: row;
			overflow-x: auto;
		}
/*-------------------------------------------------------------SCROLLBAR------------*/

		.Container .Filter .innerFilter::-webkit-scrollbar {
		    display: none;
		    color: #ef7403;
		}

		.Container .Filter .innerFilter:hover {
		    scrollbar-width: thin;
		    margin-bottom: 0rem;
		}

		.Container .Filter .innerFilter:hover::-webkit-scrollbar {
		    height: 0.2rem;
		    background: transparent;
		}

		.Container .Filter .innerFilter:hover::-webkit-scrollbar-thumb {
		    background: #ef7403;
		    border-radius: 10px;
		    transition: background 0.3s ease;
		}

		/*.Container .Filter .innerFilter:hover::-webkit-scrollbar-thumb:hover {
		    background: #ff9800;
		}*/


/*----------------------------------------------------------------------------------*/
		.Container .Filter .innerFilter p,  .Container .Filter .innerLevel p{
			font-style: italic;
			font-size: 0.9rem;
			color: #707070;
		}
		.Container .Filter .innerFilter p b,  .Container .Filter .innerLevel p b {
			color: var(--Palette2);
		}
		.Container .Filter .innerFilter ul,  .Container .Filter .innerLevel ul{
			display: flex;
			align-items: center;
			list-style: none;
			justify-content: center;
			padding-left: 0rem;
			flex-wrap: nowrap;
			margin-top: 0rem;
			flex-direction: row;
			margin-bottom: 0.3rem;
		}
		.Filter .innerFilter ul li, .Filter .innerLevel ul li{
			color: var(--Palette2);
			background: var(--Palette6);
			padding: 1rem 1.2rem;
			text-transform: uppercase;
			margin: 0.2rem;
			cursor: pointer;
			font-weight: 500;
			font-size: 0.9rem;
			transition: all 0.2s linear;
			border-radius: 20rem;
			border: 0.1rem solid var(--Palette2);
			white-space: nowrap;
		}
		.Filter .innerFilter ul li:hover, .Filter .innerLevel ul li:hover {
			transform: scale(1.03);
		}
		.Filter .innerFilter ul li.selected ,  .Filter .innerLevel ul li.selected {
		    border: 0.1rem solid var(--Palette2);
            background: var(--Palette2);
            color: var(--Palette6);
		}

/*--------------------------------------------------------------------DateFiltro-------------*/

		.Container .categoryDate {
			width: 100%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: .5rem;
		}
		.Container .categoryDate .innerDate {
			display: flex;
			justify-content: flex-start;
			flex-direction: row;
			overflow-x: auto;
		}
/*-------------------------------------------------------------SCROLLBAR------------*/

		.Container .categoryDate .innerDate::-webkit-scrollbar {
		    display: none;
		    color: #ef7403;
		}

		.Container .categoryDate .innerDate:hover {
		    scrollbar-width: thin;
		    margin-bottom: 0rem;
		}

		.Container .categoryDate .innerDate:hover::-webkit-scrollbar {
		    height: 0.2rem;
		    background: #efefef;
		}

		.Container .categoryDate .innerDate:hover::-webkit-scrollbar-thumb {
		    background: #ef7403;
		    border-radius: 10px;
		    transition: background 0.3s ease;
		}

		/*.Container .categoryDate .innerDate:hover::-webkit-scrollbar-thumb:hover {
		    background: #ff9800;
		}*/


/*----------------------------------------------------------------------------------*/
		.Container .categoryDate .innerDate p {
			font-style: italic;
			font-size: 0.9rem;
			color: #707070;
		}
		.Container .categoryDate .innerDate p b {
			color: var(--Palette2);
		}
		.Container .categoryDate .innerDate ul{
			display: flex;
			align-items: center;
			list-style: none;
			justify-content: center;
			padding-left: 0rem;
			flex-wrap: nowrap;
			margin-top: 0rem;
			flex-direction: row;
			margin-bottom: 1.3rem;
		}
		.categoryDate .innerDate ul li{
			color: var(--Palette2);
			background: var(--Palette6);
			padding: 1rem 1.2rem;
			text-transform: uppercase;
			margin: 0.2rem;
			cursor: pointer;
			font-weight: 500;
			font-size: 0.9rem;
			transition: all 0.2s linear;
			border-radius: 20rem;
			border: 0.1rem solid var(--Palette2);
			white-space: nowrap;
		}
/*		.categoryDate .innerDate ul li:hover {
			transform: scale(1.03);
		}*/
		.categoryDate .innerDate ul li.selected {
		    border: 0.1rem solid var(--Palette2);
		    background: var(--Palette2);
		    color: var(--Palette6);
		}


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


		.ElencoEventi {
			max-width:96vw;
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			grid-column-gap: 0;
			grid-row-gap: 0.5rem;
			margin-left: auto;
			margin-right: auto;
		}
		.ElencoEventi .NoEvents {
			width: 100%;
			display: block;
			text-align: center;
			font-style: italic;
			font-weight: 200;
			font-size: 1.3rem;
			color: #929292;
			font-family: var(--Font_Normal);
			margin-top: -2rem;
		}
		.Container .lastButtonBox {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 2rem;
			margin-bottom: 3rem;
		}
		.Container .lastButtonBox .lastButton {
			text-transform: uppercase;
			text-decoration: none;
			color: var(--Palette6);
			background: var(--Palette2);
			padding: 1rem 2rem;
			font-weight: 600;
			font-size: 1.1rem;
			border-radius: 0.1rem;
			transition: all 0.2s ease;
		}

	}

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

		.imgBox {
			margin-top: 6rem;
			width: 100%;
			/*background: var(--Palette2);*/
			display: flex;
			justify-content: center;
		}
		.imgBox img {
			width: 100%;
		}

		.imgBox img.mobImg {
			display: none;
		}

		.Container {
			margin-top: 1rem;
			margin-bottom: 4rem;
		}
		.Container H1.PageTitle{
			font-size: 3rem;
			border: none;
			display: none;
		}
		.Container .pageIntro {
			display: block;
			max-width: 71.222rem;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2rem;
			margin-bottom: 1.5rem;
			color: #4b4b4b;
		}
		.Container .pageIntro h2 {
			text-align: center;
	        text-transform: uppercase;
	        color: var(--Palette2);
	        margin-bottom: 0.7rem;
	        font-size: 1.8rem;
		}
		.Container .pageIntro p {
			text-align: center;
	        font-size: 1.1rem;
	        font-weight: 400;
	        margin-top: 0rem;
		}
		.Container .Filter {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 0.2rem;
			border-bottom: none;
		}
		.Container .Filter .innerFilter {
			
		}
		.Container .Filter .innerFilter p,,  .Container .Filter .innerLevel p {
			font-style: italic;
			font-size: 0.9rem;
			color: #707070;
		}
		.Container .Filter .innerFilter p b,  .Container .Filter .innerLevel p b {
			color: var(--Palette2);
		}
		.Container .Filter .innerFilter ul,  .Container .Filter .innerLevel ul{
			display: flex;
			flex-direction: row;
			align-items: center;
			list-style: none;
			justify-content: center;
			padding-left: 0rem;
			flex-wrap: wrap;
			margin: 0rem;
		}
		.Filter .innerFilter ul li, .Filter .innerLevel ul li{
			color: var(--Palette2);
			background: var(--Palette6);
			padding: 0.5rem 1.5rem;
			text-transform: uppercase;
			margin: 0.5rem;
			margin-bottom: 1rem;
			cursor: pointer;
			font-weight: 500;
			font-size: 0.9rem;
			transition: all 0.2s linear;
			border-radius: 20rem;
			border: 0.1rem solid var(--Palette2);
		}
		.Filter .innerFilter ul li:hover, .Filter .innerLevel ul li:hover {
			transform: scale(1.03);
		}
		.Filter .innerFilter ul li.selected, .Filter .innerLevel ul li.selected {
		    border: 0.1rem solid var(--Palette2);
            background: var(--Palette2);
            color: var(--Palette6);
		}

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

		.Container .categoryDate {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 1.5rem;
			border-top: 0.1rem dashed var(--Palette2);
			padding-top: 0.7rem;
		}
		.Container .categoryDate .innerDate {
			
		}
		.Container .categoryDate .innerDate p {
			font-style: italic;
			font-size: 0.9rem;
			color: #707070;
		}
		.Container .categoryDate .innerDate p b {
			color: var(--Palette2);
		}
		.Container .categoryDate .innerDate ul{
			display: flex;
			flex-direction: row;
			align-items: center;
			list-style: none;
			justify-content: center;
			padding-left: 0rem;
			flex-wrap: wrap;
			margin: 0rem;
		}
		.categoryDate .innerDate ul li{
			color: var(--Palette2);
			background: var(--Palette6);
			padding: 0.5rem 1.5rem;
			text-transform: uppercase;
			margin: 0.5rem;
			margin-bottom: 1rem;
			cursor: pointer;
			font-weight: 500;
			font-size: 0.9rem;
			transition: all 0.2s linear;
			border-radius: 20rem;
			border: 0.1rem solid var(--Palette2);
		}
		.categoryDate .innerDate ul li:hover {
			transform: scale(1.03);
		}
		.categoryDate .innerDate ul li.selected {
		    border: 0.1rem solid var(--Palette2);
            background: var(--Palette2);
            color: var(--Palette6);
		}






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


		
		.ElencoEventi {
			max-width:71.222rem;
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			grid-column-gap: 0;
			grid-row-gap: 1.5rem;
			margin-left: auto;
			margin-right: auto;
		}
		.ElencoEventi .NoEvents {
			width: 100%;
			display: block;
			text-align: center;
			font-style: italic;
			font-weight: 200;
			font-size: 1.3rem;
			color: #929292;
			font-family: var(--Font_Normal);
		}
		.Container .lastButtonBox {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 3rem;
		}
		.Container .lastButtonBox .lastButton {
			text-transform: uppercase;
		    text-decoration: none;
		    color: var(--Palette6);
		    background: var(--Palette2);
		    padding: 1rem 2rem;
		    font-weight: 600;
		    font-size: 1.1rem;
		    border-radius: 0.1rem;
		    transition: all 0.2s ease;
		}
		.Container .lastButtonBox .lastButton:hover {
			transform: scale(1.04);
		}

	}