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

/** BACKGROUNDS + TEXT **/

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

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

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

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

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

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

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

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

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

/** LINKS **/

.background-blue a,
.background-red a,
.background-navy a,
.background-green a {
	color: var(--color-white);
}

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


/** BUTTONS **/

/* ===================== */
/* WHITE BACKGROUND */
/* ===================== */

.background-white a.button.primary, .content-container.background-white a.button.primary li.menu-cta-menu a, li.menu-cta-menu a  {
	background-color: var(--color-red);
	color: var(--color-white);
	border: solid .0625rem var(--color-red);
}

.background-white a.button.secondary {
	background-color: var(--color-white);
	color: var(--color-navy);
	border: solid .0625rem var(--color-navy);
}

.background-white a.button.tertiary {
	background-color: transparent;
	color: var(--color-navy);
	border: none;
}

.background-white em, .background-white .tagline {
	color: var(--color-red);
}


/* ===================== */
/* NAVY BACKGROUND */
/* ===================== */

.background-navy a.button.primary {
	background-color: var(--color-white);
	color: var(--color-navy);
	border: solid .0625rem var(--color-white);
}

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

.background-navy a.button.tertiary {
	background-color: transparent;
	color: var(--color-white);
	border: none;
}

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

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

/* ===================== */
/* RED BACKGROUND */
/* ===================== */

.background-red a.button.primary {
	background-color: var(--color-white);
	color: var(--color-red);
	border: solid .0625rem var(--color-white);
}

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

.background-red a.button.tertiary {
	background-color: transparent;
	color: var(--color-white);
	border: none;
}

.background-red em, .background-red .tagline, .background-red .eyebrow, .background-red .eyebrow-alt {
	color: var(--color-lime);
}


/* ===================== */
/* LILAC BACKGROUND */
/* ===================== */

.background-lilac a.button.tertiary {
	background-color: transparent;
	color: var(--color-navy);
	border: none;
}

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

/* ===================== */
/* GREEN BACKGROUND */
/* ===================== */

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

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

.background-green a.button.tertiary {
	background-color: transparent;
	color: var(--color-white);
	border: none;
}

.background-green em, .background-green .tagline {
	color: var(--color-lime);
}

/* WHITE CONTENT CONTAINER */

.content-container.background-white a.button.primary  {
	background-color: var(--color-red);
	color: var(--color-white);
	border: solid .0625rem var(--color-red);
}

.content-container.background-white a.button.secondary {
	background-color: var(--color-white);
	color: var(--color-navy);
	border: solid .0625rem var(--color-navy);
}

.content-container.background-white a.button.tertiary {
	background-color: transparent;
	color: var(--color-navy);
	border: none;
}

.content-container.background-white em, .content-container.background-white .tagline {
	color: var(--color-red);
}


/* GRAVITY FORMS */

.gform_footer input.gform_button,
#field_submit .gform-button.gform-button--color-white.button {
	color: var(--color-white)!important;
	background-color: var(--color-navy)!important;
}

.red {
	color: var(--color-red)!important;
}