body {
  background: var(color-dark-green);
}

@keyframes fadeIn {
  0%, 20% { opacity: 0; }
  100% { opacity: 1; }
}

#category-header,
#content-wrapper,
.breadcrumbs,
.sidebar
{
	background: var(--color-primary);
}

.navigation-in.menu ul {
	gap: 1rem;
}

.navigation-in ul.menu-level-2 {
	background: var(--color-primary);
}

.navigation-in.menu a.active {
	background: var(--color-secondary)
}

/* newsletter */
.footer-newsletter-full-width {
	display: none;
}

/* footer */

.footer-bottom-full-width, .footer-bottom {
	background: var(--color-tertiary);
}

/* category header tabs */
#category-header input[type="radio"]:checked + label {
	background-color: var(--color-secondary);
}

#category-header input[type="radio"]:not(:checked) + label:hover {
	background-color: var(--color-tertiary);
}

/* top products*/
.box-topProducts {
	display: none;
}

/* cart */
.user-action-cart, .popup-widget-inner, .cart-widget-bottom, .cart-widget-button {
background: var(--color-primary)
}

.user-action-cart.popup-widget.cart-widget {
	box-shadow: 
  	0px 0px 10px 4px hsla(0,0%,0%,0.14), 
    0px 0px 30px 6px hsla(0,0%,0%,0.12), 
    0px 0px 16px -1px hsl(0, 0%, 0%);
  border: 1px solid #fff;
}

/* PRODUCT DETAIL */
.quantity, .quantity .increase, .quantity .decrease {
  background-color: transparent;
  border-color: var(--color-secondary);
}

.quantity .increase:hover, .quantity .decrease:hover {
	background-color: var(--color-secondary);
}

/* category header tabs */

select, 
input[type=text], 
input[type=number], 
input[type=date], 
input[type=datetime], 
input[type=email],
input[type=phone], 
textarea,
.form-control
{
  background: none;
  border-color: var(--color-secondary);
  color: #fff;
}

.shp-tab.active .shp-tab-link {
	background-color: var(--color-secondary);
}

.shp-tab:not(.active) .shp-tab-link:hover {
	background-color: rgba(0,0,0,.3);
  color: #eee;
}


.p-detail-full-width #tab-content {
	background-color: transparent;
}

.buttons-wrapper.social-buttons-wrapper {
	display: none;
}

#header { padding-top: 0; position: relative !important; top: 0; } .header-navigation { position: relative !important; } .overall-wrapper { margin: 0 !important; } body:not(.ready) { visibility: visible !important; }