:root {
    /* Typography Variables */
    --font-heading: 'Poppins', sans-serif;;
    --font-body: 'Inter', sans-serif;;
        --body-font-size-mobile: 16px;
    --body-font-size-desktop: 16px;
    --body-font-weight: 400;
    --body-line-height-mobile: 1.75;
    --body-line-height-desktop: 1.75;

    /* Home Page Specific Typography Styles */
    
    --home-h1-font-weight: 700;
    --home-h1-text-transform: none;
    --home-h1-mobile-font-size: 40px;
    --home-h1-mobile-line-height: 1.2;
    --home-h1-mobile-margin-bottom: 15px;
    --home-h1-desktop-font-size: 48px;
    --home-h1-desktop-line-height: 1.2;
    --home-h1-desktop-margin-bottom: 25px;
--home-h2-font-weight: 700;
    --home-h2-text-transform: none;
    --home-h2-mobile-font-size: 36px;
    --home-h2-mobile-line-height: 1.2;
    --home-h2-mobile-margin-bottom: 15px;
    --home-h2-desktop-font-size: 44px;
    --home-h2-desktop-line-height: 1.2;
    --home-h2-desktop-margin-bottom: 25px;
--home-h3-font-weight: 700;
    --home-h3-text-transform: none;
    --home-h3-mobile-font-size: 32px;
    --home-h3-mobile-line-height: 1.2;
    --home-h3-mobile-margin-bottom: 15px;
    --home-h3-desktop-font-size: 40px;
    --home-h3-desktop-line-height: 1.2;
    --home-h3-desktop-margin-bottom: 25px;
--home-h4-font-weight: 700;
    --home-h4-text-transform: none;
    --home-h4-mobile-font-size: 28px;
    --home-h4-mobile-line-height: 1.2;
    --home-h4-mobile-margin-bottom: 15px;
    --home-h4-desktop-font-size: 36px;
    --home-h4-desktop-line-height: 1.2;
    --home-h4-desktop-margin-bottom: 25px;
--home-h5-font-weight: 700;
    --home-h5-text-transform: none;
    --home-h5-mobile-font-size: 24px;
    --home-h5-mobile-line-height: 1.2;
    --home-h5-mobile-margin-bottom: 15px;
    --home-h5-desktop-font-size: 32px;
    --home-h5-desktop-line-height: 1.2;
    --home-h5-desktop-margin-bottom: 25px;
--home-h6-font-weight: 700;
    --home-h6-text-transform: none;
    --home-h6-mobile-font-size: 20px;
    --home-h6-mobile-line-height: 1.2;
    --home-h6-mobile-margin-bottom: 15px;
    --home-h6-desktop-font-size: 28px;
    --home-h6-desktop-line-height: 1.2;
    --home-h6-desktop-margin-bottom: 25px;
--home-page-text-font-weight: 400;
    --home-page-text-text-transform: none;
    --home-page-text-mobile-font-size: 16px;
    --home-page-text-mobile-line-height: 1.5;
    --home-page-text-mobile-margin-bottom: 15px;
    --home-page-text-desktop-font-size: 18px;
    --home-page-text-desktop-line-height: 1.5;
    --home-page-text-desktop-margin-bottom: 25px;
    
    /* Internal Page Typography Styles */
    --body-font-size-mobile: 16px;
    --body-font-size-desktop: 16px;
    --body-font-weight: 400;
    --body-line-height-mobile: 1.75;
    --body-line-height-desktop: 1.75;

        --heading-font-weight: 800; /* Covers all heading tags */
    --heading-text-transform: capitalize; /* Covers all heading tags */

    --h1-font-size-mobile-xs: 32px; /* 320px - 575px */
    --h1-font-size-mobile-sm: 40px; /* 576px - 991px */
    --h1-font-size-desktop: 60px; /* 992px and up */
    --h1-line-height-mobile: 1;
    --h1-line-height-desktop: 1.2;

    --h2-font-size-mobile: 30px;
    --h2-font-size-desktop: 44px;
    --h2-line-height-mobile: 1.2;
    --h2-line-height-desktop: 1.1818181818182;

    --h3-font-size-mobile: 26px;
    --h3-font-size-desktop: 38px;
    --h3-line-height-mobile: 1.1538461538462;
    --h3-line-height-desktop: 1.1578947368421;

    --h4-font-size-mobile: 24px;
    --h4-font-size-desktop: 28px;
    --h4-line-height-mobile: 1.25;
    --h4-line-height-desktop: 1.25;

    --h5-font-size-mobile: 22px;
    --h5-font-size-desktop: 24px;
    --h5-line-height-mobile: 1.3181818181818;
    --h5-line-height-desktop: 1.2916666666667;

    --h6-font-size-mobile: 20px;
    --h6-font-size-desktop: 20px;
    --h6-line-height-mobile: 1.4;
    --h6-line-height-desktop: 1.4;

    --coupon-heading-font-size-mobile: px;
    --coupon-heading-font-size-desktop: px;

    /* Mobile Header */
    --mobile-header-height: 100px; /* This sets the mobile header height, as well as the distance of the mobile nav menu from the top of the page */
    --mobile-header-logo-max-height: 80px;
    --hamburger-color: #ffffff;


    /* Navbar */
        --nav-link-font-size: 15px;
    --nav-link-font-family: var(--font-body);
    --nav-link-font-weight: 600;
    --nav-link-text-transform: uppercase;
    --nav-dropdown-icon-desktop: "e918"; 
    --nav-mobile-nav-link-border-color: rgb(0,0,0);
    --mobile-nav-dropdown-icon-color: #000000;
    --mobile-nav-dropdown-icon-background: #d8d8d8;
    --nav-background: ;
    --nav-background-mobile: rgb(59,18,188);
    --nav-link-hover-text: rgb(255,255,255);
    --mobile-nav-link-color: rgb(255,255,255);
    --nav-dropdown-text: #ffffff;
    --nav-dropdown-background: rgb(59,18,188);
    --nav-dropdown-hover-text: #ffffff;
    --nav-dropdown-hover-background: rgb(24,11,132);
    --mobile-subnav-background: ;
    --mobile-subnav-text: ;
    --active-parent-background: ;
    --active-parent-text: ;
    --nav-link: rgb(255,255,255);

    /* Footer Forms (postscript-contact) */
        --footer-form-text-color: #5f5f5f; /* This setting covers typed text and placeholders.  */
    --footer-form-background-color: #FFFFFF;
    --footer-form-text-size-mobile: 16px;
    --footer-form-text-size-desktop: 23px;
    --footer-form-field-height: 41px; /* This also changes the line height to center the text */ 
    --footer-form-message-field-height: 80px;
    --footer-form-fields-border-radius: 8px;
    --footer-form-field-margin: 30px; /* Vertical space between fields */
    --footer-form-button-margin: 30px; /* Vertical space between submit button and form fields */
    --footer-form-arrow-color: #888888;
    --footer-form-arrow-width: 8px;
    --footer-form-arrow-height: 5px;
    --footer-form-arrow-right-distance: 20px; /* Measures how far the arrow is from the ride side of input field */
                --footer-form-field-border: rgb(95,95,95) 1px solid;
    
    --testimonial-section-mobile-padding-top: 0px;
    --testimonial-section-mobile-padding-bottom: 0px;
    --testimonial-section-desktop-padding-top: 0px;
    --testimonial-section-desktop-padding-bottom: 0px;

    --testimonial-bg: linear-gradient(, );
    /* Mobile Background Image Settings */
    --testimonial-bg-mobile-position: ;
    --testimonial-bg-mobile-repeat: ;
    --testimonial-bg-mobile-size: ;

    /* Desktop Background Image Settings */
    --testimonial-bg-desktop-position: ;
    --testimonial-bg-desktop-repeat: ;
    --testimonial-bg-desktop-size: ;

        --conversion-page-review-box-background: ;
    --conversion-page-review-box-border-radius: 0px;
    --conversion-page-review-box--stars-color: ;
    --conversion-page-review-box-text-color: ;
    --conversion-page-review-box-text-mobile-font-size: 16px;
    --conversion-page-review-box-text-desktop-font-size: 18px;
    --conversion-page-review-box-author-name-color: ;
    --conversion-page-review-box-author-name-mobile-font-size: 14px;
    --conversion-page-review-box-author-name-desktop-font-size: 16px;
         
    --conversion-review-source-font-size: 14px;

    /* Page Element Options */
    --panel-background: rgb(43,103,120);
    --panel-border-color: rgb(66,158,184);
    --panel-color: #ffffff;

        --shadowbox-background: #ffffff;
    --shadowbox-box-shadow: rgba(50,50,50,0.4);
    --shadowbox-box-shadow-hover: rgba(50,50,50,0.92);
    --shadowbox-color: rgb(50,50,50);

        --text-shadowbox-background: rgb(66,158,184);
    --text-shadowbox-box-shadow-color: rgb(43,103,120);
    --text-shadowbox-text-color: #ffffff;
    --text-shadowbox-heading-color: #ffffff;
    --text-shadowbox-link-color: #ffffff;
    --text-shadowbox-link-hover-background: #ffffff;
    --text-shadowbox-link-hover-color: rgb(66,158,184);

        --text-shadowbox-light-background-color: rgb(228,84,36);
    --text-shadowbox-light-box-shadow-color: rgb(196,72,31);
    --text-shadowbox-light-text-color: #ffffff;
    --text-shadowbox-light-heading-color: #ffffff;
    --text-shadowbox-light-link-color: rgb(255,255,255);
    --text-shadowbox-light-link-background-color: rgb(255,255,255);
    --text-shadowbox-light-link-hover-color: rgb(228,84,36);

        --gradient-box-background: linear-gradient(to bottom, #429eb8, #2b6778);
    --gradient-box-border-radius: px;
    --gradient-box-text-color: #ffffff;
    --gradient-box-heading-color: #ffffff;
    --gradient-box-link-color: #ffffff;
    --gradient-box-link-background-color: #ffffff;
    --gradient-box-link-hover-color: rgb(50,50,50);

        --gradient-box-light-background: linear-gradient(to bottom, #abe7f4, #429eb8);
    --gradient-box-light-border-radius: px;
    --gradient-box-light-text-color: rgb(50,50,50);
    --gradient-box-light-heading-color: rgb(50,50,50);
    --gradient-box-light-link-color: rgb(228,84,36);
    --gradient-box-light-link-background-color: rgb(228,84,36);
    --gradient-box-light-link-hover-color: rgb(50,50,50);

        --photo-box-background-image: url();
    --photo-box-background-position: center;
    --photo-box-background-repeat: no-repeat;
    --photo-box-background-size: cover;
    --photo-box-border-radius: 15px;
    --photo-box-text-color: rgb(198,198,198);
    --photo-box-heading-color: rgb(198,198,198);
    --photo-box-link-color: rgb(0,102,204);
    --photo-box-link-background-color: rgb(0,102,204);
    --photo-box-link-hover-color: rgb(204,0,0);

        --color-strip-box-background-color: #ffffff;
    --color-strip-box-border-radius: 0px;
    --color-strip-box-border-top: #DC762A;
    --color-strip-box-text-color: #000000;
    --color-strip-box-heading-color: #000000;
    --color-strip-box-link-color: rgb(0,102,204);
    --color-strip-box-link-background-color: rgb(0,102,204);
    --color-strip-box-link-hover-color: rgb(204,0,0);

        --border-box-background-color: #ffffff;
    --border-box-border-radius: 0px;
    --border-box-border: #DC762A;
    --border-box-text-color: #000000;
    --border-box-heading-color: #000000;
    --border-box-link-color: rgb(0,102,204);
    --border-box-link-background-color: rgb(0,102,204);
    --border-box-link-hover-color: rgb(204,0,0);

    --text-highlight-border-bottom: 2px solid #DBDBDB;
    --text-highlight-border-top: 2px solid #DBDBDB;
    --text-highlight-color: #000000;

    --blockquote-background: rgb(244,244,244);
    --blockquote-border-color: rgb(228,84,36);
    --blockquote-text-color: rgb(50,50,50);

    /* Slick Carousel Option */
        --slick-dot-color: ;
    --slick-dot-color-active: ;
    --slick-dot-border-color: ;
    --slick-dot-size-desktop: px;
    --slick-dot-size-mobile: px;
    --slick-dot-border-size: px;
    --slick-dot-horizontal-spacing-mobile: px;
    --slick-dot-horizontal-spacing-desktop: px;
    --slick-dot-vertical-spacing-mobile: px;
    --slick-dot-vertical-spacing-desktop: px;

    /* Footer Variables */
                --footer-background: #03c3e6;
        --footer-heading: #ffffff;
        --footer-text: #ffffff;
        --footer-links: #ffffff;
        --footer-links-hover: #ffffff;
    
    /* Header and Other New Variables */
    --header-background: #ffffff;
    --mobile-header-background: #ffffff;
    --mobile-header-drop-shadow-height: 20px;
    --mobile-header-drop-shadow-color: rgba(0, 0, 0, 0.7);
    --header-drop-shadow-height: 20px;
    --header-drop-shadow-color: rgba(0, 0, 0, 0.7);

    /* Accordion Variables */
    --accordion-heading: ;
    --accordion-heading-hover: ;
    --accordion-icon-color: ;
    --accordion-icon-color-hover: ;
    --accordion-heading-background: ;
    --accordion-heading-background-hover: ;
    --accordion-border: ;
    --accordion-body-background: ;
    --accordion-body-text: ;
    --accordion-link: ;
    --accordion-link-hover: ;

    --sidebar-form-background: #019444;
    --sidebar-form-heading: #ffffff;

    /* Blog & Pagination Variables */
    --blog-theme-1-heading: #383838;
    --blog-theme-1-date-box-background: #ff8917;
    --blog-theme-1-date-box-text: #ffffff;
    --blog-theme-2-heading: #03c3e6;
    --blog-theme-2-heading-hover: #00afd2;
    --blog-theme-2-heading-divider-line: #383838;
    --pagination-link-text-color: #2881f6;
    --pagination-link-text-hover-color: #2881f6;
    --pagination-active-link-background: ;
    --pagination-active-link-text-color: #2881f6;
    --single-blog-post-h1-font-size-mobile: px;
    --single-blog-post-h1-font-size-desktop: px;

    --bullets-font-awesome-icon: url('');
    --bullets-font-awesome-icon-width: 20px;
    --bullets-font-awesome-icon-height: 20px;
        --bullets-color: transparent;
    --bullets-mask-mode: background;
    --bullets-use-mask: false;
    --bullets-background: url('');
    --bullet-positioning: 6px;

    --primary-links: #0066cc;
    --primary-links-hover: #cc0000;
    --secondary-links: #cc0000;
    --secondary-links-hover: #0066cc;

    /* Selection and Mark Variables */
    --selection-background: #b4d7fe;
    --selection-color: rgb(0,32,26);
    --mark-background: rgb(228,84,36);
    --mark-color: #ffffff;

    /* Body and Typography Variables */
    --body-background: #ffffff;
    --body-text: #000000;
    --page-title-h1: rgb(59,18,188);

    /* Content Area Heading Colors */
    --internal-page-h2-color: rgb(59,18,188);
    --internal-page-h3-color: rgb(59,18,188);
    --internal-page-h4-color: #dd3333;
    --internal-page-h5-color: #81d742;
    --internal-page-h6-color: #1e73be;

    /* Form Variables */
    --placeholder-text: #444444;

    /* Contact Page Variables */
    --contact-page-sidebar-heading-font-size: px;
    --contact-page-sidebar-phone-color: ;
    --contact-page-sidebar-phone-font-size: px;

    /* Mobile Header Variables */
    --mobile-header-icon-font-size-small: 32px;
    --mobile-header-icon-font-size-large: 50px;
    --mobile-header-phone-icon-color: rgb(107,239,69);
    --mobile-header-dollar-icon-color: ;
    --mobile-nav-buttons-section-background: rgb(59,18,188);

    /* Footer Form Variables */
    --contact-form-section-background-color: ;
    --footer-contact-form-text: ;
    --footer-contact-form-heading: ;

    /* Footer Variables */
    --copyright-section-background: #ffffff;
    --copyright-section-text: #000000;

    /* Mobile Header Button Variables */
        --mobile-header-button-font-family: var(--font-heading);
    --mobile-header-button-font-size: 16px;
    --mobile-header-button-font-weight: 800;
    --mobile-header-button-text-transform: capitalize;
    --mobile-header-button-1-text-color: rgb(255,255,255);
    --mobile-header-button-2-text-color: ;

    /* Form Dropdown Variables */
        --form-dropdown-container-background: #ffffff;
    --form-dropdown-item-text: #383838;
    --form-dropdown-item-font-size: px;
    --form-dropdown-selected-item-background: #dddddd;
    --form-dropdown-selected-item-text: #383838;
    --form-dropdown-item-hover-background: #5897fb;
    --form-dropdown-item-hover-text: #ffffff;

    /* Internal Page Header Variables - Moved to sdm_output_page_header_overrides() function */

    /* Contact Form Section Background Variables */
    --contact-form-section-background-mobile: none;
    --contact-form-section-background-mobile-position: center;
    --contact-form-section-background-mobile-repeat: no-repeat;
    --contact-form-section-background-mobile-size: cover;

    --contact-form-section-background-tablet: none;
    --contact-form-section-background-tablet-position: center;
    --contact-form-section-background-tablet-repeat: no-repeat;
    --contact-form-section-background-tablet-size: cover;

    --contact-form-section-background-desktop: none;
    --contact-form-section-background-desktop-position: center;
    --contact-form-section-background-desktop-repeat: no-repeat;
    --contact-form-section-background-desktop-size: cover;

    /* Meet the Team Variables */
        --mtt-column-count: 3;
    --mtt-shadowbox-box-shadow-color: rgba(0, 0, 0, 0.16);
    --mtt-shadowbox-background: #FFFFFF;
    --mtt-shadowbox-border-radius: 0;
    --mtt-shadowbox-border-color: #FFAA64;
    --mtt-line-color: #C6C6C6;
    --mtt-maximum-lines-of-text-when-collapsed: 5;
    --mtt-arrow-color: #FC8C30;
    --mtt-arrow-text-collapsed: "SEE MORE";
    --mtt-arrow-text-expanded: "SEE LESS";
    --mtt-arrow-text-color: #4B4B4B;
    --mtt-arrow-text-font-weight: 700;
    --mtt-arrow-text-font-size: 14px;
    --mtt-image-border-radius: ;
    --mtt-placeholder-color: #000000;
    --mtt-placeholder-background: #EBEBEB;
    --mtt-name-color: #4B4B4B;
    --mtt-name-font-weight: 800;
    --mtt-name-font-size-0px-575px: 20px;
    --mtt-name-font-size-576px: 24px;
    --mtt-job-title-color: #FC8C30;
    --mtt-job-title-font-weight: 800;
    --mtt-job-title-font-size-0px-575px: 14px;
    --mtt-job-title-font-size-576px: 18px;
    --mtt-bio-color: #868686;
    --mtt-bio-font-weight: 400;
    --mtt-bio-font-size-0px-575px: 14px;
    --mtt-bio-font-size-576px: 16px;

    /* Author Box Variables */
        --meet-the-author-font-size: px;
    --author-name-font-size: px;
    --author-title-font-size: px;
    --author-description-font-size: px;
    --nav-tab-font-size: px;
    --nav-tab-text-color: #707070;

        --post-heading-font-size: px;
    --post-excerpt-font-size: px;
    --post-link-font-size: px;

    /* Button variables are managed in assets/scss/components/_buttons.scss */
}