
	h3:first-of-type {
		font-size: 2.5rem;
	}
	
	.HeroCover {
		display: none;
	    position: relative;
	    width: 100%;
	    height: 17rem;
	    background-position: center top;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

	.HeroCover .PageTitle { 
		font-weight: 300;
		font-size: 2.5rem;
		color: #000;
	    position: absolute;
	    top: 8rem;
	    left: 2.5rem;
	    z-index: 99;
	}

	.HeroCover .PageSubtitle {
		font-weight: 200;
		color: #fff;
	    position: absolute;
	    top: 13rem;
	    left: 2.5rem;
	}

	.Container {
		margin-top: 9rem !important;
		display: grid;
        grid-template-columns: 25vw 64vw;
        grid-column-gap: 5vw;
	}

	.Container .LeftColumn {
		padding-top: 1rem;
		margin: 0 4rem 0 0;
		display: block;
		width: 100%;
	}

	.Container .LeftColumn .autoBloccante .SideMenu ul li:first-of-type {
		margin-bottom: 0.7rem;
		border-bottom: 1px solid #d6d6d6;
	}
	.Container .LeftColumn .autoBloccante .SideMenu ul li:last-of-type {
		border-bottom: 1px solid #d6d6d6;
	}

	

	.Container .RightColumn {
		padding-top: 1rem;
		line-height: 1.17rem;
		font-weight: 300;
		font-size: 0.88rem;
		display: block;
		width: 100%;
	}

	.Container .RightColumn .Content h3{
		font-size: 2rem !important;
		margin: 0;
		padding: 0;
		margin-top: 1rem;
		margin-bottom: 1rem;
		font-weight: 300;
		line-height: 2rem;
	}	

	.Container .RightColumn .Content > h3:first-child {
		font-size: 2.5rem !important;
	}

	.Container .RightColumn h1 {
		    margin-top: 4rem;
		    margin-bottom: 1rem;
	}
	
	.Container .Content p img {
		max-width: 100% !important;
		height: 100% !important;
	}

	.Container .RightColumn p, .Container .RightColumn ol, .Container .RightColumn ul {
		line-height: 1.17rem;
		font-weight: 300;
		font-size: 0.88rem;
		padding: 0;
		margin: 0;
		padding-top: 1rem;
	}

	.Container .RightColumn .Content ol, .Container .RightColumn .Content ul {
		padding: 1rem 0 0 1rem;
	}	

	.Container .RightColumn .Content > h3:first-child {
		font-size: 2.5rem;
	}

	.ProssimiSpettacoli {
		margin: 0 10rem;
		margin-bottom: 2rem;
		display: block;
	}

	.ProssimiSpettacoli h4 {
		color: var(--Page_Text_Color);
		font-weight: 300;
		font-size: 2rem;
	}

	#EventsContainer {
   		display: inline-grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-column-gap: 1.5rem;
	}

	.Container .RightColumn .Content strong {
		font-weight: 400 !important;
	}

	.Container .RightColumn .Content a {
		font-weight: 700;
    	text-decoration-thickness: 0.1rem;
	}

	.Container .RightColumn .Content h4 {
		color: #000;
		font-size: 1.4rem;
		line-height: 1.2em;
	}

	.Container .RightColumn .Content h4 strong {
		font-weight: 800 !important;			
	}

	.faq {
		cursor: pointer;
		background-color:#f7f7f7;
    	padding:1rem;
    	margin-bottom:1rem;
    }

    .faq h4, .faq h3{
    	padding:0;
    	margin-bottom:0;
    }

    .faq h3::after {
    	font-family: "Font Awesome 6 Pro"; 
	    content: "\f107";
	    font-weight: 300;
	    display: inline-block;
	    float: right;
    }

    .faq h4 .fal.fa-angle-down {
    	float: right;
    	padding-right: 0.5rem;
    }

   	.faq P, .faq ul, .faq ol {
   		font-size: 1rem;
   		display: none;
    	margin-bottom:1rem;
    	padding-left:0;
    	padding-right:0;
    }

    .faq ul, .faq ol {
    	margin-left: 3rem;
    }

    .faq li {
    	font-size: 1rem;
    	line-height: 1.7rem;
    }

   	.faq P:first-of-type {
   		margin-top: 1rem !important;
   		border-top: 1px solid #d6d6d6;
    }








	@media screen and (max-width: 440px) {

		.ticketBtn {
			display: block;
		}

		.HeroCover {
			margin-top: 6rem;
			display: block;
			max-width: 92vw;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 2rem;
			height: unset;
			color: var(--Page_Text_Color);
		}

		.HeroCover .PageTitle {
			position: unset;
			display: none;
		}

		.Container {
			display: block;
			margin-top: 2rem !important;
		}

		.Container .ticketBtn a {
			padding: 0;
	        margin: auto;
			border: 1px solid #ffffff66;
			color: white;
			background: #e6341d;
			-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, padding 0.3s ease-out;
		    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, padding 0.3s ease-out;
		    width: 100%;
	        height: 3rem;
	        text-align: center;
	        align-content: center;
	        font-size: 0.8rem;
	        display: inline-block;
	        text-decoration: none;
		}

		.Container .ticketBtn a:hover:before,#Container #ticketBtn a:focus:before {
			left: 20%;
	        -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		}


		.Container .ticketBtn a:before {
			content: "";
		    background-color: white;
		    height: 80px;
		    left: -150px;
		    opacity: .2;
		    position: absolute;
		    top: -25px;
		    -webkit-transform: skewX(-38deg);
		    transform: skewX(-38deg);
		    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		    width: 36px;
		    z-index: 0;
		}

		.Container .ticketBtn {
			margin-bottom: 2.5rem;
		}

		.Container .RightColumn {
    		padding-top: 0;
		}

		.Container .RightColumn .Content > h3:first-child {
			font-size: 2rem !important;
		}

		.Content p img, .Content p a img{
			max-width: 100% !important;
			height: auto !important;
		}
	}

