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

		body .FakeRotor {
			display: none;
			align-items: center;
			flex-direction: row;
			position: relative;
			width:100vw;
			height: 100%;
			max-width:100%;
			max-height:calc(100vh - 10rem);
			overflow: hidden;
			margin-top: 10rem;
			margin-bottom: -0.1rem;
			border-bottom: 0.2rem solid #004694;
		}
		body .FakeRotor > .mobile {
			width: 100%;
        	height: auto;
		}
		body .FakeRotor > .desktop {
			display: none;
		}
		body .FakeRotor > h1 {
			position: absolute;
			text-transform: uppercase;
			color: #ffffff;
	        top: 5rem;
	        left: 0rem;
	        font-size: 2.7rem;
	        font-family: var(--Font_Normal);
    		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    		text-align: center;
    		cursor: default;
		}
		body .Container {
			margin-top: 0rem;
			margin-bottom: 0rem;
		}

		.Container {
			margin-top: 11.5rem;
		}



		.scroll-left, .scroll-right {
			display: none;
		}


/*-----------------------------------------------------------------------------FAQ-------*/
		
		.Faq {
			display: block;
		    max-width: 71.222rem;
		    margin-left: auto;
		    margin-right: auto;
			margin-top: 2rem;
			margin-bottom: 3rem;
			color: #4b4b4b;
			flex-direction: column;
			align-items: center;
		}
		.Faq .FaqTitle {
			text-transform: uppercase;
			text-align: center !important;
			font-size: 1.5rem !important;
			font-family: var(--Font_Normal) !important;
			cursor: default;
		}
		.Faq > .FaqBox {
			width: 100%;
		    height: auto;
		    position: relative;
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		    margin-top: 1rem;
		    margin-bottom: 0rem;
		}
		.FaqBox > .card {
			border-bottom: 0.1rem solid var(--Palette4);
			width: 95%;
			padding: 0.2rem;
			margin-bottom: 1rem;
		}
		.FaqBox > .card > .cardHeader {
			height: 3rem;
		}
		.FaqBox > .card > .cardHeader > .cardTitle {
			width: 90%;
			position: relative;
			margin: 0rem;
			height: 3rem;
			display: flex;
			align-items: center;
			font-size: 0.95rem;
			text-transform: uppercase;
			font-weight: 500;
			padding-left: 0.3rem;
			cursor: pointer;
		}
		.cardTitle i {
		    transition: transform 0.3s ease;
		    position: absolute;
		    right: -2rem;
		    font-size: 1.2rem;
		}
/*		.card > .cardHeader:hover > .cardTitle {
			color: var(--Palette2black);
		}
		.card > .cardHeader:hover > .cardTitle > i {
			color: var(--Palette2black);
			transform: translateY(5px);
		}*/
		.rotate-icon {
    		transform: rotate(360deg);
		}
		.card > .cardBody {
			transition: all 0.3s ease;
			display: none;
		}
		.cardBody.open {
			display: block;
		}
		.cardBody.open .cardReply p {
    		text-align: justify;
    		padding: 0rem 1rem;
    		line-height: 1.2rem;
    		font-size: 1.05rem;
    		margin: 0.8rem 0rem;
    		margin-top: 0.5rem;
    		font-weight: 300;
		}


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



