/* --------------------- Global Fonts Styles ---------------------*/
@font-face {
    font-family: 'BDSupper';
    src: url('fonts/BDSupper.eot');
    src: url('fonts/BDSupper.eot') format('embedded-opentype'),
        url('fonts/BDSupper.woff2') format('woff2'),
        url('fonts/BDSupper.woff') format('woff'),
        url('fonts/BDSupper.ttf') format('truetype'),
        url('fonts/BDSupper.svg#BDSupper') format('svg');
} 

@font-face {
    font-family: 'BDSupperBold';
    src: url('fonts/BDSupperBold.eot');
    src: url('fonts/BDSupperBold.eot') format('embedded-opentype'),
         url('fonts/BDSupperBold.woff2') format('woff2'),
         url('fonts/BDSupperBold.woff') format('woff'),
         url('fonts/BDSupperBold.ttf') format('truetype'),
         url('fonts/BDSupperBold.svg#BDSupperBold') format('svg');
}


:root {
    --BDSupper-family: 'BDSupper',sans-serif;
    --BDSupperBold-family: 'BDSupperBold',sans-serif;
    
    --mr-eaves-family: "mr-eaves-modern",sans-serif;
    --mr-eaves-weight:300;
    --neue-kabel-family: "neue-kabel",sans-serif; 
    --neue-kabel-weight:400;

    --small-text-font-size-14: 14px;
    --small-text-font-size-11: 11px;    

    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-19: 19px;
    --font-size-20: 20px;

    --letter-spacing-002: 0.02pt;
    --line-height-20: 20px;
    
    --small-text-14-letter-spacing: 0.3pt;

    --small-text-letter-spacing: 0.3pt;
    --small-text-line-height: 12px; /*12px Old */
    /* for Uppercase*/
    --small-text-line-height-upppercase:18px;
    --small-text-14-letter-spacing-upppercase: 1px;
    --small-text-underline: underline;

    --small-heading-font-size-17: 17px; 
    --small-heading-letter-spacing: 0.02pt;
    --small-heading-line-height: 19px;
    --small-heading-underline: underline;

    --body-tag-font-size: 22px;
    --body-tag-font-weight: 300;
    --body-tag-letter-spacing: 0.02pt;

    --body-bigger-font-size:24px;
    --body-bigger-letter-spacing: 0.02pt;
    --body-bigger-line-height: 31px;
    --body-bigger-underline: underline;


    --brand-color: #DB4105;
    --brand-bg-color: #DB4105;
    --transparent-bg: transparent;

    --black-text-color:#000000;
    --white-text-color:#ffffff;
    --gray-text-color:#80849B;
    --dark-gray-text-color:#545871;
    --error-text-color:#FF0000;
    --error-bg-color:#FFE2E2;

    --success-text-color:#5A767A;
    --success-bg-color:#ECFFEE;

    --text-transform-capitalize:capitalize;
    --text-transform-uppercase:uppercase;
    --text-decoration-underline:underline;

    --text-center:center;

    --width-100:100%;

    /* H1 Style */
    --heading-1-font-size: 32px;
    --heading-1-letter-spacing: normal;
    --heading-1-line-height: 41px;

    /* H2 Style */
    --heading-2-font-size: 24px;
    --heading-2-letter-spacing: normal;
    --heading-2-line-height: 31px;
    
    /* H4 Style */
    --heading-4-font-size: 15px;
    --heading-4-letter-spacing: normal;
    --heading-4-line-height: 19px;

    /* H3 Style */
    --heading-3-font-size: 20px;
    --heading-3-letter-spacing: normal;
    --heading-3-line-height: 26px;

    /* Form Label Style */
    --form-label-font-size: 21px;
    --form-label-letter-spacing: 0.02pt;
    --form-label-line-height: 20px;
    --form-label-font-weight: 300;

    /* Form Error Text Style */
    --error-text-font-size: 18px;
    --error-text-letter-spacing: 0.02pt;
    --error-text-line-height: 20px;


    /* Website anchor tag a Styles */
    --a-tag-font-size: 22px;
    --a-tag-letter-spacing: 0.02pt;
    --a-tag-line-height: 26px;
    --a-tag-font-weight: 300;

    /* Website P Styles */
    --p-tag-font-size: 22px;
    --p-tag-letter-spacing: 0.02pt;
    --p-tag-line-height: 26px;
    --p-tag-font-weight: 300;

    /* Form Input Styles */
    --form-input-textarea-font-size: 26px;
    --form-input-textarea-letter-spacing: 0.03pt;
    --form-input-textarea-line-height: 33px;
    --form-input-textarea-font-weight: 300;

    /* Form Button Styles */
    --form-button-font-size: 16px;
    --form-button-letter-spacing: 0.38pt;
    --form-button-line-height: 20px;
    --form-button-font-weight: 400;

    /* Form Button Text Styles */
    --button-text-font-size: 16px;
    --button-text-letter-spacing: 0.02pt;
    --button-text-line-height: 20px;
    --button-text-font-weight: 400;

    /* Woocommerce Error Messsage Style */
    --woo-error-font-size: 20px;
    --woo-error-letter-spacing: 0.02pt;
    --woo-error-line-height: 22px;
    --woo-error-font-weight: 300;
    
    
    /* Error Messsage Style */
    --error-message-font-size: 20px;
    --error-message-letter-spacing: 0.02pt;
    --error-message-line-height: 26px;
    --error-message-color: #FF0000;
    
    /* Woocommerce Success Messsage Style */
    --woo-success-font-size: 20px;
    --woo-success-letter-spacing: 0.02pt;
    --woo-success-line-height: 22px;
    --woo-success-font-weight: 300;

    /* Error Messsage Style */
    --error-message-font-size: 20px;
    --error-message-letter-spacing: 0.02pt;
    --error-message-line-height: 26px;
    --error-message-color: #FF0000;

    /* Check box Label Style */
    --checkbox-label-font-size: 21px;
    --checkbox-label-letter-spacing: 0.02pt;
    --checkbox-label-line-height: 32px;
    --checkbox-label-font-weight: 300;

    /* Checkbox Text Design */
    --checkbox-text-font-size: 21px;
    --checkbox-text-letter-spacing: 0.02pt;
    --checkbox-text-line-height: 20px;
    --checkbox-text-font-weight: 300;
}

