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

/** BACKGROUNDS + TEXT **/

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

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

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

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

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

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

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

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

.background-neutral p a {
	color: var(--color-navy);
}

/** HEADINGS **/

.background-white h1,
.background-white h2,
.background-white h3,
.background-white h4,
.background-white h5,
.background-white h6,
.background-white .h1,
.background-white .h2,
.background-white .h3,
.background-white .h4,
.background-white .h5,
.background-white .h6,
.background-white .eyebrow,
.background-white .tagline,
.background-white .category,
.background-white .eyebrow-alt {
	color: var(--color-navy);
}

.background-yellow h1,
.background-yellow h2,
.background-yellow h3,
.background-yellow h4,
.background-yellow h5,
.background-yellow h6,
.background-yellow .h1,
.background-yellow .h2,
.background-yellow .h3,
.background-yellow .h4,
.background-yellow .h5,
.background-yellow .h6,
.background-yellow .eyebrow,
.background-yellow .tagline,
.background-yellow .category,
.background-yellow .eyebrow-alt {
	color: var(--color-navy);
}

.background-grey h1,
.background-grey h2,
.background-grey h3,
.background-grey h4,
.background-grey h5,
.background-grey h6,
.background-grey .h1,
.background-grey .h2,
.background-grey .h3,
.background-grey .h4,
.background-grey .h5,
.background-grey .h6,
.background-grey .eyebrow,
.background-grey .tagline,
.background-grey .category,
.background-grey .eyebrow-alt {
	color: var(--color-navy);
}

.background-navy h1,
.background-navy h2,
.background-navy h3,
.background-navy h4,
.background-navy h5,
.background-navy h6,
.background-navy .h1,
.background-navy .h2,
.background-navy .h3,
.background-navy .h4,
.background-navy .h5,
.background-navy .h6,
.background-navy .eyebrow,
.background-navy .tagline,
.background-navy .category,
.background-navy .eyebrow-alt {
	color: var(--color-white);
}

.background-navy-darker h1,
.background-navy-darker h2,
.background-navy-darker h3,
.background-navy-darker h4,
.background-navy-darker h5,
.background-navy-darker h6,
.background-navy-darker .h1,
.background-navy-darker .h2,
.background-navy-darker .h3,
.background-navy-darker .h4,
.background-navy-darker .h5,
.background-navy-darker .h6,
.background-navy-darker .eyebrow,
.background-navy-darker .tagline,
.background-navy-darker .category,
.background-navy-darker .eyebrow-alt {
	color: var(--color-white);
}

.background-green h1,
.background-green h2,
.background-green h3,
.background-green h4,
.background-green h5,
.background-green h6,
.background-green .h1,
.background-green .h2,
.background-green .h3,
.background-green .h4,
.background-green .h5,
.background-green .h6,
.background-green .eyebrow,
.background-green .tagline,
.background-green .category,
.background-green .eyebrow-alt {
	color: var(--color-white);
}

.background-green-darker h1,
.background-green-darker h2,
.background-green-darker h3,
.background-green-darker h4,
.background-green-darker h5,
.background-green-darker h6,
.background-green-darker .h1,
.background-green-darker .h2,
.background-green-darker .h3,
.background-green-darker .h4,
.background-green-darker .h5,
.background-green-darker .h6,
.background-green-darker .eyebrow,
.background-green-darker .tagline,
.background-green-darker .category,
.background-green-darker .eyebrow-alt {
	color: var(--color-white);
}

/** LINKS **/

.background-white a,
.background-yellow a,
.background-grey a {
	color: var(--color-navy);
}

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

/** BUTTONS **/

.background-navy a.button.primary,
.background-navy-darker a.button.primary,
.background-green a.button.primary,
.background-green-darker a.button.primary,
#menu-cta-menu li a {
	background-color: var(--color-white);
	color: var(--color-navy);
	border: solid .0625rem var(--color-white);
}

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

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

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

/* 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;
	border: solid .0625rem var(--color-navy)!important;
}
