/*------------------------------------*/
/*------------- ARTICLES -------------*/
/*------------------------------------*/


.blog-filtre {
    margin-bottom: 3rem;
}


/*-- Catégorie activée --*/
.w-filter.state_desktop.style_switch_default .w-filter-item-value {
    background: #d9d9d9;
    color: black;
    font-weight: 600;
}

.w-filter.state_desktop.style_switch_default .w-filter-item-value.selected {
    background: var(--color-alt-content-bg);
    color: black;
    font-weight: 600;
}

.blog-article img {
    border-radius: 12px;
    transition: transform 0.2s ease-in-out;
}

.blog-article img:hover {
    transform: scale(1.1);
}

.blog-article .w-vwrapper {
    padding: 1rem 0;
}

.blog-article .article_img {
    margin-bottom: 0;
}

.blog-article .article-titre {
    font-size: max(1rem, 0.8vw);
}

.blog-article .blog-categories span {
    background: var(--color-green);
    color: black !important;
    font-weight: 600;
    padding: 4px 13px;
    border-radius: 0;
    font-size: max(0.7rem, 0.55vw);
    width: auto;
}

.blog-article .blog-categories span:hover {
    background: var(--color-green);
}



.blog-article .article-titre a:hover {
    text-decoration: none !important;
    border-bottom: 0px !important;
    color: var(--color-alt-content-bg);

}

@media screen and (max-width: 768px) {
    .blog-article .article_data {
        text-align: center;
    }

    .blog-article .blog-categories {
        justify-content: center;
    }

}

/*------------------------------------*/
/*------------- ARTICLE --------------*/
/*------------------------------------*/


.mon-article .post_title {
    font-size: max(2rem, 2vw) !important;
    font-weight: 500 !important;
}

.mon-article .g-breadcrumbs {
    margin-bottom: 2rem;
}

.mon-article .post_image img {
    border-radius: 12px;
}

.mon-article h2 {
    font-size: max(1.2rem, 1vw);
    font-weight: 600;
}

.post_taxonomy a {
    background: var(--color-alt-content-bg);
    color: black !important;
    font-weight: 600;
    padding: 4px 13px;
    border-radius: 0;
    font-size: max(0.7rem, 0.55vw);
    width: auto;
}