/* Box sizing */

	div#content {min-height: calc(100vh - var(--header-main) - var(--footer-main));}
	.elementor-section-wrap, [data-elementor-type]:not([data-elementor-type="section"]) {
		display: flex;
		flex-direction: column;
		row-gap: var(--stadium-pagine_interne-rowgap);
	}
	[data-editable-elementor-document]:after, [data-editable-elementor-document]:before{content: none !important;}

	.elementor-location-single > .e-con-boxed,
	[data-elementor-type="wp-page"] > .e-con-boxed,
	.elementor-section-wrap > .e-con-boxed,
	.e-con > .e-con-inner {
		max-width: var(--stadium-content-max-width);
		width: var(--content-width, var(--wp--custom--ast-container-width));
		margin: auto;
	}
	@media screen and (max-width: 1024px) {[tablet-fullw], [tablet-fullw] > .e-con-inner {max-width: 100vw !important;}}
	@media screen and (max-width: 767px) {[mobile-fullw], [mobile-fullw] > .e-con-inner {max-width: 100vw !important;}}

/* END Box sizing */

body:not(.home, .single-evento) #content {
	background-image: linear-gradient(to bottom, black, transparent);
	background-size: 100% 100vh;
	background-repeat: no-repeat;
	padding-top: var(--stadium-page-inset) !important;
}

#organizzatori, #organizzatori *,
.area-organizzatori, .area-organizzatori * {
	--esagono-area-background: var(--stadium-area-organizzatori);
}
#spettatori, #spettatori *,
.area-spettatori, .area-spettatori * {
	--esagono-area-background: var(--stadium-area-spettatori);
}
#area-palagalassi, #area-palagalassi *,
.area-palagalassi, .area-palagalassi * {
	--esagono-area-background: var(--stadium-area-palagalassi);
}
#area-dintorni, #area-dintorni *,
.area-dintorni, .area-dintorni * {
	--esagono-area-background: var(--stadium-area-dintorni);
}
#area-spazi, #area-spazi *,
.area-spazi, .area-spazi * {
	--esagono-area-background: var(--stadium-area-spazi);
}