html body,
html body .body-text {
    font-family: var(--mr-eaves-family);
    font-size: var(--body-tag-font-size);
    font-weight: var(--mr-eaves-weight);
    letter-spacing: var(--body-tag-letter-spacing);
    color: var(--black-text-color);
}

html body .body-text-underline {
    font-family: var(--mr-eaves-family);
    font-size: var(--body-tag-font-size);
    font-weight: var(--mr-eaves-weight);
    letter-spacing: var(--body-tag-letter-spacing);
    text-decoration: var(--text-decoration-underline);
    color: var(--black-text-color);
}

a {
    font-family: var(--mr-eaves-family);
    font-size: var(--a-tag-font-size);
    letter-spacing: var(--a-tag-letter-spacing);  
    line-height: var(--a-tag-line-height);
    font-weight: var(--mr-eaves-weight);
    color: var(--brand-color);
}

html body h1,
.entry-content h1 {
    font-family: var(--neue-kabel-family);
    font-size: var(--heading-1-font-size) !important;
    letter-spacing: var(--heading-1-letter-spacing);  
    line-height: var(--heading-1-line-height);
    color: var(--black-text-color);
    font-weight: var(--neue-kabel-weight);
}

html body h2,
.entry-content h2 {
    font-family: var(--neue-kabel-family);
    font-size: var(--heading-2-font-size) !important;
    letter-spacing: var(--heading-2-letter-spacing);  
    line-height: var(--heading-2-line-height);
    color: var(--black-text-color);
    font-weight: var(--neue-kabel-weight);
}

html body h3,
.entry-content h3 { 
    font-family: var(--neue-kabel-family);
    font-size: var(--heading-3-font-size) !important;
    letter-spacing: var(--heading-3-letter-spacing);  
    line-height: var(--heading-3-line-height);
    color: var(--black-text-color);
    font-weight: var(--neue-kabel-weight);
}

html body h4,
.entry-content h4,
.heading-4{
    font-family: var(--neue-kabel-family);
    font-size: var(--heading-4-font-size) !important;
    letter-spacing: var(--heading-4-letter-spacing);  
    line-height: var(--heading-4-line-height);
    color: var(--black-text-color);
    font-weight: var(--neue-kabel-weight);
}


html body p {
    font-family: var(--mr-eaves-family);
    font-size: var(--p-tag-font-size) !important;
    letter-spacing: var(--p-tag-letter-spacing);   
    line-height: var(--p-tag-line-height); 
    font-weight: var(--mr-eaves-weight);
    color: var(--black-text-color);
}

html body form .form-row label,
.form-input-label {    
    font-family: var(--mr-eaves-family);
    font-size: var(--form-label-font-size);
    letter-spacing: var(--form-label-letter-spacing);    
    font-weight: var(--mr-eaves-weight);
    line-height: var(--form-label-line-height);
    color: var(--gray-text-color);   
    text-transform: var(--text-transform-capitalize);
}

