.primary-gradient-light {
    background-image: linear-gradient(to bottom right, #86C232, #649422);
}

.animated-gradient {
  background: linear-gradient(60deg, rgba(97, 137, 47, 1) 0%, rgba(134, 194, 50, 1), rgb(255, 193, 7, 1), rgb(113, 181, 27, 1) 100%);
  background-size: 400% 400%;
  animation: gradient 45s ease infinite;
}

body {
    min-height: 100%;
	min-height: -webkit-fill-available;
}


html {
    height: -webkit-fill-available;
}

.primary-light-border {
	border: solid #86C232 1px;
}

.secondary-light-border {
	border: solid #6B6E70 1px;
}

.accent-light-border {
	border: solid #61892F 1px;
}

.primary-dark-border {
	border: solid #61892F 1px;
}

.secondary-dark-border {
	border: solid #E0E0E0 1px;
}

.accent-dark-border {
	border: solid #FFC107 1px;
}

.red-border {
	border: solid red 1px;
}

.blue-border {
	border: solid blue 1px;
}

.yellow-border {
	border: solid yellow 1px;
}

.orange-border {
	border: solid orange 1px;
}

.green-border {
	border: solid green 1px;
}

.purple-border {
	border: solid purple 1px;
}

.teal-border {
	border: solid teal 1px;
}

.full-width {
	width: 100% !important;
	max-width: 100% !important;
}

.full-height {
	height: 100% !important;
	max-height: 100% !important;
}

.half-width {
	width: 50% !important;
	max-width: 50% !important;
}

.half-height {
	height: 50% !important;
	max-height: 50% !important;
}

.cursor--pointer {
	cursor: pointer;
}

.children-cursor--pointer * {
	cursor: pointer;
}

.opacity--low {
	opacity: 0.25;
}

.opacity--medium {
	opacity: 0.50;
}

.opacity--high {
	opacity: 0.75;
}


/* animations */
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}