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

    /* 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: 18px;
    --body-font-size-desktop: 20px;
    --body-font-weight: 400;
    --body-line-height-mobile: 1.5;
    --body-line-height-desktop: 1.5;

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

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

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

    --h3-font-size-mobile: 26px;
    --h3-font-size-desktop: 38px;
    --h3-line-height-mobile: 1.15384615385;
    --h3-line-height-desktop: 1.15789473684;

    --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.31818181818;
    --h5-line-height-desktop: 1.29166666667;

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

    /* 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: #000000;


    /* Navbar */
        --nav-link-font-size: 15px;
    --nav-link-font-family: var(--font-body);
    --nav-link-font-weight: 700;
    --nav-link-text-transform: uppercase;
    --nav-dropdown-icon-desktop: "\e918"; 
    --nav-mobile-nav-link-border-color: #d8d8d8;
    --mobile-nav-dropdown-icon-color: #000000;
    --mobile-nav-dropdown-icon-background: #d8d8d8;
    --nav-background: #ffffff;
    --nav-background-mobile: #ffffff;
    --nav-link-hover-text: #0ca7c4;
    --mobile-nav-link-color: ;
    --nav-dropdown-text: #ffffff;
    --nav-dropdown-background: #03c3e6;
    --nav-dropdown-hover-text: #ffffff;
    --nav-dropdown-hover-background: #00afd2;
    --mobile-subnav-background: ;
    --mobile-subnav-text: ;
    --active-parent-background: ;
    --active-parent-text: ;
    --nav-link: #777777;

    /* Footer Forms (postscript-contact) */
        --footer-form-text-color: #383838; /* This setting covers typed text and placeholders.  */
    --footer-form-label-color: #525252;
    --footer-form-background-color: #FFFFFF;
    --footer-form-text-size-mobile: 16px;
    --footer-form-text-size-desktop: 16px;
    --footer-form-field-height: 43px; /* This also changes the line height to center the text */ 
    --footer-form-message-field-height: 80px;
    --footer-form-fields-border-radius: 5px;
    --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: 0 none;
    
    /* Page Element Options */
    --panel-background: #f2f2f2;
    --panel-border-color: #d8d8d8;
    --panel-color: #383838;

        --shadowbox-background: #ffffff;
    --shadowbox-box-shadow: #c4c4c4;
    --shadowbox-box-shadow-hover: #1f2044;
    --shadowbox-color: #000000;

        --text-shadowbox-background: #019444;
    --text-shadowbox-box-shadow-color: #01244c;
    --text-shadowbox-text-color: #ffffff;
    --text-shadowbox-heading-color: #ffffff;
    --text-shadowbox-link-color: ;
    --text-shadowbox-link-hover-background: ;
    --text-shadowbox-link-hover-color: ;

        --text-shadowbox-light-background-color: #019444;
    --text-shadowbox-light-box-shadow-color: #01244c;
    --text-shadowbox-light-text-color: #ffffff;
    --text-shadowbox-light-heading-color: #ffffff;
    --text-shadowbox-light-link-color: #03c3e6;
    --text-shadowbox-light-link-background-color: #03c3e6;
    --text-shadowbox-light-link-hover-color: #0056b3;

        --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: #ffffff;
    --blockquote-border-color: #000000;
    --blockquote-text-color: #000000;

    /* 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: #101010;
        --footer-heading: #ffffff;
        --footer-text: #ffffff;
        --footer-links: #ffffff;
        --footer-links-hover: #ffffff;
    
    /* Header and Other New Variables */
    --header-background: ;
    --mobile-header-background: #cacaca;
    --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;
    --sidebar-form-label-color: #525252;

    /* Blog & Pagination Variables */
    --blog-card-category-background: #7C3AED;
    --blog-card-category-text: #ffffff;
    --blog-card-read-time-color: #677C99;
    --blog-card-title-color: #000000;
    --single-blog-post-category-background: #7C3AED;
    --single-blog-post-category-text: #ffffff;
    --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: 36px;
    --single-blog-post-h1-font-size-desktop: 50px;

    --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: #03c3e6;
    --primary-links-hover: #00afd2;
    --secondary-links: #ff0023;
    --secondary-links-hover: #BA0031;

    /* Selection and Mark Variables */
    --selection-background: #2E5B96;
    --selection-color: #ffffff;
    --mark-background: #2E5B96;
    --mark-color: #ffffff;

    /* Body and Typography Variables */
    --body-background: #ffffff;
    --body-text: #383838;
    --page-title-h1: #353738;

    /* Content Area Heading Colors */
    --internal-page-h2-color: #000000;
    --internal-page-h3-color: #777777;
    --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 Promo Banner Variables */
    --mobile-promo-banner-background: ;
    --mobile-promo-banner-text: ;
    --mobile-promo-banner-heading-font-size: px;
    --mobile-promo-banner-heading-font-weight: 300;
    --mobile-promo-banner-description-font-size: px;
    --mobile-promo-banner-description-font-weight: 300;
    --mobile-promo-banner-button-background: ;
    --mobile-promo-banner-button-text: ;
    --mobile-promo-banner-button-font-size: px;
    --mobile-promo-banner-button-font-weight: 300;
    --mobile-promo-banner-button-text-transform: ;

    /* Mobile Header Variables */
    --mobile-header-icon-font-size-small: 32px;
    --mobile-header-icon-font-size-large: 50px;
    --mobile-header-phone-icon-color: ;
    --mobile-header-dollar-icon-color: ;
    --mobile-nav-buttons-section-background: #ffffff;

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

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

    /* Service Areas Variables */
    --service-areas-icon-color: #ffffff;
    --service-areas-heading-color: #ffffff;
    --service-areas-text-color: #ffffff;
    --service-areas-link-color: #ffffff;
    --service-areas-link-hover-color: #ffffff;

    /* Mobile Header Button Variables */
        --mobile-header-button-font-family: var(--font-body);
    --mobile-header-button-font-size: px;
    --mobile-header-button-font-weight: ;
    --mobile-header-button-text-transform: ;
    --mobile-header-button-1-text-color: ;
    --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 - emitted at runtime in inc/functions/internal-header-background.php */

    /* 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: 18px;
    --author-name-font-size: 20px;
    --author-title-font-size: 16px;
    --author-description-font-size: 14px;

    /* Button Variables */
        --button-font-family: var(--font-body);
    --button-font-size: 16px;
    --button-font-weight: 600;
    --button-text-transform: uppercase;
    --button-border-width: 0px;
    --button-border-radius: 0px;
    --button-transition-duration: 0.3s;
    --button-padding: 12px 24px 12px 24px;
    /* btn-primary - No colors found */
    /* btn-secondary - No colors found */
    /* btn-tertiary - No colors found */
    /* btn-quaternary - No colors found */
}
