﻿:root {
	--color-primary-0: #2365AF;	/* Main Primary color */
	--color-primary-1: #6898CE;
	--color-primary-2: #427BBB;
	--color-primary-3: #0B4D96;
	--color-primary-4: #083B75;
	--color-primary-5: #C9CFE6;
	--main-bg-color: var(--color-primary-0);
	--blue-text-color: var(--color-primary-0);
	--blue-border-color: var(--color-primary-0);
	--lightpurple-bg-color: var(--color-primary-5);
	

	--color-social-1: #e04028;
	--color-social-2: #4064ad;
	--color-social-3: #1c9deb;
	--color-social-4: #f80000;
	--color-social-5: #bf0001;
	--color-social-6: #d8119f;
	--color-social-7: #f8a000;
	--color-social-1-1: #e04028;
	--color-social-1-2: #4064ad;
	--color-social-1-3: #1c9deb;
	--color-social-1-4: #f80000;
	--color-social-1-5: #bf0001;
	--color-social-1-6: #d8119f;
	--color-social-1-7: #f8a000;
	
	
	/* Review Variable */
	--review-background-color: var(--color-primary-1);

	/* Button Variable */

	--submit-btn-bg-color: var(--color-primary-0);
	--appt-btn-background-color: var(--color-primary-1);
	--protect-btn-background-color: var(--color-primary-0);
	--appt-btn-background-hover-color: var(--color-primary-6);
	--appt-btn-shadow-hover-color: var(--color-primary-1);
	--appt-btn-border-color: var(--color-primary-7);
	--appt-btn-text-color: var(--color-primary-6);
	--review-btn-background-color: var(--color-primary-1);
	--review-btn-text-color: var(--color-primary-1);
	--form-btn-background-color: var(--color-primary-2);
	--form-btn-border-color: var(--color-primary-3);

	/* Header Variable */

	--topheader-background-color: var(--color-primary-5);
	--header-background-color: var(--color-primary-0);
	--header-text-color: var(--color-primary-6);
	--header-call-text-color: var(--color-primary-1);
	--header-call-border-color: var(--color-primary-2);
	
	/* Menu Variable */

	--menu-background-color: var(--color-primary-3);
	--menu-text-color: var(--color-primary-1);
	--menu-border-color: var(--color-primary-2);
	--menu-hover-background-color: var(--color-primary-1);
	--submenu-background-color: var(--second-color-primary-0);
	--submenu-text-color: var(--color-primary-6);
	--submenu-hover-background-color: var(--second-color-primary-5);
	
	/* Menu Variable */

	--dr-callout-background-color: var(--color-primary-3);
	--dr-callout-background-hover-color: var(--color-primary-1);
	--dr-callout-border-color: var(--color-primary-1);
	--dr-callout-text-color: var(--color-primary-6);

	/* Sliders Variable */

	--slide-headline-text-color: var(--color-primary-0);
	--slide-headline-bold-text-color: var(--color-primary-3);
	--slide-border-color: var(--color-primary-5);
	--slide-btn-border-color: var(--color-primary-0);
	--slide-box-text-color: var(--color-primary-6);
	--slide-box-callout-backgrround-color: var(--color-primary-0);
	--slide-box-callout-birder-color: var(--color-primary-3);
	--slide-box-text-color: var(--color-primary-6);
	--slide-box-hover-background-color: var(--color-primary-7);
	
	/* Alternate Menu Variable */

	--alternate-menu-background-color: var(--color-primary-0);
	--alternate-menu-box-color: var(--color-primary-1);
	--alternate-menu-box-hover-color: var(--color-primary-2);
	--alternate-menu-border-color: var(--color-primary-0);
	--alternate-menu-text-color: var(--color-primary-1);
	--alternate-text-color: var(--color-primary-6);
	--alternate-box-border-color: var(--color-primary-0);
	--callout-background-color: var(--second-color-primary-0);
	--callout-btn-background-color: var(--color-primary-1);
	--callout-btn-text-color: var(--color-primary-3);
	--dr-box-border-color: var(--second-color-primary-0);
	--dr-box-text-color: var(--color-primary-0);
	--alternate-award-background-color: var(--color-primary-0);
	--alternate-award-text-color: var(--color-primary-10);


	/* Text Heading Variable */

	--heading-text-color: var(--second-color-primary-5);
	--heading-border-color: var(--color-primary-0);
	--heading-background-color: var(--color-primary-4);
	--subheading-text-color: var(--color-primary-0);
	
	/* Website Color Variable */

	--content-background-color: var(--color-primary-2);
	--home-site-text-color: var(--color-primary-0);
	--site-text-color: var(--second-color-primary-5);
	--network-box-background-color: var(--color-primary-0);
	--network-box-border-color: var(--color-primary-1);
	
	/* Video Box Variable */

	--video-box-background-color: var(--color-primary-7);
	
	
	/* Footer Variable */

	--footer-background-color: var(--color-primary-2);
	--footer-border-color: var(--color-primary-4);
	--footer2-background-color: var(--color-primary-0);
	--hours-border-color: var(--color-primary-1);
	--footer-text-color: var(--color-primary-10);
	--footer-copyright-background-color: var(--color-primary-3);
	--footer-copyright-text-color: var(--color-primary-5);
	--footer2-hours-heading-color: var(--color-primary-3);
	--footer2-hours-text-color: var(--color-primary-3);
	--footer2-btn-background-color: var(--color-primary-3);
	--footer2-btn-background-hover-color: var(--color-primary-0);
	--footer2-btn-text-color: var(--color-primary-0);
	--footer2-btn-border-color: var(--color-primary-1);

	/* Social Variable */

	--social-icon-border-color: var(--color-primary-8);
	--social-icon-text-color: var(--color-primary-8);
	--social-icon-google-background-color: var(--color-social-1);
	--social-icon-facebook-background-color: var(--color-social-2);
	--social-icon-twitter-background-color: var(--color-social-3);
	--social-icon-youtube-background-color: var(--color-social-4);
	--social-icon-yelp-background-color: var(--color-social-5);
	--social-icon-instagram-background-color: var(--color-social-6);
	--social-icon-rss-background-color: var(--color-social-7);

	--social-icon-google-hover-color: var(--color-social-1-1);
	--social-icon-facebook-hover-color: var(--color-social-1-2);
	--social-icon-twitter-hover-color: var(--color-social-1-3);
	--social-icon-youtube-hover-color: var(--color-social-1-4);
	--social-icon-yelp-hover-color: var(--color-social-1-5);
	--social-icon-instagram-hover-color: var(--color-social-1-6);
	--social-icon-rss-hover-color: var(--color-social-1-7);

	/* NPO Variable */

	--npo-inner-icon-background-color: var(--color-primary-0);
	--npo-icon-background-color: var(--color-primary-1);
	--npo-icon-background-hover-color: var(--color-primary-0);
	--npo-text-background-color: var(--color-primary-0);
	--npo-text-background-hover-color: var(--color-primary-1);
	--npo-background-color: var(--second-color-primary-0);
	--npo-inner-border-color: var(--color-primary-10);

	/* Services Variable */

	--home-services-main-background-color: var(--color-primary-0);
	--home-services-background-color: var(--color-primary-1);
	--home-services-text-color: var(--color-primary-5);

	--services-background-color: var(--color-primary-0);
	--services-box-background-color: var(--color-primary-6);
	--services-btn-background-color: var(--second-color-primary-0);
	--services-btn-border-color: var(--color-primary-1);
	--services-btn-text-color: var(--color-primary-5);
}
