.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(//les-beaux-jours.fr/wp-content/themes/les-beaux-jours_V2/assets/images/icons/arrow_temoignage_right.svg);
height: 100px;
width: 100px;
scale:1;
}
#post__arrow__left{
background-image: url(//les-beaux-jours.fr/wp-content/themes/les-beaux-jours_V2/assets/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;
} @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;
}
}