html body form .form-row input, 
html body form .form-row textarea,
.form-input, html body .emailoctopus-form input[type=email] {
    font-family: var(--mr-eaves-family);
    font-size: var(--form-input-textarea-font-size);
    letter-spacing: var(--form-input-textarea-letter-spacing);
    font-weight: var(--mr-eaves-weight);
    line-height: var(--form-input-textarea-line-height);
    color: var(--black-text-color);   
}

.form-select {
    font-family: var(--mr-eaves-family);
    font-size: var(--form-input-textarea-font-size);
    letter-spacing: var(--form-input-textarea-letter-spacing);
    font-weight: var(--mr-eaves-weight);
    line-height: var(--form-input-textarea-line-height);
    color: var(--black-text-color);
}

html body form .form-row input.button[type="submit"], 
.woocommerce input.button[type="submit"],
.vt_section_foot button.vt_next_sec_btn,
.vt_a2c_btn,
a.button, 
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.entry-content a.button {
    font-family: var(--neue-kabel-family);
    font-size: var(--form-button-font-size);
    letter-spacing: var(--form-button-letter-spacing);
    line-height: var(--form-button-line-height);
    color: var(--white-text-color);  
    text-align: var(--text-center);
    text-transform: var(--text-transform-uppercase);
    background: var(--brand-bg-color);
    font-weight: var(--form-button-font-weight);
    border: 1px solid var(--brand-bg-color);
    border-radius: 0;
}

html body form .form-row input.button.border_btn[type="submit"], 
.woocommerce input.button.border_btn[type="submit"],
.vt_section_foot button.vt_next_sec_btn.border_btn,
.vt_a2c_btn.border_btn,
a.button.border_btn, 
button.border_btn, 
input.border_btn[type="button"], 
input.border_btn[type="reset"], 
input.border_btn[type="submit"], 
.entry-content a.button.border_btn {
    font-family: var(--neue-kabel-family);
    font-size: var(--form-button-font-size);
    letter-spacing: var(--form-button-letter-spacing);
    line-height: var(--form-button-line-height);
    color: var(--brand-color);  
    text-align: var(--text-center);
    text-transform: var(--text-transform-uppercase);
    background: var(--transparent-bg);
    font-weight: var(--form-button-font-weight);
    border: 1px solid var(--brand-bg-color);
        border-radius: 0;
}

a.button:focus, 
a.button:hover, 
button:focus, 
button:hover, 
input[type="button"]:focus, 
input[type="button"]:hover, 
input[type="reset"]:focus, 
input[type="reset"]:hover, 
input[type="submit"]:focus, 
input[type="submit"]:hover, 
.entry-content a.button:focus, 
.entry-content a.button:hover, 
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, 
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, 
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, 
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
   box-shadow: none !important; 
}

.woocommerce-error, 
html body.woocommerce-page.woocommerce-lost-password main#genesis-content .woocommerce .woocommerce-error,
.ngc_validation.errorType {
    font-size: var(--woo-error-font-size);
    color: var(--error-text-color);
    font-family: var(--mr-eaves-family);
    font-weight: var(--mr-eaves-weight);
    line-height: var(--woo-error-line-height);
    letter-spacing: var(--woo-error-letter-spacing);
    background: var(--error-bg-color);
}

html body.woocommerce-page.woocommerce-lost-password main#genesis-content .woocommerce .woocommerce-error a
{
    color: var(--error-text-color);
}

.woocommerce-message,
html body.woocommerce-page.woocommerce-lost-password main#genesis-content .woocommerce .woocommerce-message {
    font-size: var(--woo-success-font-size);
    color: var(--success-text-color);
    font-family: var(--mr-eaves-family);
    font-weight: var(--mr-eaves-weight);
    line-height: var(--woo-success-line-height);
    letter-spacing: var(--woo-success-letter-spacing);
    background: var(--success-bg-color);
}

.newCheckBoxDesign label {
    font-size: var(--checkbox-label-font-size);
    color: var(--gray-text-color);
    font-family: var(--mr-eaves-family);
    font-weight: var(--mr-eaves-weight);
    line-height: var(--checkbox-label-line-height);
    letter-spacing: var(--checkbox-label-letter-spacing);
} 

