/* section nos publications - charge dynamiquement le contenu des articles 
et les affichent dans un swiper */
.nos__publications{
    padding:20px 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.publications__container{
    width:80%;
    & h2{
        font-family: 'PoppinsBlack';
        padding:0;
        margin: 0;
        width: 80%;
        color: var(--orange);
        font-size: 2.5rem;
        padding: 20px 0;
        line-height:1;
    }
}


.post-swiper {
    width: 100%;
    max-width: 1150px;
    height: 630px;
}

.post__container{
    display:flex;
    height:100%;
    width:100%;
    justify-content: center;
    align-items: flex-start;
}

.post__slide__img{
    background-color:var(--blanc);
    width:460px;
    height:576px;
    display: flex;
    justify-content: center;
    align-items: center;
    & img{
        width:85%;
        object-fit: contain;
        padding:50px;
        height:85%;
    }
}

#experiences .post__slide__content{
    background-color:var(--bleu);
}

#experiences h2{
    color:var(--bleu);
}

#parle-de-nous .post__slide__content{
    background-color:var(--orange);
}


.post__slide__content{
    width:460px;
    height:576px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    & h2{
        font-size: 1.4rem;
        font-family:'PoppinsBold';
        padding: 10px 0;
        margin:0;
        line-height:1;
        color:var(--noir) !important;
        text-align:left;
        width:auto;
    }
    & h5{
        font-size:0.95rem;
        text-align:left;
        font-family:'PoppinsRegular';
        padding: 0;
        margin:0;
        line-height:1;
        color:var(--noir)
    }
    & p{
        font-size:0.9rem;
        text-align:left;
        font-family:'PoppinsRegular';
        margin:0;
        padding:0 20px;
    }
    & a{
        width:100%;
    }
    .post__meta{
        padding:10px 0;
        & p{
            font-size:0.9rem;
        }
    }
    }

.post__title{
    padding: 30px 20px 0 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    & p{
        padding:0;
    }
}

#post__slider__button{
    padding:15px;
    max-width:200px;
    margin: 20px 0;
    font-size:0.95rem;
}

#post__arrow__right{
    background-image: url("../../images/icons/arrow_temoignage_right.svg");
    height: 100px;
    width: 100px;
    scale:1;
}

#post__arrow__left{
    background-image: url("../../images/icons/arrow_temoignage_left.svg");
    height: 100px;
    width: 100px;
    scale:1;
}

.swiper-pagination-bullet-active{
    background:var(--noir) !important;
}

.swiper-pagination-bullet{
    border:2px solid var(--noir);
    opacity:1;
    background:none;
}


/* medias queries */
@media screen and (max-width:1400px){

    #post__arrow__right{
        height: 70px;
        width: 70px;
        right: -10px;
    }

    #post__arrow__left{
        height: 70px;
        width: 70px;
        left:-10px
    }

    .post__slide__img{
        width:43%;
        height:650px;
    }

    .post__slide__content{
        width:43%;
        height:650px;
        & h2{
            font-size:1.3rem;
        }
    }

    .post-swiper {
    height: 700px;
    }

    .post__title{
        padding: 20px 20px 0 20px;
    }
}


@media screen and (max-width:1024px){
    .post__slide__img{
        & img{
            padding: 20px;
        }


    }

    .post__slide__content{
        justify-content: space-between;
        gap:10px;
        & h2{
            font-size:1.2rem;
        }
        & h5{
            font-size:0.8rem;
        }
        & p{
            font-size:0.8rem;
        }
    }

    .post__title{
        padding: 20px 20px 0 20px;
        gap:0;
    }

    #post__slider__button{
        margin:0 0 20px 0;
        font-size:0.9rem;
    }
}


@media screen and (max-width:768px){
    .post__container{
        align-items: start;
        justify-content: flex-end;
    }

    .publications__container{
        & h2{
            line-height:1;
            padding: 10px 0;
            width:auto;
        }
    }

    .post-swiper{
        height:370px;
        margin: 20px 0;
    }

    .post__slide__img{
        width:100%;
        height:320px;
        & img{
            padding:30px;
            width:70%;
            max-height: 280px;
        }
    }

    .post__slide__content{
        width:100%;
        height:320px !important;
        height:auto;
        & h2{
            font-size:1.1rem;
        }
        & p{
            display:none;
        }
    }

    .post__meta{
        padding:0 !important;
    }

    .post__title{
        padding: 10px 20px;
        gap:5px;
    }

    #post__arrow__right{
        height: 55px;
        width: 55px;
        right: -5px;
    }

    #post__arrow__left{
        height: 55px;
        width: 55px;
        left:-5px
    }

    #post__slider__button{
        font-size:0.9rem;
        margin: 0 20px 20px 20px;
        max-width:160px;
    }

    #post__arrow__right{
        display:none;
    }

    #post__arrow__left{
        display:none;
    }

}


@media screen and (max-width:480px){
    .post__container{
        flex-direction:column;
        align-items: center;
        justify-content: flex-start;
    }

        .post-swiper{
        height:630px;
    }

    .post__slide__img{
        height:330px;
    }

    .post__slide__content{
        height:250px !important;
    }

    #post__slider__button{
        max-width: 240px;
    }

}

@media screen and (max-width:350px){
    .post-swiper{
        height:630px;
    }

    .post__slide__img{
        height:280px;
    }

    .post__slide__content{
        height:300px !important;
    }

    #post__slider__button{
        max-width: 200px;
    }

}