/*!
 * fs/sezione-grazie — la pagina di ringraziamento in un blocco solo.
 *
 * La scritta grande a sinistra, la foto in mezzo, il messaggio e i pulsanti a
 * destra, centrati in una schermata intera.
 *
 * GENERATO da post-17257.css (regole congelate di Elementor della pagina
 * /grazie/), 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.
 *
 * Due aggiunte rispetto all'originale. La riga dei pulsanti va a capo
 * (`--flex-wrap:wrap`): in Elementor i pulsanti erano due e stavano sempre in
 * riga, qui sono quanti se ne vuole e il terzo non deve uscire dalla colonna.
 * E sul telefono la fascia lascia in testa lo spazio dell'header fisso.
 *
 * Non si modifica a mano senza aggiornare anche il blocco che stampa queste
 * classi: sono le due meta' della stessa cosa.
 */

.fs-grazie.fs-grazie.fs-grazie { --display:flex; --min-height:100vh; --flex-direction:column; --container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% ); --container-widget-height:initial; --container-widget-flex-grow:0; --container-widget-align-self:initial; --flex-wrap-mobile:wrap; --justify-content:center; --align-items:center }
.fs-grazie__riga.fs-grazie__riga.fs-grazie__riga { --display:flex; --flex-direction:row; --container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% ); --container-widget-height:100%; --container-widget-flex-grow:1; --container-widget-align-self:stretch; --flex-wrap-mobile:wrap; --justify-content:center; --align-items:stretch }
.fs-grazie__colonna-titolo.fs-grazie__colonna-titolo.fs-grazie__colonna-titolo { --display:flex; --justify-content:flex-start; --z-index:10 }
.fs-grazie__titolo.fs-grazie__titolo.fs-grazie__titolo > .elementor-widget-container { margin:0px -160px 0px 0px }
.fs-grazie__titolo.fs-grazie__titolo.fs-grazie__titolo .text-wrapper p, .fs-grazie__titolo.fs-grazie__titolo.fs-grazie__titolo .text-wrapper > * { font-size:96px; line-height:240px }
.fs-grazie__titolo.fs-grazie__titolo.fs-grazie__titolo .text-wrapper { text-align:center }
.fs-grazie__colonna-foto.fs-grazie__colonna-foto.fs-grazie__colonna-foto { --display:flex }
.fs-grazie__foto.fs-grazie__foto.fs-grazie__foto { width:100% }
.fs-grazie__colonna-testi.fs-grazie__colonna-testi.fs-grazie__colonna-testi { --display:flex; --flex-direction:column; --container-widget-width:100%; --container-widget-height:initial; --container-widget-flex-grow:0; --container-widget-align-self:initial; --flex-wrap-mobile:wrap; --justify-content:space-between }
.fs-grazie__testo.fs-grazie__testo.fs-grazie__testo .text-wrapper { text-align:left }
.fs-grazie__testo.fs-grazie__testo.fs-grazie__testo { width:90% }
.fs-grazie__bottoni.fs-grazie__bottoni.fs-grazie__bottoni { --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; --flex-wrap:wrap }
.fs-grazie__bottone.fs-grazie__bottone.fs-grazie__bottone { text-align:left }
.fs-grazie__bottone.fs-grazie__bottone.fs-grazie__bottone .pb__main { justify-content:start }
.fs-grazie__bottone.fs-grazie__bottone.fs-grazie__bottone .pe--button a { border-radius:0px 0px 0px 0px }

@media (max-width:767px) {
	/* Sul telefono la fascia e' piu' alta dello schermo e la centratura
	   verticale non lascia spazio in testa: la scritta finiva sotto l'header
	   fisso (84px). Difetto che la pagina Elementor aveva gia'; qui si corregge. */
	.fs-grazie.fs-grazie.fs-grazie { --padding-top:104px }
	.fs-grazie__titolo.fs-grazie__titolo.fs-grazie__titolo > .elementor-widget-container { margin:0px 0px 0px 0px }
	.fs-grazie__titolo.fs-grazie__titolo.fs-grazie__titolo .text-wrapper p, .fs-grazie__titolo.fs-grazie__titolo.fs-grazie__titolo .text-wrapper > * { font-size:82px; line-height:1em }
	.fs-grazie__testo.fs-grazie__testo.fs-grazie__testo { width:100% }
}

@media (min-width:768px) {
	.fs-grazie__colonna-titolo.fs-grazie__colonna-titolo.fs-grazie__colonna-titolo { --width:30% }
	.fs-grazie__colonna-foto.fs-grazie__colonna-foto.fs-grazie__colonna-foto { --width:25% }
	.fs-grazie__colonna-testi.fs-grazie__colonna-testi.fs-grazie__colonna-testi { --width:30% }
}