.elementor-1245 .elementor-element.elementor-element-175e36b{--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;--padding-top:200px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1245 .elementor-element.elementor-element-a1b2c3d .text-wrapper *{font-size:90px;line-height:1.2em;}.elementor-1245 .elementor-element.elementor-element-bb9ec07{--display:flex;}.elementor-1245 .elementor-element.elementor-element-3cc2480 .aw-project-title{color:#FFFFFF;}.elementor-1245 .elementor-element.elementor-element-3cc2480 .aw-project-cat{color:#FFFFFF;}@media(max-width:1024px){.elementor-1245 .elementor-element.elementor-element-175e36b{--padding-top:150px;--padding-bottom:30px;--padding-left:45px;--padding-right:45px;}}@media(max-width:767px){.elementor-1245 .elementor-element.elementor-element-175e36b{--padding-top:120px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for aliothtextwrapper, class: .elementor-element-a1b2c3d *//* ==========================================================================
   TITOLO DELLA PAGINA — misura standard, e mai una parola tagliata
   La misura standard e' 90px, quella impostata qui accanto in
   Stile > Tipografia: e' quella che si vede su computer e tablet.
   Sotto i 768px scende in proporzione alla larghezza dello schermo, cosi'
   una parola lunga non viene mai spezzata a meta'. Stessa regola del
   titolo della pagina Chi siamo.
   ========================================================================== */
@media (max-width: 767px) {

    .elementor-1245 .elementor-element.elementor-element-a1b2c3d .text-wrapper * {

        /* ►►► MODIFICA QUI — TITOLO SUGLI SCHERMI STRETTI ►►►
           Conta solo il numero di mezzo: e' la percentuale della larghezza
           dello schermo. Piu' grande: 14vw. Piu' piccolo: 10vw.
           90px alla fine e' il tetto: non si supera mai lo standard.        */
        font-size: clamp(30px, 12vw, 90px);
        line-height: 1.1em;
    }
}/* End custom CSS */
/* Start custom CSS for showcasegrid, class: .elementor-element-3cc2480 *//* ==========================================================================
   FILTRI PER CATEGORIA — allineati al titolo
   Su computer i filtri, il titolo e le foto partono tutti dallo stesso
   punto. Sotto i 1024px il tema li attaccava al bordo dello schermo,
   mentre il titolo restava piu' a destra: qui vengono riportati in linea
   col titolo. Le foto restano a tutta larghezza, come nel resto del sito.
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-1245 .elementor-element.elementor-element-3cc2480 .aw-categories {

        /* ►►► MODIFICA QUI — MARGINE DEI FILTRI SU TABLET ►►►
           Deve restare uguale al margine del titolo, impostato nel
           contenitore qui sopra (Contenitore > Layout > Padding), meno i
           10 pixel che i filtri hanno gia' loro: 45 - 10 = 35.               */
        padding-left: 35px;
    }
}

@media (max-width: 767px) {

    .elementor-1245 .elementor-element.elementor-element-3cc2480 .aw-categories {

        /* ►►► MODIFICA QUI — MARGINE DEI FILTRI SU TELEFONO ►►►
           E' la stessa misura che il sito usa per tutti i testi sul
           telefono, la stessa da cui parte il titolo: il 5% della
           larghezza, e mai meno di 18 pixel.                                */
        padding-left: max(18px, 5vw);
    }
}/* End custom CSS */