/* Thumb Slider Style */

.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper { margin-bottom: 20px; }
.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide { z-index: 0; }
.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active { z-index: 2; }

.wdt-thumb-carousel-holder > .swiper { overflow: visible; }
.wdt-thumb-carousel-holder .wdt-thumb-slider-container { display: grid; position: relative; cursor:grab; }

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-image,
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info { width: 100%; border-radius: inherit;
    grid-area: 1/-1; align-items: center; align-content: center; justify-content: center; margin-bottom: 0; overflow: hidden; text-align: center;  }

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-image { position: relative; }
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info { position: relative; margin: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem) 0 0;/* 50 - 100 */
    display: block; max-width: 700px; align-self: center; justify-self: center; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content{margin-bottom: 30px;font-size: var(--wdtFontSize_H3);}

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon{margin-bottom: 0 !important;  font-size:var(--wdtFontSize_Alt);}
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info > div { margin: 0;}
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info  h4{font-size:var(--wdtFontSize_Base); margin:0; font-weight:calc(var(--wdtFontWeight_Base) + 100);}
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info > div:not(:last-child) { margin-bottom: 15px; }

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title > h5,
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title > h6 { margin: 0; }
/* .wdt-thumb-carousel-holder .swiper-wrapper{padding: 30px;} */

.wdt-thumb-slider-info div.wdt-thumb-slider-button > a {
    margin-top: 10px; display: inline-block; line-height: 1; font-size: 1em; padding: 0.75em 1.5em; text-align: center; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

/* Thumb Pagination Arrow */


.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination { text-align: center; }
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div { position: relative; z-index: 2;
    display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 10px; margin: 20px 4px 0; }

/* .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-prev { left: 20px; top: 40%; }
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-next { right: 20px; top: 40%; } */

/* Thumb Slider Thumbnail */

.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail img { object-fit: cover; object-position: center center; cursor: pointer; }
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail { position: relative; transition: var(--wdtBaseTransition); 
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb{transition: var(--wdtBaseTransition); }
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active{
    transform: scale(1.3);
    z-index: 3;
}
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail{
     box-shadow: 0px 0px 30px 2px rgb(var(--wdtHeadColorRgb), 0.25);
    -webkit-box-shadow: 0px 0px 30px 2px rgb(var(--wdtHeadColorRgb), 0.25);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


/* Thumb Content Animation */

 .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon { 
    -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); }

.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info  .wdt-thumb-slider-icon {
    -webkit-transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); }

.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper { 
    transition-delay: 90ms;   opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title { 
    transition-delay: 80ms;  ; opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title {
    transition-delay: 70ms;   opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content {
    transition-delay: 60ms;   opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button {
    transition-delay: 45ms;   opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info  .wdt-thumb-slider-icon{
    transition-delay: 25ms;   opacity: 0
}



.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper {
      transform: translateY(0); opacity: 1; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title {
    transform: translateY(0); opacity: 1; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title {
      transform: translateY(0); opacity: 1; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content {
    transform: translateY(0); opacity: 1; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button {
     transform: translateY(0); opacity: 1; } 
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon {
      transform: translateY(0); opacity: 1; } 

/* -----------------------
    Primary Color 
----------------------- */

.wdt-thumb-slider-info div.wdt-thumb-slider-button > a { 
    background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }
  
  /* -----------------------
      secondary Color 
  ----------------------- */
  
  .wdt-thumb-slider-info div.wdt-thumb-slider-button > a:focus,
  .wdt-thumb-slider-info div.wdt-thumb-slider-button > a:hover { 
    background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }
  
  
  /* -----------------------
      Responsive
  ----------------------- */



.swiper.wdt-thumbnail-carousel{overflow:visible; max-width:500px;}
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail img{transition:var(--wdtBaseTransition);
     -webkit-box-shadow: 0px 0px 30px 2px transparent;
    -moz-box-shadow: 0px 0px 30px 2px transparent;
    box-shadow: 0px 0px 30px 2px transparent; }
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-active .wdt-thumb-slider-thumbnail img{
     -webkit-box-shadow: 0px 0px 30px 2px rgba(var(--wdtHeadAltColorRgb),.25);
    -moz-box-shadow: 0px 0px 30px 2px rgba(var(--wdtHeadAltColorRgb),.25);
    box-shadow: 0px 0px 30px 2px rgba(var(--wdtHeadAltColorRgb),.25); 
}



.wdt-thumb-carousel-holder .swiper-fade .swiper-slide {
        transition-property: opacity;
        pointer-events: none;
}
.wdt-thumb-carousel-holder .swiper-fade .swiper-slide.swiper-slide-visible,
.wdt-thumb-carousel-holder .swiper-fade .swiper-slide.swiper-slide-active {
            pointer-events: auto;
}




@media(max-width:767px){
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active{
    transform: scale(1.1);
    z-index: 3;
}
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content{
    font-size:var(--wdtFontSize_H4);
}
}