/* Scroll Text Reveal – front-end */

.st-wrap .st-text { margin: 0; padding: 0; }

/* Prima che parta il JavaScript il testo è "spento" (con JS disattivato viene mostrato acceso, vedi <noscript>) */
.st-wrap .st-vis { color: var(--st-dim, rgba(255, 255, 255, .35)); }
.st-wrap .st-w { display: inline-block; white-space: nowrap; }   /* le parole non si spezzano a metà */

/* Dimensione impostata dal pannello (se vuota, il testo prende quella del modulo Divi) */
.st-wrap.st-has-size .st-text { font-size: var(--st-size); line-height: 1.3; }
@media (max-width: 767px) {
	.st-wrap.st-has-size .st-text { font-size: calc(var(--st-size) * .65); }
}

/* Font, spessore, interlinea, spaziatura scelti nel pannello (se non impostati, comanda il modulo Divi) */
.st-wrap.st-has-font .st-text { font-family: var(--st-font); }
.st-wrap.st-has-weight .st-text { font-weight: var(--st-weight); }
.st-wrap.st-has-lh .st-text { line-height: var(--st-lh); }
.st-wrap.st-has-ls .st-text { letter-spacing: var(--st-ls); }

/* Copia nascosta del testo, letta dai lettori di schermo */
.st-sr {
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;
}

/* Nel Visual Builder di Divi (e con "riduci animazioni") il testo è sempre acceso */
.et-fb .st-wrap .st-vis { color: var(--st-lit, #fff); }

/* Sezione bloccata mentre il testo si accende: sta dentro un contenitore più alto e resta ferma in alto */
.st-pin { position: relative; }
.st-pin > .st-host { position: sticky; top: 0; }
/* metodo di riserva (attivato da JS solo se sticky non funziona nel tema) */
.st-pin > .st-host.st-pin-js { position: relative; top: auto; }
.st-pin > .st-host.st-pin-js.st-pin-fixed { position: fixed; top: 0; margin: 0; }
.st-pin > .st-host.st-pin-js.st-pin-end { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; }