:root {
  --color-primary: #08bf08;
  --color-menu-font: #606060;
  --sf-bg: #f9fafb;
  --sf-bg-card: #ffffff;
  --sf-text: #111827;
  --sf-text-muted: #6b7280;
  --sf-text-dim: #9ca3af;
  --sf-border: #e5e7eb;
  --sf-border-light: #f3f4f6;
}
.dark {
  --sf-bg: #0f1117;
  --sf-bg-card: #1a1d27;
  --sf-text: #e2e8f0;
  --sf-text-muted: #64748b;
  --sf-text-dim: #94a3b8;
  --sf-border: rgba(255,255,255,0.07);
  --sf-border-light: rgba(255,255,255,0.04);
}
body {
    background: #f9fafb;
    padding-top: 0;
}
header.main {
    border-bottom: solid 1px #08bf08;
}
.inverted-header {
    background-color: #FFFFFF;
    border-bottom-color: #CED4DA !important;
}
.menu-bars {
    color: #08bf08 !important;
}
.menu-bars-btn {
    color: #08bf08 !important;
}
.menu-body {
    background: var(--sf-bg);
}
.menu-font {
    color: #606060 !important;
}
.Indica { color: #9C208D; }
.Indica-background { background: #9C208D; color: #FFFFFF; }
.Sativa { color: #E1692F; }
.Sativa-background { background: #E1692F; color: #FFFFFF; }
.Hybrid { color: #1F976D; }
.Hybrid-background { background: #1F976D; color: #FFFFFF; }
.none { color: #FF0000; }
.none-background { background: #FF0000; color: #000000; }
.Sativa-Dominant-Hybrid { color: #e09f1b; }
.Sativa-Dominant-Hybrid-background { background: #e09f1b; color: #FFFFFF; }
.indica-dominant-hybrid { color: #2a18ad; }
.indica-dominant-hybrid-background { background: #2a18ad; color: #FFFFFF; }
.Mushrooms { color: Purple; }
.Mushrooms-background { background: Purple; color: #FFFFFF; }
.Solventless { color: red; }
.Solventless-background { background: red; color: #FFFFFF; }
.Top-Shelf { color: gold; }
.Top-Shelf-background { background: gold; color: #FFFFFF; }
.Value-Menu { color: green; }
.Value-Menu-background { background: green; color: #FFFFFF; }
.Concentrates { color: red; }
.Concentrates-background { background: red; color: #FFFFFF; }
.Vape { color: teal; }
.Vape-background { background: teal; color: #FFFFFF; }
.Edibles { color: orange; }
.Edibles-background { background: orange; color: #FFFFFF; }

.callout-cta-1 {
    color: #08bf08;
}
.primary-text {
    color: #08bf08;
}
.primary-input {
    background-color: #08bf08;
    color: #FFF;
}
.navbar {
    background: #08bf08;
}
.add-remove-qty {
    color: #08bf08;
    position: relative;
    top: -14px;
}
.btn-round {
    color: #08bf08;
}
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
    color: #fff;
    background-color: #08bf08 !important;
    border-color: #08bf08 !important;
    background-image: none !important;
}
.btn-primary-1, .btn-primary-1:hover, .btn-primary-1:active, .btn-primary-1:focus {
    color: #fff;
    background-color: #08bf08 !important;
    border-color: #08bf08 !important;
    background-image: none !important;
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem;
}
header.main-lg {
	color: #fff;
	background: linear-gradient(-45deg, #93ba4f, #93ba4f, #93ba4f,#93ba4f);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
.carousel-footer { display: none !important;
}

.primary-circle {
    background: #08bf08 !important;
    color: #FFF !important;
}
.lds-ring-primary > div {
    border-color: #08bf08 transparent transparent transparent;
}