/*
 Theme Name:   Neve Child
 Description:  Tema Child per Neve
 Author:       Il tuo nome
 Template:     neve
 Version:      1.0.0
*/

/* Scrivi qui il tuo CSS personalizzato */

/* ************************************************************************ */
/* ************************************************************************ */
/* ********** GENERAL ***************************************************** */
/* ************************************************************************ */
/* ************************************************************************ */

    H1 { 
        font-family: "Roboto condensed";
        font-size: 3rem;
        margin-top: 1rem;
        font-weight: 300;
    }

    .h1-con-margine { 
        margin-top: -40px !important; 
        margin-bottom: 20px !important; 
    }

    a  { color: #616a97 ; }

    p   {
        font-family: 'Roboto Condensed';
        color: #4a4a5a !important;
        font-size: 1.40rem;
        line-height: 1.7rem;
    }

    ul li   {
        font-family: 'Roboto Condensed';
        color: #9a9a9a !important;
        font-size: 1.40rem;
        line-height: 1.7rem;
    }

    h3  {
        font-family: 'Saira Extra Condensed';
        font-weight: 500;
        color: #4a4a5a !important;
        font-size: 2.60rem;
        line-height: 2.9rem;
    }

    .paragrafo-padding {
        padding-right:var(--wp--preset--spacing--30);
        padding-left:var(--wp--preset--spacing--30);
    }    

    h4 {
    font-size: 3.5rem;
    font-family: 'Saira Extra Condensed';
    line-height: 3.7rem;
    color: #d1cee8 !important;
    }

    h5 {
    font-size: 1.7rem;
    font-weight: 500;
    color: #b6aac6 !important;
    font-family: 'Roboto Condensed';
    line-height: 1.8rem;
    margin: 0.6rem 0 !important;
    padding: 0 !important;
    }

    .sfondo-colorato,.sfondo-colorato:before {
    background-color: #e2e2f0;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    width: auto !important;
    max-width: none !important;
    }

    .nv-page-title-wrap, .nv-title-meta-wrap { display:none; }

    footer p { color: white !important; }

    a.wp-element-button { background-color: #616a97; color: white; }


/* ----------------------------------------------------------------------- */
/* ------------- GENERAL -------- SOLO DESKTOP --------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (min-width: 1180px) 
{    
    .neve-main {
    margin-top: 30px;
    }
}
/* ----------------------------------------------------------------------- */
/* ------------- GENERAL -------- SET CSS x SMARTPHONE ------------------- */
/* ----------------------------------------------------------------------- */

@media only screen and (max-width: 767px) 
{

    h3 {
        font-family: 'Roboto Condensed';
        text-transform: uppercase;
        line-height: 2.5rem;
        font-size: 2.4rem;
        color: #616a97 !important;
        font-weight: 700;
        }

    p {
        font-family: 'Roboto Condensed';
        font-size: 1.4rem;
        line-height: 1.7rem;
        color: #4a4a4a;
        text-align: left !important;
        }    

    a.wp-element-button {
        font-size: 1.5rem;
        font-weight: 700;
        }

    .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
        position: relative !important;
        }    
}

/* ************************************************************************ */
/* ************************************************************************ */
/* ********** HEADER ****************************************************** */
/* ************************************************************************ */
/* ************************************************************************ */

/* Blocca l'header in cima alla pagina */
.header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999 !important;
}

/* Evita che l'header copra l'inizio del contenuto della pagina */
/* Regola il valore '80px' in base all'altezza della tua testata */
body {
    padding-top: 80px !important;
}

/* Se l'header appare trasparente quando scorri, aggiungi un colore di sfondo */
.header {
    background-color: #ffffff; /* Cambia con il tuo colore, es. #000000 per nero */
    border-bottom: 1px solid #eaeaea; /* Opzionale: aggiunge una linea sottile sotto */
}


/* ************************************************************************ */
/* ************************************************************************ */
/* ********** FOOTER ****************************************************** */
/* ************************************************************************ */
/* ************************************************************************ */

.footer-bottom {
    --bgcolor: #3c3850 !important;
}

.footer-bottom UL LI A:hover {
    color: rgb(227, 202, 255) !important;
    }    


