.wdk-listing-carousel {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
margin-bottom: -15px;
}
.wdk-listing-carousel .wdk_listing_slider_box,
.wdk-listing-carousel .wdk-cls-banner-thumbs {
margin-bottom: 15px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(100% / 1);
-ms-flex: 0 0 calc(100% / 1);
flex: 0 0 calc(100% / 1);
width: calc(100% / 1);
padding: 0 15px;
}
.wdk-listing-carousel .wdk_listing_slider_box.full_width,
.wdk-listing-carousel .wdk-cls-banner-thumbs.full_width {
margin-bottom: 15px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(100% / 1);
-ms-flex: 0 0 calc(100% / 1);
flex: 0 0 calc(100% / 1);
width: calc(100% / 1);
padding: 0 15px;
}
.wdk-listing-carousel .wdk_listing_slider_ini {
margin: -10px;
}
.wdk-listing-carousel .wdk_listing_slider_ini:not(.slick-initialized) > div:not(:nth-child(1)) {
display: none !important;
}
.wdk-listing-carousel .wdk-listing-image {
object-fit: cover;
object-position: center center;
width: 100%;
height: 350px;
max-width: 100%;
}
.wdk-listing-carousel .banner-thumbs .banner-thumb > video.wdk-listing-image,
.wdk-listing-carousel .banner-thumbs .banner-thumb > img.wdk-listing-image {
border: 0;
}
.wdk-listing-carousel .slick-slide > div {
font-size: 0;
padding: 10px;
}
.wdk-listing-carousel .wdk-listing-image.auto_height {
object-fit: initial !important;
height: auto !important;
}
.wdk-listing-carousel .wdk_listing_slider_ini:not(.slick-initialized) .wdk_lr_s_item:not(:nth-child(1)) {
display: none !important;
}
.wdk-listing-carousel .wdk_listing_slider_ini .wdk-listing-card {
margin: 15px 15px;
}
.wdk-listing-carousel .wdk_listing_slider_box {
display: flex;
flex-direction: column;
position: relative;
}
.wdk-listing-carousel .wdk_listing_slider_box .wdk-listing-image-card {
overflow: hidden;
background: #9f9f9f;
cursor: pointer;
position: relative;
display: block;
height: 100%;
}
.wdk-listing-carousel .wdk_listing_slider_box video.wdk-listing-image-card {
height: 100%;
object-fit: cover;
}
.wdk-listing-carousel .wdk_listing_slider_box .wdk-listing-image {
object-fit: cover;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_top {
flex-direction: column-reverse;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_middle .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_middle .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow.wdk-slider-prev {
left: 0;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_middle .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow.wdk-slider-next {
right: 0;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk_lr_slider_dots_in .slick-dots, .wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_bottom.wdk-listing-carousel_arrows_in .wdk-listing-carousel_arrows {
position: absolute;
width: 100%;
margin-bottom: 10px;
bottom: 0;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_top.wdk-listing-carousel_arrows_in .wdk-listing-carousel_arrows {
position: absolute;
width: 100%;
margin-top: 10px;
top: 0;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_middle .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_middle .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow.wdk-slider-prev {
left: -55px;
margin: 0;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_middle .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow.wdk-slider-next {
right: -55px;
margin: 0;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_out .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow {
border: 2px solid #000;
color: #000;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_middle.wdk-listing-carousel_arrows_in .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow.wdk-slider-prev {
left: 15px;
margin: 15px;
margin-top: -10px;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_middle.wdk-listing-carousel_arrows_in .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow.wdk-slider-next {
right: 15px;
margin: 15px;
margin-top: -10px;
}
.wdk-listing-carousel .wdk_listing_slider_box .slick-dotted.slick-slider {
margin-bottom: 0;
}
.wdk-listing-carousel .wdk_listing_slider_box .slick-dotted.slick-slider .slick-list .slick-track .slick-slide div .wdk-listing-image,
.wdk-listing-carousel .wdk_listing_slider_box .slick-dotted.slick-slider .slick-list .slick-track .slick-slide div,
.wdk-listing-carousel .wdk_listing_slider_box .slick-dotted.slick-slider .slick-list .slick-track .slick-slide,
.wdk-listing-carousel .wdk_listing_slider_box .slick-dotted.slick-slider .slick-list .slick-track,
.wdk-listing-carousel .wdk_listing_slider_box .slick-dotted.slick-slider .slick-list,
.wdk-listing-carousel .wdk_listing_slider_box .slick-dotted.slick-slider {
height: 100%;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_dots_in .slick-dots, .wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_arrows_bottom.wdk-listing-carousel_arrows_in .wdk-listing-carousel_arrows {
position: absolute;
margin-bottom: 10px;
bottom: 0;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_dots_in .slick-dots {
width: initial;
flex-wrap: wrap;
}
.wdk-listing-carousel .wdk_listing_slider_box.wdk-listing-carousel_dots_in .slick-dots li {
flex: 0 0;
}
.wdk-listing-carousel .wdk_listing_slider_box .wdk-listing-image-card:after {
content: '';
display: block;
bottom: 0;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
position: absolute;
}
.wdk-listing-carousel .wdk-listing-carousel_arrows {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.wdk-listing-carousel .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow {
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
border: 2px solid #FFFFFF30;
border-radius: 50%;
text-align: center;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
cursor: pointer;
margin: 15px 15px;
color: #FFFFFF30;
}
.wdk-listing-carousel .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow:hover {
border-color: #FFFFFF;
color: #FFFFFF;
}
.wdk-listing-carousel .slick-dots {
padding: 5px 5px;
position: initial;
display: flex;
justify-content: center;
}
.wdk-listing-carousel .slick-dots li {
width: auto;
height: auto;
margin: 5px 5px;
}
.wdk-listing-carousel .slick-dots li .wdk_dot {
color: #0201019C;
}
.wdk-listing-carousel .slick-dots li .wdk_dot:hover, .wdk-listing-carousel .slick-dots li.slick-active .wdk_dot {
color: #020101;
}
.wdk-listing-carousel .wdk_listing_slider_ini .wdk_lr_s_item_box_line .wdk_lr_s_item_box_title .wdk_lr_s_item_box_link,
.wdk-listing-carousel .wdk-listing-carousel_arrows .wdk-listing-carousel_arrow {
transition: all 0.4s ease-in-out;
}
.wdk-listing-carousel .wdk-cls-banner-thumbs {
width: 100%;
z-index: 99;
overflow: hidden;
}
.wdk-listing-carousel .wdk-cls-banner-thumbs .banner-thumbs {
width: initial;
height: calc(100% + 10px * 2);
display: flex;
flex-wrap: wrap;
margin: -10px;
justify-content: stretch;
align-items: stretch;
}
.wdk-listing-carousel .wdk-cls-banner-thumbs .banner-thumbs .banner-grid {
box-sizing: border-box;
break-inside: avoid;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
flex: 2 1 calc(100% / 3);
min-width: 150px;
padding: 10px;
height: initial;
}
.wdk-listing-carousel .wdk-cls-banner-thumbs .banner-thumbs .banner-grid .banner-thumb {
margin-right: 0;
padding: 0;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.wdk-listing-carousel .wdk-cls-banner-thumbs .banner-thumbs .banner-grid .banner-thumb .banner-thumb-link {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.wdk-listing-carousel .wdk-cls-banner-thumbs.cols-4 .banner-thumbs .banner-grid {
flex: 2 1 calc(100% / 4);
min-width: calc(100% / 4);
}