/*!
 * fs/sezione-intro — la testata di una pagina di racconto.
 *
 * Foto a sinistra, titolo e paragrafo a destra. La usano l'Atelier e la
 * Sartoria: sono la stessa impaginazione, e infatti nel sorgente hanno gli
 * stessi id Elementor. L'unica differenza vera fra le due e' la misura del
 * titolo, che qui e' un interruttore del blocco.
 *
 * GENERATO da post-457.css (regole congelate di Elementor) e dalla sezione
 * `body.page-id-457` di assets/css/fs-custom.css, riscrivendo gli id degli
 * elementi in classi parlanti. Le classi sono TRIPLICATE per tenere la
 * specificita' che avevano i selettori originali (0,3,0). Con due
 * `.e-con.e-flex{--flex-direction:column}` di frontend.min.css, che vale
 * altrettanto e viene dopo, vincerebbe.
 *
 * Non si modifica a mano senza aggiornare anche il blocco che stampa queste
 * classi: sono le due meta' della stessa cosa.
 */

/* La variante della Sartoria: `titoloPiccolo` nel blocco.
   Sono le uniche due regole in cui i due fogli congelati differiscono
   (post-583.css contro post-16700.css): 66 delle altre 69 sono identiche. */
.fs-intro--compatta .fs-intro__colonna-foto.fs-intro__colonna-foto.fs-intro__colonna-foto { --padding-right:0px }

@media (max-width:767px) {
	.fs-intro--compatta .fs-intro__titolo.fs-intro__titolo.fs-intro__titolo .text-wrapper p,
	.fs-intro--compatta .fs-intro__titolo.fs-intro__titolo.fs-intro__titolo .text-wrapper { font-size:30px }
}

.fs-intro.fs-intro.fs-intro { --display:flex; --padding-top:10px; --padding-bottom:10px; --padding-left:0px; --padding-right:10px }
.fs-intro__riga.fs-intro__riga.fs-intro__riga { --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; --margin-top:65px; --margin-bottom:0px; --margin-left:0px; --margin-right:0px; --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px }
.fs-intro__colonna-foto.fs-intro__colonna-foto.fs-intro__colonna-foto { --display:flex; --padding-top:10px; --padding-bottom:10px; --padding-left:0px; --padding-right:10px }
.fs-intro__foto.fs-intro__foto.fs-intro__foto { width:100% }
.fs-intro__foto.fs-intro__foto.fs-intro__foto .single--image { height:100vh }
.fs-intro__foto.fs-intro__foto.fs-intro__foto .parallax--image { height:100vh }
.fs-intro__foto.fs-intro__foto.fs-intro__foto .single--image img { height:100%; object-fit:cover }
.fs-intro__foto.fs-intro__foto.fs-intro__foto .single-image { border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow:hidden }
.fs-intro__foto.fs-intro__foto.fs-intro__foto .single-image.zoomed--image > div { border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow:hidden }
.fs-intro__colonna-testi.fs-intro__colonna-testi.fs-intro__colonna-testi { --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:space-between; --flex-wrap:wrap }
.fs-intro__titolo.fs-intro__titolo.fs-intro__titolo > .elementor-widget-container { --e-transform-translateX:-150px; --e-transform-translateY:50px }
.fs-intro__titolo.fs-intro__titolo.fs-intro__titolo .text-wrapper { text-align:left }
.fs-intro__titolo.fs-intro__titolo.fs-intro__titolo { width:100% }
.fs-intro__testo.fs-intro__testo.fs-intro__testo.elementor-element { --align-self:flex-start }
.fs-intro__testo.fs-intro__testo.fs-intro__testo .text-wrapper { text-align:left }
.fs-intro__testo.fs-intro__testo.fs-intro__testo { width:70% }

@media (max-width:767px) {
	.fs-intro__riga.fs-intro__riga.fs-intro__riga { --gap:0px 0px; --row-gap:0px; --column-gap:0px }
	.fs-intro__titolo.fs-intro__titolo.fs-intro__titolo > .elementor-widget-container { --e-transform-translateX:0px; --e-transform-translateY:0px }
	.fs-intro__titolo.fs-intro__titolo.fs-intro__titolo .text-wrapper p, .fs-intro__titolo.fs-intro__titolo.fs-intro__titolo .text-wrapper > * { font-size:40px }
	.fs-intro__testo.fs-intro__testo.fs-intro__testo { width:100% }
}