/* =============================================================
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: rgb(0,0,0,0);
  color: rgb(9,24,141,1);
}

h1, h2, h3, h4, h5, h6 {
  color: rgb(196,192,19,0.9);
}
h1.page-header::after, h2.page-header::after {
  background: rgb(196,192,19,0.9);
}

a {
  color: rgb(9,24,141,1);
}

a:hover,
.cart .cart-header .cart-steps a {
  color: rgb(24,14,118,1);
}
.select {
  background-image: url('https://assets.jumpseller.com/store/joyas-faraona/themes/402891/angle-down.svg?1632255074');
}
.select:disabled, .select[aria-disabled=true] {
  background-image: url('https://assets.jumpseller.com/store/joyas-faraona/themes/402891/angle-down.svg?1632255074');
}
/* Header */
header {
  background-color: rgb(0,0,0,0);
  color: rgb(146,163,24,0.54);
}

header a,
header i,
header .navbar-brand {
  color: rgb(146,163,24,0.54);
}

.message-top {
  background-color: rgb(0,0,0,0);
  color: rgb(8,31,120,0.9);
}

#main-menu,
#main-menu .dropdown-menu {
  background-color: rgb(0,0,0,0)!important;
}

#main-menu li a{
  color: rgb(190,178,18,0.87)!important;
}
#main-menu li.sfhover,
#main-menu li a:hover {
  background-color: rgb(12,35,193,1)!important;
}

.toast, .toast-success {background-color: rgb(31,198,89,1);}

footer {
  background-color: rgb(238,203,224,0.34);
  color: rgb(19,10,155,0.99);
}

footer h5,
footer a {
  color: rgb(19,10,155,0.99);
}

/* 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: rgb(9,24,141,1);}
.btn.btn-secondary{background-color: rgb(9,24,141,1);}
.btn.btn-outline-secondary {border-color: rgb(9,24,141,1); color: rgb(9,24,141,1);}
.btn.btn-outline-secondary:hover {background-color: rgb(9,24,141,1); color: #fff;}
.btn.btn-adc,
.cart-size {background-color: rgb(22,200,91,1);}
.btn:hover {background-color: rgb(192,188,19,0.78)!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);
}


/* Form Checkout */
#email-suggestion a {
  color: rgb(196,192,19,0.9) !important;
}