/* > Blog > module accueil --------------------- */
.blog-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.blog-item_fig {
    position: relative;
    display: block;
    margin-right: 5%;
    max-width: 480px;
    flex: 50%;
}
.blog-item_fig .thumbnails {
    z-index: 0;
    margin: 0;
}
.blog-item_content {
    flex: 50%;
    align-self: center;
    max-width: 480px;
    padding: 0 3%;
}
.blog-item h3 { 
    font-family: 'Lato', sans-serif;
    color: var(--bs-primary);
    font-weight: 900;
    margin: 0 0 1.5rem;
}
.blog-category {
    position: absolute;
    bottom: -20px; left: 20px;
    max-width: 100%;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    z-index: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--bs-white);
}
.blog-item:nth-child(2n+0) .blog-category { background-color: var(--bs-primary); }
.blog-item:nth-child(2n+1) .blog-category { background-color: var(--bs-danger); }

@media screen and (max-width: 540px) {
    .blog-module .row {
        justify-content: center;
    }
    .blog-item {
        flex-wrap: wrap;
        max-width: 440px;
    }
    .blog-item_fig,
    .news-item_content {
        flex: 100%;
    }
    .blog-item_fig { margin-right: 0; }
    .blog-item_content { 
        padding: 2rem 0;
    }
}

/* > Blog > liste categories ------------------- */
#blog-categories .blog-item_fig {
    max-width: 480px;
    margin: 0 auto;
}

/* > Blog > liste articles --------------------- */
.blog-list-item:nth-child(2n+2) {
    flex-direction: row-reverse;
}
.blog-list-item_fig { margin: 0; padding: 0; }
.blog-list-item_content {
    padding: 5% 7%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-list-item_content .btn {
    padding: .5rem .75rem;
    margin-top: 1.5rem;
}
@media screen and (max-width: 980px) {
    .blog-list-item_content {
        padding: 30px;
    }
}
@media screen and (max-width: 740px) {
    #blog-list .container-xxl { max-width: 480px; }
}

/* > Blog > fiche article ----------------------- */
.footer-blog_pagination {
    border-top: var(--bs-primary) 1px solid;
    border-bottom: var(--bs-primary) 1px solid;
}
.footer-blog_pagination .link {
    text-decoration: none;
    color: var(--bs-secondary);
    display: flex;
    align-items: center;
    transition: color .3s;
}
.footer-blog_pagination .link:hover { color: var(--bs-primary); }
.footer-blog_pagination .link svg {
    fill: var(--bs-primary);
    display: block;
    width: 11px;
    height: 18px;
}
.footer-blog_pagination__prev {
    justify-content: flex-start;
}
.footer-blog_pagination__prev svg { margin-right: 1rem; }
.footer-blog_pagination__next {
    justify-content: flex-end;
}
.footer-blog_pagination__next svg { margin-left: 1rem; }

.footer-blog_share p { margin: 0 1rem 0 0; }

/* --- slider blog --- */

#slider-blog .swiper-container { margin: 0 -0.5rem; }
#slider-blog .swiper-nav {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-top: -18px;
    background-color: var(--bs-white);
    z-index: 2;
    padding: 8px;
}
#slider-blog .swiper-nav svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: var(--bs-primary)
}
#slider-blog .swiper-prev { left: 1rem; }
#slider-blog .swiper-next { right: 1rem; }
#slider-blog .swiper-nav:hover { background-color: var(--bs-primary); }
#slider-blog .swiper-nav:hover svg { fill: var(--bs-white) }
#slider-blog .swiper-button-disabled { display: none; }
#slider-blog .swiper-slide {
    width: 25%;
    height: auto;
    padding: .5rem;
}
#slider-blog .swiper-slide a {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
}
.slider-blog-item .thumbnails { 
    margin-bottom: 0;
    flex: 0 0 auto;
}
.slider-blog-item .thumbnails img { margin: -5% 0; }
.slider-blog-item_content { 
    padding: 10%;
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}
.slider-blog-item_content h2 { font-size: 1.25rem; }
.slider-blog-item_content .link { font-size: .875em; }
 
@media screen and (min-width: 1280px) {
    #slider-blog .swiper-container { margin: 0 -1.5rem; }
    #slider-blog .swiper-slide { padding: 1.5rem; }
    #slider-blog .swiper-prev { left: 3rem; }
    #slider-blog .swiper-next { right: 3rem; }
}
@media screen and (max-width: 980px) {
    #slider-blog .swiper-slide { width: 33.33%; }
}
@media screen and (max-width: 540px) {
    #slider-blog .swiper-slide { width: 50%; }
}
@media screen and (max-width: 380px) {
    #slider-blog .swiper-slide { width: 100%; }
}
