/* ==========================================================================
   Ritocchi alla versione statica del sito "Cultura come Investimento" (27/10/2026).
   Collegato da tutte le pagine.
   ========================================================================== */

/* --- Evento: riga sotto il pulsante (il conto alla rovescia, fermo a 00, e' stato tolto) --- */
.evento-concluso { margin: 18px 0 0; text-align: center; color: #ababab; font-size: 15px; line-height: 1.4; }

/* --- Evento: video con anteprima che apre il popup (youtube-nocookie, solo al clic) --- */
/* il contenitore del tema (.wpb_video_wrapper) ha altezza 0 e padding-top 56,25% (rapporto 16:9) e si aspetta un iframe in posizione assoluta: l'anteprima fa lo stesso */
.wpb_video_wrapper > .video-anteprima { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.wpb_video_wrapper > .video-anteprima img { display: block; width: 100%; height: 100%; object-fit: cover; }
.video-anteprima .video-play { position: absolute; top: 50%; left: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%; background: rgba(0, 0, 0, .55); border: 3px solid #fff; box-sizing: border-box; transition: background .2s; }
.video-anteprima .video-play::after { content: ""; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -9px; border-style: solid; border-width: 14px 0 14px 24px; border-color: transparent transparent transparent #fff; }
.video-anteprima:hover .video-play { background: rgba(201, 115, 30, .85); }

/* --- Evento: mappa statica (OpenStreetMap) con collegamento a Google Maps --- */
.mappa-evento { text-align: center; }
.mappa-evento .mappa-img { display: block; }
.mappa-evento .mappa-img img { display: block; width: 100%; height: auto; }
.mappa-evento .mappa-link { margin: 14px 0 0; }
.mappa-evento .mappa-link a { display: inline-block; padding: 10px 24px; background: #c9731e; color: #fff; text-decoration: none; font-size: 14px; letter-spacing: .5px; }
.mappa-evento .mappa-link a:hover { background: #a85f17; color: #fff; }

/* --- Intestazione fissa: le pagine corte non arrivavano in fondo (es. L'iniziativa, ~1300 px) ---
   Nelle pagine interne l'intestazione (112 px) e' nel flusso della pagina. Dopo ~150 px di scorrimento
   il JavaScript del tema (apr_theme.js: scrollTop > altezza intestazione + 40) la rende "fixed"
   (classe is-sticky): esce dal flusso e la pagina si accorcia di colpo di 112 px. Su una pagina alta
   poco piu' della finestra il massimo scorrimento scende sotto la soglia, l'intestazione torna nel
   flusso, la pagina si riallunga e si ricomincia: lo scorrimento oscilla e non raggiunge il fondo.
   Qui l'intestazione e' sempre "fixed" e la pagina ha un margine fisso uguale alla sua altezza:
   l'aspetto e' lo stesso di prima, ma l'altezza della pagina non cambia piu' durante lo scorrimento.
   Solo da 992 px di larghezza (sotto, il tema non rende mai fissa l'intestazione).
   La home non serve: la' l'intestazione e' gia' fissa. Se si cambia l'altezza dell'intestazione nel
   tema, aggiornare il 112px. */
@media (min-width: 992px) {
  body:not(.home) .site-header.header-top { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
  body:not(.home) #page { padding-top: 112px; }
}