:root {
	--sfondo-nero: #1b1b1b;
	--sfondo-grigio: rgb(235, 235, 235);
	--swiper-navigation-color: var(--section-color);
	--swiper-pagination-color: var(--section-color);
	--bianco: white;
	--hero-altezza: 75vh;
	--hero-submenu-transition-delay: 0.2s;
	--hero-submenu-transition-speed: 0.2s;
	--submenu-altezza-minima: 30vh;
	--submenu-altezza: 0px;
}

@font-face {
	font-family: "OpenSans";
	src: url("https://cdn.ceia.net/static/fonts/OpenSans-Regular.ttf") format('truetype');
	font-weight: normal;
	font-display: swap;
}

h1 {
	line-height: 1
}

body {
	line-height: 1.5rem;
	word-spacing: 0.16rem;
	color: #333;
	overflow: auto;
	margin: 0;
	padding: 0;
	font-family: "OpenSans", Arial, Verdana, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar {
	width: 5px;
	height: 10px;
}

::-webkit-scrollbar-thumb {
	background: var(--section-color);
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2);
}

.hide-first-on-mobile > :first-child {
	display: block
}

.hide-first-on-mobile > :last-child {
	display: none !important
}

body:has(dialog[open]) {
	overflow: hidden
}

dialog {
	overflow: hidden;
	border: 2px solid var(--section-color);
	border-radius: 1rem;
}

	dialog::backdrop {
		background: rgba(0, 0, 0, 0.45);
		backdrop-filter: blur(6px);
	}

	dialog[open] {
		animation: fadein 0.2s ease-in forwards;
	}


section h1 {
	font-size: 2rem
}

section.alternate {
	background-color: var(--bianco);
}

	section.alternate:nth-of-type(even):not(:first-of-type), .sfondo {
		background-color: var(--sfondo-grigio);
	}

@media (max-width: 999px) {

	.hide-first-on-mobile > :first-child {
		display: none !important
	}

	.hide-first-on-mobile > :last-child {
		display: block !important
	}
}

@media (min-width: 1000px) {

	[data-submenu-name] {
		transition: opacity ease 0.3s;
	}

		[data-submenu-name]:not([data-submenu-name=""]),
		.navbar-rows-submenu[data-submenu-name] {
			opacity: 0;
			visibility: hidden;
			position: absolute;
		}

		[data-submenu-name].shown {
			opacity: 1;
			visibility: visible;
			position: static;
		}
}




/* CTA styles*/
.cta {
	color: var(--sfondo-nero) !important;
	background-color: var(--section-color);
	border: 1px solid #d8d8d8;
	padding: 10px 30px;
	transition: all .12s ease-in-out;
	border-radius: 1rem;
	text-decoration: none;
	text-transform: capitalize;
}

	.cta:hover, .card:hover .cta {
		color: var(--section-color) !important;
		background-color: white;
		border: 1px solid var(--section-color);
		box-shadow: 2px 2px 7px 1px rgb(224, 224, 224);
		color: #3b3b3b;
	}