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

/* =============================================================
  COLOR PICKERS
============================================================= */
/* Store Background | Default: #FFFFFF */
body, .main-section,
#navigation,
#navigation .top-bar,
#top-bar-left .level-1,
#top-bar-right li a {
  background-color: #FFFFFF ;
}

/* Store Logo | Default: #222222 */
#store-logo a {
  color: #222222;
}

/*  Topbar
============================================================= */
/* Topbar Background | Default: #F2F2F2 */

#header-tab-bar,
#store-languages-menu li a:hover,
#store-languages-menu li a.active,
#top-bar-left .level-1:hover,
#top-bar-left .level-1:focus,
#top-bar-left > li:hover:not(.has-form) > .level-1 {
  background-color: #f4f4f4 !important;
}


/*  Main Navigation
============================================================= */
/* - Page Titles Color | Default: #222222 */
#top-bar-left .level-1,
#top-bar-left .dropdown li a,
.page-title{
  color: #222222;
}

/*
- Nav Link Color Active | Default: #FFFFFF
- Nav Link Background Active | Default: #B72009
- Primary Button Background | Default: #B72009
*/
#top-bar-left > li.active > .level-1,
#top-bar-left > li.active > .level-1:hover,
#top-bar-left > li.active > .level-1:focus,
#top-bar-right li a:hover,
#top-bar-right li a:focus,
.button,
#side_filters .badge{
  background-color: #B72009 !important;
}

/* Nav Social Link Color | Default: #B72009 */
#top-bar-right li a, a,
.cart-page-total {
  color: #B72009;
}

/*  General Elements
============================================================= */
/*

- Primary Button Background onHover | Default: #A01806 */

.button:hover,
.button:focus,
#side_filters .badge:hover{
  background-color: #891304;
}
a:hover {
  color: #891304;
}
footer {
  background-color: #f4f4f4;
}
footer ul li, footer ul li a, footer .store-description {
    color: #666666;
}
footer h6 {
    color: #999999;
}
.toast .toast-success {background-color: #B72009;}

/* Form Checkout */
#email-suggestion a {
  color: #B72009 !important;
}