:root {
  --color-primary: #49BA98;
  --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 #49BA98;
}
.inverted-header {
    background-color: #FFFFFF;
    border-bottom-color: #CED4DA !important;
}
.menu-bars {
    color: #49BA98 !important;
}
.menu-bars-btn {
    color: #49BA98 !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; }

.callout-cta-1 {
    color: #49BA98;
}
.primary-text {
    color: #49BA98;
}
.primary-input {
    background-color: #49BA98;
    color: #FFF;
}
.navbar {
    background: #49BA98;
}
.add-remove-qty {
    color: #49BA98;
    position: relative;
    top: -14px;
}
.btn-round {
    color: #49BA98;
}
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
    color: #fff;
    background-color: #49BA98 !important;
    border-color: #49BA98 !important;
    background-image: none !important;
}
.btn-primary-1, .btn-primary-1:hover, .btn-primary-1:active, .btn-primary-1:focus {
    color: #fff;
    background-color: #49BA98 !important;
    border-color: #49BA98 !important;
    background-image: none !important;
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem;
}
.embedded-form {
   border: none;
   width:100%;
   height:100%;
 }

.full-height {
  height: 100%;
}

main, .article, .article .container, .article .album {
 height: 100%;
}

.page-account-login main .container.max-width-600 {
   margin-top:50px;
}
   .page-account-login main .container.max-width-600 p {
      display:none;
   }
   .page-account-login main .container.max-width-600 .btn-primary,
   .page-account-register .container.max-width-600 .btn-primary,
   .page-account-forgotpassword  .container.max-width-600 .btn-primary,
   .page-account-resetpassword  .container.max-width-600 .btn-primary{
      width:100%;
   }

header div.main-lg {
       margin-top:25px;
        border-radius:8px;
	color: #fff;
	background: linear-gradient(-45deg, #0EC8F1, #32CD84, #1384EC,#4EAFB1);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

header .jumbotron {
 padding:96px 0 !important;
letter-spacing: 3pt !important;
font-size:43px;
}

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