.contentslider__wrapper_outer {
max-width: var(--module-wrapper-width);
margin: 45px auto;
position: relative;
height: auto;
padding: 30px 20px 10px;
}
/* DEFAULT VERSION */
.contentslider__wrapper_outer .swiper-carousel-content {
height: 450px;
margin: 20px;
overflow: hidden;
}
.contentslider__wrapper_outer .swiper-carousel-content .swiper-wrapper {
width: 400px;
}
.swiper-slide.contentslider__item_wrapper {
width: 375px;
height: 450px;
}
.contentslider__wrapper {
margin: 45px auto;
}
.contentslider__wrapper h2 {
font-family: var(--default-font-medium);
margin: var(--section-header-margin);
font-size: var(--section-header-size);
}
.contentslider__item {
width: 100%;
margin: 0 0 40px;
display: flex;
flex-direction: column;
padding: 0 7px;
}
.contentslider__paragraph_wrapper {
/* font-size: 0.75rem;
line-height: 1.2rem; */
font-size: var(--font-size-text);
line-height: var(--lineheight-text);
padding-top: 25px;
}
.contentslider__image-item {
position: relative;
}
.contentslider__card_small {
box-shadow: 1px 9px 12px 1px #2020201d;
height: 250px;
min-height: 250px;
max-height: 250px;
}
.small__img_wrapper {
height: 83%;
}
.small__img_wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.item__small_header {
font-family: var(--default-font-medium);
/* font-size: 0.9rem; */
font-size: var(--font-size-text);
padding: 10px;
}
.item__large_header {
position: absolute;
bottom: 35px;
left: 15px;
font-family: var(--default-font-medium);
font-size: 1.1rem;
}
.item__large_header.light-text {
color: var(--light);
}
.contentslider__item_wrapper-horizontal {
display: flex !important;
flex-direction: row;
box-shadow: 1px 9px 12px 1px #2020201d;
padding: 30px;
margin: 0;
max-height: 375px;
width: 100%;
}
/* .contentslider__item_wrapper-horizontal .contentslider__image {
height: 275px;
} */
.contentslider__item-horizontal_text {
width: 50%;
display: flex;
align-items: center;
margin-right: 30px;
}
.contentslider__item-horizontal_img {
width: 50%;
}
.contentslider__item-horizontal_text .item__header {
font-size: 1rem;
font-family: var(--default-font-medium);
padding: 20px 0;
}
#swiperContentBtnPrev, #swiperContentBtnNext {
height: 45px;
width: 45px;
background-color: white;
border-radius: 5px;
bottom: 50%;
border: 2px solid var(--default-blue)
}
#swiperContentBtnPrev {
position: absolute;
left: -14px;
background-image: url('data:image/svg+xml,');
}
#swiperContentBtnNext {
position: absolute;
right: -14px;
background-image: url('data:image/svg+xml,');
}
.swiper-pagination {
z-index: 0 !important;
}
.swiper-prev:after {
content: '';
}
.swiper-next:after {
content: '';
}
.contentslider__wrapper_outer .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
height: 10px;
width: 10px;
}
.contentslider__wrapper_outer .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--default-blue)!important;
}
.contentslider__wrapper_outer .swiper-pagination-lg.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
height: 10px;
width: 10px;
}
.contentslider__wrapper_outer .swiper-pagination-lg.swiper-pagination-bullets.swiper-pagination-horizontal {
display: flex;
justify-content: center;
}
.contentslider__wrapper_outer .swiper-pagination-lg.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--default-blue)!important;
}
.contentslider__paragraph_wrapper-mobile {
display: none;
}
/* LARGE VERSION */
.contentslider__wrapper_outer .swiper-carousel-content-large {
height: 400px;
width: 95%;
overflow: hidden;
margin: 30px;
padding: 10px;
}
#swiperContentLargeBtnPrev, #swiperContentLargeBtnNext {
height: 45px;
width: 45px;
background-color: white;
border-radius: 5px;
bottom: 50%;
border: 2px solid var(--default-blue);
position: absolute;
}
#swiperContentLargeBtnPrev {
left: -25px;
background-image: url('data:image/svg+xml,');
}
#swiperContentLargeBtnNext {
right: -25px;
background-image: url('data:image/svg+xml,');
}
.contentslider__wrapper_outer .swiper-carousel-content-large .swiper-wrapper {
width: 700px;
height: 400px!important;
}
@media screen and (max-width: 768px) {
.contentslider__wrapper_outer .swiper-carousel-content {
height: 525px;
}
.contentslider__item {
padding: 0;
margin: 0 0 20px;
}
.item__small_header {
display: none;
}
.small__img_wrapper {
height: 100%;
}
.contentslider__paragraph_wrapper {
display: none;
}
.contentslider__paragraph_wrapper-mobile {
display: block;
font-size: 0.9rem;
line-height: 1.35rem;
margin: 60px 0 20px;
}
.contentslider__paragraph_wrapper-mobile h4 {
font-size: var(--font-size-text);
font-family: var(--default-font-medium);
padding: 15px 0;
}
#swiperContentBtnPrev, #swiperContentBtnNext {
height: 35px;
width: 35px;
background-color: white;
border-radius: 5px;
bottom: 50%;
border: 2px solid var(--default-blue);
position: absolute;
}
#swiperContentBtnPrev {
left: 0;
background-image: url('data:image/svg+xml,');
}
#swiperContentBtnNext {
right: 0;
background-image: url('data:image/svg+xml,');
}
.contentslider__wrapper_outer .swiper-carousel-content-large {
height: 450px;
width: 100%;
margin: 0;
padding: 10px;
}
.swiper-slide.contentslider__item_wrapper-horizontal {
width: 375px;
max-height: 500px;
padding: 6px;
}
.contentslider__wrapper_outer .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 250px;
}
.contentslider__item_wrapper-horizontal {
flex-direction: column;
width: 100%;
}
.contentslider__item-horizontal_text {
width: 100%;
}
.contentslider__item-horizontal_img {
width: 100%;
max-height: 225px!important;
}
.swiper-slide.contentslider__item_wrapper-horizontal {
width: 280px!important;
margin: 20px !important;
}
#swiperContentLargeBtnPrev, #swiperContentLargeBtnNext {
height: 35px;
width: 35px;
background-color: white;
border-radius: 5px;
bottom: 50%;
border: 2px solid var(--default-blue);
position: absolute;
}
#swiperContentLargeBtnPrev {
left: 0;
background-image: url('data:image/svg+xml,');
}
#swiperContentLargeBtnNext {
right: 0;
background-image: url('data:image/svg+xml,');
}
.swiper-pagination-lg.swiper-pagination-bullets.swiper-pagination-horizontal{
position: absolute;
bottom: -25px;
}
}