/*!
 * fs/sezione-articoli — il titolo e la griglia degli articoli.
 *
 * Il titolo grande e, sotto, la griglia: tre colonne da desktop, due da
 * tablet, una da telefono, con le foto alte 520 px che scendono a 400.
 *
 * 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.
 */

.fs-articoli.fs-articoli.fs-articoli { --display:flex; --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; --align-items:stretch; --gap:0px 0px; --row-gap:0px; --column-gap:0px }
.fs-articoli__riga.fs-articoli__riga.fs-articoli__riga { --display:flex; --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; --align-items:center }
.fs-articoli__colonna.fs-articoli__colonna.fs-articoli__colonna { --display:flex; --align-items:center; --container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% ); --margin-top:150px; --margin-bottom:150px; --margin-left:0px; --margin-right:0px }
.fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo > .elementor-widget-container { margin:70px 0px 40px 0px }
.fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo .text-wrapper p, .fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo .text-wrapper > * { font-size:96px; text-transform:uppercase; line-height:1em; letter-spacing:0px }
.fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo .text-wrapper { text-align:center }
.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .pe--posts--grid { --columns:3 }
.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .single-blog-post { width:100%; float:left }
.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .thmb { height:520px }
.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .pe--single--post .post-title { font-family:"Playfair", Sans-serif; font-size:24px; text-transform:none; line-height:1.25em; letter-spacing:0px }

@media (max-width:1024px) {
	.fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo > .elementor-widget-container { margin:70px 0px 32px 0px }
	.fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo .text-wrapper p, .fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo .text-wrapper > * { font-size:72px }
	.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .pe--posts--grid { --columns:2 }
	.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .thmb { height:420px }
}

@media (max-width:767px) {
	.fs-articoli.fs-articoli.fs-articoli { --gap:20px 0px; --row-gap:20px; --column-gap:0px }
	.fs-articoli__riga.fs-articoli__riga.fs-articoli__riga { --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px }
	.fs-articoli__colonna.fs-articoli__colonna.fs-articoli__colonna { --width:100%; --margin-top:0px; --margin-bottom:0100px; --margin-left:0px; --margin-right:0px; --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px }
	.fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo > .elementor-widget-container { margin:100px 0px 24px 0px }
	.fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo .text-wrapper p, .fs-articoli__titolo.fs-articoli__titolo.fs-articoli__titolo .text-wrapper > * { font-size:44px }
	.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .pe--posts--grid { --columns:1 }
	.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .thmb { height:400px }
	.fs-articoli__elenco.fs-articoli__elenco.fs-articoli__elenco .pe--single--post .post-title { font-size:22px }
}

@media (min-width:768px) {
	.fs-articoli__riga.fs-articoli__riga.fs-articoli__riga { --width:100% }
	.fs-articoli__colonna.fs-articoli__colonna.fs-articoli__colonna { --width:92% }
}