/*-----------------------------------------------------------------------------INTRO-----*/

		.pageIntro {
			display: block;
			max-width: 92vw;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2rem;
			margin-bottom: 3rem;
			color: #4b4b4b;
		}
		.pageIntro h1 {
			text-transform: uppercase;
			text-align: center !important;
			font-size: 1.7rem !important;
			font-family: var(--Font_Normal) !important;
			cursor: default;
			margin-bottom: 1.8rem;		
		}
		.pageIntro > p {
			text-align: center;
			font-size: 1.1rem;
			margin-bottom: 1.5rem;
			line-height: 1.5rem;
		}
		.pageIntro > p b {
			color: var(--Palette2black);
		}
		.pageIntro .innerIntro {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-bottom: -0.5rem;
		}
		.pageIntro .innerIntro p {}

		.pageIntro .innerIntro .fakeTitle {
/*			margin-right: 0.8rem;*/
			margin-bottom: -0.5rem;
			font-size: 1.3rem;
		}
		.pageIntro .innerIntro .normalP {
			font-size: 1.1rem;
			text-align: center;
		}


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


		.cityFilterTitle {
			text-align: center;
			font-size: 1rem;
			color: #4b4b4b;
			max-width: 92vw;
			margin-left: auto;
			margin-right: auto;
		}

		.ElencoEventi {
			max-width:92vw;
			margin-left: auto;
			margin-right: auto;
			display: block;
			margin-top: 2rem;
			margin-bottom: 2rem;

			display: none;
		}
		.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;
		}

		.cityFilter {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 100%;
			margin-top: 1rem;
		}
		.cityFilter .cityBox {
			padding: 1rem;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			margin: 0.5rem;
			width: 85%;
			height: 12rem;
		}
		.cityFilter #Vicenza {
			background: var(--Palette2);
		}
		.cityFilter #Roma {
			background: var(--Palette3);
		}
		.cityFilter #Milano {
			background: var(--Palette5);
		}
		.cityFilter #Torino {
			background: var(--Palette4);
		}
		.cityFilter .cityBox .innerBox {
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			flex-direction: column;
			height: 100%;
			width: 100%;
			color: var(--Palette6);
		}
		.cityFilter .cityBox .innerBox h3 {
			text-transform: uppercase;
			margin: 0rem;
			font-size: 1.4rem;
		}
		.cityFilter .cityBox .innerBox p {
			margin: 0rem;
			font-size: 1.1rem;
			text-align: center;
		}
		.cityFilter .cityBox .innerBox a {
			text-transform: uppercase;
			color: var(--Palette6);
			font-weight: 600;
			width: 100%;
	        text-align: center;
	        font-size: 1.1rem;
		}


		#Header > .Inner .Logo .logoColorBack {
			background: var(--Palette7);
		}
		#Footer {
			background: var(--Palette1);
		}




	}

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


		body .FakeRotor {
			display: block;
			align-items: center;
			flex-direction: row;
			position: relative;
			width:100vw;
			height: 100%;
			max-width:100%;
/*			max-height:calc(100vh - 8rem);*/
			height: 48.5vh;
			overflow: hidden;
			margin-top: 4.8rem;
			margin-bottom: -0.1rem;
/*			border-bottom: 0.2rem solid var(--Palette2);*/
			background-color: var(--Palette3);
		}
		body .FakeRotor > .mobile {
			display: none;
		}
		body .FakeRotor > .desktop {
			width: 100%;
        	height: auto;

        	position: absolute;
        	top: 0rem;
		}
		body .FakeRotor > h1 {
			position: absolute;
			text-transform: uppercase;
			color: #ffffff;
	        top: 2rem;
	        left: 2rem;
	        font-size: 3rem;
	        font-family: var(--Font_Normal);
    		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    		cursor: default;
		}

/*-----------------------------------------------------------------------------INTRO-----*/

		.pageIntro {
			display: block;
			max-width: 71.222rem;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2rem;
			margin-bottom: 3rem;
			color: #4b4b4b;
		}
		.pageIntro h1 {
			text-transform: uppercase;
			text-align: center !important;
			font-size: 1.7rem !important;
			font-family: var(--Font_Normal) !important;
			cursor: default;
			margin-bottom: 1.8rem;		
		}
		.pageIntro > p {
			text-align: center;
			font-size: 0.875rem;
			margin-bottom: 1.5rem;
			line-height: 1.5rem;
		}
		.pageIntro > p b {
			color: var(--Palette2black);
		}
		.pageIntro .innerIntro {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			margin-bottom: -0.5rem;
		}
		.pageIntro .innerIntro p {}

		.pageIntro .innerIntro .fakeTitle {
			margin-right: 0.8rem;
		}
		.pageIntro .innerIntro .normalP {
			font-size: 0.875rem;
		}
/*------------------------------------------------------------------------------------*/


	.cityFilterTitle {
		text-align: center;
		font-size: 1.4rem;
		color: #4b4b4b;
	}


