/* Variables */

:root {

    /* Radius Variables */
    --tdRadius_Zero: 0;
    --tdRadius_Part: 0;
    --tdRadius_Full: 0;

    --tdRadius_1X: 0px;
    --tdRadius_2X: 0px;
    --tdRadius_3X: 0px;


    /* Padding Variables */
    --tdInputPadding: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem) clamp(1.375rem, 1.2019rem + 0.7692vw, 2.125rem);

    --tdPadding_Btn: 20px 46px;
    --tdPadding_MiniBtn: 12px 20px;
    --tdPadding_MaxiBtn: 18px 40px;

    --tdLetter_Spacing_sm: 0.05em;
    --tdLetter_Spacing: 1.25px;
    --tdLetter_MaxiSpacing: 3px;


    --tdBaseTransition: all 0.3s linear 0s;
    --tdAltTransition: all 0.35s ease-in-out 0s;

}

/* Typography - Defaults */

    /* Base */
    body, button, input, textarea, select, optgroup { font-family: var(--tdFontTypo_Base); font-size: var(--tdFontSize_Base); font-weight: var(--tdFontWeight_Base); letter-spacing: 0; line-height: var(--tdLineHeight_Base); text-transform: none; }

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


    /* Headings */
    h1 { font-size: var(--tdFontSize_H1); letter-spacing: 8.25px; }
    h2 { font-size: var(--tdFontSize_H2); letter-spacing: 7.25px; }
    h3 { font-size: var(--tdFontSize_H3); letter-spacing: 5.25px; }
    h4 { font-size: var(--tdFontSize_H4); letter-spacing: 4.25px; }
    h5 { font-size: var(--tdFontSize_H5); letter-spacing: 2.25px; }
    h6 { font-size: var(--tdFontSize_H6); letter-spacing: 1.25px; }

    h1, h2, h3, h4, h5, h6 { font-family: var(--tdFontTypo_Alt); font-weight: var(--tdFontWeight_Alt); line-height: var(--tdLineHeight_Alt); text-transform: none; }


    /* Menu */
    .td-header-menu li a { font-family: var(--tdFontTypo_Alt); font-weight: var(--tdFontWeight_Ext); }
    .td-header-menu ul li ul li>a { font-size: var(--tdFontSize_Base); font-weight: var(--tdFontWeight_Base); }


    /* Breadcrumb */
    .main-title-section h1 { font-family: var(--tdFontTypo_Alt); }
    .breadcrumb { font-family: var(--tdFontTypo_Base); }
    .main-title-section-wrapper > .main-title-section-bg { background-color: var(--tdSecondaryColor); }


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



/* Base Colors - Defaults */

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


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


    /* Links */
    a { color: var(--tdLinkColor); }
    a:hover { color: var(--tdLinkHoverColor); }


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

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


    /* Menu */
    .no-header-menu ul li a, .td-header-menu .td-primary-nav li a { color: var(--tdAccentTxtColor); }


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

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

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

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

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

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

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