/******/
/*** COLOR ***/
/******/

/* BACKGROUNDS */

.background-white,
.background-lime,
.background-blue,
.background-lilac {
	color: var(--color-black);
}

.background-white a,
.background-lime a,
.background-blue a,
.background-lilac a {
	color: var(--color-black);
}

.background-black,
.background-purple,
.background-teal,
.background-orange {
	color: var(--color-white);
}

.background-black a,
.background-purple a,
.background-teal a,
.background-orange a {
	color: var(--color-white);
}

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

.background-blue {
	background-color: var(--color-blue);
}

.background-white {
	background-color: var(--color-white);
}

.background-orange {
	background-color: var(--color-orange);
}

.background-lilac {
	background-color: var(--color-lilac);
}

.background-teal {
	background-color: var(--color-teal);
}

.background-lime {
	background-color: var(--color-lime);
}

.background-purple {
	background-color: var(--color-purple);
}

/** BUTTONS **/

/* BLUE */

.background-blue a.button {
	background-color: var(--color-teal);
	color: var(--color-blue);
	border: solid .125rem var(--color-teal);
}

.background-blue a.button.secondary {
	background-color: transparent;
	color: var(--color-white);
	border: solid .125rem var(--color-white);
}

.background-image a.button, .background-green a.button {
	background-color: var(--color-light-blue);
	color: var(--color-blue);
	border: solid .125rem var(--color-light-blue);
}

.background-image a.button.secondary {
	background-color: transparent;
	color: var(--color-white);
	border: solid .125rem var(--color-white);
}

.background-light-blue a.button {
	background-color: var(--color-blue);
	color: var(--color-white);
	border: solid .125rem var(--color-blue);
}

.background-light-blue a.button.secondary {
	background-color: transparent;
	color: var(--color-blue);
	border: solid .125rem var(--color-blue);
}

.background-light-blue a.button.tertiary {
	background-color: var(--color-white);
	color: var(--color-blue);
	border: solid .125rem var(--color-white);
}

.background-teal a.button {
	background-color: var(--color-green);
	color: var(--color-white);
	border: solid .125rem var(--color-green);
}

.background-teal a.button.secondary {
	background-color: transparent;
	color: var(--color-blue);
	border: solid .125rem var(--color-blue);
}

.background-teal a.button.tertiary {
	background-color: var(--color-blue);
	color: var(--color-white);
	border: solid .125rem var(--color-mid-blue);
}

.background-white a.button, #menu-cta-menu li a {
	background-color: var(--color-mid-blue);
	color: var(--color-white);
	border: solid .125rem var(--color-mid-blue);
}

.background-white a.button.secondary {
	background-color: transparent;
	color: var(--color-blue);
	border: solid .125rem var(--color-blue);
}

.background-white a.button.tertiary {
	background-color: var(--color-blue);
	color: var(--color-white);
}

.box.background-light-blue a.button {
	background-color: var(--color-blue);
	color: var(--color-white);
	border: solid .125rem var(--color-blue);
}

.box.background-light-blue a.button.secondary {
	background-color: transparent;
	color: var(--color-blue);
	border: solid .125rem var(--color-blue);
}

.box.background-light-blue a.button.tertiary {
	background-color: var(--color-white);
	color: var(--color-blue);
	border: solid .125rem var(--color-white);
}

.background-blue .background-border {
	background-color: transparent;
	border: solid .125rem var(--color-mid-blue);
}

.background-white .background-border {
	background-color: transparent;
	border: solid .125rem var(--color-blue);
}