.card-large.article {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--primary-text-color);
}

.card-large .header {
    flex: 0 0 68%;
}

.card-large .container-img {
    width: 100%;
    overflow: hidden;
    background-color: var(--background-color);
}

.card-large .container-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


.card-large .accroche {
    padding: 0.5rem 0.6rem;
    background-color: #F1F7FC;
    /* font-size: 1.25rem;
    font-weight: 450; */
    color: var(--primary-text-color) !important;
}

.card-large .title {
    font-size: 1.3rem;
    font-weight: 450;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--primary-text-color);
}

.card-large .title a {
    color: var(--primary-text-color) !important;
}


.card-large .content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 20px;
    height: 300px;
}

.card-large .content-list {
    overflow: auto;
    max-height: 100%;
}

.card-large .list-item {
    padding: 5px;
    padding-bottom: 10px;
}

.card-large .read {
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
    font-size: 0.7rem;
}


.card-large .author-container {
    font-size: 0.85rem;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 3px;
    border-bottom: 1px solid var(--primary-text-color);
}

.card-large .description {
    color: var(--primary-text-color);
    line-height: 18px;
    font-weight: 300;
    font-size: 0.8rem;
}

@media (max-width: 900px) {

    .card-large .accroche {
        font-size: 1rem;
    }

    .card-large .title {
        font-size: 1rem;
    }

    .card-large.article {
        display: block;
        padding: 0px;
    }

    .card-large .header {
        height: auto;
    }

    .card-large .content {
        padding: 10px 0;
    }
}

@media (max-width: 599px) {}