.elementor-1668 .elementor-element.elementor-element-d531e44{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1668 .elementor-element.elementor-element-be45fe8 .elementor-icon-wrapper{text-align:center;}.elementor-1668 .elementor-element.elementor-element-be45fe8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1668 .elementor-element.elementor-element-be45fe8.elementor-view-framed .elementor-icon, .elementor-1668 .elementor-element.elementor-element-be45fe8.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1668 .elementor-element.elementor-element-be45fe8.elementor-view-framed .elementor-icon, .elementor-1668 .elementor-element.elementor-element-be45fe8.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1668 .elementor-element.elementor-element-b8c1e22 .elementor-icon-wrapper{text-align:center;}.elementor-1668 .elementor-element.elementor-element-b8c1e22.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1668 .elementor-element.elementor-element-b8c1e22.elementor-view-framed .elementor-icon, .elementor-1668 .elementor-element.elementor-element-b8c1e22.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1668 .elementor-element.elementor-element-b8c1e22.elementor-view-framed .elementor-icon, .elementor-1668 .elementor-element.elementor-element-b8c1e22.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1668 .elementor-element.elementor-element-f3ae3a7{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1668 .elementor-element.elementor-element-adf3a26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1668 .elementor-element.elementor-element-adf3a26 img{width:100%;max-width:99%;}.elementor-1668 .elementor-element.elementor-element-43127dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1668 .elementor-element.elementor-element-43127dc img{width:100%;max-width:99%;}.elementor-1668 .elementor-element.elementor-element-9d3d63f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1668 .elementor-element.elementor-element-9d3d63f img{width:100%;max-width:99%;}.elementor-1668 .elementor-element.elementor-element-79dc3fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1668 .elementor-element.elementor-element-79dc3fb img{width:100%;max-width:99%;}.elementor-1668 .elementor-element.elementor-element-249a9d1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1668 .elementor-element.elementor-element-8063112{text-align:center;}.elementor-1668 .elementor-element.elementor-element-8063112 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:27px;font-weight:400;letter-spacing:2.7px;color:#000000;}.elementor-1668 .elementor-element.elementor-element-808e786{--spacer-size:18px;}.elementor-1668 .elementor-element.elementor-element-46d1611{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-1668 .elementor-element.elementor-element-46d1611{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-f3ae3a7 *//* 1. Forza il contenitore a non "strizzare" le foto */
.elementor-1668 .elementor-element.elementor-element-f3ae3a7 {
    display: flex !important;
    flex-wrap: nowrap !important;
}

/* 2. Rimuovi i limiti di larghezza dai widget immagine */
.elementor-1668 .elementor-element.elementor-element-f3ae3a7 .elementor-widget-image {
    width: auto !important;
    max-width: none !important;
    flex-shrink: 0 !important; /* Impedisce che la foto si restringa per stare in vista */
}

/* 3. Forza l'altezza all'80% e lascia la larghezza libera */
.elementor-1668 .elementor-element.elementor-element-f3ae3a7 img {
    height: 80vh !important; /* Forza l'altezza che hai chiesto */
    width: auto !important;  /* La larghezza si calcola in proporzione */
    max-width: none !important; /* Fondamentale: ignora la larghezza dello schermo */
    object-fit: contain !important;
}

/* Il contenitore principale */
.elementor-1668 .elementor-element.elementor-element-f3ae3a7 {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    display: block !important; /* Fondamentale per attivare lo scroll */
    height: 80vh !important;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Nasconde barra Firefox */
}

.elementor-1668 .elementor-element.elementor-element-f3ae3a7::-webkit-scrollbar {
    display: none; /* Nasconde barra Chrome/Safari */
}

/* L'interno del contenitore (dove Elementor mette i widget) */
.elementor-1668 .elementor-element.elementor-element-f3ae3a7 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important; /* Forza la larghezza totale delle foto */
    height: 100% !important;
}

/* Le immagini */
.elementor-1668 .elementor-element.elementor-element-f3ae3a7 img {
    height: 80vh !important;
    width: auto !important;
    max-width: none !important;
    flex-shrink: 0 !important;
}

/* 1. Forza i widget HTML a comportarsi come blocchi nella galleria */
.elementor-1668 .elementor-element.elementor-element-f3ae3a7 .elementor-widget-html {
    flex-shrink: 0 !important; /* Impedisce al blocco di sparire */
    width: 500px !important;    /* Decidi qui la larghezza del blocco testo */
    height: 80vh !important;   /* Stessa altezza delle immagini */
    margin: 0 !important;      /* Evita spazi indesiderati */
}

/* 2. Assicurati che il contenuto interno al widget occupi tutto lo spazio */
.gallery-text-block {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centra il testo verticalmente */
    padding: 60px;
    box-sizing: border-box;
    background-color: #f0f0f0; /* Colore di test per vederlo subito */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d531e44 *//* Posizionamento Freccia Sinistra */
#btn-prev {
    position: absolute !important;
    top: 40vh !important; /* Centro della galleria */
    left: 30px !important;
    transform: translateY(-50%) !important;
    z-index: 999 !important;
    transition: all 0.3s ease;
    filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.5)) !important;
}

/* Posizionamento Freccia Destra */
#btn-next {
    position: absolute !important;
    top: 40vh !important; /* Centro della galleria */
    right: 30px !important;
    transform: translateY(-50%) !important;
    z-index: 999 !important;
    transition: all 0.3s ease;
    filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.5)) !important;
}

/* Effetto al passaggio del mouse per renderle più visibili */
#btn-prev:hover, #btn-next:hover {
    transform: translateY(-50%) scale(1.2) !important;
    opacity: 0.7;
}

/* Nascondiamo le frecce quando si scende verso il manifesto (opzionale) */
@media (max-width: 767px) {
    #btn-prev, #btn-next {
        display: none !important; /* Su mobile spesso è meglio usare il tocco */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a84168f */<style>
.content-menu {
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 2px;
    font-size: 14px;
}

.content-link {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s;
    text-transform: uppercase;
}

.content-link.active-content {
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.sep { margin: 0 10px; opacity: 0.3; }

.photo-text-wrapper {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    min-height: 150px; /* Evita che la pagina "salti" se un testo è più corto */
}

/* Stile per i paragrafi del testo */
.photo-story p {
    line-height: 1.8;
    font-size: 16px;
     line-height: 1.8;           /* Spazio tra le righe (fondamentale per la leggibilità) */
    color: #000000;             /* Colore del testo */
    font-weight: 200;           /* Peso del font (es. 300 leggero, 400 normale, 700 grassetto) */
    text-align: justify;        /* Allineamento (left, center, right o justify) */
    margin-bottom: 20px;        /* Spazio tra un paragrafo e l'altro */
    font-family: 'Be Vietnam Pro', serif;
}


.content-link.active-content {
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 4px;
    font-weight: bold !important; /* Questo rende il link attivo in grassetto */
}

/* Opzionale: un leggero tocco per non far "saltare" le scritte quando diventano bold */
.content-link {
    display: inline-block;
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
    .photo-story p {
        font-size: 14px;        /* Testo leggermente più piccolo su smartphone */
        line-height: 1.6;
    }
    
    .photo-story h3 {
        font-size: 24px;        /* Titolo più piccolo */
    }
}


</style>/* End custom CSS */