/* CARD WRAPPER */
.article-list {
    background: #ffffff;
    padding: 30px;
    border: 2px solid #F1F1F1;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    transition: all 0.25s ease-in-out;
}

.article-list:hover {
    background: #5A0A2A;
    border-color: #5A0A2A;
}

/* TITLE */
.article-list .header h3 a {
    text-decoration: none;
    color: #000;
    font-weight: normal;
    margin-bottom: 20px;
    display: inline-block;
}

.article-list p, .article-list .btn, time {
    color: #000;
}

.article-list .btn-outline-secondary {

    border-color: #59002D;
}

/* HOVER */
.article-list:hover .header h3 a,
.article-list:hover .news-list-date,
.article-list:hover .teaser-text,
.article-list:hover p,
.article-list:hover time{
    color: #ffffff;
}

.article-list:hover .btn-outline-secondary {
    color: #ffffff;
    border-color: #ffffff;
}

@media (max-width: 566px) {
    .article-list .news-fallback-wrapper {
        height: 200px;
    }
}

@media (max-width: 992px) {
    .article-list {
        flex-direction: column;
    }
    .fallback-desktop {
        display: none !important;
    }
    .fallback-mobile {
        display: block !important;
    }
    .article-list:hover .news-fallback-wrapper .fallback-img-default.fallback-mobile {
        opacity: 0;
    }
    .article-list:hover .news-fallback-wrapper .fallback-img-hover.fallback-mobile {
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .article-list .row {
        flex-direction: column;
    }

    .article-list .col-md-3,
    .article-list .col-md-9 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }

    .article-list .col-md-3 {
        margin-right: 0;
    }
}

.article-list .row {
    display: flex;
    flex-wrap: nowrap;
}

.article-list .col-md-3 {
    flex: 0 0 230px;
    max-width: 230px;
    min-width: 230px !important;
    margin-right: 30px;
}

.article-list .col-md-9 {
    flex: 1 0 auto;
    min-width: 0;
}

.news-fallback-wrapper {
    position: relative;
    width: 100%;
    height: 345px;
}

.news-fallback-wrapper .fallback-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.25s ease-in-out;
}

.news-fallback-wrapper .fallback-img-default {
    opacity: 1;
}

.news-fallback-wrapper .fallback-img-hover {
    opacity: 0;
}

.article-list:hover .news-fallback-wrapper .fallback-img-default {
    opacity: 0;
}

.article-list:hover .news-fallback-wrapper .fallback-img-hover {
    opacity: 1;
}

.fallback-mobile {
    display: none;
}

.cw-10 .article-list .col-md-9,
.cw-8 .article-list .col-md-9 {
    flex: 1 1 auto;
}