/* =============================================================
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 Simple Theme. Powered by Jumpseller
============================================================= */

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

/* Store Background | Default: #FFF */
body {
  background-color: #ffffff ;
}

h1, h2, h3, h4, h5, h6 {
  color: #222222;
}
h1.page-header::after, h2.page-header::after {
	background: #222222;
}

a {
  color: #333333;
}

a:hover,
.cart .cart-header .cart-steps a {
  color: #4ec0a6;
}
.message-top {
  background: #333333;
}
.toast, .toast-success {background-color: #a72857;}

#carousel-home .layer {
  background-color: #000000;
	opacity: 0.4;
}

footer {
	background-color: #f9f9f9;
  color: #333333;
}

footer h5,
footer a {
color: #333333;
}

/* Sale color */
.product-block .status-tag.sale { background-color: #f44336!important;}
.product-block-normal,
.cart-product-discount{color: #f44336!important;}

/* Button colors */
.btn.btn-primary,
.quantity-button:hover {background-color: #4ec0a6;}
.btn.btn-secondary{background-color: #666666;}
.btn.btn-adc,
.cart-size {background-color: #e22323;}
.btn:hover {background-color: #333333!important;}
.btn.btn-link:hover {background-color: transparent!important;}