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

/** BACKGROUNDS + TEXT **/

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

.background-blue h1 span, .background-blue h2 span, .background-blue h3 span {
	color: var(--color-teal);
}

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

.background-green h1 span, .background-green h2 span, .background-green h3 span {
	color: var(--color-light-blue);
}

.background-image h1 span, .background-image h2 span, .background-image h3 span {
	color: var(--color-light-blue);
}

.background-image {
	background-color: transparent;
}

.background-image h1 span, .background-image h2 span, .background-image h3 span {
	color: var(--color-light-blue);
}

.background-light-blue, .background-teal, .background-white {
	background-color: var(--color-light-blue);
	color: var(--color-blue);
}

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

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

.background-white h1 span, .background-white h2 span, .background-white h3 span, .background-white h1 span.light-blue, .background-white h2 span.light-blue, .background-white h3 span.light-blue {
	color: var(--color-light-blue);
}

.background-white h1 span.coral, .background-white h2 span.coral, .background-white h3 span.coral {
	color: var(--color-coral);
}

.background-white h1 span.pink, .background-white h2 span.pink, .background-white h3 span.pink {
	color: var(--color-pink);
}

.background-white h1 span.green, .background-white h2 span.green, .background-white h3 span.green {
	color: var(--color-green);
}

/** LINKS **/

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

.background-light-blue a, .background-teal a, .background-white a {
	color: var(--color-blue);
}

/** 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);
}

/* GRAVITY FORMS */

.gform_footer input.gform_button, #field_submit .gform-button.gform-button--white.button {
	background-color: transparent!important;
	color: var(--color-blue)!important;
	border: solid .125rem var(--color-blue);
}