/* Add here all your CSS customizations */
/* Skin Colors */
:root {
	--light-50: #ec04d9 !important;
	--light-100: #f9f9f9 !important;
}

/* #Header - Burger Menu */
#header .header-btn-collapse-nav {
	background: transparent;
	color: #777;
}

@media (max-width: 991px) {
	#header .header-btn-collapse-nav {
		display: flex;
		margin: 0 !important;
		align-items: center;
		justify-content: center;
	}

	/* Menu Active Link (Bootstrap default blue -> primary orange) */
	#header .dropdown-item.active {
		background-color: var(--primary) !important;
		color: var(--light) !important;
	}
}

/* Default (tablet, mobile landscape, etc.): burger aligned to the right */
@media (max-width: 991px) {
	#header .header-row.pe-3 {
		padding-right: 1rem !important;
		justify-content: flex-end !important;
	}
}

/* Mobile portrait only: burger centered in header-row.pe-3 */
@media (max-width: 575.98px) and (orientation: portrait) {
	#header .header-row.pe-3 {
		padding-right: 0 !important;
		justify-content: center !important;
	}
}

/* #Home - Slider: altezza finestra meno l'header, testo centrato, su mobile portrait */
@media (max-width: 767.98px) and (orientation: portrait) {
	#slider,
	#slider .owl-item {
		height: calc(100vh - 173px) !important;
		height: calc(100svh - 173px) !important;
	}

	#slider .owl-item {
		display: flex !important;
		align-items: center !important;
	}

	#slider .owl-item .container {
		height: auto !important;
	}
}

/* #Pagina Chi Siamo - Titolo hero "Ideas constructors": si adatta proporzionalmente su mobile portrait */
@media (max-width: 767.98px) and (orientation: portrait) {
	.text-16 {
		font-size: clamp(2rem, 9vw, 3.5rem) !important;
	}
}

/* #Pagina Chi Siamo - Video hero: altezza finestra meno l'header, su mobile portrait, testi restano centrati (h-100 + align-items-center gia' presenti nel markup) */
@media (max-width: 767.98px) and (orientation: portrait) {
	[data-plugin-video-background] {
		height: calc(100vh - 173px) !important;
		height: calc(100svh - 173px) !important;
	}
}

/* #Footer */
#footer {
	margin-top: 0px !important;
}

/* #Scala di spaziatura estesa (Bootstrap si ferma a 5/48px) - incremento costante di 16px, ancorata al .mb-6 gia' in uso su Certificazioni (80px) */
.pt-6 { padding-top: 80px !important; }
.pt-7 { padding-top: 96px !important; }
.pt-8 { padding-top: 112px !important; }
.pt-9 { padding-top: 128px !important; }
.pt-10 { padding-top: 144px !important; }

.pb-6 { padding-bottom: 80px !important; }
.pb-7 { padding-bottom: 96px !important; }
.pb-8 { padding-bottom: 112px !important; }
.pb-9 { padding-bottom: 128px !important; }
.pb-10 { padding-bottom: 144px !important; }

.mt-6 { margin-top: 80px !important; }
.mt-7 { margin-top: 96px !important; }
.mt-8 { margin-top: 112px !important; }
.mt-9 { margin-top: 128px !important; }
.mt-10 { margin-top: 144px !important; }

.mb-6 { margin-bottom: 80px !important; }
.mb-7 { margin-bottom: 96px !important; }
.mb-8 { margin-bottom: 112px !important; }
.mb-9 { margin-bottom: 128px !important; }
.mb-10 { margin-bottom: 144px !important; }

/* #Pagina Opere - Template Portrait */
.portrait-thumb {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	display: block;
}

.portrait-hero {
	width: 100%;
	height: 100%;
	min-height: 420px;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	display: block;
}

@media (min-width: 992px) {
	.portrait-sticky-col {
		position: sticky;
		top: 120px;
	}
}