body {
    background: #EFEFEF;
    padding-top: 0;
}
header.main {
    border-bottom: solid 1px #bc1d8c;
}
.inverted-header {
    background-color:#FFFFFF;
    border-bottom-color:#CED4DA !important;
}
.menu-bars {
    color:  #bc1d8c !important;
}
.menu-body {
    background: #EFEFEF;
}
.menu-font {
    color: #606060 !important;
}
.Indica {
	color:#FF0000;
}
.Indica-background {
	background: #FF0000;
	color:#FFFFFF;
}
.Sativa {
	color:#9600ff;
}
.Sativa-background {
	background: #9600ff;
	color:#FFFFFF;
}
.Hybrid {
	color:#00d804;
}
.Hybrid-background {
	background: #00d804;
	color:#FFFFFF;
}
.None {
	color:#FFFFFF;
}
.None-background {
	background: #FFFFFF;
	color:#000000;
}
.CBD {
	color:#00d3d8;
}
.CBD-background {
	background: #00d3d8;
	color:#FFFFFF;
}
.Gear {
	color:#ffc800;
}
.Gear-background {
	background: #ffc800;
	color:#FFFFFF;
}
.Magic {
	color:#8a9ba6;
}
.Magic-background {
	background: #8a9ba6;
	color:#FFFFFF;
}

.callout-cta-1 {
    color: #bc1d8c;
}
.highlight-color {
    background-color:#1dbc62;
}
.half-highlight-color {
    background-color:RGBA(29,188,98,.5);
}
.primary-text {
    color: #bc1d8c;
}
.primary-input {
    background-color: #bc1d8c;
    color: #FFF;
}
.navbar {
    background: #bc1d8c;
}
.add-remove-qty {
    color:#bc1d8c;
    position:relative;
    top:-14px;
}
.btn-round {
    color: #bc1d8c;
}
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
    color: #fff;
    background-color: #3ef712 !important;
    border-color: #3ef712 !important;
    background-image: none !important;
}
.btn-primary-1, .btn-primary-1:hover, .btn-primary-1:active, .btn-primary-1:focus {
    color: #fff;
    background-color: #bc1d8c !important;
    border-color: #bc1d8c !important;
    background-image: none !important;
} 
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: .125rem;
}
header.main-lg {
	color: #fff;
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	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: #bc1d8c !important;
    color:#FFF !important;
}
.lds-ring-primary > div {
    border-color: #bc1d8c transparent transparent transparent;
}