:root {
	--black: #121516;
	--blurple: #694BB6;
	--deep-teal: #013F37;
	--light-gray: #F2F2F2;
	--medium-gray: #D2D2D2;
	--green: #23B06C;
	--rorange: #E95A2D;
	--pink: #FEAED0;
	--yellow: #E4F677;
	--white: #fefefe;
}

/* BACKGROUNDS */

html {
	background-color: var(--black);
}

::-moz-selection { /* Code for Firefox */
 	background: var(--yellow);
	color: var(--black);
}

::selection {
 	background: var(--yellow);
	color: var(--black);
}

.background-black, .slider-testimonials.background-black .bx-wrapper {
	color: var(--white);
	background-color: var(--black);
}

.background-black h2, .background-black h3, .background-black h4, .background-black h5, .background-black h6, .background-black p, .background-black blockquote, .background-black a, .background-black ul {
	color: var(--white);
}

.background-black h1:not(h1.article-title), .background-black p.text-eyebrow {
	color: var(--yellow);
}

.background-black .article-body h5, .background-black .article-body h4, .background-black .article-body h5, .background-black .article-body h6 {
	color: var(--white);
}

.background-white, .background-light-gray, .slider-testimonials.background-white .bx-wrapper {
	color: var(--black);
	background-color: var(--white);
}

.background-light-gray {
	background-color: var(--light-gray);
}

.background-white h2, .background-white h3, .background-white h4, .background-white h5, .background-white h6, .background-white p, .background-white blockquote, .background-white a, .background-white ul, .background-light-gray h2, .background-light-gray h3, .background-light-gray h4, .background-light-gray h5, .background-light-gray h6, .background-light-gray p, .background-light-gray blockquote, .background-light-gray a, .background-light-gray ul {
	color: var(--black);
}

.background-white h1, .background-white p.text-eyebrow, .background-light-gray h1, .background-light-gray p.text-eyebrow {
	color: var(--rorange);
}

.background-white .section-comments form textarea, .background-white .section-comments form input, .background-light-gray .section-comments form textarea, .background-light-gray .section-comments form input {
	border: solid .0625rem var(--black);
}

.background-deep-teal, .slider-testimonials.background-deep-teal .bx-wrapper {
	color: var(--green);
	background-color: var(--deep-teal);
}

.background-deep-teal h2, .background-deep-teal h3, .background-deep-teal h4, .background-deep-teal h5, .background-deep-teal h6, .background-deep-teal p, .background-deep-teal blockquote, .background-deep-teal a, .background-deep-teal ul {
	color: var(--white);
}

.background-deep-teal h1, .background-deep-teal p.text-eyebrow {
	color: var(--green);
}

.background-blurple, .slider-testimonials.background-blurple .bx-wrapper {
	background-color: var(--blurple);
}

.background-blurple h2, .background-blurple h3, .background-blurple h4, .background-blurple h5, .background-blurple h6, .background-blurple p, .background-blurple blockquote, .background-blurple a, .background-blurple ul {
	color: var(--pink);
}

.background-blurple h1, .background-blurple p.text-eyebrow {
	color: var(--yellow);
}

.background-rorange, .slider-testimonials.background-rorange .bx-wrapper {
	background-color: var(--rorange);
}

.background-rorange h2, .background-rorange h3, .background-rorange h4, .background-rorange h5, .background-rorange h6, .background-rorange p, .background-rorange blockquote, .background-rorange a, .background-rorange ul {
	color: var(--white);
}

.background-rorange h1, .background-rorange p.text-eyebrow {
	color: var(--black);
}