/* ==========================================================================
   Impaginazione dei titoli di sezione sotto i 767px

   I widget "witr_section_title" hanno margini orizzontali decisi uno per uno
   nel costruttore di pagine, pensati per il desktop e quasi sempre asimmetrici
   (un rientro a sinistra, niente a destra; in un caso un margine negativo).
   Sopra i 767px sono impaginazione voluta: il titolo sta accanto a un'immagine
   o dentro una colonna. Sotto, dove tutto collassa in una colonna sola, quegli
   stessi margini spostano il blocco fuori asse e il testo — che il tema centra —
   risulta visibilmente decentrato.

   Qui i margini orizzontali vengono resi simmetrici, cosi' il centro del testo
   coincide con il centro dello schermo. Il desktop non e' toccato.
   ========================================================================== */

@media (max-width: 767px) {

    /* Rientro uniforme al posto dei margini per-widget. 20px e' il valore gia'
       usato dai widget del sito che hanno margini simmetrici: non introduce una
       misura nuova. Serve un margine, non zero: i container di questo sito non
       hanno padding orizzontale, e a zero il testo toccherebbe il bordo. */
    .elementor-widget-witr_section_title > .elementor-widget-container {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    /* I titoli portano margini propri, anche negativi: azzerati, perche' il
       rientro ora lo dà il contenitore. */
    .witr_section_title_inner h1,
    .witr_section_title_inner h2,
    .witr_section_title_inner h3 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Testo corrente allineato a sinistra: su una colonna stretta i paragrafi
       di queste sezioni occupano dieci righe e piu', e centrati costringono
       l'occhio a cercare l'inizio di ogni riga. I titoli restano centrati. */
    .witr_section_title_inner p {
        text-align: left;
    }
}