/* Stili di paragrafo dei testi redazionali.
 *
 * Sono le classi che il pannello applica dal menu degli stili: "Evidenza", "Sfondo",
 * "Testo grande". Nel sito attuale non esistono in nessun foglio — le disegna soltanto
 * contents.css di CKEditor, cioè si vedono mentre si scrive e spariscono una volta
 * pubblicato. Le regole qui sotto sono copiate da lì (la parte generata da my.scss, che
 * era il foglio del sito), così quello che la redazione vede nell'editor è quello che
 * poi si legge sulla pagina.
 *
 * `hilight` e `background` sono i nomi vecchi delle stesse due classi, rimasti in qualche
 * contenuto d'archivio.
 */

p.evidenza,
p.hilight {
    border-left: 3px solid #a8ba37;
    padding-left: 1em;
    line-height: 1.4em;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}

/* Due paragrafi evidenziati di fila restano attaccati, come un blocco unico; dopo
   l'ultimo si riapre lo spazio normale. */
p.evidenza + p.evidenza,
p.hilight + p.hilight {
    padding-top: 1em;
}

p.evidenza + p:not(.evidenza),
p.hilight + p:not(.hilight) {
    margin-top: 1em;
}

/* Nel foglio dell'editor lo sfondo vero e proprio è commentato da tempo: resta lo stacco
   attorno al paragrafo. */
p.sfondo,
p.background {
    display: block;
    padding: 2em 1.5em;
    margin: 1em 0;
}

/* Solo sui paragrafi, com'è definito lo stile nel pannello (styles.js: element 'p').
   La stessa classe compare anche su un paio di titoli d'archivio: lì non si tocca niente,
   un h2 rimpicciolito a 23px sarebbe un peggioramento. */
p.big {
    font-weight: bold;
    font-size: 23px;
    line-height: 24px;
}

/* --------------------------------------------------------------- esito dei moduli */

/* Quello che si legge dopo aver inviato un modulo: il ringraziamento al posto dei campi,
   o la riga che spiega cosa manca. Il verde e il rosso sono quelli del sito. */
.modulo-esito {
    border-radius: 4px;
    padding: 18px 20px;
    margin: 0 0 20px;
}

.modulo-esito--buono {
    background: #eef8f1;
    border-left: 4px solid #46b478;
}

.modulo-esito--buono h2 {
    margin: 0 0 8px;
    font-size: 24px;
}

.modulo-esito--buono p { margin: 0; }

.modulo-esito--male {
    background: #fdeeee;
    border-left: 4px solid #d0473f;
    color: #8d2b25;
}