body {
color: black;
font-family: EB Garamond, Georgia, 'Times New Roman', Times, serif;
}

p {
font-size: 20px;
}

.blocks {
p {
 padding: 30px;
}

h2 {
font-size: 50px;
font-family: EB Garamond, Georgia, 'Times New Roman', Times, serif;
}

h1 {
margin-left:25px;
}
.main-footer__social-network a {
color: white; 
}


/* TRASFORMAZIONE SOTTOMENU TEMA DEFAULT */

/* 1. Sposta le sottovoci verso destra (Rientro/Indentazione) */
.navigation ul ul {
    margin-left: 20px !important;    /* Crea lo scalino visivo verso destra */
    padding-left: 10px !important;   
    border-left: 2px solid #cccccc;  /* Aggiunge una linea verticale di guida sulla sinistra */
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* 2. Cambia lo stile del testo delle sottovoci per differenziarle */
.navigation ul ul li a {
    font-size: 0.9em !important;     /* Rende il testo leggermente più piccolo delle voci principali */
    color: #555555 !important;       /* Rende il colore del testo più chiaro (grigio scuro) */
    font-weight: normal !important;  /* Toglie l'eventuale grassetto */
}

/* 3. Cambia colore quando l'utente passa il mouse sopra una sottovoce */
.navigation ul ul li a:hover {
    color: #000000 !important;       /* Il testo diventa nero quando ci si passa sopra */
    text-decoration: underline;      /* Aggiunge una sottolineatura al passaggio del mouse */
}