/* color.css - Copyright (c) 2020 Open2b Software Snc. */

body { background-color: #F9F9F9; color: #6E6E6E; }

h1 { color: #3F8F00; }
h3, h3 a { color: #2980B9; }

a { color: #3F8F00; }

.main-button input,
[role="button"].main-button { background-color: #3F8F00; }

#design-mini-cart .total .to-quote { color: #3F8F00; }

.side-column h3 { color: #3F8F00; }
.side-column .producers a:hover { color: #3F8F00; }
.side-column .top-sellers ol.products .position { background-color: #333; color: #FFF; }

.filters-opener .applied-filters-count { color: #318f00; }
.filters > .panel > h3 { background-color: #3F8F00; }
.filters .filter h3 { background-color: #333; color: #fff; }
.filters .filter h3:after { border-top-color: #fff; }
.filters .design-filter-values .filter-value .picker { background: #fff; }
.filters .design-filter-values.mode-single .filter-value .picker.picked:after { background: #333; }

.filters .applied-filter:hover a { color: #3F8F00; }

@media screen and (min-width:1024px) {
	.filters .filter .design-filter-values > div { background-color: #333; }

	.filters .filter h3.design-isopen,
	.filters .filter .design-filter-values.design-isopen > div { background-color: #3F8F00; }
}

.products { border-color: #F3F5EF; }
.products .prices .price { color: #3F8F00; }
.products li { border-left-color: #F3F5EF; border-top-color: #F3F5EF; }

.product-html .details .prices .price div :last-child { color: #3F8F00; }
.product-html .details .add-to-wishlist input { background-color: #333; color: #FFF; }

.product-html .product-items .items { background-color: #FFF; }
.product-html .product-items .header { background-color: #FCFFF9; }

.product-html .product-items .item .price { color: #3F8F00; }
.product-html .product-items .item .add-to-cart input { background-color: #333; color: #FFF; }

.wish-list-html .remove-from-wish-list input { background-color: #333; color: #FFF;}

.cart-html .items th { color: #3F8F00; }
.cart-html .items td.quantity input[name^="update."] { background-color: #3F8F00; color: #FFF; }
.cart-html .items tr.discount,
.cart-html .items .total span { color: #3F8F00; }
.cart-html .coupon .apply input[type="submit"] { background-color: #333; color: #FFF; }
.cart-html .continue-button input { background-color: #333; color: #FFF; }

.checkout .steps li.current { color: #3F8F00; }
.checkout .steps li.current:before { background-color: #3F8F00; }

.checkout .items th { color: #3F8F00; }
.checkout .items .total span { color: #3F8F00; }

.orders-html .order .item .button input { background-color: #333; color: #FFF; }

fieldset.form legend { color: #3F8F00; }

footer { background-color: #222; color: #F5F5F5; }
footer .menu h3,
footer .menu h3 a { color: #3F8F00; }
footer .menu a { color: #F5F5F5; }
html.design-no-touch footer .menu a:hover { color: #F5F5F5; }
footer a { color: #F5F5F5; }

@media screen and (min-width:1024px) {

	body { border-top-color: #EEE; }

	header > .logo,
	header > .logo a { color: #347700; }
	header > .cart .opener:before { color: #333; }
	html.design-no-touch header > .cart .opener:hover:before { color: #FFF; }
	html.design-no-touch header > .cart .opener:hover { background-color: #3F8F00; color: #FFF; }

	.nav { background-color: #333; }

	.nav > .general .menu li a { color: #555; }

	.nav > .search .search-button:before { color: #333; }
	html.design-no-touch .nav > .search .search-button:hover:before { background-color: #3F8F00; color: #FFF; }

	.nav > .bar .parents > li { background-color: #3F8F00; }
	.nav > .bar .parents > li.department { background-color: #333; }
	.nav > .bar .parents > li > a { color: #FFF; }	
	html.design-no-touch .nav > .bar .parents > li:hover > a,
	html.design-touch .nav > .bar .parents > li a.design-isopen { background-color: #3F8F00; color: #FFF; }
	.nav > .bar .children { background-color: #3F8F00; }
	html.design-no-touch .nav > .bar .children li:hover { background: #333; }
	.nav > .bar .children li a { color: #FFF; }

	.nav > .account .opener:before { color: #333; }
	html.design-no-touch .nav > .account .opener:hover:before { color: #FFF; }
	html.design-no-touch .nav > .account .opener:hover { background-color: #3F8F00; color: #FFF; }

	.nav > .producers h2 { color: #333; }
	.nav > .producers h2:hover { color: #3F8F00; }

}

@media screen and (max-width:1023px) {

	header > .mobile-logo,
	header > .mobile-logo a { color: #3F8F00; }
	header > .cart .opener:before { color: #3F8F00; }

	.nav { background: #FFF; }
	.nav .opener { background-color: #3F8F00; }
	.nav .opener:before { color: #FFF; }
	.nav .opener.design-isopen:before { background-color: #FFF; color: #3F8F00; }

	.nav > .bar .opener.design-isopen { background-color: #FFF; color: #3F8F00; }
	.nav > .bar .panel { background-color: #FFF; color: #3F8F00; }
	.nav > .bar .panel a { color: #3F8F00; }
	.nav > .bar .panel .children { background-color: #FFF; }
	.nav > .bar .panel .children li a { background-color: #3F8F00; color: #FFF;}

}

@media screen and (max-width:767px) {

	.product-html .product-items .items { background-color: transparent; }
	.product-html .product-items .item { background-color: #FFF; }
	.product-html .product-items .item label { color: #000; }

}