/* Modifica la dimensione del font per i paragrafi con classi specifiche dentro .block-html */
.block.block-html p.CxSpFirst span,
.block.block-html p.CxSpMiddle span,
.block.block-html p.CxSpLast span {
font-family: Haldane, serif; /* Aggiorna il font */
    font-size: 20pt !important; /* Sovrascrive la dimensione del font esistente */
 }

/* Seleziona gli <li> all'interno di un blocco HTML specifico e modifica il font-size */
.block.block-html ul li span {
    font-size: 20pt !important; /* Modifica la dimensione del font */
font-family: Haldane, serif; /* Aggiorna il font */
    line-height: 115%; /* Mantieni la linea altezza se necessario */
}

/* Seleziona il <div> con class="resource__content" e modifica il font-size */
.resource__content {
    font-size: 20pt !important; /* Imposta la dimensione del font a 20pt */
font-family: Haldane, serif; /* Aggiorna il font */
    line-height: 115%; /* Mantieni la linea altezza se necessario */
}

/* Seleziona gli elementi con class="resource-tag" all'interno di class="resource-tags" */
.resource-tags .resource-tag {
    font-size: 20pt !important; /* Imposta la dimensione del font a 20pt */
font-family: Haldane, serif; /* Aggiorna il font */
    line-height: 115%; /* Mantieni la linea altezza se necessario */
}


 .resource-list {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .resource-list .item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1rem; /* Space between items */
            border-bottom: 1px solid #ddd; /* Optional: Add a bottom border for separation */
            padding-bottom: 1rem; /* Optional: Add padding to the bottom of each item */
        }

        .resource__thumbnail {
            flex: 0 0 auto;
            margin-right: 1rem; /* Space between thumbnail and content */
        }

        .resource__thumbnail img {
            max-width: 100px; /* Adjust the size as needed */
            height: auto;
            display: block;
        }

        .resource__content {
            flex: 1;
        }

        .resource-tags {
            margin-bottom: 0.5rem; /* Space between tags and metadata */
        }

        .resource__meta a {
            text-decoration: none;
            color: #000; /* Adjust color as needed */
        }

/* Nasconde le immagini nella modalità griglia */
.resource-grid .resource__thumbnail {
    display: none;
}

*/ cambia colore blu da tag */
.resource-tag {
    background-color: #f4f3f0 !important;
}

*/modifiche 08.09*/
.topics-container h2 {
    margin-top: 0 !important;
}

.topics-list-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    grid-auto-rows: 1fr !important;
    gap: 8px !important;
}

.topic-single {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: var(--button-color, #fff) !important; /* Sfondo bianco */
    color: var(--text-color, #333) !important; /* Colore del testo rosso */
    border: 2px solid var(--border-color, #3d3d3d) !important; /* Bordo rosso */
    border-radius: 8px !important;
    padding: 12px !important;
}
.team-members-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 colonne di larghezza uguale */
    gap: 32px !important; /* Spazio tra le colonne e le righe */
    justify-content: start !important; /* Allinea il contenuto all'inizio del contenitore */
    align-items: start !important; /* Allinea gli elementi all'inizio del contenitore */
}

.member-single {
    display: flex !important; /* Usa flexbox per allineare immagine e testo */
    align-items: flex-start !important; /* Allinea l'immagine e il testo all'inizio del contenitore */
}

.member-avatar {
    margin-right: 16px !important; /* Spazio tra l'immagine e il testo */
}

.member-avatar img {
    width: 14px !important; /* Imposta una larghezza fissa per l'immagine */
    height: 14px !important; /* Imposta un'altezza fissa per l'immagine */
    object-fit: cover; /* Mantiene le proporzioni senza distorcere l'immagine */
    display: block; /* Rimuove lo spazio sotto l'immagine */
}

*/ 11.09 footer */
/* Assicurati che il contenitore sia flessibile e allinei il contenuto a sinistra */
/* 11.09 footer */
/* Assicuriamo che il contenitore dell'immagine sia flessibile e allinei il contenuto a sinistra */
.main-footer__col1 {
    display: flex !important; /* Utilizza Flexbox per il contenitore */
    justify-content: flex-start !important; /* Allinea il contenuto a sinistra */
    align-items: center !important; /* Allinea verticalmente al centro */
    width: auto !important; /* Assicura che il contenitore abbia la dimensione dell'immagine */
    padding: 0 !important; /* Rimuove qualsiasi padding */
    margin: 0 !important; /* Rimuove eventuali margini */
}

/* Elimina padding e margini che potrebbero limitare lo spazio dell'immagine */
.main-footer__col1 img {
    margin: 0 !important;
    padding: 0 !important;
    width: 300px !important; /* Imposta la larghezza dell'immagine */
    height: auto !important; /* Mantiene le proporzioni naturali dell'immagine */
    max-width: none !important; /* Rimuove qualsiasi limite di larghezza */
    display: block !important; /* Imposta l'immagine come blocco */
    object-fit: contain !important; /* Mantiene l'immagine senza distorsione */
    float: left !important; /* Forza l'immagine a galleggiare a sinistra */
    overflow: visible !important; /* Elimina qualsiasi comportamento di overflow */
}
/* Forza lo stile del footer superiore */
.main-footer__top {
    background-color: #394f68 !important; /* Imposta il colore di sfondo */
    padding: 25px 0 10px !important; /* Imposta il padding superiore e inferiore */
}

/* Nuovo stile Per HOME */
h5 {
    margin: 1rem 2.5rem 1.5rem 1rem;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.4rem
    color: #333;
    font-family: "Noto Serif",serif;  
}