/* =============================================================
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;
  color: #333333;
}

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: #FFBAE6;
}
.select {
  background-image: url('https://assets.jumpseller.com/store/tom-top1/themes/441526/angle-down.svg?1757518867');
}
.select:disabled, .select[aria-disabled=true] {
  background-image: url('https://assets.jumpseller.com/store/tom-top1/themes/441526/angle-down.svg?1757518867');
}
/* Header */
header {
  background-color: #ffffff;
  color: rgba(24,23,25,1);
}

header a,
header i,
header .navbar-brand {
  color: rgba(24,23,25,1);
}

.message-top {
  background-color: #000000;
  color: #ffffff;
}

#main-menu,
#main-menu .dropdown-menu {
  background-color: #ffffff!important;
}

#main-menu li a{
  color: #000000!important;
}
#main-menu li.sfhover,
#main-menu li a:hover {
  background-color: #f9f9f9!important;
}

.toast, .toast-success {background-color: #FFBAE6;}

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

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

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

/* Button colors */
.btn.btn-primary,
.quantity-button:hover {background-color: rgba(23,23,23,1);}
.btn.btn-secondary{background-color: #666666;}
.btn.btn-outline-secondary {border-color: #666666; color: #666666;}
.btn.btn-outline-secondary:hover {background-color: #666666; color: #fff;}
.btn.btn-adc,
.cart-size {background-color: #FFBAE6;}
.btn:hover {background-color: #333333!important;}
.btn.btn-link:hover {background-color: transparent!important;}

/* Product Block */


.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: #222222 !important;
}