/* Variables */

:root {

    /* Radius Variables */
    --skazzyRadius_Zero: 0;
    --skazzyRadius_Part: 2.5em;
    --skazzyRadius_Full: 50%;

    --skazzyRadius_1X: 5px;
    --skazzyRadius_2X: 10px;
    --skazzyRadius_3X: 20px;

    /* Letter Spacing Variables */
    --skazzyLetterSpacing_1X: 1px;
    --skazzyLetterSpacing_2X: 3px;
    --skazzyLetterSpacing_3X: 5px;
    
    --AD-Letter-Spacing: clamp(0rem, -0.0242rem + 0.1077vw, 0.105rem);
    --AD-Letter-Spacing_2px: clamp(0rem, -0.0288rem + 0.1282vw, 0.125rem);

    /* Padding Variables */
    --skazzyInputPadding: 14px 24px;

    --skazzyPadding_Btn: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem) /* Min-10 & Max-12 */
                      clamp(1.5rem, 1.3269rem + 0.7692vw, 2.25rem); /* Min-24 & Max-36 */
    --skazzyPadding_MiniBtn: 12px 20px;
    --skazzyPadding_MaxiBtn: 18px 40px;

    --skazzyBaseTransition: all 0.3s linear 0s;
    --skazzyAltTransition: all 0.35s ease-in-out 0s;
    --skazzy-Ad-Transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);

    /*=== Transform Hover Zoom-Out Style ===*/
    --skazzy-transform-rotateX: 1deg;
    --skazzy-transform-perspective: 600px;
    --skazzy-transform-rotateY: 0deg;
    --skazzy-transform-scale: 0.9;
    --skazzy-transform-transition-duration: 400ms;

    /*=== Transform Hover Zoom-In Style ===*/
    --skazzy-zoo-transform-rotateX: 0.06deg;
    --skazzy-zoo-transform-perspective: 600px;
    --skazzy-zoo-transform-rotateY: 0deg;
    --skazzy-zoo-transform-scale: 1.1;
    --skazzy-zoo-transform-transition-duration: 400ms;

}

/* Typography - Defaults */

    /* Base */
    body, button, input, textarea, select, optgroup { font-family: var(--skazzyFontTypo_Base); font-size: var(--skazzyFontSize_Base); font-weight: var(--skazzyFontWeight_Base); letter-spacing: 0; line-height: var(--skazzyLineHeight_Base); text-transform: none; }

    input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], [role="button"], button, .button, a.button, .skazzy-button, .elementor-button.skazzy-elementor-button, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .skazzy-wcsg-button { line-height: normal; }


    /* Headings */
    h1 { font-size: var(--skazzyFontSize_H1); }
    h2 { font-size: var(--skazzyFontSize_H2); }
    h3 { font-size: var(--skazzyFontSize_H3); }
    h4 { font-size: var(--skazzyFontSize_H4); }
    h5 { font-size: var(--skazzyFontSize_H5); }
    h6 { font-size: var(--skazzyFontSize_H6); }

    h1, h2, h3, h4, h5, h6 { font-family: var(--skazzyFontTypo_Alt); font-weight: var(--skazzyFontWeight_Alt); letter-spacing: 0; line-height: var(--skazzyLineHeight_Alt); text-transform: none; }


    /* Menu */
    
    .no-header-menu ul li a { color: var(--skazzyHeadAltColor);}
    .skazzy-header-menu .skazzy-primary-nav li a { color: var(--skazzyHeadAltColor); }
    .skazzy-header-menu li a { font-family: var(--skazzyFontTypo_Alt); font-weight:var(--skazzyFontWeight_H6);text-transform: uppercase; }
    .skazzy-header-menu ul li ul li > a { font-size: var(--skazzyFontSize_Ext); font-weight: var(--skazzyFontWeight_Base); }


    /* Breadcrumb */
    .main-title-section h1 { font-family: var(--skazzyFontTypo_Alt); }
    .breadcrumb { font-family: var(--skazzyFontTypo_Base); }
    .main-title-section-wrapper > .main-title-section-bg:after { background-color: rgba(var(--skazzySecondaryColorRgb), 0.6); mix-blend-mode: multiply; }


    /* Footer */
    div.footer-widgets .widgettitle, #footer .widgettitle { font-family: var(--skazzyFontTypo_Alt); }
    #footer, .footer-copyright, div.footer-widgets .widget { font-family: var(--skazzyFontTypo_Base); }



/* Base Colors - Defaults */

    body, .layout-boxed .inner-wrapper { background-color: var(--skazzyBodyBGColor); }


    /* Base */
    body { color: var(--skazzyBodyTxtColor); }


    /* Links */
    a { color: var(--skazzyLinkColor); }
    a:hover { color: var(--skazzyLinkHoverColor); }


    /* Headings */
    h1, h2, h3, h4, h5, h6 { color: var(--skazzyHeadAltColor); }

    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(--skazzyLinkHoverColor); }

    /* Footer */
    .skazzy-no-footer-builder-content.footer-copyright:before, .footer-copyright:before { background-color: var(--skazzyTertiaryColor); }

    #footer .widgettitle, div.footer-widgets .widgettitle { color: var(--skazzyHeadAltColor); }

    #footer, div.footer-widgets .widget, .footer-copyright { color: var(--skazzyBodyTxtColor); }
    .footer-copyright { color: var(--skazzyAccentTxtColor); }

    #footer a:not(.button):not(.elementor-button), .footer-widgets a:not(.button):not(.elementor-button) { color:var(--skazzySecondaryColor); }

    #footer a:not(.button):not(.elementor-button):hover, .footer-widgets a:not(.button):not(.elementor-button):hover { color: var(--skazzyLinkHoverColor); }

    #footer .skazzy-dark-bg a, #footer .skazzy-dark-bg .footer-widgets a:not(.button):not(.elementor-button), 
    #footer .skazzy-dark-bg a:not(.button):not(.elementor-button) { color: var(--skazzyBodyBGColor); }

    #footer .skazzy-dark-bg a:hover, #footer .skazzy-dark-bg .footer-widgets a:not(.button):not(.elementor-button):hover,
     #footer .skazzy-dark-bg a:not(.button):not(.elementor-button):hover { color: var(--skazzyPrimaryColor); }


