@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/font/TitilliumWeb-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Classi CSS */

.titillium-web-extralight {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.titillium-web-light {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.titillium-web-regular {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.titillium-web-semibold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.titillium-web-bold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.titillium-web-black {
  font-family: "Titillium Web", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.titillium-web-extralight-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.titillium-web-light-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.titillium-web-regular-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.titillium-web-semibold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.titillium-web-bold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: italic;
}

body {
    font-family: "Titillium Web", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.titoloHeader{
	font-size: 60px;
}

.iframe{
	min-height: calc(100vh - 500px); 	
}

.sfondoLabico{
	background-image: url('/img/background.jpg');
	background-size: cover;
	background-position: center;
	min-height: calc(100vh - 270px); 	
}

.box {
	height: 200px; /* Altezza fissa per tutti i riquadri */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.box h1{
	font-size: 45px;
}

.titoloCubotti h1{
	font-size:60px;
	font-family: "Titillium Web", sans-serif;
	text-align:center;
	color:white;
	font-family: "Titillium Web", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.sfondoPannoliato{
	background-color:rgba(51,51,51,0.3);
}



.iconaGrande{
	font-size:60px;
}

a:hover{
	text-decoration: none!important;
}

.image-cover-container {
    width: 100%; /* oppure una larghezza fissa */
    height: 300px; /* imposta l'altezza desiderata */
    overflow: hidden;
    position: relative;
}

.image-cover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover; /* Simula background-size: cover; */
}

/* Nascondi il container inizialmente */
.fullscreen-media-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black; /* Facoltativo: Imposta uno sfondo per il container */
	z-index: 9999; /* Assicura che il container sia sopra altri elementi */
}

.fullscreen-media-item, .fullscreen-media-item img, .fullscreen-media-item video {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Adatta immagini e video mantenendo le proporzioni */
}

.fullscreen-media-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
	
.mapboxgl-ctrl-attrib-inner, .mapboxgl-ctrl-bottom-left{
	display:none !important;
}	

.contentPrefooter{
	position:fixed;
	bottom: 0px;
	left: 0px;
}