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

/** BACKGROUNDS + TEXT **/

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

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

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

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

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

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

.background-gold {
	background-color: var(--color-gold);
	color: var(--color-plum);
}

.background-saffron {
	background-color: var(--color-saffron);
	color: var(--color-plum);
}

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


/** LINKS **/

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

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

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

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


/** BUTTONS **/

/* BLUE */

a.button.primary, #menu-cta-menu li a {
	background-color: var(--color-white);
	color: var(--color-blue);
	border: solid .125rem var(--color-white);
}

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

/* Background Purple */
.background-purple a.button.primary {
	background-color: var(--color-blue);
	color: var(--color-purple);
	border: solid .125rem var(--color-blue);
}

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

/* Background Blue */
.background-blue a.button.primary {
	background-color: var(--color-green);
	color: var(--color-blue);
	border: solid .125rem var(--color-green);
}

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

/* Background Green */
.background-green a.button.primary {
	background-color: var(--color-blue);
	color: var(--color-green);
	border: solid .125rem var(--color-blue);
}

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

/* Background Cream */
.background-cream a.button.primary {
	background-color: var(--color-purple);
	color: var(--color-cream);
	border: solid .125rem var(--color-purple);
}

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

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

/* Background Gold */
.background-gold a.button.primary {
	background-color: var(--color-walnut);
	color: var(--color-gold);
	border: solid .125rem var(--color-walnut);
}

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

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

/* Background Saffron */
.background-saffron a.button.primary {
	background-color: var(--color-green);
	color: var(--color-saffron);
	border: solid .125rem var(--color-green);
}

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

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

/* Background Olive */
.background-olive a.button.primary {
	background-color: var(--color-saffron);
	color: var(--color-olive);
	border: solid .125rem var(--color-saffron);
}

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

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

/* COLORS */

.background-saffron h4 {
	color: var(--color-purple);
}

.background-gold h3, .background-gold h4 {
	color: var(--color-walnut);
}

.background-olive h3, .background-olive h4 {
	color: var(--color-saffron);
}

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

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

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

.background-cream .button.secondary.gold {
	color: var(--color-gold);
	border-color: var(--color-gold);
}

/* GRAVITY FORMS */