/* ----------------------------------------------------------------------- */
/* ------------- HOME PAGE -------- SET CSS x SMARTPHONE ----------------- */
/* ----------------------------------------------------------------------- */

/* Questo stile si applica solo a schermi più piccoli di 768px (Smartphone) */
@media only screen and (max-width: 767px) 
{

.footer-bottom UL {
    display:none !important;
    }
}

/* ************************************************************************ */
/* ************************************************************************ */
/* ********** HOME PAGE *************************************************** */
/* ************************************************************************ */
/* ************************************************************************ */

.is-style-primary A {
color: #707fb1 !important;
}



.page-id-15 h1.wp-block-heading {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    line-height: 4.6rem;
    font-size: 4rem;
}

.page-id-15 .homeIntestazioneTesto {
    line-height: 2.1rem !important;                       /* Regola l'altezza della riga */
}




/* Selettore mirato sul contenitore principale del tuo box */
.BoxHome01 .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {
    background-image: url('/wp-content/uploads/2026/01/fn-in-ufficio.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
    padding: 40px; /* Aggiunge respiro al testo rispetto ai bordi dell'immagine */
    border-radius: 8px; /* Opzionale: arrotonda gli angoli dell'immagine */
}

/* Opzionale: se il testo diventa difficile da leggere, aggiungiamo un overlay leggero */
.BoxHome01 .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 0;
    border-radius: 8px;
}

/* Porta il testo sopra l'overlay */
.BoxHome01 .wp-block-group__inner-container > * {
    position: relative;
    z-index: 1;
}

.BoxHome01 .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {
    background-image: url(/wp-content/uploads/2026/01/fn-in-team-grigio.png) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    position: relative;
    padding: 20px 0; /* Aumentato padding verticale, rimosso laterale per il full-width */
    border-radius: 0; /* Rimosso per un look full-width più pulito */
    
    /* Forza la larghezza piena */
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    left: 0;
    right: 0;
}

/* Assicura che il contenuto interno rimanga centrato e leggibile */
.BoxHome01 .wp-block-group__inner-container > * {
    max-width: 1200px; /* O la larghezza del tuo contenitore standard */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
}

/* Parallax effect on image */
@media only screen and (min-width: 768px) 
{
/* Sblocca i contenitori (manteniamo questo pezzo) */
.wp-block-columns, .wp-block-column, .wp-block-image, figure {
    overflow: visible !important;
    position: relative !important;
}

/* Forza l'immagine a 568px reali */
img[src*="fabione-trasparente"] {
    display: block !important;
    
    /* Forza la larghezza esatta del file originale */
    width: 508px !important; 
    
    /* Impedisce a WordPress di scalarla verso il basso */
    max-width: none !important; 
    height: auto !important;

    /* Layering e Performance */
    z-index: 99;
    will-change: transform;
    transition: none !important;
    
    /* Centratura orizzontale */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top:45px;
    }
}

/* */

/* Stato iniziale del blocco Background Team .BoxHome01 */
/* Lo zoom è accentuato (1.45) e la durata è estesa per massima fluidità */
.BoxHome01 {
    opacity: 0;
    transform: scale(1.45); 
    /* L'opacità finisce in 1.8s, lo zoom continua fino a 3.8s */
    transition: 
        opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1), 
        transform 3.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