/*==== Addtidional Demo Work ====*/

/* Demo Flex Banner */

.skazzy-fit-height-flex-banner .skazzy-flex-banner-options .skazzy-flex-banner-option:not(:last-child) { margin-right: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem); }

.skazzy-fit-height-flex-banner .skazzy-flex-banner-options .skazzy-flex-banner-option .skazzy-flex-banner-title { 
    font-weight: var(--skazzyFontWeight_Alt); letter-spacing: 0; font-size: clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem); } 
.skazzy-fit-height-flex-banner .skazzy-flex-banner-options .skazzy-flex-banner-option .skazzy-flex-banner-sub-title { 
    font-size: clamp(1.875rem, 1.4423rem + 1.9231vw, 3.75rem); line-height: var(--skazzyLineHeight_Alt); font-family: var(--skazzyFontTypo_Alt); 
    font-weight: var(--skazzyFontWeight_Alt); text-transform: uppercase; letter-spacing: 0; margin-bottom: clamp(1.125rem, 1.0673rem + 0.2564vw, 1.375rem) !important; } 
.skazzy-fit-height-flex-banner .skazzy-flex-banner-options .skazzy-flex-banner-option .skazzy-flex-banner-label .skazzy-flex-banner-info > div.skazzy-flex-banner-button a { 
    margin-top: clamp(0.625rem, 0.3365rem + 1.2821vw, 1.875rem); display: inline-block; text-align: center; font-size: 1rem; 
    padding: var(--skazzyPadding_Btn); font-family: var(--skazzyFontTypo_Base);  line-height: 1; text-transform: capitalize; }

@media ( max-width: 1024px) { 
    .skazzy-fit-height-flex-banner .skazzy-flex-banner-options .skazzy-flex-banner-option .skazzy-flex-banner-title { font-size: 1.4rem; margin: 0 20px 0 0; }
}

/*=== Header with fixed section ===*/
@media (min-width: 1281px) {
    section.skazzy-header-with-fixed-section > .elementor-container { height: calc(100vh - var(--header-height)); }

    /* Demo Flex Banner */
    .skazzy-fit-height-flex-banner .skazzy-flex-banner-options .skazzy-flex-banner-option { height: calc(100vh - calc(var(--header-height) + 40px)); }
}


/*==== Fixed Footer Style ====*/

@media (min-width: 1281px) {
    body.skazzy-fixed-footer-enabled #header-wrapper { z-index: 2; }
    body.skazzy-fixed-footer-enabled #main { z-index: 1; position: relative; background-color: var(--skazzyBodyBGColor); margin-bottom: var(--footer-height); }
    body.skazzy-fixed-footer-enabled #main:before { content: ""; position: absolute; 
        background: var(--skazzyBodyBGColor); top: -50vw; left: 0; right: 0; bottom: 0; z-index: -1; }
    body.skazzy-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.skazzy-fixed-footer-enabled > .wrapper,
    body.skazzy-fixed-footer-enabled > .wrapper > .inner-wrapper,
    body.skazzy-fixed-footer-enabled > .wrapper > .inner-wrapper > #main,
    body.skazzy-fixed-footer-enabled > .wrapper > .inner-wrapper > #main:before { background: inherit; }
}

    /*--------------------------------------------------------------
        Heading Size - Default-Value
    --------------------------------------------------------------*/

    .elementor-widget-text-editor .elementor-widget-container h1, div h1,
    .skazzy-heading-holder h1.skazzy-heading-title-wrapper .skazzy-heading-title { font-size: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); /* Min-40 & Max-60 */  }
    .elementor-widget-text-editor .elementor-widget-container h2, div h2,
    .skazzy-heading-holder h2.skazzy-heading-title-wrapper .skazzy-heading-title { font-size: clamp(2.25rem, 2.125rem + 0.625vw, 2.875rem); /* Min-36 & Max-46 */  }
    .elementor-widget-text-editor .elementor-widget-container h3, div h3,
    .skazzy-heading-holder h3.skazzy-heading-title-wrapper .skazzy-heading-title { font-size: clamp(1.75rem, 1.7rem + 0.25vw, 2rem); /* Min-28 & Max-32 */  }
    .elementor-widget-text-editor .elementor-widget-container h4, div h4,
    .skazzy-heading-holder h4.skazzy-heading-title-wrapper .skazzy-heading-title { font-size: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem); /* Min-24 & Max-28 */ }
    .elementor-widget-text-editor .elementor-widget-container h5, div h5,
    .skazzy-heading-holder h5.skazzy-heading-title-wrapper .skazzy-heading-title { font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);/* Min-20 & Max-24 */ }
    .elementor-widget-text-editor .elementor-widget-container h6, div h6,
    .skazzy-heading-holder h6.skazzy-heading-title-wrapper .skazzy-heading-title { font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); /* Min-16 & Max-20 */ }