/********* Compiled - Do not edit *********/
:root{--color-primary:#208aac;--color-gradient-start:#007FFF;--color-gradient-stop:#FF4500;--color-link-hover:#208aac;--lqd-cc-active-bw:1px;--lqd-cc-active-bg:rgb(255, 255, 255);--lqd-cc-active-bc:rgb(255, 255, 255);--lqd-cc-active-circle-txt:rgb(255, 255, 255);--lqd-cc-active-circle-color:rgba(0, 0, 0, 0.9);}.lqd-spinner-circular circle{stroke:rgb(32, 138, 172);}body{font-family:'Chivo', sans-serif ;font-weight:400;line-height:1.55em;font-size:16px;color:#5d6371;}.btn{font-family:inherit;}.lqd-post-content, .lqd-post-header .entry-excerpt{font-family:inherit;font-weight:400;line-height:1.73em;font-size:19px;color:#737373;}.h1,h1{font-family:'Poppins', sans-serif ;font-weight:500;line-height:1.2em;font-size:52px;color:#181B31;}.h2,h2{font-family:'Poppins', sans-serif ;font-weight:500;line-height:1.2em;letter-spacing:-0.01em;font-size:42px;color:#181B31;}.h3,h3{font-family:'Poppins', sans-serif ;font-weight:500;line-height:1.2em;font-size:35px;color:#181b31;}.h4,h4{font-family:'Poppins', sans-serif ;font-weight:500;line-height:1.2em;font-size:25px;color:#181B31;}.h5,h5{font-family:'Poppins', sans-serif ;font-weight:500;line-height:1.2em;font-size:21px;color:#181B31;}.h6,h6{font-family:'Poppins', sans-serif ;font-weight:500;line-height:1.2em;font-size:18px;color:#181B31;}.main-header .navbar-brand{max-width:120px;}.titlebar-inner h1{color:#ffffff !important;}.titlebar-inner p{}.titlebar{background-color:#242730;background-image:url( ../2023/04/Logo-Italian-Film-Institute.png);background-size:cover;background-position:center center;}#lqd-gdpr{padding:   ;border-radius:   ;}#lqd-gdpr .lqd-gdpr-accept{padding:   ;border-radius:   ;}#lqd-site-content, .page-scheme-dark #lqd-site-content{background-color:#f7f7f7;}#lqd-site-content{background-size:cover;background-position:center top;}section.vc_row{units:px;}@media screen and (min-width: 992px){body.has-sidebar #lqd-contents-wrap{padding-top:25px;}}.lqd-lp-style-1 .lqd-lp-img figure {
    box-shadow: 0 40px 90px rgba(70, 67, 67, 0.2);
}



/* Default: logo scuro */
.header-module.module-logo img {
    content: url('../2026/03/ifi1.png') !important;
}

/* Quando sticky: cambia in bianco */
.is-stuck .header-module.module-logo img {
    content: url('../2026/03/ifi1_white.png') !important;
}



/* Nascondi il logo bianco all’inizio */
.logo-light {
    opacity: 0;
    position: absolute; /* resta sopra il logo scuro quando diventa visibile */
    top: 0;
    left: 0;
    transition: opacity 0.4s ease; /* transizione fluida */
}

/* Logo scuro sempre visibile all’inizio */
.logo-dark {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* Quando sticky: mostra il logo bianco, nascondi quello scuro */
.is-stuck .logo-light {
    opacity: 1;
}

.is-stuck .logo-dark {
    opacity: 0;
}





/* =============================
   CAROUSEL POST GRID STANDARD
============================= */

/* Box container uniforme */
.vc_grid-item-mini {
    min-height: 600px; /* altezza standard, regola in base al tuo layout */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px; /* spazio tra i box */
}

/* Zona immagine */
.vc_gitem-zone-a {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    flex-shrink: 0;
    height: 350px; /* altezza fissa immagine */
}

/* Titolo troncato a 2 righe */
.vc_gitem-post-data-source-post_title h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0 5px 0;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

/* Testo excerpt troncato a 2 righe */
.vc_gitem-post-data-source-post_excerpt p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 0.95rem;
    color: #555;
}

/* Pulsante Leggi tutto visibile e uniforme */
.vc_btn3-container {
    display: block !important;
    margin-top: 10px;
}

/* Rende cliccabile l’intero box (solo visivo, link resta valido) */
.vc_gitem-zone-a .vc_gitem-link {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 2;
}

