@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap');

* {
	font-family: 'Poppins', sans-serif !important;
}

.background {background-color: #1c1862}
body {background-color: #3252AF}
main,
main.darker,
main#terms.darker,
#contact {
	background-color: #282377;
}
#contact input,
#contact textarea,
#contact .select2-container {
	background-color: #7060E6;
}
.navbar-dark .navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
nav.navbar img.logo {
	width: 180px;
}

.product-panel .title-panel .title {
	background: -moz-linear-gradient(top, rgba(45, 21, 120, 0) 0%, rgba(22, 22, 114, 0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(45, 21, 120, 0) 0%, rgba(22, 22, 114, 0.7) 100%);
	background: linear-gradient(to bottom, rgba(45, 21, 120, 0) 0%, rgba(22, 22, 114, 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002d1578", endColorstr="#802d1578", GradientType=0);
}
.product-panel img {
	display: block;
	min-height: 50px;
}
nav.navbar,
header {
	background-color: #1c1862;
}
.navbar-dark .navbar-nav .nav-item {
	background-color: #1b1542
}

nav#portal-nav {
	bottom: -1px;
}
nav#portal-nav .buttons-wrap {background-color: #1c1862}
nav#portal-nav .portal-nav-btn {background-color: #322c91}
nav#portal-nav .col.current {border-color: #25c28c}
nav#portal-nav .col.current .portal-nav-btn {background-color: #25c28c}
nav.navbar .navbar-toggler {
	background-color: #25c28c;
}

.category-panel {
	background-color: #4942bb;
}
.product-panel.primary .title-panel
{
	background-color: #1c1862;
}

.category-panel.disabled > .disabled-overlay {
	background-color: #1d1c6e;
	opacity: .8;
}
.category-panel.disabled > .disabled-overlay .banner.coming-soon {
	background-color: #170D4F;
}
.product-panel.primary,
.product-panel .description-panel {
	background-color: transparent;
}

ul.account-menu li a {background-color: #7060E6}
ul.account-menu li a svg {fill: #FFF}

.product-category-panel{background-color: #7060E6}
.product-category-panel .tag-panel .tag {
	background-color: #5733bf;
}
.tag-panel .tag {background-color: #4942bb}
.controls-panel .control-btn,
#contact input[type="submit"],
.controls-panel .control-btn.login2, .controls-panel .control-btn.cancel{
	background: #25c28c;
}

@media (min-width: 768px) {
	.navbar-dark .navbar-nav .nav-item {
		background-color: transparent;
	}
}