/* Stato finale quando l'elemento entra nel viewport */
.BoxHome01.image-visible {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* Ricorda di mantenere anche le transizioni per le immagini laterali */
.wp-image-704,
.wp-image-729, 
.wp-image-702 {
    opacity: 0;
    transition: 
        opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), 
        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.wp-image-704 { transform: translateX(-100px); }
.wp-image-702 { transform: translateX(100px); }
.wp-image-729 { transform: translateX(100px); }

.wp-image-704.image-visible,
.wp-image-729.image-visible, 
.wp-image-702.image-visible {
    opacity: 1 !important;
    transform: translateX(0) !important;
}
/* */


/* Colore di sfondo personalizzato per i pulsanti specifici */
.boxExtraInfo01.wp-block-button__link.wp-element-button {
    background-color: #616a97 !important;
    color: #ffffff !important; /* Testo bianco per leggibilità */
    border: none;
    transition: background-color 0.3s ease;
}

/* Effetto al passaggio del mouse (Hover) */
.wp-block-button__link.wp-element-button:hover {
    background-color: #553a86 !important; /* Una sfumatura leggermente più scura */
    color: #ffffff !important;
}

/* 1. Modifica lo sfondo del blocco Cover */
.wp-block-cover .wp-block-cover__background.has-neve-link-color-background-color {
    background-color: #616a97 !important;
    opacity: 1 !important; /* Assicura che il colore sia pieno e non trasparente */
}

/* 2. Modifica il pulsante "LE MIE COMPETENZE" (quello visto prima) */
.wp-block-button__link.has-neve-link-color-background-color,
.wp-block-button__link[href="/skill"] {
    background-color: #616a97 !important;
    border: none !important;
    color: #ffffff !important; /* Testo bianco */
}

/* 3. Effetto Hover per entrambi (opzionale ma consigliato) */
.page-id-15 .wp-block-cover:hover .wp-block-cover__background,
.page-id-15 .wp-block-button__link[href="/skill"]:hover {
    filter: brightness(90%); /* Scurisce leggermente al passaggio del mouse */
    transition: 0.3s ease;
}

/* ----------------------------------------------------------------------- */
/* ------------- HOME PAGE -------- SET CSS x SMARTPHONE ----------------- */
/* ----------------------------------------------------------------------- */


/* Questo stile si applica solo a schermi più piccoli di 768px (Smartphone) */
@media only screen and (max-width: 767px) 
{
    .page-id-15 h1.wp-block-heading { position: relative; }
    .page-id-15 .homeIntestazioneTesto { position: relative; }



    /* 2. Forza le colonne interne a occupare il 50% della larghezza */
    .page-id-15 .googleReference > .wp-block-column {
        flex-basis: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        
        /* Riduce il padding laterale per far spazio al contenuto su schermi piccoli */
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 3. Opzionale: Centra le immagini e ridimensionale per evitare che escano dai bordi */
    .page-id-15  .googleReference img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }


    
    /* Rendi i contenitori delle immagini identici */
    .page-id-15 .googleReference .wp-block-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        }

    /* Forza la dimensione della figura e dell'immagine */
    .page-id-15 .googleReference figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important; /* Mantiene le proporzioni senza tagliare */
        padding: 0 !important;
        margin: 0 auto !important;
        }

    .page-id-15 .wp-block-column  { position: relative !important; }

    /* Rimuovi l'effetto della classe extra se disturba */
    .neve-duotone {
        filter: none !important;
        }

    .boxTrasferteEnglish { display:none; }

    .page-id-15 h1.wp-block-heading {
            font-family: 'Saira Extra Condensed';
            font-weight: 600;
            padding-top: 15px;
            font-size: 3.4rem;
            line-height: 3rem;
            margin-bottom: 1rem !important;
        }

    .page-id-15 .homeSpazioIniziale { height: 1rem !important;  }
    .page-id-15 .homeSpazioFinale   { height: 0 !important;  }

    .page-id-15 .wp-block-buttons.is-content-justification-left { display: none !important; }

    .page-id-15 .homeIntestazioneTesto {
        line-height: 1.6rem !important;
        font-size: 1.2rem !important;
        margin-bottom: 0 !important;
        }

    .header .header-main {
        background-color: #7b8ec1;
        border: 0 !important;
        color: white;
        --bgcolor:#7b8ec1;
        height: 1rem;
        } 
    
    .boxHomeParagrafo01Spazio { height: 0 !important; }

    .site-logo .site-title {
    font-family: 'Tangerine', sans-serif !important;
    font-weight: 700 !important;
    font-size: 52rem !important;
    color: white;
    margin: 0 !important;
    padding: 0 !important;
    }

    .builder-item { margin: 0 }
    .builder-item--logo { padding: 0 !important; }
    body { padding-top: 60px !important; } 

    .navbar-toggle { --primarybtncolor: white !important; }
    .header-menu-sidebar .navbar-toggle-wrapper button.navbar-toggle { position: relative; color: #4a4a4a; }

    
    .BoxHome01 h3 { display:none !important; }

    .BoxHome01 P { 
    position: absolute;
    font-size: 2px;
    background-color: rgba(10, 10, 10, 0.6) !important;
    font-size: 20px;
    font-size: 1.26rem;
    line-height: 1.8rem;
    padding: 10px;
    font-family: 'Roboto Condensed';
    }

    .BoxHome01 .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow { padding: 0 !important;min-height:350px; }

    /* testo di presentazione home page */
    .wp-block-cover, .wp-block-cover-image {
    min-height: auto !important;
 
    }


    .boxHomeEndText { height: 10px !important; }
    .boxHomeEndParaghaph p {  
    font-size: 1.3rem !important;
    line-height: 1.6rem;
    padding: 0 10px;
    }

    .boxHomeEndParaghaph .wp-block-button__link {
    font-size: 1.3rem !important;       /* Aumenta la dimensione del carattere */
    font-weight: 700 !important;    /* Lo rende più spesso (Bold) */
    }

    .trasferimenti-trasferte img {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    display: block;
    height: auto;
    }
}

