.slider-home{
height: 60vh;
}
.slider-home .swiper, .slider-home .swiper .image{
height:100%;
}
.slider-home .swiper .accroche{
position:absolute; left:0; top:0;
width:100%; height:100%;
z-index:2;
color: var(--blanc);
background-color: rgba(0,0,0,.3);
font-weight:500;
font-size:1rem;
}
.slider-home .swiper .accroche h2{
color: var(--blanc); font-size:2.25rem;
text-transform:uppercase; margin-top:0;
}
.slider-home .swiper .accroche img{
width:60px;
}
.slider-home .swiper .accroche > div{
position:absolute; left:5%; top:50%; width:90%;
-webkit-transform: translateY(-50%);transform: translateY(-50%);
}
.slider-home .swiper .filtre{
position:absolute; left:0; top:0;
width:100%; height:100%;
z-index:1;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 35%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 35%); background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 35%); }
.slider-home .swiper-pagination{
bottom:2rem;
}
.slider-home .swiper-button-prev, .slider-home .swiper-button-next{
width:50px; height:50px;
border-radius: 50%;
background-color: rgba(0,0,0,.75);
top:unset; bottom:1rem;
}
.slider-home .swiper-button-prev{
left:2rem;
}
.slider-home .swiper-button-next{
right:2rem;
}
.slider-home .swiper-button-prev::after, .slider-home .swiper-button-next::after{
font-size:1.2rem; color: var(--blanc);
}
.home .liste-articles a.btn{
display:inline-block; margin:1rem auto;
}
.liste-articles h2{
text-align:center;
}
.home .wp-block-media-text.contact{
background-image: url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/css/img/leaves.svg);
}
@media screen and (min-width:992px){
}
@media screen and (min-width:1200px){
.slider-home{
height: calc( 100vh - 32px);
}
.slider-home .swiper .accroche{
width:40%; left:50%;
box-sizing: border-box;
font-size:1.2rem;
padding:0 1.5rem;
}
.slider-home .swiper .accroche > div{
position:absolute; left:50%; top:50%; width:80%;
-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.slider-home .swiper-button-prev, .slider-home .swiper-button-next{
top:50%; bottom:unset;
}
}
@media screen and (min-width:1680px){
.home .liste-articles{
padding-left:10%; padding-right:10%;
}
}