.custom-frontpage .topbar-image img, .custom-frontpage .banner-image img {
    width: 100%;
    height: auto;
    display: block;
}

.custom-frontpage #available-courses {
    width: 100%;
    position: relative;
    background-image: url('/theme/moove/pix/custom/courses-background.jpg'); /* Assicurati che il percorso dell'immagine sia corretto */
    background-size: cover;
    background-position: center;
    margin: 0;
}

.custom-frontpage .edition-block {
    background-color: #29385b;
    text-align: center;
    padding: 20px 0; /* Aggiusta il padding in base alle tue necessità */
    color: #ffffff; /* Testo in bianco */
}

.custom-frontpage #available-courses::before {
    content: '';
    width: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(41, 56, 91, 0.7); /* Verde con 50% di trasparenza */
    z-index: 1;
}

.custom-frontpage #available-courses .container {
    width: 100%;
    position: relative;
    z-index: 2; /* Assicurati che il contenuto sia sopra la sovrapposizione */
}

.custom-frontpage #available-courses .section-title {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.custom-frontpage #available-courses .course-item {
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #ccc; /* Bordo classico di Moodle */
    padding: 5px; /* Spazio intorno al testo e all'immagine */
    /* background-color: #fff; Sfondo bianco per il blocco del corso */
}

.custom-frontpage #available-courses .course-image {
    width: 50%; /* Riduci la larghezza dell'immagine teaser */
    height: auto;
    border-radius: 8px;
    margin-bottom: 10px; /* Spazio tra l'immagine e il testo del titolo */
}

.custom-frontpage #available-courses, .custom-frontpage footer {
    margin: 0;
    padding: 0;
}

.custom-frontpage #available-courses .container {
    width: 100%;
    max-width: 100%;
}