/* Mantiene altezza uniforme per scorrimento */
.vc_pageable-slide-wrapper .vc_grid-item-mini {
    min-height: 600px; /* stessa altezza di prima */
}

/* Piccolo padding interno */
.vc_gitem-zone-c {
    flex-grow: 1;
    padding: 10px;
}

/* Animazioni fadeIn */
.vc_visible-item.fadeIn {
    animation-duration: 0.7s;
}

/* Optional: hover leggero sul box */
.vc_grid-item-mini:hover {
    transform: translateY(-3px);
    transition: transform 0.3s ease;
}

.vc_grid-item { opacity: 1 !important; visibility: visible !important; }






/* Colore normale */
.vc_btn3.vc_btn3-color-juicy-pink,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #ffffff !important;
    background-color: #208aac !important;
    border-color: #208aac !important;
}

/* Colore al passaggio del mouse */
.vc_btn3.vc_btn3-color-juicy-pink:hover,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    color: #ffffff !important;          /* colore testo al hover */
    background-color: #666666 !important; /* colore sfondo al hover */
    border-color: #666666 !important;     /* bordo al hover */
}



/* ==============================
   Dropdown stabile multi-livello
   ============================== */
li > ul, li > ol, dd > dl {
    margin-top: 1.5em !important;
}


.comments-area

 {
    display: none!important;
}


/* ==============================
   Load more centrato
   ============================== */
.vc_row {
    display: flow!important;
    flex-wrap: wrap;
    position: relative;
}


.ayg-player-caption .ayg-player-title {
    font-size: 18px!important;
}

.ayg-thumbnail .ayg-thumbnail-title {
    line-height: 1.5;
    font-size: 0.9em!important;
    font-weight: 500!important;
}


/* Arrotonda le anteprime dei video e aggiunge effetto */
.ayg-thumbnail .ayg-thumbnail-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;

    border-radius: 12px;      /* arrotondamento angoli */
    overflow: hidden;         /* assicura che l'immagine non fuoriesca dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* animazioni hover */
}

/* Hover leggero: ingrandimento + ombra */
.ayg-thumbnail:hover .ayg-thumbnail-image {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}



/* Player grande arrotondato dentro il contenitore AYG */
.ayg-player-container {
    width: 100%;
    margin: auto;

    border-radius: 16px;      /* angoli arrotondati */
    overflow: hidden;         /* taglia il video interno */
    box-shadow: 0 12px 30px rgba(0,0,0,0.2); /* ombra  */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover: ingrandimento leggero + ombra più intensa */
.ayg-player-container:hover {
    transform: scale(1.02);
    box-shadow: 0 16px 40px rgba(0,0,0,0.25);
}

/* Video interno: assicura che rispetti i bordi arrotondati */
.ayg-player-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px; /* optional */
}






/* Overlay + "+" + cursore manina, versione classica con overlay blu trasparente */
.modula-gallery .modula-item a {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer !important; /* manina */
}

.modula-gallery .modula-item a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(32,138,172,0.5); /* overlay #208aac trasparente */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.modula-gallery .modula-item a::after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    font-size: 3rem;
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 3;
    pointer-events: none;
}

.modula-gallery .modula-item a:hover::before {
    opacity: 1;
}

.modula-gallery .modula-item a:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}









.wpcf7 form {
    max-width: 600px;
    position: relative;
}

/* Nascondo le label in modo sicuro (accessibile) */
.wpcf7-form label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Campi input e textarea */
.wpcf7-form input,
.wpcf7-form textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    transition: 0.3s ease;
    color: #333; /* testo leggibile */
}

/* Focus */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    border-color: #208aac;
    outline: none;
}

/* Placeholder */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #999;
}

/* Messaggio */
.wpcf7-form textarea {
    min-height: 140px;
    resize: vertical;
}

/* Bottone */
.wpcf7-form input[type="submit"] {
    background-color: #208aac !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 25px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 15px;
    transition: 0.3s ease;
    display: inline-block;
}

/* Hover bottone */
.wpcf7-form input[type="submit"]:hover {
    background-color: #186f8a !important;
    color: #ffffff !important;
}

/* Privacy */
.form-privacy {
    font-size: 11px;
    color: #777;
    margin-top: 10px;
}




#hu-revoke .hu-revoke-button .hu-revoke-icon {    
    display: none!important;
}
#hu-revoke #hu-revoke-wrapper {
    display: none!important;
}