﻿:root {
--color-primary-0: #DE2C0F;	/* Main Primary color */
--color-primary-1: #FFA698;
--color-primary-2: #FA664F;
--color-primary-3: #A11600;
--color-primary-4: #580C00;
--color-secondary-1-0: #DE780F;	/* Main Secondary color (1) */
--color-secondary-1-1: #FFCC98;
--color-secondary-1-2: #FAA54F;
--color-secondary-1-3: #A15100;
--color-secondary-1-4: #582D00;
--color-secondary-2-0: #0E6F8A;	/* Main Secondary color (2) */
--color-secondary-2-1: #7AB7C8;
--color-secondary-2-2: #35859B;
--color-secondary-2-3: #034F64;
--color-secondary-2-4: #012B37;
--color-complement-0: #0BA43A;	/* Main Complement color */
--color-complement-1: #81D99C;
--color-complement-2: #3BB961;
--color-complement-3: #007724;
--color-complement-4: #004114;/* site colors */
--callout-background-color: var(--color-primary-4);
--callout-border-color: var(--color-primary-4);
--review-border-color: var(--color-primary-4);
--review-border-color-2: var(--color-secondary-1-1);
--review-box-border: var(--color-primary-4);
--review-box-background: white;
--review-box-text: white;
--review-text: black;
--review-box-header-text: white;
--review-box-header: var(--color-primary-4);
--review-box-rating-color: #FFB300;

	
	/* 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-0);
	--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-6);
	--appt-btn-text-color: var(--color-primary-5);
	--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(--second-color-primary-5);
	--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(--second-color-primary-0);
	--submenu-background-color: var(--second-color-primary-0);
	--submenu-text-color: var(--color-primary-17);
	--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 */

	--home-content-background-color: var(--color-primary-0);
	--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);
}
