/* =============================================================
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: rgba(255,255,255,1) ;
}

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

a {
  color: #351D1D;
}

a:hover,
.cart .cart-header .cart-steps a {
  color: #E2CEAB;
}
.message-top {
  background: #A9DD3C;
}
.toast, .toast-success {background-color: #28a745;}

#carousel-home .layer {
  background-color: #222222;
	opacity: 0;
}

footer {
	background-color: rgba(2,1,0,1);
  color: #ffffff;
}

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

/* 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: #351D1D;}
.btn.btn-secondary{background-color: #0056f7;}
.btn.btn-outline-secondary {border-color: #0056f7; color: #0056f7;}
.btn.btn-outline-secondary:hover {background-color: #0056f7; color: #fff;}
.btn.btn-adc,
.cart-size {background-color: #A9DD3C;}
.btn:hover {background-color: #A9DD3C!important;}
.btn.btn-link:hover {background-color: transparent!important;}

/* Product Block */

.product-block .not-available img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


.product-block:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}