@charset "UTF-8";



/* Visibile si/no */
.hide0 {
display:none;
}
.hide1 {
display:visibility;
}

/* pallina */
ol li {
list-style-image: url(../img/pallina.png);
} 
b {
    font-weight: 700;
}

    .gal {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
	}
	
    .bg1{
	background-image: url("../img/testa.png"); background-repeat: no-repeat; background-position: left bottom;
	}
@media (max-width: 768px) {
  .bg1 {
    background-image: none !important; /* Rimuove l'immagine di sfondo */
  }
}


.hide0 {
display:none;
}
.hide1 {
display:visibility;
}
.kand1{height: 20px; background: url(../img/kand1.png) center center no-repeat; margin-top: 20px; margin-bottom: 25px;}

       /* ======= Dynamic Background video style ======= */
        .dynamic-video-wrapper {
            max-width: 100%;
            padding: 0;
            margin: 0;
            max-height: 600px;
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        .dynamic-video-wrapper video {
            display: flex;
            width: 100%; /* Assicurati che il video copra tutta la larghezza */
            height: auto; /* Mantiene le proporzioni del video */
            object-fit: cover; /* Scala il video per coprire l'area, ritagliando se necessario */
        }
        .dynamic-video-wrapper .wrap-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* Centra verticalmente e orizzontalmente */
            width: 100%;
            z-index: 10;
            text-align: center;
            padding: 20px; /* Aggiungi un po' di padding per il testo su mobile */
            box-sizing: border-box; /* Assicura che il padding non aumenti la larghezza */
        }
        .dynamic-video-wrapper .wrap-content h1,
        .dynamic-video-wrapper .wrap-content .h1 {
            position: relative;
            font-family: 'Playfair Display', serif; /* Assicurati che questo font sia incluso o disponibile */
            font-weight: 500;
            line-height: 1.3em;
            margin: 0 0 15px 0;
            color: #fff;
            font-size: 40px; /* Dimensione predefinita per desktop */
        }

        /* Media query per schermi più piccoli di 768px (tablet e alcuni smartphone) */
        @media screen and (max-width: 768px) {
            .dynamic-video-wrapper .wrap-content h1,
            .dynamic-video-wrapper .wrap-content .h1 {
                font-size: 18px; /* Dimensione più piccola per mobile */
            }
        }

        /* Media query per schermi ancora più piccoli (smartphone) */
        @media screen and (max-width: 480px) {
            .dynamic-video-wrapper .wrap-content h1,
            .dynamic-video-wrapper .wrap-content .h1 {
                font-size: 18px;
            }
        }