/* ************************************************************************ */
/* ************************************************************************ */
/* ********** MENU PRINCIPALE ********************************************* */
/* ************************************************************************ */
/* ************************************************************************ */

.primary-menu-ul li.menu-item a {
    font-family:'roboto condensed', sans serif;
    font-size: 25px;
    font-weight: 300;
    color: #565b84;
    /* FIX SCATTO: Il bordo esiste già, è solo trasparente */
    border-bottom: 5px solid transparent !important;
    display: inline-block !important;
    padding-bottom: 12px !important;
    transition: border-color 0.3s ease, color 0.3s ease;
}

/* Effetto Hover (colore quando ci passi sopra) */
.primary-menu-ul li.menu-item a:hover {
    color: #111 !important;
    border-bottom: 5px solid #ececec !important; /* Cambia solo il colore, non lo spessore */
}

/* 1. Forza la scomparsa della linea azzurra di default del tema Neve */
#nv-primary-navigation-main li.menu-item,
#nv-primary-navigation-main li.menu-item > .wrap,
#nv-primary-navigation-main li.menu-item > .wrap a {
    border-top: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* 2. Rimuove gli pseudo-elementi del contenitore wrap */
#nv-primary-navigation-main li.menu-item > .wrap::before,
#nv-primary-navigation-main li.menu-item > .wrap::after {
    display: none !important;
    content: none !important;
}

/* 3. Voce di menu attiva (Pagina Corrente) */
#nv-primary-navigation-main li.current-menu-item > .wrap a {
    border-bottom: 5px solid #616a97 !important;
}

/* ----------------------------------------------------------------------- */
/* ------------- MENU PRINCIPALE ----- SET CSS x SMARTPHONE -------------- */
/* ----------------------------------------------------------------------- */

/* Questo stile si applica solo a schermi più piccoli di 768px (Smartphone) */
@media only screen and (max-width: 767px) 
{

.nav-ul li.nv-active>.wrap .caret, .nav-ul li.nv-active>.wrap>a {
    color: rgb(227, 202, 255);
}    

.header-menu-sidebar-bg {
    --bgcolor: rgba(58, 56, 82, 0.8);
    color: white;
    font-weight: 700;
    }       

/* Stile base per l'icona */
.nv-nav-wrap .menu-item a::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1) brightness(2) !important;
}

.nv-nav-wrap, 
.nv-nav-wrap *, 
.nv-nav-wrap .wrap, 
.nv-nav-wrap a {
    -webkit-tap-highlight-color: transparent !important;
}

.nv-nav-wrap .menu-item .wrap:active,
.nv-nav-wrap .menu-item .wrap a:active,
.nv-nav-wrap .menu-item .wrap a:focus {
    background-color: transparent !important; 
    box-shadow: none !important;
    color: white !important;
}

.header-menu-sidebar .navbar-toggle-wrapper button.navbar-toggle {
        position: relative;
        color: white;
        font-weight: 700;
    }

