.slider-simple {
margin-bottom: var(--wp--preset--spacing--6);
}
.slider-simple-container {
width: 100%;
position: relative;
padding-bottom: var(--wp--preset--spacing--4);
}
.slider-simple .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.slider-simple .slide-image-wrapper {
width: 100%;
height: auto;
overflow: hidden;
}
.slider-simple .slide-image-wrapper img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.slider-simple .slide-image-wrapper:hover img {
transform: scale(1.02);
} .slider-simple .swiper-button-prev,
.slider-simple .swiper-button-next {
width: 52px;
height: 30px;
margin-top: 0;
top: auto;
bottom: 0px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.slider-simple .swiper-button-prev {
left: 0;
background-image: url(//www.smoov-design.fr/wp-content/themes/smoov/assets/chart/arrow-link-beige.svg);
transform: rotate(180deg);
}
.slider-simple .swiper-button-next {
right: 0;
background-image: url(//www.smoov-design.fr/wp-content/themes/smoov/assets/chart/arrow-link-beige.svg);
}
.slider-simple .swiper-button-prev:after,
.slider-simple .swiper-button-next:after {
display: none;
}
.slider-simple .swiper-button-prev:hover,
.slider-simple .swiper-button-next:hover {
background-image: url(//www.smoov-design.fr/wp-content/themes/smoov/assets/chart/arrow-link-beige-hover.svg);
} .slider-simple .swiper-pagination {
position: static;
text-align: center;
height: 30px;
padding: 24px 0;
}
.slider-simple .swiper-pagination-bullet {
background: var(--wp--preset--color--custom-beige);
opacity: 0.3;
width: 12px;
height: 12px;
margin: 0 6px;
}
.slider-simple .swiper-pagination-bullet-active {
opacity: 1;
background: var(--wp--preset--color--custom-beige);
} @media (max-width: 768px) {
.slider-simple-container {
padding-bottom: var(--wp--preset--spacing--2);
}
.slider-simple .swiper-pagination {
margin-top: var(--wp--preset--spacing--2);
}
}