

/*----*****---- << Blog Carousel >> ----*****----*/

.tpl-blog-holder.swiper-wrapper { float: left; margin: 0; width: 100%;}
.tpl-blog-holder.swiper-wrapper .column { clear: none !important; }

.wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal{overflow: hidden;}

/* 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),0.08) 17%, rgba(var(--wdtHeadAltColorRgb),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),0.08) 17%, rgba(var(--wdtHeadAltColorRgb),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),0.15) 17%, rgba(var(--wdtHeadAltColorRgb),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),0.15) 17%, rgba(var(--wdtHeadAltColorRgb),0.15) 83%, transparent 100%);
}

.wdt-posts-list-wrapper.swiper-container div[class$="scrollbar"] .swiper-scrollbar-drag { background-color: var(--wdtBodyTxtColor); 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); 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); }


.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: 60px; line-height: 60px; 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(--wdtPrimaryColorRgb),0.4); color: var(--wdtAccentTxtColor); }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:hover { background-color: rgba(var(--wdtHeadAltColorRgb),0.6); }


.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: -40px; left: 15px; }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: -40px; right: 15px; }


.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: "HouseFix Icons"; font-size: 50px; line-height: inherit; }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"]:before { content: "\f104"; }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"]:before { content: "\f105"; }

.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"].type2 { float: left; margin: 25px auto 0; position: relative; text-align: center; width: 100%; }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"] { display: inline-block; font-size: 0; height: 50px; line-height: 0; margin: 0 1px; opacity: 1; position: static; visibility: visible; width: 35px; transform: none; }
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { font-size: 18px; line-height: 50px; }

/* New  - rightside arrow only */

.wdt-type-1-next-arrow-only .wdt-posts-list-wrapper.swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"]
{
    display: none;
}

.wdt-type-1-next-arrow-only .wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]
{
    top: 35%;
}
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before {
    display: block;
    font-family: "HouseFix Icons";
    font-size: 30px;
    line-height: inherit;
    -webkit-mask-image:url("data:image/svg+xml,%0A%3Csvg fill='currentcolor' height='800px' width='800px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M388.418,240.915L153.752,6.248c-8.331-8.331-21.839-8.331-30.17,0c-8.331,8.331-8.331,21.839,0,30.17L343.163,256L123.582,475.582c-8.331,8.331-8.331,21.839,0,30.17c8.331,8.331,21.839,8.331,30.17,0l234.667-234.667C396.749,262.754,396.749,249.246,388.418,240.915z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%0A%3Csvg fill='currentcolor' height='800px' width='800px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M388.418,240.915L153.752,6.248c-8.331-8.331-21.839-8.331-30.17,0c-8.331,8.331-8.331,21.839,0,30.17L343.163,256L123.582,475.582c-8.331,8.331-8.331,21.839,0,30.17c8.331,8.331,21.839,8.331,30.17,0l234.667-234.667C396.749,262.754,396.749,249.246,388.418,240.915z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    content: '' !important;
    width: 30px;
    height: 30px;
    background: var(--wdtAccentTxtColor);
}
.wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"]:before {
    transform: rotate(180deg);
}
.wdt-type-1-next-arrow-only .wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before
{
    background: var(--wdtAccentTxtColor);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.wdt-type-1-next-arrow-only .wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before
{
    background: var(--wdtAccentTxtColor);
}

.wdt-type-3-pagination .wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"].type2
{
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.wdt-type-3-pagination .wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]
{
    background-color: transparent;
}
.wdt-type-3-pagination .wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before
{
    background: var(--wdtSecondaryColor);
    height: 34px;
    width: 34px;
}

.wdt-type-1-next-arrow-only .entry-grid-layout.wdt-classic-style.wdt-post-entry.swiper-slide {
    opacity: 0.3;
}
.wdt-type-1-next-arrow-only .entry-grid-layout.wdt-classic-style.wdt-post-entry.swiper-slide.swiper-slide-active, .entry-grid-layout.wdt-classic-style.wdt-post-entry.swiper-slide.swiper-slide-next, .entry-grid-layout.wdt-classic-style.wdt-post-entry.swiper-slide.swiper-slide-next + div {
    opacity: 1;
}

@media only screen and (min-width:1920px)
{
    .wdt-posts-list-wrapper.swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"]{right: -20%;}
}
@media only screen and (max-width:1024px)
{
    .wdt-type-1-next-arrow-only .wdt-posts-list-wrapper.swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"] 
    {
        display: block;
    }
}
@media only screen and (max-width:480px)
{
    .tpl-blog-holder.swiper-wrapper .entry-grid-layout.wdt-classic-style.column
    {
        width: 100% !important;
    }
    .wdt-type-1-next-arrow-only .entry-grid-layout.wdt-classic-style.wdt-post-entry.swiper-slide
    {
        opacity: 1;
    }
}