.primary-menu-ul li.menu-item a {
    font-family: 'roboto condensed', sans serif;
    font-size: 25px;
    font-weight: 700;
    color: white;
    border-bottom: 1px #ccc solid !important; /* Mantiene bordo sottile su mobile */
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Icone Menu Mobile */
.menu-item-165 a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E"); }
.menu-item-46 a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); }
.menu-item-276 a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='7' rx='2' ry='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E"); }
.menu-item-49 a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E"); }
.menu-item-50 a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E"); }

}

/* ************************************************************************ */
/* ************************************************************************ */
/* ********** PORTFOLIO - VISUAL PORTFOLIO ******************************** */
/* ************************************************************************ */
/* ************************************************************************ */


/* Forza le 5 colonne (100% / 5 = 20%) */
.vp-portfolio__item-wrap {
    position: relative !important; /* Ignora il posizionamento assoluto del plugin */
    top: auto !important;
    left: auto !important;
    width: 20% !important; /* Forza la larghezza al 20% */
    max-width: 20% !important;
    flex: 0 0 20% !important;
    padding: 5px !important; /* Ridotto il padding per far stare meglio 5 elementi */
    box-sizing: border-box !important;
}

/* Stato normale: immagine grigia */
.vp-portfolio__item-img img {
    filter: grayscale(100%); /* Rende l'immagine completamente grigia */
    transition: filter 0.4s ease; /* Rende il passaggio al colore fluido */
    opacity: 0.8; /* Opzionale: la rende leggermente sbiadita per un look più elegante */
}

/* Stato Hover: l'immagine torna colorata */
.vp-portfolio__item-wrap:hover .vp-portfolio__item-img img {
    filter: grayscale(0%); /* Toglie l'effetto grigio */
    opacity: 1; /* Torna alla piena opacità */
}


/* Rimpicciolisce l'immagine del 15% */
.vp-portfolio__item-img img {
    transform: scale(0.7) !important;
    transition: transform 0.3s ease, filter 0.4s ease !important; /* Mantiene fluide le animazioni */
    transform-origin: center bottom !important; /* Assicura che si rimpicciolisca verso il centro */
}

/* Opzionale: Torna alla dimensione originale (100%) quando ci passi sopra col mouse */
.vp-portfolio__item-wrap:hover .vp-portfolio__item-img img {
    transform: scale(0.9) !important;
}

/* Stile per il titolo pulito */
.vp-portfolio__item-wrap > .portfolio-title {
    margin-top: 10px !important;
    font-weight: 300;
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #333;
}

