﻿:root {
	--color-primary-0: #629468;	/* Main Primary color */
	--color-primary-1: #353839;
	--color-primary-2: #ffffff;
	--color-primary-3: #000000;
	
	
	/* Review Variable */
	--review-background-color: var(--color-primary-1);
	--review-border-color: var(--color-primary-0);

	/* Button Variable */

	--submit-btn-bg-color: var(--color-primary-1);
	--appt-btn-background-color: var(--color-primary-1);
	--protect-btn-background-color: var(--color-primary-0);
	--appt-btn-background-hover-color: var(--color-primary-1);
	--appt-btn-shadow-hover-color: var(--color-primary-1);
	--appt-btn-border-color: var(--color-primary-6);
	--appt-btn-text-color: var(--color-primary-3);
	--review-btn-background-color: var(--color-primary-1);
	--review-btn-text-color: var(--color-primary-1);
	--form-btn-background-color: var(--color-primary-1);
	--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-1);
	--header-call-text-color: var(--color-primary-1);
	--header-call-border-color: var(--color-primary-2);
	
	/* Menu Variable */

	--menu-background-color: var(--color-primary-1);
	--menu-text-color: var(--color-primary-1);
	--menu-border-color: var(--color-primary-0);
	--menu-hover-background-color: var(--color-primary-0);
	--submenu-background-color: var(--color-primary-0);
	--submenu-text-color: var(--color-primary-17);
	--submenu-hover-background-color: var(--color-primary-5);
	--menu-btn-background-color: var(--color-primary-1);
	--dr-btn-background-color: var(--color-primary-0);
	
	/* Menu Variable */

	--dr-callout-background-color: var(--color-primary-1);
	--dr-callout-background-hover-color: var(--color-primary-1);
	--dr-callout-btn-background-color: var(--color-primary-0);
	--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);
	--alternate-award-background-color: var(--color-primary-0);
	--alternate-award-text-color: var(--color-primary-10);
	*/
	--callout-background-color: var(--color-primary-1);
	--callout-border-color: var(--color-primary-0);
	--callout-btn-background-color: var(--color-primary-1);
	--callout-btn-background-hover-color: var(--color-primary-0);
	--callout-btn-text-color: var(--color-primary-3);
	--mission-background-color: var(--color-primary-0);
	--team-background-color: var(--color-primary-0);
	--pform-background-color: var(--color-primary-0);
	--pform-background-hover-color: var(--color-primary-1);
	--pform-background-color2: var(--color-primary-0);
	--pform-background-hover-color2: var(--color-primary-1);
	--pform-btn-background-color: var(--color-primary-0);


	/* Text Heading Variable */

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

	--home-content-background-color: var(--color-primary-0);
	--home-site-text-color: var(--color-primary-0);
	--site-text-color: var(--color-primary-0);
	
	
	/* Footer Variable */

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

	/* Social Variable */

	--social-icon-border-color: var(--color-primary-3);
	--social-icon-text-color: var(--color-primary-3);
	--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-2);
	--npo-icon-background-color: var(--color-primary-2);
	--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-2);
	--npo-background-color: var(--color-primary-1);
	--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-1);
	--services-box-background-color: var(--color-primary-6);
	--services-btn-background-color: var(--color-primary-0);
	--services-btn-border-color: var(--color-primary-1);
	--services-btn-text-color: var(--color-primary-5);


}
