:root {
  --color-primary: #0e0e0e;
  --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 #0e0e0e;
}
.inverted-header {
    background-color: #FFFFFF;
    border-bottom-color: #CED4DA !important;
}
.menu-bars {
    color: #0e0e0e !important;
}
.menu-bars-btn {
    color: #0e0e0e !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; }
.CBD { color: #2338d9; }
.CBD-background { background: #2338d9; color: #FFFFFF; }
.Accessories { color: #115e24; }
.Accessories-background { background: #115e24; color: #FFFFFF; }
.Psychedelic-Mushrooms { color: blue; }
.Psychedelic-Mushrooms-background { background: blue; color: #FFFFFF; }

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

@media only screen and (max-width: 600px) {
 .banner {
 overflow:hidden;
}
 .banner span {
    position:relative;
    white-space: nowrap;
    animation-name: rightThenLeft ;
    animation-duration: 8s;
    animation-timing-function: linear;
  animation-iteration-count: infinite;
 
 }
}

@-webkit-keyframes rightThenLeft {
    0%   {right:-350px;}
 
    100% {right:350px;}
}


@-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: #0e0e0e !important;
    color: #FFF !important;
}
.lds-ring-primary > div {
    border-color: #0e0e0e transparent transparent transparent;
}