/*
 * ==========================================================
 * PROGETTO:    Corsi
 * FILE:        home.css
 * Path:        css/site/home.css
 * ==========================================================
 * DESCRIZIONE GENERALE:
 * Stile della pagina iniziale per chi non e' collegato (views/site/home.php):
 * solo quello che la distingue dalle altre pagine, che hanno l'intestazione
 * standard (PageHeader). Lo slider ha il suo foglio, slider.css.
 *
 * NOTE OPERATIVE:
 * - mantenere i selettori coerenti con il markup generato dalle view;
 * - evitare rinominazioni dei selettori senza aggiornare anche HTML e JS.
 * ==========================================================
 */

/* Titolo della home (il nome del sito, app()->title), piu' grande di quello
 * delle altre pagine (30px, vedi page-header.css), e verde. Senza il margine inferiore di .page-title (8px, che serve
 * a staccarlo dal sottotitolo, qui assente) lo spazio bianco sopra il titolo
 * (25px di #main) e quello sotto (25px di .page-header, che assorbe i 20px
 * dello slider) sono uguali: il titolo resta al centro tra la barra e lo
 * slider. */
.home-header .page-title {
    font-size: 38px;
    margin-bottom: 14px;
    /* Verde medio: il contrasto sul bianco (circa 4:1) basta per un titolo di
     * questa grandezza, mentre il verde chiaro del tema (circa 2,7:1) no. */
    color: var(--color-primary-mid);
}