/* Variables */

:root {

    /* Radius Variables */
    --wdtRadius_Zero: 0;
    --wdtRadius_Part: 2.5em;
    --wdtRadius_Full: 50%;

    --wdtRadius_1X: 10px;
    --wdtRadius_2X: 20px;
    --wdtRadius_3X: 30px;

    /* Letter Spacing Variables */
    --wdtLetterSpacing_1X: 1.8px;
    --wdtLetterSpacing_2X: 2px;
    --wdtLetterSpacing_3X: 3px;

    /* Padding Variables */
    --wdtInputPadding: 20px clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem);

    --wdtPadding_Btn: 16px 26px;
    --wdtPadding_MiniBtn: 14px 18px;
    --wdtPadding_MaxiBtn: 20px 30px;

    --wdtBaseTransition: all 0.3s linear 0s;
    --wdtAltTransition: all 0.35s ease-in-out 0s;
    --wdt-Ad-Transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);

    /* Transform Hover Zoom-Out Style */
    --wdt-transform-rotateX: 1deg;
    --wdt-transform-perspective: 600px;
    --wdt-transform-rotateY: 0deg;
    --wdt-transform-scale: 0.9;
    --wdt-transform-transition-duration: 400ms;

    /* Transform Hover Zoom-In Style */
    --wdt-zoo-transform-rotateX: 0.06deg;
    --wdt-zoo-transform-perspective: 600px;
    --wdt-zoo-transform-rotateY: 0deg;
    --wdt-zoo-transform-scale: 1.2;
    --wdt-zoo-transform-transition-duration: 400ms;

    /* === Custom Bg===== */
    --wdt-CustomBG: linear-gradient(180deg, var(--wdtTertiaryColor), var(--wdtQuaternaryColor));

    /* === Custom border animation === */
    --wdt-borderBG-image: linear-gradient(90deg, var(--wdtAccentTxtColor) 50%, transparent 50%),
                          linear-gradient(90deg, var(--wdtAccentTxtColor) 50%, transparent 50%),
                          linear-gradient(0deg, var(--wdtAccentTxtColor) 50%, transparent 50%),
                          linear-gradient(0deg, var(--wdtAccentTxtColor) 50%, transparent 50%);
    --wdt-borderBG-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    --wdt-borderBG-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    --wdt-borderBG-position: 0 0, 0 100%, 0 0, 100% 0;
    --wdt-borderBG-animation: wdt-border-animation 0.6s infinite linear;

}

/* Border animation */

@keyframes wdt-border-animation {
    0% { background-position: 0 0, 50px 100%, 0 50px, 100% 0; }
    100% { background-position: 50px 0, 0% 100%, 0 0, 100% 50px; }
}
@-webkit-keyframes wdt-border-animation {
    0% { background-position: 0 0, 50px 100%, 0 50px, 100% 0; }
    100% { background-position: 50px 0, 0% 100%, 0 0, 100% 50px; }
}

/* Typography - Defaults */

    /* Base */
    body, button, input, textarea, select, optgroup { font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); letter-spacing: 0; line-height: var(--wdtLineHeight_Base); text-transform: none; }
    
    input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], [role="button"], button, .button, a.button, .wdt-button, .elementor-button.wdt-elementor-button, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button { line-height: var(--wdtLineHeight_Alt); }


    /* Headings */
    h1 { font-size: var(--wdtFontSize_H1); }
    h2 { font-size: var(--wdtFontSize_H2); }
    h3 { font-size: var(--wdtFontSize_H3); }
    h4 { font-size: var(--wdtFontSize_H4); }
    h5 { font-size: var(--wdtFontSize_H5); }
    h6 { font-size: var(--wdtFontSize_H6); }

    h1 { font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); letter-spacing: 0; line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; }
    h2, h3, h4, h5, h6 { font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); letter-spacing: 0; line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; }


    /* Menu */
    
    .no-header-menu ul li a { color: var(--wdtBodyTxtColor);}
    .wdt-header-menu .wdt-primary-nav li a { color: var(--wdtBodyTxtColor); }
    .wdt-header-menu .wdt-primary-nav li > ul li a { color: var(--wdtAccentTxtColor); }
    .wdt-header-menu li a { font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); }
    .wdt-header-menu ul li ul li > a { font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); }


    /* Breadcrumb */
    .main-title-section h1 { font-family: var(--wdtFontTypo_Alt); }
    .breadcrumb { font-family: var(--wdtFontTypo_Ext);}
    .main-title-section-wrapper > .main-title-section-bg:after { background-color: var(--wdtPrimaryColor); background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit;}


    /* Footer */
    div.footer-widgets .widgettitle, #footer .widgettitle { font-family: var(--wdtFontTypo_Alt); }
    #footer, .footer-copyright, div.footer-widgets .widget { font-family: var(--wdtFontTypo_Base); }



