:root {
  --color-primary: #4ed65c;
  --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 #4ed65c;
}
.inverted-header {
    background-color: #FFFFFF;
    border-bottom-color: #CED4DA !important;
}
.menu-bars {
    color: #4ed65c !important;
}
.menu-bars-btn {
    color: #4ed65c !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: #FFFFFF; }
.none-background { background: #FFFFFF; color: #000000; }
.accessories { color: #11702d; }
.accessories-background { background: #11702d; color: #FFFFFF; }
.Shrooms { color: purple; }
.Shrooms-background { background: purple; color: #FFFFFF; }
.PROMO { color: Red; }
.PROMO-background { background: Red; color: #FFFFFF; }
.APPLY-PROMO-AT-CHECKOUT { color: Red; }
.APPLY-PROMO-AT-CHECKOUT-background { background: Red; color: #FFFFFF; }
.indica-hybrid { color: green; }
.indica-hybrid-background { background: green; color: #FFFFFF; }
.sativa-hybrid { color: orange; }
.sativa-hybrid-background { background: orange; color: #FFFFFF; }
.R.S.O-OIL { color: GREEN; }
.R.S.O-OIL-background { background: GREEN; color: #FFFFFF; }
.THC-RUBS-&-CREAMS { color: BLUE; }
.THC-RUBS-&-CREAMS-background { background: BLUE; color: #FFFFFF; }

.callout-cta-1 {
    color: #4ed65c;
}
.primary-text {
    color: #4ed65c;
}
.primary-input {
    background-color: #4ed65c;
    color: #FFF;
}
.navbar {
    background: #4ed65c;
}
.add-remove-qty {
    color: #4ed65c;
    position: relative;
    top: -14px;
}
.btn-round {
    color: #4ed65c;
}
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
    color: #fff;
    background-color: #4ed65c !important;
    border-color: #4ed65c !important;
    background-image: none !important;
}
.btn-primary-1, .btn-primary-1:hover, .btn-primary-1:active, .btn-primary-1:focus {
    color: #fff;
    background-color: #4ed65c !important;
    border-color: #4ed65c !important;
    background-image: none !important;
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem;
}
header.main-lg {
	color: #fff;
	background: linear-gradient(-45deg, #0EC8F1, #32CD84, #4EAFB1, #4EAFB1);
	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%
	}
}

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