:root {
    --cassiopeia-color-primary: #A22135;
    --cassiopeia-color-link: #224faa;
    --cassiopeia-color-hover: #A22135;
}

/* ADVENT CALENDAR */
.advent-grid {
    display: grid;
    grid-template-columns: repeat(6,minmax(100px,1fr));
    gap: .5rem;
    figure {
        margin: 0;
    }
    .advent-link {
        padding: 0;
        text-decoration: none;
        color: currentColor;
        width: 100%;
        height: 100%;
    }
    .mod-articles-advent-item-content {
        aspect-ratio: 1;
        transition: all .2s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
        &:hover {
            transform: scale(1.025);
        }
    }
    span {
        font-size: 4rem;
        color: #fff;
    }
}
@media (max-width: 768px) {
    .advent-grid {
        grid-template-columns: repeat(3,minmax(80px,1fr));
    }
}

/* ADVENT 2 - with background image*/
.advent-bg {
    padding: .5rem;
    background-position:center;
    background-image: url(/images/2024_calendario_avvento/Chorus_sixties.jpg);
/*    background-image: url(https://corodellasvolta.sviluppo.host/images/2022_calendario_avvento/IMG-20180702-WA0016.jpg); */
    background-size: cover;
    .mod-articles-advent-item-content {
        box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.5);
        border: 1px solid #d5d5d5;
    }
}