:root {
	--black: #131313;
	--light-gray: #F2F2F2;
	--medium-gray: #D9D9D9;
	--white: #F9F5F2;
	--concrete-gray: #242526;
	--green: #B2CC75;
	--finish-green: #B2CC75;
	--evergreen: #05352F;
	--khaki: #E4DBCD;
	--warm-khaki: #DCC6A6;
	--stone-khaki: #E4DBCD;
	--neutral: #F9F5F2;
}

/** BACKGROUNDS + TEXT **/

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

.background-light-gray {
	background-color: var(--light-gray);
	color: var(--black);
}

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

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

.background-khaki, .background-warm-khaki {
	background-color: var(--warm-khaki);
}

.background-stone-khaki {
	background-color: var(--stone-khaki);
}

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


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

.background-light-gray h1, .background-light-gray h2, .background-light-gray h3, .background-light-gray h4 {
	color: var(--black);
}

.background-evergreen h2 {
	color: var(--stone-khaki);
}

.background-evergreen p, h6 {
	color: var(--white);
}

.stone-khaki {
	color: var(--stone-khaki);
}

/** LINKS **/

.background-white a, .background-light-gray a, .background-black a {
	color: var(--black);
}

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

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

/** BUTTONS **/

.button-container {
	padding: .25rem 0 .875rem 0;
	width: 100%;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: center;
  	justify-content: center;
	gap: .75rem;
}

.button {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.875em;
  	letter-spacing: 0.05em;
  	line-height: 1.5em;
}

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

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

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

.button.tertiary {
	background-color: var(--evergreen);
	color: var(--white);
	border: solid .125rem var(--evergreen);
}

.button.khaki {
	background-color: var(--warm-khaki);
	color: var(--black);
}

.background-evergreen .button-primary {
	color: var(--green) !important;
}

.background-evergreen .button.secondary {
	background-color: var(--concrete-gray);
	border: solid .125rem var(--concrete-gray);
	color: var(--white);
}

.background-evergreen .button.tertiary {
	color: var(--finish-green) !important;
	display: flex;
	align-items: center;
}

.background-evergreen .button.tertiary::after {
	content: "";
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: .25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.70697 16.9496L15.414 11.2426L9.70697 5.53564L8.29297 6.94964L12.586 11.2426L8.29297 15.5356L9.70697 16.9496Z' fill='%23B2CC75'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.grid-cta .button.primary {
	background-color: var(--evergreen);
	color: var(--white) !important;
	border: solid .125rem var(--evergreen);
}

.grid-cta .button.tertiary  {
	color: #000000 !important;
	display: flex;
	align-items: center;
	background-color: transparent !important;
	border: none;
}

.grid-cta .button.tertiary::after {
	content: "";
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: .25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.70697 16.9496L15.414 11.2426L9.70697 5.53564L8.29297 6.94964L12.586 11.2426L8.29297 15.5356L9.70697 16.9496Z' fill='%23242526'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* BOXES */

.box-style-primary {
	background-color: var(--light-gray);
	border-radius: .25rem;
	padding: 1.5rem;
}

.box-style-secondary {
	border: solid .125rem var(--black);
	border-radius: .25rem;
	padding: 1.5rem;
}