/******/
/*** 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-blue .tagline, .background-red .tagline {
	color: var(--color-lime);
}

.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);
}


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


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


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


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

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


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