/*------------------------------------*/
/*------------- 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-alt-content-bg);
    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-alt-content-bg);
}



.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;
}