:root {
	--cream: #F9F5F2;
	--dollar: #57AA87;
	--navy: #0F2832;
	--white: #FEFEFE;
}

/** BACKGROUNDS + TEXT **/

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

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

.background-navy, .background-transparent {
	background-color: var(--navy);
	color: var(--cream);
}

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

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

.background-gradient-navy {
	background: rgb(15,40,50);
	background: linear-gradient(180deg, rgba(15,40,50,0) 0%, rgba(15,40,50,1) 100%);
}

/** HEADINGS **/

h5, h6 {
	color: var(--dollar);
}

.background-dollar h1, .background-dollar h2, .background-dollar h3, .background-dollar h4, .background-dollar h5, .background-dollar h6 {
	color: var(--navy);
}

/** TEXT LINKS **/

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

.background-cream a, .background-dollar a, .background-white a {
	color: var(--black);
}

/** BUTTONS **/

/* NAVY */

a.button.primary {
	background-color: var(--dollar);
	color: var(--navy);
}

.background-dollar a.button.primary {
	background-color: var(--navy);
	color: var(--white);
}

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

.background-navy a.button.secondary {
	background-color: var(--cream);
	color: var(--navy);
}

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

.background-navy a.button.tertiary {
	color: var(--cream);
}

/* GRAVITY FORMS */

.gform_footer input.gform_button {
	background-color: var(--navy)!important;
	color: var(--cream)!important;
}

.background-navy .gform_footer input.gform_button {
	background-color: var(--cream)!important;
	color: var(--navy)!important;
}