/* Esagoni */
	.esagono, .esagono:before, .esagono:after {
		height: auto;
		aspect-ratio: var(--stadium-esagono-ratio-width) / var(--stadium-esagono-ratio-height) !important;
		clip-path: var(--stadium-esagono-poly);
	}
	.esagono {
		width: var(--stadium-esagono-intro-height);
		background-color: white;
		align-items: center;
		justify-content: center;
	}
	@media screen and (max-width: 767px) {
		.esagono {
			--stadium-esagono-intro-height: 250px;
			max-width: 100%;
		}
	}
	.esagono:before {
		content: "";
		width: var(--esagono-width);
		background-color: var(--ast-global-color-2);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.titolo-area .elementor-widget-container {text-align: center;}
/* END Esagoni */

/* Homepage tre Aree */
	.sezione-intro-aree .box-pagine-esagoni {
		--stadium-esagono-ratio: calc(var(--stadium-esagono-intro-height) / var(--stadium-esagono-ratio-width) * var(--stadium-esagono-ratio-height));
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: calc(var(--stadium-esagono-ratio) * 2 + var(--stadium-esagono-intro-gap) - calc(var(--stadium-esagono-ratio) * 0.25));
		transition: all 500ms cubic-bezier(0.63, 0.18, 0.36, 0.78);
	}
	.sezione-intro-aree .box-pagine-esagoni .esagono {
		position: absolute;
		z-index: 10;
		transition: all 500ms cubic-bezier(0.63, 0.18, 0.36, 0.78);
	}
	.sezione-intro-aree .box-pagine-esagoni .titolo-area .elementor-heading-title {
		font-size: 30px;
		color: white;
		font-weight: 300;
		text-transform: uppercase;
	}
	.sezione-intro-aree .box-pagine-esagoni .esagono:before {
		--stadium-esagono-background-overlay: rgb(0 0 0 / 0.5);
		--esagono-width: calc(var(--stadium-esagono-intro-height) - var(--stadium-esagono-intro-border-width));
		background-image: linear-gradient(to bottom, var(--stadium-esagono-background-overlay), var(--stadium-esagono-background-overlay)), var(--esagono-area-background);
		background-position: center;
		background-size: var(--stadium-esagono-intro-background-zoom);
	}
	.sezione-intro-aree .box-pagine-esagoni .esagono:hover:before {background-size: calc(var(--stadium-esagono-intro-background-zoom) + 50%);}
	@media screen and (min-width: 768px) {
		.sezione-intro-aree .box-pagine-esagoni .esagono.area-organizzatori {
			top: 0px;
			left: calc(50% + calc(var(--stadium-esagono-intro-gap) * -1));
			transform: translateX(-100%);
		}
		.sezione-intro-aree .box-pagine-esagoni .esagono.area-spettatori {
			top: 0px;
			right: calc(50% + calc(var(--stadium-esagono-intro-gap) * -1));
			transform: translateX(100%);
		}
		.sezione-intro-aree .box-pagine-esagoni .esagono.area-contatti {
			/* bottom: calc(0% + calc(var(--stadium-esagono-intro-gap) * -1)); */
			bottom: -0.5px;
			left: 50%;
			transform: translateX(-50%);
		}
		.sezione-intro-aree .box-pagine-esagoni .arrow-to-aree { /* the little orange arrow */
			position: absolute;
			width: 30px;
			height: 25px;
			left: 50%;
			transform: translateX(-50%);
			top: 0;
			background-color: var(--ast-global-color-1);
			clip-path: polygon(0% 0%, 50% 100%, 100% 0%, 95% 0%, 50% 90%, 5% 0%);
		}
		.sezione-intro-aree:after { /* the white line under the Esagono */
			content: "";
			position: absolute;
			height: var(--padding-bottom);
			width: 3px;
			background-color: white !important;
			left: 50% !important;
			transform: translateX(-50%);
			bottom: 0;
			z-index: 1;
		}
		.area-txt span, .area-number span {font-size: 35px;}
	}
	@media screen and (max-width: 767px) {
		.sezione-intro-aree .box-pagine-esagoni {height: 100%;}
		.sezione-intro-aree .box-pagine-esagoni, .aree-123 {flex-direction: column !important;}
		.sezione-intro-aree .box-pagine-esagoni .esagono {position: relative;}
		.area-txt span, .area-number span {font-size: 25px;}
	}
/* END Homepage tre Aree */

/* Sezione Aree */
	.sezione-aree {
		background-image: linear-gradient(to bottom, var(--stadium-esagono-background-overlay), var(--stadium-esagono-background-overlay)), var(--esagono-area-background);
		background-size: cover;
		background-position: center;
		flex-direction: row !important;
		background-attachment: fixed;
	}
	.sezione-aree .box-area-esagono .esagono:before {
		--esagono-width: calc(var(--stadium-sezione-aree-sideimg-size) - 20px);
		height: var(--esagono-width);
		background-image: var(--esagono-area-background);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition: filter var(--stadium-animation);
	}
	.sezione-aree .box-area-esagono .esagono:hover:before {filter: brightness(1.3);}
	.sezione-aree .box-area-esagono .esagono {
		width: var(--stadium-sezione-aree-sideimg-size);
		height: var(--stadium-sezione-aree-sideimg-size);
		transform: translateX(-50%);
	}
	/* Alternato */
		.sezione-aree:nth-child(odd) {flex-direction: row-reverse !important;}
		.sezione-aree:nth-child(odd) .esagono {left: 100%;}
	/* END Alternato */
	.box-area-esagono {
		width: calc(var(--stadium-sezione-aree-sideimg-size) / 2);
		overflow: hidden;
		justify-content: center;
	}
	@media screen and (min-width: 1200px) {
		.box-area {
			width: calc(100% - calc(var(--stadium-sezione-aree-sideimg-size) / 2));
			padding: 30px;
		}
	}
	@media screen and (max-width: 1199px) {
		.box-area-esagono {display: none;}
	}
	@media screen and (max-width: 767px) {
		.sezione-aree .box-area {padding: 50px 0px;}
		.aree-123 .esagono {--stadium-esagono-intro-height: 180px;}
	}
	.aree-123 .esagono:after {
		content: "";
		background-image: linear-gradient(to bottom, var(--stadium-esagono-background-overlay), var(--stadium-esagono-background-overlay)), var(--esagono-area-background);
		--esagono-width: 105%;
		background-attachment: fixed !important;
		background-size: cover;
		width: calc(100% - 5px);
		height: calc(100% - 5px);
		position: absolute;
		background-position: center;
		transition: all var(--stadium-animation);
	}
	.aree-123 .esagono:hover:before {filter: opacity(0);}
	.aree-123 .esagono:hover:after {filter: brightness(3) blur(5px);}
	.esagono > div {z-index: 10;}
	@media screen and (max-height: 720px) and (max-width: 1199px) {
		.box-area {margin: 30px 0px;}
	}
/* END Homepage Area Organizzatori + Spettatori */

/* Lightbox */
	body.admin-bar .dialog-lightbox-widget {height: 100vh !important;}
	footer.elementor-slideshow__footer.elementor-lightbox-prevent-close {display: none;}
/* END Lightbox */