/* Stile per il sottotitolo pulito */
.vp-portfolio__item-wrap > .portfolio-subtitle {
    margin-top: 0px !important;
    color: #575f87 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Rende visibile l'overlay che contiene categoria e titolo */
.vp-portfolio__item-overlay {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important; /* Lo sposta sotto l'immagine invece che sopra */
    background: transparent !important; /* Rimuove eventuali sfondi scuri */
}

/* Modifica il colore quando l'utente passa sopra con il mouse (Hover) */
.wp-block-button.is-style-primary .wp-block-button__link:hover {
    background-color: #ececec !important; /* Colore di sfondo all'hover */
    color: #000 !important;            /* Colore del testo all'hover */
    text-decoration: none !important;
}

.vp-filter__item a {
    color: #52577d !important;
    font-family: 'Roboto Condensed';
    font-size: 20px !important;
    font-weight: 300 !important;
    border-top: 0;
    border-bottom: 0;
    margin: 4px;
    background-color: #ececec;
}

.vp-filter__item a:hover {
     color: #FFF !important;
     background-color: #52577d;
}

/* Cambia il colore anche al passaggio del mouse (hover) sugli altri numeri */
.vp-pagination__style-minimal[data-vp-pagination-type=paged] .vp-pagination__item > img + span {
    background-color: #575f87 !important;
    color: #ffffff !important;
}

.custom-vp-tax-display .tax-item {
    color: #575f87 !important; /* Il tuo colore */
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    display: inline-block;
}

/* Nascondiamo invece quelle originali del plugin che non vogliono apparire */
.vp-portfolio__item-meta-categories {
    display: none !important;
}

/* Nasconde il titolo e la categoria duplicati dentro l'overlay/immagine */
.vp-portfolio__item-meta-wrap, 
.vp-portfolio__item-img .portfolio-subtitle {
    display: none !important;
}

/* Assicura che SOLO quelli spostati dallo script (che ora sono fuori da figure) siano visibili */
.vp-portfolio__item-wrap > .portfolio-title, 
.vp-portfolio__item-wrap > .portfolio-subtitle {
    display: block !important;
    text-align: center;
    width: 100%;
    position: relative;
}


.portfolio-title {
    text-align: center;
    font-family: 'Saira Extra Condensed';
    font-size: 20px;
    color: #6a6a6a;
}


/* ----------------------------------------------------------------------- */
/* -------- PORTFOLIO - VISUAL PORTFOLIO - SET CSS x COMPUTER ------------ */
/* ----------------------------------------------------------------------- */

/* Applica la larghezza solo su schermi più grandi di 1280px */
@media (min-width: 1281px) 
{
    article.nv-single-post-wrap {
        max-width: 1280px !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important; /* Neve a volte usa i float per le colonne */
    }

    /* Forza il contenitore interno a seguire la stessa larghezza se necessario */
    .nv-content-wrap {
        max-width: 100% !important;
    }
}

/* ----------------------------------------------------------------------- */
/* -------- PORTFOLIO - VISUAL PORTFOLIO - SET CSS x TABLET -------------- */
/* ----------------------------------------------------------------------- */

/* Responsive: Tablet (3 colonne) */
@media (max-width: 1100px) 
{
    .vp-portfolio__item-wrap {
        width: 33.33% !important;
        max-width: 33.33% !important;
        flex: 0 0 33.33% !important;
    }
}


/* ----------------------------------------------------------------------- */
/* -------- PORTFOLIO - VISUAL PORTFOLIO - SET CSS x SMARTPHONE ---------- */
/* ----------------------------------------------------------------------- */

/* Questo stile si applica solo a schermi più piccoli di 768px (Smartphone) */
@media only screen and (max-width: 767px) 
{
    .vp-portfolio__item-wrap {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }

    /* Stile per il titolo pulito */
    .vp-portfolio__item-wrap > .portfolio-title {
    margin-top: 10px !important;
    font-weight: 300;
    font-family: 'Saira Extra Condensed';
    font-size: 19px;
    color: #333;
    }
}


/* ************************************************************************ */
/* ************************************************************************ */
/* ********** CHI SONO **************************************************** */
/* ************************************************************************ */
/* ************************************************************************ */

    .wp-block-cover .has-background-dim:not([class*="-background-color"]), 
    .wp-block-cover-image .has-background-dim:not([class*="-background-color"]), 
    .wp-block-cover-image.has-background-dim:not([class*="-background-color"]), 
    .wp-block-cover.has-background-dim:not([class*="-background-color"]) {
    background-color: #616a97 !important;
    }

    /* Applica lo stile hover a entrambi i pulsanti nella sezione */
    .page-id-33 .wp-block-button.is-style-secondary .wp-block-button__link {
        transition: all 0.3s ease; /* Rende il cambio colore fluido */
        margin-top: 12px;
    }


/* ----------------------------------------------------------------------- */
/* -------- CHI SONO - SET CSS x SMARTPHONE ------------------------------ */
/* ----------------------------------------------------------------------- */

/* Questo stile si applica solo a schermi più piccoli di 768px (Smartphone) */
@media only screen and (max-width: 767px) 
{
        


    .page-id-33 .boxIntroCertificazioni { text-align:left; padding: 0 0.4rem; }
    .page-id-33 .boxIntroCertificazioni h2 { display: none; }


    .page-id-33 .chisono-introduzione img {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    display: block;
    height: auto;
    }

    .page-id-33 .wp-block-button.is-style-secondary .wp-block-button__link {
    transition: all 0.3s ease;
    margin-top: 0;
}
    

}

/* ************************************************************************ */
/* ************************************************************************ */
/* ********** SKILL ******************************************************* */
/* ************************************************************************ */
/* ************************************************************************ */


.page-id-37 .neve-main OL  {
    margin: 0 0 0.8rem 0;  
    padding: 0 0 1rem 1.4rem;
    border-bottom: 4px solid #FFF;
 }

  .page-id-37 .neve-main OL LI {
    margin: 0.7rem 0.7rem 0 1rem;  
    font-family: 'Roboto Condensed' !important;  
    font-weight: 300;
    font-size: 20px !important;  
    line-height: 1.3rem !important; 
 }

/* Protezione per il contenuto interno */
.boxListSkill01 > .wp-block-column {
    /* Questo assicura che il contenuto resti centrato e non si incolli ai bordi */
    padding: 20px;
}


/* ----------------------------------------------------------------------- */
/* -------- SKILL - SET CSS x SMARTPHONE --------------------------------- */
/* ----------------------------------------------------------------------- */

/* Questo stile si applica solo a schermi più piccoli di 768px (Smartphone) */
@media only screen and (max-width: 767px) 
{

 .page-id-37 .neve-main h2 {
     font-family: 'Saira Extra Condensed' !important;
    }

    .page-id-37 .neve-main P {
    padding: 0 !important;
    }

    .boxListSkill01 > .wp-block-column {
    padding: 0 !important;
    }

  

    .page-id-37 .skill-box-principale { background-color: white !important; }

    .page-id-37 .gantt { display:none !important; }

    .page-id-37 .neve-main OL LI {
    margin: 0.7rem 0.7rem 0 0rem;
    font-family: 'Roboto Condensed' !important;
    font-weight: 300;
    font-size: 20px !important;
    line-height: 1.3rem !important;
    border-bottom: 1px dashed;
    padding-bottom: 8px;
    list-style: none;
    }

}     

/* ************************************************************************ */
/* ************************************************************************ */
/* ********** CONTATTI **************************************************** */
/* ************************************************************************ */
/* ************************************************************************ */



.page-id-34 .wp-block-cover .has-background-dim:not([class*="-background-color"]), .wp-block-cover-image .has-background-dim:not([class*="-background-color"]), .wp-block-cover-image.has-background-dim:not([class*="-background-color"]), .wp-block-cover.has-background-dim:not([class*="-background-color"]) {
    background-color: #FFFFFF !important;
}


/* ----------------------------------------------------------------------- */
/* -------- PORTFOLIO - SKILL - SET CSS x SMARTPHONE --------------------- */
/* ----------------------------------------------------------------------- */

/* Questo stile si applica solo a schermi più piccoli di 768px (Smartphone) */
@media only screen and (max-width: 767px) 
{


}


/* ************************************************************************ */
/* ************************************************************************ */
/* ********** AREA RISERVATA ********************************************** */
/* ************************************************************************ */
/* ************************************************************************ */


.page-id-1341 p {
    margin-bottom: 30px;
    font-family: 'Roboto Condensed';
    font-weight: 300;
    line-height: 1.6rem;
    font-size: 20px;
}

.page-id-1287 p {
    margin-bottom: 30px;
    font-family: 'Roboto Condensed';
    font-weight: 300;
    line-height: 1.6rem;
    font-size: 20px;
}

/* Overlay della modale */
.fv-modal-overlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.fv-modal-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

/* Contenuto della modale */
.fv-modal-content {
    background-color: #f0f0f0; /* Grigino chiaro per lo sfondo */
    padding: 30px;
    border-radius: 12px;
    width: 90%;
    max-width: 400px;
    position: relative;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.fv-modal-overlay.is-visible .fv-modal-content {
    transform: translateY(0);
}

/* Pulsante di chiusura (X) */
.fv-close-button {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #616a97;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

/* Corpo della modale */
.fv-modal-body h3 {
    margin-top: 15px;
    color: #333;
    font-size: 1.5rem;
}

.fv-modal-body p {
    color: #666;
    margin: 15px 0 25px;
    line-height: 1.5;
}

/* Pulsante azione */
.fv-btn-close-action {
    background-color: #616a97;
    color: #ffffff;
    border: none;
    padding: 12px 30px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.fv-btn-close-action:hover {
    background-color: #4a527a;
}