/* Site Theme Colors
---------------------------------------------- */
:root {

	/* Site Colors are HSL values */
	--siteColor1: 193, 100%, 48%; /* #00c0f3 - Light Blue */
	--siteColor2: 45, 83%, 61%; 	/* #eec44a - Golden Yellow */
	--siteColor3: 0, 0%, 27%; 		/* #444444 - Dark Gray */
	--siteColor4: 0, 0%, 80%; 		/* #cccccc - Light Gray */
	--siteColor5: 193, 100%, 48%; /* #00c0f3 - Light Blue */
	--siteColor6: 45, 83%, 61%; 	/* #eec44a - Golden Yellow */

	/* Other Colors */
	--bodyFontColor: 0, 0%, 27%; 	/* #444444 - Coal */

	--white: 0, 100%, 100%;				/* #ffffff - White - overwrites Bootstrap White */
	--lightGray: 0, 0%, 80%;			/* #cccccc - Light Gray - */
	--gray: 0, 0%, 65%;						/* #a6a6a6 - Gray - */
	--darkGray: 0, 0%, 50%;				/* #808080 - Dark Gray - */
	--black: 0, 0%, 0%;						/* #000000 - Black - overwrites Bootstrap Black */

	--pulseColor: 0, 0%, 0%;      /* #000000 - Black Default */

	--placeholderBG: hsla(var(--black), 5%);
}

.site-color-1,
.site-color-1-hover:hover { color: hsl(var(--siteColor1)) !important; }
.site-color-1-lighten,
.site-color-1-lighten-hover:hover { color: hsla(var(--siteColor1), 0.75) !important; }
.site-color-1-bg,
.site-color-1-bg-hover:hover { background-color: hsl(var(--siteColor1)) !important; }
.site-color-1-lighten-bg,
.site-color-1-lighten-bg-hover:hover { background-color: hsla(var(--siteColor1), 0.75) !important; }
.site-color-2,
.site-color-2-hover:hover { color: hsl(var(--siteColor2)) !important; }
.site-color-2-lighten,
.site-color-2-lighten-hover:hover { color: hsla(var(--siteColor2), 0.75) !important; }
.site-color-2-bg,
.site-color-2-bg-hover:hover { background-color: hsl(var(--siteColor2)) !important; }
.site-color-2-lighten-bg,
.site-color-2-lighten-bg-hover:hover { background-color: hsla(var(--siteColor2), 0.75) !important; }
.site-color-3,
.site-color-3-hover:hover { color: hsl(var(--siteColor3)) !important; }
.site-color-3-lighten,
.site-color-3-lighten-hover:hover { color: hsla(var(--siteColor3), 0.75) !important; }
.site-color-3-bg,
.site-color-3-bg-hover:hover { background-color: hsl(var(--siteColor3)) !important; }
.site-color-3-lighten-bg,
.site-color-3-lighten-bg-hover:hover { background-color: hsla(var(--siteColor3), 0.75) !important; }
.site-color-4,
.site-color-4-hover:hover { color: hsl(var(--siteColor4)) !important; }
.site-color-4-lighten,
.site-color-4-lighten-hover:hover { color: hsla(var(--siteColor4), 0.75) !important; }
.site-color-4-bg,
.site-color-4-bg-hover:hover { background-color: hsl(var(--siteColor4)) !important; }
.site-color-4-lighten-bg,
.site-color-4-lighten-bg-hover:hover { background-color: hsla(var(--siteColor4), 0.75) !important; }
.site-color-5,
.site-color-5-hover:hover { color: hsl(var(--siteColor5)) !important; }
.site-color-5-lighten,
.site-color-5-lighten-hover:hover { color: hsla(var(--siteColor5), 0.75) !important; }
.site-color-5-bg,
.site-color-5-bg-hover:hover { background-color: hsl(var(--siteColor5)) !important; }
.site-color-5-lighten-bg,
.site-color-5-lighten-bg-hover:hover { background-color: hsla(var(--siteColor5), 0.75) !important; }
.site-color-6,
.site-color-6-hover:hover { color: hsl(var(--siteColor6)) !important; }
.site-color-6-lighten,
.site-color-6-lighten-hover:hover { color: hsla(var(--siteColor6), 0.75) !important; }
.site-color-6-bg,
.site-color-6-bg-hover:hover { background-color: hsl(var(--siteColor6)) !important; }
.site-color-6-lighten-bg,
.site-color-6-lighten-bg-hover:hover { background-color: hsla(var(--siteColor6), 0.75) !important; }

/* Black and White Text */
.text-white, .text-white-hover:hover { color: hsl(var(--white)) !important; }
.text-gray, .text-gray-hover:hover { color: hsl(var(--gray)) !important; }
.text-black, .text-black-hover:hover { color: hsl(var(--black)) !important; }