/* Base Colors - Defaults */

    body { background-color: var(--wdtBodyBGColor); cursor: auto; }


    /* Base */
    body { color: var(--wdtBodyTxtColor); }


    /* Links */
    a { color: var(--wdtLinkColor); }
    a:hover { color: var(--wdtLinkHoverColor); }


    /* Headings */
    h1, h2, h3, h4, h5, h6 { color: var(--wdtHeadAltColor); }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: var(--wdtLinkHoverColor); }

    /* Footer */
    .wdt-no-footer-builder-content.footer-copyright:before, .footer-copyright:before { background-color: var(--wdtTertiaryColor); }

    #footer .widgettitle, div.footer-widgets .widgettitle { color: var(--wdtHeadAltColor); }

    #footer, div.footer-widgets .widget, .footer-copyright { color: var(--wdtBodyTxtColor); }

    #footer a:not(.button):not(.elementor-button), .footer-widgets a:not(.button):not(.elementor-button) { color: var(--wdtLinkColor); }

    #footer a:not(.button):not(.elementor-button):hover, .footer-widgets a:not(.button):not(.elementor-button):hover { color: var(--wdtLinkHoverColor); }

    .wdt-dark-bg #footer a:not(.button):not(.elementor-button), .wdt-dark-bg .footer-widgets a:not(.button):not(.elementor-button){color: var(--wdtHeadAltColor);}

    #footer .wdt-dark-bg a, #footer .wdt-dark-bg .footer-widgets a:not(.button):not(.elementor-button), #footer .wdt-dark-bg a:not(.button):not(.elementor-button) { color: var(--wdtHeadAltColor); }

    #footer .wdt-dark-bg a:hover, #footer .wdt-dark-bg .footer-widgets a:not(.button):not(.elementor-button):hover, #footer .wdt-dark-bg a:not(.button):not(.elementor-button):hover,
    .wdt-dark-bg #footer a:not(.button):not(.elementor-button):hover, .wdt-dark-bg .footer-widgets a:not(.button):not(.elementor-button):hover { color: rgb(var(--wdtHeadAltColorRgb),.6);}


/** 
    Fixed Footer Style 
*/

@media (min-width: 1281px) {
    body.wdt-fixed-footer-enabled #header-wrapper { z-index: 2; }
    body.wdt-fixed-footer-enabled #main { z-index: 1; position: relative; background-color: var(--wdtBodyBGColor); margin-bottom: var(--footer-height); }
    body.wdt-fixed-footer-enabled #main:before { content: ""; position: absolute; 
        background: var(--wdtBodyBGColor); top: -50vw; left: 0; right: 0; bottom: 0; z-index: -1; }
    body.wdt-fixed-footer-enabled #main ~ #footer { position: fixed; left: 0; right: 0; top: auto; bottom: 0; z-index: 0; height: var(--footer-height); }

    /* Body-Background Image */

    body.wdt-fixed-footer-enabled > .wrapper,
    body.wdt-fixed-footer-enabled > .wrapper > .inner-wrapper,
    body.wdt-fixed-footer-enabled > .wrapper > .inner-wrapper > #main,
    body.wdt-fixed-footer-enabled > .wrapper > .inner-wrapper > #main:before { background: inherit; }
}

/**
    Heading Size - Default-Value
*/

.elementor-widget-text-editor .elementor-widget-container h1, div h1,
.wdt-heading-holder h1.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(2.8125rem, 2.0874rem + 2.4272vw, 5rem); /* Min-45 & Max-80 */ }
.elementor-widget-text-editor .elementor-widget-container h2, div h2,
.wdt-heading-holder h2.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(2.25rem, 1.9992rem + 1.1465vw, 3.375rem); /* Min-36 & Max-54 */ }
.elementor-widget-text-editor .elementor-widget-container h3, div h3,
.wdt-heading-holder h3.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(1.875rem, 1.6521rem + 1.0191vw, 2.875rem); /* Min-30 & Max-46 */ }
.elementor-widget-text-editor .elementor-widget-container h4, div h4,
.wdt-heading-holder h4.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(1.75rem, 1.6107rem + 0.6369vw, 2.375rem); /* Min-28 & Max-38 */ }
.elementor-widget-text-editor .elementor-widget-container h5, div h5,
.wdt-heading-holder h5.wdt-heading-title-wrapper .wdt-heading-title {font-size: clamp(1.5rem, 1.3885rem + 0.5096vw, 2rem); /* Min-24 & Max-32 */ }
.elementor-widget-text-editor .elementor-widget-container h6, div h6,
.wdt-heading-holder h6.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(1.25rem, 1.1943rem + 0.2548vw, 1.5rem); /* Min-20 & Max-24 */ }