html body .small-text-14-underlined {
    font-family: var(--mr-eaves-family);
    font-size: var(--small-text-font-size-14);
    letter-spacing: var(--small-text-14-letter-spacing);
    line-height: var(--small-text-line-height);
    font-weight: var(--mr-eaves-weight);
    text-decoration: var(--small-text-underline);
    color: var(--dark-gray-text-color) !important;
}

html body .small-text-14 {
    font-family: var(--mr-eaves-family);
    font-size: var(--small-text-font-size-14);
    letter-spacing: var(--small-text-14-letter-spacing);
    line-height: var(--small-text-line-height);
    font-weight: var(--mr-eaves-weight);
    color: var(--dark-gray-text-color) !important;
}
html body .small-text-14-uppercase {
    font-family: var(--mr-eaves-family);
    font-size: var(--small-text-font-size-14);
    letter-spacing: var(--small-text-14-letter-spacing-upppercase);
    line-height: var(--small-text-line-height-upppercase);
    font-weight: var(--mr-eaves-weight);
    color: var(--dark-gray-text-color) !important;
    text-transform: var(--text-transform-uppercase);
}

html body .small-text-11-underlined {
    font-family: var(--mr-eaves-family);
    font-size: var(--small-text-font-size-11);
    letter-spacing: var(--small-text-letter-spacing);
    line-height: var(--small-text-line-height);
    font-weight: var(--mr-eaves-weight);
    text-decoration: var(--small-text-underline);
    color: var(--dark-gray-text-color) !important;
}

html body .small-text-11 {
    font-family: var(--mr-eaves-family);
    font-size: var(--small-text-font-size-11);
    letter-spacing: var(--small-text-letter-spacing);
    line-height: var(--small-text-line-height);
    font-weight: var(--mr-eaves-weight);
    color: var(--dark-gray-text-color) !important;
}
html body .small-heading {
    font-family: var(--mr-eaves-family);
    font-size: var(--small-heading-font-size-17);
    letter-spacing: var(--small-heading-letter-spacing);
    line-height: var(--small-heading-line-height);
    font-weight: var(--mr-eaves-weight);
    color: var(--gray-text-color) !important;
}
html body .small-heading-text {
    font-family: var(--mr-eaves-family);
    font-size: var(--small-heading-font-size-17);
    letter-spacing: var(--small-heading-letter-spacing);
    line-height: var(--small-heading-line-height);
    font-weight: var(--mr-eaves-weight);
    color: var(--black-text-color) !important; 
}

html body .body-bigger-text {
    font-family: var(--neue-kabel-family);
    font-size: var(--body-bigger-font-size);
    letter-spacing: var(--body-bigger-letter-spacing);
    line-height: var(--body-bigger-line-height); 
    color: var(--black-text-color) !important;
    font-weight: var(--neue-kabel-weight);
}
html body .body-bigger-text-underline {
    font-family: var(--neue-kabel-family);
    font-size: var(--body-bigger-font-size);
    letter-spacing: var(--body-bigger-letter-spacing);
    line-height: var(--body-bigger-line-height);    
    text-decoration: var(--body-bigger-underline);
    color: var(--black-text-color) !important;
    font-weight: var(--neue-kabel-weight);
}

html body .error-text {
    font-family: var(--mr-eaves-family);
    font-size: var(--error-text-font-size);
    letter-spacing: var(--error-text-letter-spacing);
    line-height: var(--error-text-line-height);
    font-weight: var(--mr-eaves-weight);
    color: var(--error-text-color);    
}

html body .error-message {
    font-family: var(--mr-eaves-family);
    font-size: var(--error-message-font-size);
    letter-spacing: var(--error-message-letter-spacing);
    line-height: var(--error-message-line-height);
    font-weight: var(--mr-eaves-weight);
    color: var(--error-message-color);    
}

html body .link-text-lower {
}

html body .link-text-upper {
    font-size: var(--font-size-16);
    text-transform: var(--text-transform-uppercase);
    font-family: var(--neue-kabel-family); 
    letter-spacing: var(--letter-spacing-002);
    line-height: var(--line-height-20);
}

.checkbox-text {
    font-size: var(--checkbox-text-font-size);
    color: var(--gray-text-color);
    font-family: var(--mr-eaves-family);
    font-weight: var(--mr-eaves-weight);
    line-height: var(--checkbox-text-line-height);
    letter-spacing: var(--checkbox-text-letter-spacing);
}

.button-text {
    font-size: var(--button-text-font-size);
    color: var(--black-text-color);
    font-family: var(--neue-kabel-family);
    font-weight: var(--neue-kabel-weight);
    line-height: var(--button-text-line-height);
    letter-spacing: var(--button-text-letter-spacing);
}