:root {
    /* Typography Variables */
    --font-heading: 'Poppins', sans-serif;;
    --font-body: 'Open Sans', sans-serif;;
        --body-font-size-mobile: 16px;
    --body-font-size-desktop: 18px;
    --body-font-weight: 400;
    --body-line-height-mobile: 1.5;
    --body-line-height-desktop: 1.55555555556;

    /* Home Page Specific Typography Styles */
    
    --home-h1-font-weight: 700;
    --home-h1-text-transform: none;
    --home-h1-mobile-font-size: 32px;
    --home-h1-mobile-line-height: 1.1875;
    --home-h1-mobile-margin-bottom: 10px;
    --home-h1-desktop-font-size: 42px;
    --home-h1-desktop-line-height: 1.19047619048;
    --home-h1-desktop-margin-bottom: 10px;
--home-h2-font-weight: 700;
    --home-h2-text-transform: none;
    --home-h2-mobile-font-size: 30px;
    --home-h2-mobile-line-height: 1.3;
    --home-h2-mobile-margin-bottom: 10px;
    --home-h2-desktop-font-size: 40px;
    --home-h2-desktop-line-height: 1.3;
    --home-h2-desktop-margin-bottom: 10px;
--home-h3-font-weight: 700;
    --home-h3-text-transform: none;
    --home-h3-mobile-font-size: 20px;
    --home-h3-mobile-line-height: 1.3;
    --home-h3-mobile-margin-bottom: 24px;
    --home-h3-desktop-font-size: 30px;
    --home-h3-desktop-line-height: 1.3;
    --home-h3-desktop-margin-bottom: 24px;
--home-h4-font-weight: 700;
    --home-h4-text-transform: none;
    --home-h4-mobile-font-size: 18px;
    --home-h4-mobile-line-height: 1.27777777778;
    --home-h4-mobile-margin-bottom: 10px;
    --home-h4-desktop-font-size: 26px;
    --home-h4-desktop-line-height: 1.23076923077;
    --home-h4-desktop-margin-bottom: 10px;
--home-h5-font-weight: 700;
    --home-h5-text-transform: none;
    --home-h5-mobile-font-size: 18px;
    --home-h5-mobile-line-height: 1.27777777778;
    --home-h5-mobile-margin-bottom: 24px;
    --home-h5-desktop-font-size: 22px;
    --home-h5-desktop-line-height: 1.27272727273;
    --home-h5-desktop-margin-bottom: 24px;
--home-h6-font-weight: 700;
    --home-h6-text-transform: none;
    --home-h6-mobile-font-size: 16px;
    --home-h6-mobile-line-height: 1.5;
    --home-h6-mobile-margin-bottom: 10px;
    --home-h6-desktop-font-size: 18px;
    --home-h6-desktop-line-height: 1.27777777778;
    --home-h6-desktop-margin-bottom: 10px;
--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: 20px;
    --home-page-text-desktop-font-size: 18px;
    --home-page-text-desktop-line-height: 1.5;
    --home-page-text-desktop-margin-bottom: 20px;
    
    /* Internal Page Typography Styles */
    --body-font-size-mobile: 16px;
    --body-font-size-desktop: 18px;
    --body-font-weight: 400;
    --body-line-height-mobile: 1.5;
    --body-line-height-desktop: 1.55555555556;

        --heading-font-weight: 700; /* 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: 32px; /* 576px - 991px */
    --h1-font-size-desktop: 42px; /* 992px and up */
    --h1-line-height-mobile: 1.1875;
    --h1-line-height-desktop: 1.19047619048;

    --h2-font-size-mobile: 30px;
    --h2-font-size-desktop: 40px;
    --h2-line-height-mobile: 1.3;
    --h2-line-height-desktop: 1.3;

    --h3-font-size-mobile: 20px;
    --h3-font-size-desktop: 30px;
    --h3-line-height-mobile: 1.3;
    --h3-line-height-desktop: 1.3;

    --h4-font-size-mobile: 19px;
    --h4-font-size-desktop: 24px;
    --h4-line-height-mobile: 1.36842105263;
    --h4-line-height-desktop: 1.29166666667;

    --h5-font-size-mobile: 18px;
    --h5-font-size-desktop: 22px;
    --h5-line-height-mobile: 1.27777777778;
    --h5-line-height-desktop: 1.31818181818;

    --h6-font-size-mobile: 16px;
    --h6-font-size-desktop: 18px;
    --h6-line-height-mobile: 1.3125;
    --h6-line-height-desktop: 1.27777777778;

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

    /* Mobile Header */
    --mobile-header-height: 70px; /* 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: 40px;
    --hamburger-color: #0e0e0e;


    /* Navbar */
        --nav-link-font-size: 16px;
    --nav-link-font-family: var(--font-body);
    --nav-link-font-weight: 700;
    --nav-link-text-transform: none;
    --nav-dropdown-icon-desktop: "\e917"; 
    --nav-mobile-nav-link-border-color: #d8d8d8;
    --mobile-nav-dropdown-icon-color: #ffffff;
    --mobile-nav-dropdown-icon-background: rgb(5,114,181);
    --nav-background: #ffffff;
    --nav-background-mobile: #ffffff;
    --nav-link-hover-text: rgb(4,94,149);
    --mobile-nav-link-color: rgb(5,114,181);
    --nav-dropdown-text: #ffffff;
    --nav-dropdown-background: rgb(5,114,181);
    --nav-dropdown-hover-text: #ffffff;
    --nav-dropdown-hover-background: rgb(4,94,149);
    --mobile-subnav-background: rgb(5,114,181);
    --mobile-subnav-text: rgb(255,255,255);
    --active-parent-background: rgb(4,94,149);
    --active-parent-text: rgb(255,255,255);
    --nav-link: rgb(0,0,0);

    /* Footer Forms (postscript-contact) */
        --footer-form-text-color: #0572b5; /* This setting covers typed text and placeholders.  */
    --footer-form-background-color: #FFFFFF;
    --footer-form-text-size-mobile: 16px;
    --footer-form-text-size-desktop: 16px;
    --footer-form-field-height: 46px; /* This also changes the line height to center the text */ 
    --footer-form-message-field-height: 100px;
    --footer-form-fields-border-radius: 5px;
    --footer-form-field-margin: 24px; /* Vertical space between fields */
    --footer-form-button-margin: 48px; /* Vertical space between submit button and form fields */
    --footer-form-arrow-color: #0572b5;
    --footer-form-arrow-width: 12px;
    --footer-form-arrow-height: 8px;
    --footer-form-arrow-right-distance: 16px; /* Measures how far the arrow is from the ride side of input field */
                --footer-form-field-border: rgb(5,114,181) 1px solid;
    
    /* Conversion Page Settings */
        --charge-h1-font-size-mobile: 32px;
    --charge-h1-font-size-tablet: 32px;
    --charge-h1-font-size-desktop: 42px;
        --charge-h1-line-height-mobile: 1.3125;
            --charge-h1-line-height-tablet: 1.3125;
            --charge-h1-line-height-desktop: 1.2380952381;
        --sidebar-form-form-border-radius: 20px;
    --sidebar-form-heading-font-size: 24px;
    --sidebar-form-bottom-padding: 70px;
    --sidebar-form-button-offset: 12px;

    --conversion-header-h1-color: #ffffff;
    --conversion-header-divider-background-color: rgb(255,255,255);

            --conversion-coupon-background: rgb(227,244,252);
        --conversion-coupon-contents-color: rgb(5,114,181);

            --conversion-contents-default-color: rgb(0,0,0);
        --conversion-links-color: rgb(5,114,181);
    --conversion-links-hover-color: rgb(4,94,149);

        --conversion-content-one-padding-top-mobile: 30px;
    --conversion-content-one-padding-bottom-mobile: 15px;
    --conversion-content-one-padding-top-desktop: 60px;
    --conversion-content-one-padding-bottom-desktop: 30px;

    --conversion-content-one-heading-color: rgb(5,114,181);
    --conversion-content-one-text-color: rgb(0,0,0);
    --conversion-content-one-link-color: rgb(5,114,181);
    --conversion-content-one-link-hover-color: rgb(4,94,149);

        --conversion-content-two-padding-top-mobile: 10px;
    --conversion-content-two-padding-bottom-mobile: 30px;
    --conversion-content-two-padding-top-desktop: 30px;
    --conversion-content-two-padding-bottom-desktop: 60px;

    --conversion-content-two-heading-color: rgb(5,114,181);
    --conversion-content-two-text-color: rgb(0,0,0);
    --conversion-content-two-link-color: rgb(5,114,181);
    --conversion-content-two-link-hover-color: rgb(4,94,149);

        --conversion-content-three-padding-top-mobile: 30px;
    --conversion-content-three-padding-bottom-mobile: 30px;
    --conversion-content-three-padding-top-desktop: 60px;
    --conversion-content-three-padding-bottom-desktop: 60px;

    --conversion-content-three-heading-color: rgb(5,114,181);
    --conversion-content-three-text-color: rgb(0,0,0);
    --conversion-content-three-link-color: rgb(5,114,181);
    --conversion-content-three-link-hover-color: rgb(4,94,149);

        --conversion-content-four-padding-top-mobile: 30px;
    --conversion-content-four-padding-bottom-mobile: 10px;
    --conversion-content-four-padding-top-desktop: 30px;
    --conversion-content-four-padding-bottom-desktop: 15px;

    --conversion-content-four-heading-color: rgb(5,114,181);
    --conversion-content-four-text-color: rgb(0,0,0);
    --conversion-content-four-link-color: rgb(5,114,181);
    --conversion-content-four-link-hover-color: rgb(4,94,149);

        --conversion-content-five-padding-top-mobile: 10px;
    --conversion-content-five-padding-bottom-mobile: 30px;
    --conversion-content-five-padding-top-desktop: 15px;
    --conversion-content-five-padding-bottom-desktop: 60px;

        --conversion-content-five-heading-color: rgb(5,114,181);
    --conversion-content-five-text-color: rgb(0,0,0);
    --conversion-content-five-link-color: rgb(5,114,181);
    --conversion-content-five-link-hover-color: rgb(4,94,149);

    --other-services-box-1-background: rgb(227,244,252);
    --other-services-box-1-color: rgb(5,114,181);

    --other-services-box-2-background: rgb(5,114,181);
    --other-services-box-2-color: #ffffff;

    --other-services-box-3-background: rgb(56,162,52);
    --other-services-box-3-color: #ffffff;

        --conversion-testimonial-title-color: #000000;
    --conversion-testimonial-title-font-family: var(--font-heading);
    --conversion-testimonial-title-mobile-font-size: 22px;
    --conversion-testimonial-title-desktop-font-size: 30px;
    --conversion-testimonial-title-font-weight: 700;
    --conversion-testimonial-title-text-align: left;
    --conversion-testimonial-title-text-transform: capitalize;

    
    --testimonial-section-mobile-padding-top: 30px;
    --testimonial-section-mobile-padding-bottom: 30px;
    --testimonial-section-desktop-padding-top: 60px;
    --testimonial-section-desktop-padding-bottom: 60px;

    --testimonial-bg: url('https://www.driforce.com/wp-content/uploads/m-Reviews-Section.jpg');--testimonial-bg-desktop: url('https://www.driforce.com/wp-content/uploads/Reviews-Section.jpg');
    /* Mobile Background Image Settings */
    --testimonial-bg-mobile-position: center;
    --testimonial-bg-mobile-repeat: no-repeat;
    --testimonial-bg-mobile-size: cover;

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

        --conversion-page-review-box-background: #ffffff;
    --conversion-page-review-box-border-radius: 20px;
    --conversion-page-review-box--stars-color: #f3cf41;
    --conversion-page-review-box-text-color: #000000;
    --conversion-page-review-box-text-mobile-font-size: 18px;
    --conversion-page-review-box-text-desktop-font-size: 20px;
    --conversion-page-review-box-author-name-color: #000000;
    --conversion-page-review-box-author-name-mobile-font-size: 18px;
    --conversion-page-review-box-author-name-desktop-font-size: 20px;
            --conversion-review-source-color: #000000;
         
    --conversion-review-source-font-size: 30px;

    /* Page Element Options */
    --panel-background: rgb(227,244,252);
    --panel-border-color: rgb(4,94,149);
    --panel-color: rgb(0,0,0);

        --shadowbox-background: #ffffff;
    --shadowbox-box-shadow: rgba(4,94,149,0.41);
    --shadowbox-box-shadow-hover: rgb(5,114,181);
    --shadowbox-color: #000000;

        --text-shadowbox-background: rgb(5,114,181);
    --text-shadowbox-box-shadow-color: rgb(4,94,149);
    --text-shadowbox-text-color: rgb(255,255,255);
    --text-shadowbox-heading-color: rgb(255,255,255);
    --text-shadowbox-link-color: rgb(227,244,252);
    --text-shadowbox-link-hover-background: rgb(227,244,252);
    --text-shadowbox-link-hover-color: rgb(4,94,149);

        --text-shadowbox-light-background-color: rgb(227,244,252);
    --text-shadowbox-light-box-shadow-color: rgb(5,114,181);
    --text-shadowbox-light-text-color: rgb(0,0,0);
    --text-shadowbox-light-heading-color: rgb(5,114,181);
    --text-shadowbox-light-link-color: rgb(5,114,181);
    --text-shadowbox-light-link-background-color: rgb(5,114,181);
    --text-shadowbox-light-link-hover-color: rgb(255,255,255);

        --gradient-box-background: linear-gradient(to bottom, rgb(5,114,181), rgb(4,94,149));
    --gradient-box-border-radius: 20px;
    --gradient-box-text-color: #ffffff;
    --gradient-box-heading-color: #ffffff;
    --gradient-box-link-color: rgb(227,244,252);
    --gradient-box-link-background-color: rgb(227,244,252);
    --gradient-box-link-hover-color: rgb(5,114,181);

        --gradient-box-light-background: linear-gradient(to bottom, rgb(227,244,252), rgb(5,114,181));
    --gradient-box-light-border-radius: 20px;
    --gradient-box-light-text-color: rgb(0,0,0);
    --gradient-box-light-heading-color: rgb(0,0,0);
    --gradient-box-light-link-color: rgb(0,0,0);
    --gradient-box-light-link-background-color: rgb(0,0,0);
    --gradient-box-light-link-hover-color: rgb(227,244,252);

        --photo-box-background-image: url(https://www.driforce.com/wp-content/uploads/Photo-Content-Box.jpg);
    --photo-box-background-position: center;
    --photo-box-background-repeat: no-repeat;
    --photo-box-background-size: cover;
    --photo-box-border-radius: 20px;
    --photo-box-text-color: rgb(0,0,0);
    --photo-box-heading-color: rgb(5,114,181);
    --photo-box-link-color: rgb(5,114,181);
    --photo-box-link-background-color: rgb(5,114,181);
    --photo-box-link-hover-color: rgb(255,255,255);

        --color-strip-box-background-color: #ffffff;
    --color-strip-box-border-radius: 20px;
    --color-strip-box-border-top: #41bd3d;
    --color-strip-box-text-color: #000000;
    --color-strip-box-heading-color: #000000;
    --color-strip-box-link-color: rgb(5,114,181);
    --color-strip-box-link-background-color: rgb(5,114,181);
    --color-strip-box-link-hover-color: rgb(227,244,252);

        --border-box-background-color: #ffffff;
    --border-box-border-radius: 20px;
    --border-box-border: #41bd3d;
    --border-box-text-color: #000000;
    --border-box-heading-color: #000000;
    --border-box-link-color: rgb(5,114,181);
    --border-box-link-background-color: rgb(5,114,181);
    --border-box-link-hover-color: rgb(227,244,252);

    --text-highlight-border-bottom: 2px solid rgb(5,114,181);
    --text-highlight-border-top: 2px solid rgb(5,114,181);
    --text-highlight-color: #000000;

    --blockquote-background: rgb(247,247,247);
    --blockquote-border-color: rgb(65,189,61);
    --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: rgb(253,253,253);
        --footer-heading: rgb(4,94,149);
        --footer-text: rgb(14,14,14);
        --footer-links: rgb(14,14,14);
        --footer-links-hover: #045e95;
    
    /* Header and Other New Variables */
    --header-background: rgb(253,253,253);
    --mobile-header-background: rgb(253,253,253);
    --mobile-header-drop-shadow-height: 20px;
    --mobile-header-drop-shadow-color: rgba(0, 0, 0, 0.12);
    --header-drop-shadow-height: 20px;
    --header-drop-shadow-color: rgba(0, 0, 0, 0.12);

    /* Coupon Variables */
        --coupon-background-color: rgb(227, 244, 252);
    --coupon-background-image: url('/wp-content/uploads/Photo-Content-Box.jpg');
    --coupon-background-position: center;
    --coupon-background-repeat: no-repeat;
    --coupon-background-size: cover;
    --coupon-heading-color: rgb(5,114,181);
    --coupon-text-color: rgb(61,61,61);
    --coupon-disclaimer-color: rgb(61,61,61);
    --coupon-layout-1-button-background-color: rgb(5,114,181);
    --coupon-layout-1-button-text-color: rgb(255,255,255);
    --coupon-layout-1-button-background-hover-color: rgb(4,94,149);
    --coupon-layout-1-button-text-hover-color: #ffffff;
    --coupon-layout-1-phone-color: rgb(4,94,149);
    --coupon-layout-1-expiration-color: rgb(4,94,149);
    --coupon-layout-2-button-icon-color: #ffffff;
    --coupon-layout-2-button-background-color: rgb(5,114,181);
    --coupon-layout-2-button-background-hover-color: ;
    --coupon-layout-2-phone-color: rgb(5,114,181);
    --coupon-layout-2-expiration-color: #123c68;
    --coupon-layout-3-button-background-color: rgb(5,114,181);
    --coupon-layout-3-button-text-color: #ffffff;
    --coupon-layout-3-button-background-hover-color: rgb(4,94,149);
    --coupon-layout-3-button-text-hover-color: #ffffff;
    --coupon-layout-3-phone-color: rgb(4,94,149);
    --coupon-layout-3-expiration-color: #123c68;

    /* Accordion Variables */
    --accordion-heading: rgb(5,114,181);
    --accordion-heading-hover: rgb(255,255,255);
    --accordion-icon-color: rgb(5,114,181);
    --accordion-icon-color-hover: rgb(255,255,255);
    --accordion-heading-background: rgb(255,255,255);
    --accordion-heading-background-hover: rgb(5,114,181);
    --accordion-border: rgb(5,114,181);
    --accordion-body-background: rgb(255,255,255);
    --accordion-body-text: rgb(0,0,0);
    --accordion-link: rgb(5,114,181);
    --accordion-link-hover: rgb(4,94,149);

    --sidebar-form-background: rgb(227,244,252);
    --sidebar-form-heading: rgb(5,114,181);

    /* Blog & Pagination Variables */
    --blog-theme-1-heading: rgb(5,114,181);
    --blog-theme-1-date-box-background: rgb(65,189,61);
    --blog-theme-1-date-box-text: #ffffff;
    --blog-theme-2-heading: rgb(5,114,181);
    --blog-theme-2-heading-hover: rgb(255,255,255);
    --blog-theme-2-heading-divider-line: rgb(65,189,61);
    --pagination-link-text-color: rgb(5,114,181);
    --pagination-link-text-hover-color: rgb(4,94,149);
    --pagination-active-link-background: ;
    --pagination-active-link-text-color: rgb(65,189,61);
    --single-blog-post-h1-font-size-mobile: 36px;
    --single-blog-post-h1-font-size-desktop: 50px;

    --bullets-font-awesome-icon: url('https://www.driforce.com/wp-content/uploads/bullet.svg');
    --bullets-font-awesome-icon-width: 22px;
    --bullets-font-awesome-icon-height: 22px;
        --bullets-color: transparent;
    --bullets-mask-mode: background;
    --bullets-use-mask: false;
    --bullets-background: url('https://www.driforce.com/wp-content/uploads/bullet.svg');
    --bullet-positioning: 4px;

    --primary-links: rgb(5,114,181);
    --primary-links-hover: rgb(4,94,149);
    --secondary-links: rgb(65,189,61);
    --secondary-links-hover: rgb(56,162,52);

    /* Selection and Mark Variables */
    --selection-background: rgb(5,114,181);
    --selection-color: #ffffff;
    --mark-background: rgb(56,162,52);
    --mark-color: rgb(255,255,255);

    /* Body and Typography Variables */
    --body-background: #ffffff;
    --body-text: #000000;
    --page-title-h1: rgb(5,114,181);

    /* Content Area Heading Colors */
    --internal-page-h2-color: rgb(5,114,181);
    --internal-page-h3-color: rgb(5,114,181);
    --internal-page-h4-color: rgb(5,114,181);
    --internal-page-h5-color: rgb(5,114,181);
    --internal-page-h6-color: rgb(5,114,181);

    /* Form Variables */
    --placeholder-text: rgb(0,0,0);

    /* Contact Page Variables */
    --contact-page-sidebar-heading-font-size: 22px;
    --contact-page-sidebar-phone-color: rgb(5,114,181);
    --contact-page-sidebar-phone-font-size: 20px;

    /* Mobile Promo Banner Variables */
    --mobile-promo-banner-background: rgb(5,114,181);
    --mobile-promo-banner-text: rgb(255,255,255);
    --mobile-promo-banner-heading-font-size: px;
    --mobile-promo-banner-heading-font-weight: 300;
    --mobile-promo-banner-description-font-size: 12px;
    --mobile-promo-banner-description-font-weight: 300;
    --mobile-promo-banner-button-background: rgb(65,189,61);
    --mobile-promo-banner-button-text: rgb(255,255,255);
    --mobile-promo-banner-button-font-size: 12px;
    --mobile-promo-banner-button-font-weight: 300;
    --mobile-promo-banner-button-text-transform: capitalize;

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

    /* Footer Form Variables */
    --contact-form-section-background-color: rgb(255,255,255);
    --footer-contact-form-text: rgb(5,114,181);
    --footer-contact-form-heading: rgb(4,94,149);

    /* Footer Variables */
    --copyright-section-background: rgb(253,253,253);
    --copyright-section-text: rgb(14,14,14);

    /* Service Areas Variables */
    --service-areas-icon-color: rgb(5,114,181);
    --service-areas-heading-color: rgb(5,114,181);
    --service-areas-text-color: rgb(0,0,0);
    --service-areas-link-color: rgb(5,114,181);
    --service-areas-link-hover-color: rgb(4,94,149);

    /* 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: rgb(0,0,0);
    --form-dropdown-item-font-size: 16px;
    --form-dropdown-selected-item-background: rgb(5,114,181);
    --form-dropdown-selected-item-text: rgb(255,255,255);
    --form-dropdown-item-hover-background: rgb(56,162,52);
    --form-dropdown-item-hover-text: rgb(255,255,255);

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

    /* Contact Form Section Background Variables */
    --contact-form-section-background-mobile: url('/wp-content/uploads/section-contact-bkg-sm.jpg');
    --contact-form-section-background-mobile-position: center top;
    --contact-form-section-background-mobile-repeat: no-repeat;
    --contact-form-section-background-mobile-size: cover;

    --contact-form-section-background-tablet: url('/wp-content/uploads/section-contact-bkg-md.jpg');
    --contact-form-section-background-tablet-position: center top;
    --contact-form-section-background-tablet-repeat: no-repeat;
    --contact-form-section-background-tablet-size: cover;

    --contact-form-section-background-desktop: url('/wp-content/uploads/section-contact-bkg.jpg');
    --contact-form-section-background-desktop-position: center top;
    --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(5,114,181,0.19);
    --mtt-shadowbox-background: rgb(255,255,255);
    --mtt-shadowbox-border-radius: 10;
    --mtt-shadowbox-border-color: rgb(5,114,181);
    --mtt-line-color: rgb(5,114,181);
    --mtt-maximum-lines-of-text-when-collapsed: 5;
    --mtt-arrow-color: rgb(5,114,181);
    --mtt-arrow-text-collapsed: "SEE MORE";
    --mtt-arrow-text-expanded: "SEE LESS";
    --mtt-arrow-text-color: rgb(4,94,149);
    --mtt-arrow-text-font-weight: 700;
    --mtt-arrow-text-font-size: 14px;
    --mtt-image-border-radius: ;
    --mtt-placeholder-color: rgb(5,114,181);
    --mtt-placeholder-background: rgb(227,244,252);
    --mtt-name-color: rgb(5,114,181);
    --mtt-name-font-weight: 700;
    --mtt-name-font-size-0px-575px: 20px;
    --mtt-name-font-size-576px: 24px;
    --mtt-job-title-color: rgb(61,61,61);
    --mtt-job-title-font-weight: 400;
    --mtt-job-title-font-size-0px-575px: 14px;
    --mtt-job-title-font-size-576px: 18px;
    --mtt-bio-color: rgb(0,0,0);
    --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: 24px;
    --author-name-font-size: 22px;
    --author-title-font-size: 20px;
    --author-description-font-size: 18px;
    --nav-tab-font-size: 18px;
    --nav-tab-text-color: rgb(6,115,182);

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

    /* Testimonial Variables */
    --testimonial-stars-color: rgb(242,171,39);

    /* Button Variables */
        --button-font-family: var(--font-heading);
    --button-font-size: 18px;
    --button-font-weight: 700;
    --button-text-transform: uppercase;
    --button-border-width: 2px;
    --button-border-radius: 100px;
    --button-transition-duration: 0.3s;
    --button-padding: 16px 24px 16px 24px;
    --btn-primary-button-background: rgb(14,14,14);
    --btn-primary-text-color: rgb(253,253,253);
    --btn-primary-before-background: linear-gradient(90deg, #0572B5 0%, #045E95 100%);
    --btn-primary-show-before: block;
    --btn-primary-show-after: none;
    --btn-primary-hover-button-background: rgb(14,14,14);
    --btn-primary-hover-text-color: rgb(253,253,253);
    --btn-primary-hover-before-background: linear-gradient(90deg, #0572B5 0%, #045E95 100%);
    --btn-primary-hover-show-before: block;
    --btn-primary-hover-show-after: none;
    --btn-secondary-button-background: rgb(253,253,253);
    --btn-secondary-text-color: rgb(5,114,181);
    --btn-secondary-border-color: rgb(5,114,181);
    --btn-secondary-show-before: none;
    --btn-secondary-show-after: none;
    --btn-secondary-hover-button-background: rgb(253,253,253);
    --btn-secondary-hover-text-color: rgb(14,14,14);
    --btn-secondary-hover-border-color: rgb(14,14,14);
    --btn-secondary-hover-show-before: none;
    --btn-secondary-hover-show-after: none;
    --btn-tertiary-text-color: rgb(5,114,181);
    --btn-tertiary-show-before: none;
    --btn-tertiary-show-after: none;
    --btn-tertiary-hover-text-color: rgb(14,14,14);
    --btn-tertiary-hover-show-before: none;
    --btn-tertiary-hover-show-after: none;
    --btn-quaternary-show-before: none;
    --btn-quaternary-show-after: none;
    --btn-quaternary-hover-show-before: none;
    --btn-quaternary-hover-show-after: none;
}
