/*----*****---- << Blog Carousel >> ----*****----*/

.wdt-post-list-carousel-container .swiper-container { overflow: hidden; margin: -40px -25px; }

.tpl-blog-holder.swiper-wrapper { 
    float: left; margin: 0; width: 100%;
}
.tpl-blog-holder.swiper-wrapper .column { clear: none !important; }

/* Carousel ScrollBar */
.wdt-posts-list-wrapper.swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"] { float: left; height: 8px; position: absolute; width: 100%; border-radius: 10px;
background-image: linear-gradient(to right, transparent 0%, rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.08) 17%, rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.08) 83%, transparent 100%);
}

.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"] { height: 100%; margin: 0; right: 0; top: 0; width: 8px;
background-image: linear-gradient(to bottom, transparent 0%, rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.08) 17%, rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.08) 83%, transparent 100%);
}

.wdt-posts-list-wrapper.swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:before,
.wdt-posts-list-wrapper.swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:after { content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%;
background: linear-gradient(to right, transparent 0%, rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.15) 17%, rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.15) 83%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}

.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:before { top: -1px; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:after { bottom: -1px; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before { left: -1px; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { right: -1px; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before,
.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { height: 100%; width: 1px;
background: linear-gradient(to bottom, transparent 0%, rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.15) 17%, rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.15) 83%, transparent 100%);
}

.wdt-posts-list-wrapper.swiper-container div[class$="scrollbar"] .swiper-scrollbar-drag { background-color: var(--wdtBodyTxtColor, var(--wdtDarkBodyTxtColor)); border-radius: inherit; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal[data-carouselscrollbar="true"] { padding-bottom: 30px; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal div[class*="scrollbar"] { bottom: 0; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { bottom: 0; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] { padding-right: 30px; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="scrollbar"] { right: 0; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { right: 0; }


/* Carousel Bullets */
.wdt-posts-list-wrapper.swiper-container div[class*="bullet-pagination"] { float: left; font-size: 0; line-height: 0; position: absolute; text-align: center; width: 100%; }
.wdt-posts-list-wrapper.swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet { background: none; height: 16px; margin: 0; padding: 0; position: relative; width: 16px; }
.wdt-posts-list-wrapper.swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet:before { background-color: var(--wdtHeadAltColor, var(--wdtDarkHeadAltColor)); content: ""; height: auto; margin: auto; position: absolute; bottom: 2px; left: 2px; right: 2px; top: 2px; width: auto; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); }
.wdt-posts-list-wrapper.swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet-active:before { background-color: var(--wdtBodyTxtColor, var(--wdtDarkBodyTxtColor)); }


.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { margin: 0; position: absolute; top: 50%; right: 32px; width: 16px; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="bullet-pagination"] .swiper-pagination-bullet { display: block; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"] { padding-bottom: 30px; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal div[class*="bullet-pagination"] { bottom: 0; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-bottom: 60px; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { bottom: 25px; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] { padding-right: 30px; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { right: 0; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-right: 60px; }
.wdt-posts-list-wrapper.swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { right: 25px; }


/* Carousel Arrows */
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { font-size: 0; height: 80px; line-height: 80px; opacity: 0; position: absolute; top: 50%; text-align: center; visibility: hidden; width: 40px; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { background-color: rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.15); color: var(--wdtAccentTxtColor, var(--wdtDarkAccentTxtColor)); }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:hover { background-color: rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.35); }


.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow-prev"] { margin-left: -40px; left: 0; }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow-next"] { margin-right: -40px; right: 0; }


.wdt-posts-list-wrapper.swiper-container:hover div[class*="arrow-pagination"] > a[class*="arrow"] { opacity: 1; visibility: visible; }
.wdt-posts-list-wrapper.swiper-container:hover div[class*="arrow-pagination"] > a[class*="arrow-prev"] { margin-left: 0; }
.wdt-posts-list-wrapper.swiper-container:hover div[class*="arrow-pagination"] > a[class*="arrow-next"] { margin-right: 0; }

.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before { 
    display: block; font-family: "concho-additional-icons"; font-style: normal; font-weight: normal; }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow-prev"]:before { content: '\c402'; }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow-next"]:before { content: '\c401'; }


/* type 02 */

.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"].type2 { 
    display: flex; justify-content: center; margin: 40px -10px 0; position: relative; text-align: center; width: 100%; }

.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"] {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    font-size: 0; 
    margin: 0 10px; 
    opacity: 1; 
    position: relative; 
    visibility: visible; 
    transform: none; 
    color: var(--wdtQuaternaryColor, var(--wdtDarkTertiaryColor)); 
    width: clamp(3.375rem, 3.25rem + 0.625vw, 4rem); /*64px - 54px*/ 
    height: clamp(3.375rem, 3.25rem + 0.625vw, 4rem); /*64px - 54px*/ 
    /* line-height: clamp(3.375rem, 3.25rem + 0.625vw, 4rem);  */ /*64px - 54px*/ 
    padding: 0;
    border-radius: var(--wdtRadius_Full);
    -webkit-border-radius: var(--wdtRadius_Full);
    background-image: linear-gradient(180deg, var(--wdtLinkColor, var(--wdtDarkLinkColor)) 51%, 
                                                 var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)) 0%, 
                                                 var(--wdtSecondaryColor, var(--wdtDarkSecondaryColor)) 100%);
    background-size: auto 250%; background-position: 100% 0%;
}

.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"]:hover { 
    background-position: 100% 100%; color: var(--wdtAccentTxtColor, var(--wdtDarkAccentTxtColor));
}

.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { 
    font-size: clamp(1.375rem, 1.35rem + 0.125vw, 1.5rem); /*24px - 22px*/
}


/* responsive */

@media (max-width:1540px) { .wdt-post-list-carousel-container .swiper-container { margin: -30px -20px; } }

@media (max-width:1280px) { .wdt-post-list-carousel-container .swiper-container { margin: -25px -15px; } }

@media (max-width:1024px) { .wdt-post-list-carousel-container .swiper-container { margin: -40px -20px; } }

@media (max-width:767px) { .wdt-post-list-carousel-container .swiper-container { margin: -25px; } }

@media (max-width:479px) { .wdt-post-list-carousel-container .swiper-container { margin: -20px; } }