/* =============================================================
Here you will find the "Color Pickers" CSS attributes. You can change them by going to your Admin Panel at Themes > Options.
If you want to add more pickers to your store's set, or wanna know more about what you can on the code visit the following link https://jumpseller.com/support/creating-a-custom-html-theme#special-variables

© Copyright Mega. Powered by Jumpseller
============================================================= */

/* =============================================================
COLOR PICKERS
============================================================= */

/* Store Background | Default: #FFF */
body {
  background-color: #ffffff;
  color: #333;
  font-size: 12px !important;
}

header .menu-area .navbar li a.nav-link,
h1, h2, h3, h4, h5, h6,
.product-block h3 a {
  color: #333;
}

a {color: #00502d!important; }


.navbar-inverse,
.btn.primary,
header .header-cart .cart-size,
header .menu-area .category-menu-trigger,
h1.block-header:after,
h2.block-header:after,
.product-badge-sale,
footer h5:before,
#price-range .btn  {
  background-color: #00502d !important;
}

a:hover,
header nav#category-menu li:hover > a.nav-link,
.header-cart-product__price,
.product-block .caption .price,
footer .powered-by a,
.product-page .product-form_price,
.product-table__number-price,
.cart-summary__products-info .order-product-subtotal .new,
header .menu-area .navbar-nav ul.multi-level li:hover > a{
  color: #00502d!important;
}
.toast, .toast-success {background-color: #00502d!important;}
.toast-message a {color: #fff!important; text-decoration: underline!important;}

/* General */
header .preheader,
.owl-nav button:hover {background: #00502d !important; color: #fff!important; border-color: #00502d!important;}

.btn.secondary,
.owl-carousel .owl-dots button.active span,
#home-quick-links a.quick-link_link:before,
.blog-list .home-blog_link:before,
#newsletter,
.powered-by,
#accordionFaq .faq-title,
.active .steps_number,
#mobile-menu li a:before {
  background-color: #00502d !important;
  color: #fff;
}

.btn.btn-outline-secondary {border-color: #00502d; color: #00502d!important;}
.btn.btn-outline-secondary:hover {background-color: #00502d; color: #fff!important;}

#home-features .home-features_icon,
footer h5,
footer .social a,
footer .container:first-child,
footer .container:first-child a{
  color: #00502d;
}

.owl-carousel .owl-dots button span  {
  border-color: #00502d!important;
}

/* Featured Categories */
.featured-category-image-title {
  background-color: #00502d !important;
  box-shadow: 5px 0 0 #00502d, -5px 0 0 #00502d;
}

/* Sliders */
#banners-area .slide_table.slide_with_text:before {
  opacity: 0.1;
}

#banners-area .slide_table.slide_with_text:before {
  background-color: #000000;
}

/* Carousel thumbs active */
#product-carousel .owl-thumb-item.active:after {
  -moz-box-shadow: inset 0 0 0px 1px #00502d;
  -webkit-box-shadow: inset 0 0 0px 1px #00502d;
  box-shadow: inset 0 0 0px 1px #00502d;
}