.articles-with-image-section {
    background: var(--hrz-home-articles-img-bgcolor);
    padding: 32px 0;
}

.articles-with-image-section .articles-with-image-section-head {
    margin-bottom: 8px;
}

.articles-with-image-section .section-title {
    font-weight: 600;
    font-size: 1.5em;
    text-transform: uppercase;
}

.articles-with-image-section .img-responsive .img-wrapper img {
    object-fit: fill;
}

.banner-articles-with-image {
    padding: 0 35px;
    z-index: 0;
}

.banner-articles-with-image .splide__slide {
    padding: 0 8px;
}

.banner-articles-with-image .splide__track {
    z-index: 91;
}

.banner-articles-with-image .card {
    height: 267px;
    margin-top: 2px;
    box-shadow: 0 5px 14px -5px #777, 5px 5px 8px 4px rgba(0,0,0,0);
}

.banner-articles-with-image .card .img-responsive-wrapper {
    height: 60%;
}

.banner-articles-with-image .splide__arrows {
    background: transparent;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%);
    z-index: 90;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.banner-articles-with-image .splide__arrows .splide__arrow {
    background: transparent;
    border: none;
    fill: var(--hrz-home-articles-arrows-textcolor);
}

/* Card */
.articles-with-image-section .card .card-calendar {
    height: 70%;
    max-height: 70px;
    width: 70px;
    right: 5%;
}

.articles-with-image-section .card .card-date {
    font-size: 1.25em;
}

.articles-with-image-section .card .card-day {
    font-size: .875em;
}

.articles-with-image-section .card .card-body {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    height: 40%;
}

.articles-with-image-section .card .card-body .card-title {
    font-weight: 700;
    font-size: .875em;
    margin-bottom: 8px;
    color: var(--hrz-home-articles-img-textcolor);
}

.articles-with-image-section .card .card-calendar {
    color: var(--hrz-home-articles-date-textcolor);
}

/* Focus effect */
.banner-articles-with-image .card:focus-within {
    box-shadow: 0 0 0 2px var(--hrz-home-articles-img-focuscolor);
}

.banner-articles-with-image .card .card-body .card-title a:focus {
    box-shadow: none !important;
}

/* Empty section */
.banner-articles-with-image .empty-section-txt {
    font-size: 1em;
    display: none;
    padding: 24px 0;
    visibility: visible;
}

.banner-articles-with-image.empty-section .empty-section-txt {
    display: block;
}

.banner-articles-with-image .card.card-img .img-responsive-wrapper .img-responsive {
    padding: 0;
    height: 100%;
}

@media (width: 768px) {
    .banner-articles-with-image {
        padding: 0 26%;
    }
}

@media (max-width: 767px) {
    .banner-articles-with-image {
        padding: 0 22%;
    }
}

/* Allinea i titoli per la visione mobile */
@media screen and (max-width: 575px) {
    .articles-with-image-section .section-title {
        margin-left: 16px;
    }
}