/* Variables */

:root {

    /*=== Radius Variables ===*/
    --wdt_Booking_Radius_Zero: var(--wdtRadius_Zero, 0);
    --wdt_Booking_Radius_Part: var(--wdtRadius_Part, 2.5em);
    --wdt_Booking_Radius_Full: var(--wdtRadius_Full, 50%);

    --wdt_Booking_Radius_1X: var(--wdtRadius_1X, 6px);
    --wdt_Booking_Radius_2X: var(--wdtRadius_2X, 10px);
    --wdt_Booking_Radius_3X: var(--wdtRadius_3X, 20px);

    /*=== Letter Spacing Variables ===*/
    --wdt_Booking_LetterSpacing_1X: var(--wdtLetterSpacing_1X, 1px);
    --wdt_Booking_LetterSpacing_2X: var(--wdtLetterSpacing_2X, 2px);
    --wdt_Booking_LetterSpacing_3X: var(--wdtLetterSpacing_3X, 3px);

    /*=== Padding Variables ===*/
    --wdt_Booking_InputPadding: var(--wdtInputPadding, 20px 24px);

    --wdt_Booking_Padding_Btn: var(--wdtPadding_Btn, 16px 34px);
    --wdt_Booking_Padding_MiniBtn: var(--wdtPadding_MiniBtn, 14px 32px);
    --wdt_Booking_Padding_MaxiBtn: var(--wdtPadding_MaxiBtn, 18px 36px);

    --wdt_Booking_BaseTransition: var(--wdtBaseTransition, all 0.3s linear 0s);
    --wdt_Booking_AltTransition: var(--wdtAltTransition, all 300ms ease-in-out 0s);
    --wdt_Booking_Ad-Transition: var(--wdt-Ad-Transition, 300ms cubic-bezier(0.7, 0, 0.3, 1));

    /*=== Transform Hover Zoom-Out Style ===*/
    --wdt_Booking_transform-rotateX: var(--wdt-transform-rotateX, 1deg);
    --wdt_Booking_transform-perspective: var(--wdt-transform-perspective, 600px);
    --wdt_Booking_transform-rotateY: var(--wdt-transform-rotateY, 0deg);
    --wdt_Booking_transform-scale: var(--wdt-transform-scale, 0.9);
    --wdt_Booking_transform-transition-duration: var(--wdt-transform-transition-duration, 400ms);

    /*=== Transform Hover Zoom-In Style ===*/
    --wdt_Booking_zoo-transform-rotateX: var(--wdt-zoo-transform-rotateX, 0.06deg);
    --wdt_Booking_zoo-transform-perspective: var(--wdt-zoo-transform-perspective, 600px);
    --wdt_Booking_zoo-transform-rotateY: var(--wdt-zoo-transform-rotateY, 0deg);
    --wdt_Booking_zoo-transform-scale: var(--wdt-zoo-transform-scale, 1.2);
    --wdt_Booking_zoo-transform-transition-duration: var(--wdt-zoo-transform-transition-duration, 400ms);

    /*=== WPFW Color ===*/
    
    --wdt_Booking_PrimaryColor: var(--wdtPrimaryColor, #514942);
    --wdt_Booking_PrimaryColorRgb: var(--wdtPrimaryColorRgb, rgb(81,73,66));
    --wdt_Booking_SecondaryColor: var(--wdtSecondaryColor, #000000);
    --wdt_Booking_SecondaryColorRgb: var(--wdtSecondaryColorRgb, rgb(0,0,0));
    --wdt_Booking_TertiaryColor: var(--wdtTertiaryColor, #e2dfd9);
    --wdt_Booking_TertiaryColorRgb: var(--wdtTertiaryColorRgb, rgb(226,223,217));
    --wdt_Booking_BodyBGColor: var(--wdtBodyBGColor, #eeece8);
    --wdt_Booking_BodyBGColorRgb: var(--wdtBodyBGColorRgb, rgb(238,236,232));
    --wdt_Booking_BodyTxtColor: var(--wdtBodyTxtColor, #514942);
    --wdt_Booking_BodyTxtColorRgb: var(--wdtBodyTxtColorRgb, rgb(81,73,66));
    --wdt_Booking_HeadAltColor: var(--wdtHeadAltColor, #000000);
    --wdt_Booking_HeadAltColorRgb: var(--wdtHeadAltColorRgb, rgb(0,0,0));
    --wdt_Booking_LinkColor: var(--wdtLinkColor, #000000);
    --wdt_Booking_LinkColorRgb: var(--wdtLinkColorRgb, rgb(0,0,0));
    --wdt_Booking_LinkHoverColor: var(--wdtLinkHoverColor, #514942);
    --wdt_Booking_LinkHoverColorRgb: var(--wdtLinkHoverColorRgb, rgb(81,73,66));
    --wdt_Booking_BorderColor: var(--wdtBorderColor, #d9d9d9);
    --wdt_Booking_BorderColorRgb: var(--wdtBorderColorRgb, rgb(217,217,217));
    --wdt_Booking_AccentTxtColor: var(--wdtAccentTxtColor, #ffffff);
    --wdt_Booking_AccentTxtColorRgb: var(--wdtAccentTxtColorRgb, rgb(255,255,255));

  }



/* === Theme Custom Styles === */


.dt-rooms-item-holder.dt-carousel-holder .swiper-slide { transition: var(--wdt_Booking_Ad-Transition); }
.dt-rooms-item-holder.dt-carousel-holder .swiper-slide:not(.swiper-slide-visible) { 
  opacity: 0; visibility: hidden; transition: var(--wdt_Booking_Ad-Transition); }


/* ==========================
    pagination top right 
========================== */

@media(min-width: 1281px) {

  .wdt-custom-pagination-top-right .dt-carousel-holder .swiper.swiper-horizontal + .dt-carousel-pagination-wrapper .dt-swiper-pagination,
  .wdt-custom-pagination-top-right .dt-carousel-holder .dt-carousel-pagination-wrapper .dt-swiper-pagination.swiper-pagination-bullets { 
      position: absolute; top: -60px; right: 8%; bottom: auto; left: auto; margin: 0; transform: translateY(-100%); }

}