/*-----------------------------------------------------------------------------FAQ-------*/
		
		.Faq {
			display: block;
		    max-width: 71.222rem;
		    margin-left: auto;
		    margin-right: auto;
			margin-top: 2rem;
			margin-bottom: 3rem;
			color: #4b4b4b;
		}
		.Faq .FaqTitle {
			text-transform: uppercase;
			text-align: center !important;
			font-size: 1.5rem !important;
			font-family: var(--Font_Normal) !important;
			cursor: default;
		}
		.Faq > .FaqBox {
			width: 100%;
		    height: auto;
		    position: relative;
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		    margin-top: 1rem;
		    margin-bottom: 0rem;
		}
		.FaqBox > .card {
			border-bottom: 0.1rem solid var(--Palette4);
			width: 95%;
			padding: 0.2rem;
			margin-bottom: 1rem;
		}
		.FaqBox > .card > .cardHeader {
			height: 3rem;

		}
		.FaqBox > .card > .cardHeader > .cardTitle {
			width: 97%;
			position: relative;
			margin: 0rem;
			height: 3rem;
			display: flex;
			align-items: center;
			font-size: 0.95rem;
			text-transform: uppercase;
			font-weight: 500;
			padding-left: 1rem;
			cursor: pointer;
		}
		.cardTitle i {
		    transition: transform 0.3s ease;
		    position: absolute;
    		right: 0rem;
    		font-size: 1.5rem;
		}
		.card > .cardHeader:hover > .cardTitle {
			color: var(--Palette2black);
		}
		.card > .cardHeader:hover > .cardTitle > i {
			color: var(--Palette2black);
			transform: translateY(5px);
		}
		.rotate-icon {
    		transform: rotate(360deg);
		}
		.card > .cardBody {
			transition: all 0.3s ease;
			display: none;
		}
		.cardBody.open {
			display: block;
		}
		.cardBody.open .cardReply p {
    		text-align: justify;
    		padding: 0rem 1rem;
    		line-height: 1.2rem;
    		font-size: 0.95rem;
    		margin: 0.8rem 0rem;
    		margin-top: 0.2rem;
    		font-weight: 300;
		}




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


		/*body .cityFilter::-webkit-scrollbar {
		    display: none;
		    color: #ef7403;
		}

		body .cityFilter:hover {
		    scrollbar-width: thin;
		    margin-bottom: 2.4rem;
		}

		body .cityFilter:hover::-webkit-scrollbar {
		    height: 8px;
		    background: #efefef;
		}

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

		body .cityFilter:hover::-webkit-scrollbar-thumb:hover {
		    background: #ff9800;
		}*/

	    .cityFilterContainer {
	        position: relative;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        margin-right: auto;
	        margin-left: auto;
	        width: 80%;
	    }

		.scroll-left, .scroll-right {
			display: none !important;
			align-items: center;
	        justify-content: center;
	        font-size: 1.9rem;
	        color: var(--Palette6);
	        background: var(--Palette1);
	        cursor: pointer;
	        z-index: 2;
	        transition: all 0.2s ease;
	        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
	        width: 2.5rem;
	        height: 2.5rem;
	        border-radius: 50%;
		}
		.scroll-left,
		.scroll-right {
		    display: none; /* Nascondi le frecce di default */
		}

		.scroll-left {
		    position: absolute;
		    left: 10px;
		}

		.scroll-right {
		    position: absolute;
		    right: 10px;
		}

		.scroll-left:hover ,
		.scroll-right:hover {
			transform: scale(1.04);
		}

		body .cityFilter {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: row;
		    max-width: 71.222rem;
		    width: 100%;
		    margin-top: 1rem;
		    flex-wrap: nowrap;
		    overflow-x: auto;
		    scroll-behavior: smooth;
		    scrollbar-width: none;
		    margin-bottom: 1rem;
		}




		.cityFilter .cityBox {
			width: 15rem;
			height: 25vh;
			padding: 1rem;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			margin: 0.5rem;
/*			flex: 0 0 auto;*/
			text-align: center;
		}
		/*.cityFilter #Vicenza {
			background: var(--Palette2);
		}
		.cityFilter #Roma {
			background: var(--Palette3);
		}
		.cityFilter #Milano {
			background: var(--Palette5);
		}
		.cityFilter #Torino {
			background: var(--Palette4);
		}*/
		.cityFilter .cityBox .innerBox {
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			flex-direction: column;
			height: 100%;
			width: 100%;
			color: var(--Palette6);
		}
		.cityFilter .cityBox .innerBox h3 {
			text-transform: uppercase;
			margin: 0rem;
		}
		.cityFilter .cityBox .innerBox p {
			margin: 0rem;
		}
		.cityFilter .cityBox .innerBox a {
			text-transform: uppercase;
			color: var(--Palette6);
			font-weight: 600;
			font-size: 0.9rem;
		}
		.cityFilter .cityBox .innerBox p.dateC {
			margin-bottom: 0rem;
		}
		.dateC .ultimo-br {
		  color: red;
		}

		body .Container {
			margin-top: 0rem;
			margin-bottom: 0rem;
			min-height: 0vh;
		}
		.ElencoEventi {
			max-width:71.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;
			margin-top: 2rem;
			margin-bottom: 2rem;

			display: none;
		}
		.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;
		}

		#Header > .Inner .Logo .logoColorBack {
			background: var(--Palette7);
		}
		#Footer {
			background: var(--Palette1);
		}

	}



	@media screen and (min-width: 441px) and (max-width: 1366px) {

		.cityFilterContainer {
			width: 100%!important;
		}




	}