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


/** COLORS **/

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

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

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

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

.color-mint {
	color: var(--color-mint);
}

.color-cream {
	color: var(--color-cream);
}

.color-pink {
	color: var(--color-pink);
}

.color-dust {
	color: var(--color-dust);
}

.color-brown {
	color: var(--color-brown);
}

/** BACKGROUNDS + TEXT **/

.background-cream,
.background-mint,
.background-yellow {
	color: var(--color-brown);
}

.background-brown,
.background-blue,
.background-green,
.background-red {
	color: var(--color-cream);
}

/** LINKS **/

.background-cream a,
.background-mint a,
.background-yellow a{
	color: var(--color-brown);
}

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

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

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

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

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

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

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

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

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

/** BUTTONS **/

/* BLUE */

a.button.primary, .button-blue {
	background-color: var(--color-blue);
	color: var(--color-cream);
	border: solid .125rem var(--color-blue);
}

a.button.secondary {
	color: var(--color-brown);
	border: solid .125rem var(--color-brown);
}

.background-white a.button.primary {
	background-color: transparent;
	border: solid .125rem var(--color-blue);
}

.background-blue a.button.primary {
	color: var(--color-blue);
	border: solid .125rem var(--color-yellow);
	background-color: var(--color-yellow);
}

.background-blue a.button.secondary {
	color: var(--color-yellow);
	border: solid .125rem var(--color-yellow);
}

.background-blue a.button.tertiary {
	color: var(--color-yellow);
}

.background-brown a.button.primary {
	border: solid .125rem var(--color-cream);
	background-color: var(--color-cream);
	color: var(--color-brown);
}

.background-brown a.button.secondary {
	border: solid .125rem var(--color-cream);
	color: var(--color-cream);
}

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

.background-green a.button.secondary {
	color: var(--color-cream);
	border: solid .125rem var(--color-cream);
}

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

.background-red a.button.secondary {
	color: var(--color-cream);
	border: solid .125rem var(--color-cream);
}

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

.background-pink a.button.primary {
	background-color: var(--color-brown);
	border: solid .125rem var(--color-brown);
	color: var(--color-pink);
}


.button-blue a {
	color: var(--color-cream);
}

a.button.primary.yellow {
	background-color: var(--color-yellow);
	border: solid .125rem var(--color-yellow);
}

a.button.secondary.yellow {
	background-color: var(--transparent);
	border: solid .125rem var(--color-yellow);
	color: var(--color-yellow);
}

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

a.button.secondary.red {
	border: solid .125rem var(--color-red);
	color: var(--color-red);
}

a.button.tertiary.red {
	color: var(--color-red);
}

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

a.button.secondary.green {
	border: solid .125rem var(--color-green);
	color: var(--color-green);
}

a.button.tertiary.green {
	color: var(--color-green);
}

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

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

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

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

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

a.button.primary.yellow-blue {
	border: solid .125rem var(--color-blue);
	background-color: var(--color-blue);
	color: var(--color-yellow);
}

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

a.button.primary.mint-brown {
	border: solid .125rem var(--color-brown);
	background-color: var(--color-brown);
	color: var(--color-mint);
}

a.button.primary.mint {
	border: solid .125rem var(--color-mint);
	background-color: var(--color-mint);
}

a.button.secondary.mint {
	border: solid .125rem var(--color-mint);
	color: var(--color-mint);
}

a.button.secondary.blue {
	border: solid .125rem var(--color-blue);
	color: var(--color-blue);
}

a.button.tertiary.blue {
	color: var(--color-blue);
}

a.button.primary.pink {
	border: solid .125rem var(--color-pink);
	background-color: var(--color-pink);
}

a.button.secondary.pink {
	border: solid .125rem var(--color-pink);
	color: var(--color-pink);
}

a.button.primary.brown {
	border: solid .125rem var(--color-brown);
	background-color: var(--color-brown);
}

a.button.secondary.brown {
	border: solid .125rem var(--color-brown);
	color: var(--color-brown);
}

a.button.tertiary.brown {
	color: var(--color-brown);
}

a.button.primary.cream {
	border: solid .125rem var(--color-cream);
	background-color: var(--color-cream);
}

a.button.secondary.cream {
	border: solid .125rem var(--color-cream);
	color: var(--color-cream);
}

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

/* NEON BUTTON OVERRIDES */

.background-green button {
	border: solid .125rem var(--color-cream) !important;
	background-color: var(--color-cream) !important;
	color: var(--color-green) !important;
}

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