:root {
  --bodyTextColor: #9a1116;
  --bodyLinksColor: #9a1116;
  --topNavBackgroundColor: #770028;
  --topNavTextColor: #ffffff;
  --bannerBackgroundColor: #ffffff;
  --backgroundColor: #ffffff;
  --buttonColor: #9a1116;
  --buttonColorHover: #9a1116;
  --activeButtonColor: #9a1116;
  --footerBackgroundColor: #770028;
  --footerTextColor: #ffffff;
  --countdownTimerBackgroundColor: #990000;
  --countdownTimerTextColor: #ffffff;

  --buttonTextColor: #FFFFFF;
  --buttonTextColorHover: #DDDDDD;
  --secondaryColor: #54595E;
  --titleTextColor: #333333;
}

/* start store red theme */
.defaultColor.topnav_background_color {
  background: var(--topNavBackgroundColor);
}
.defaultColor.topnav_text_color {
  background: var(--topNavTextColor);
}
.defaultColor.header_background_color {
  background: #f5f5f5;
}
.defaultColor.header_text_color {
  background: #9a1116;
}
.defaultColor.banner_background_color {
  background: var(--bannerBackgroundColor);
}
.defaultColor.bg_color {
  background: var(--backgroundColor);
}
.defaultColor.body_text_color {
  background: var(--bodyTextColor);
}
.defaultColor.body_links_color {
  background: var(--bodyLinksColor);
}
.defaultColor.button_color {
  background: var(--buttonColor);
}
.defaultColor.active_button_color {
  background: var(--activeButtonColor);
}
.defaultColor.footer_background_color {
  background: var(--footerBackgroundColor);
}
.defaultColor.footer_text_color {
  background: var(--footerTextColor);
}
.defaultColor.countdown_background_color {
  background: var(--countdownTimerBackgroundColor);
}
.defaultColor.countdown_text_color {
  background: var(--countdownTimerTextColor);
}
body,
.storePreview {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  color: #9a1116;
  font-weight: 400;
  font-size: 16px;
}
.canvasWrap,
.webbloxBody {
  background: var(--backgroundColor);
}
.bg-primary,
.gridHeader {
  background: #770028 !important;
  color: #ffffff;
}
.topNav,
.webbloxTopNav {
  background: #770028;
  color: #ffffff;
}
.topNav a,
.webbloxTopNav a {
  color: #ffffff;
}
.headerBanner,
.webbloxBanner {
  background: #ffffff;
}
#header,
.webbloxHeader {
  background: #f5f5f5;
  color: #9a1116;
}
#header a,
.webbloxHeader a {
  color: #9a1116;
}
#header .circle-btn,
.webbloxHeader .circle-btn {
  border-color: #9a1116;
}
#header .circle-btn i,
.webbloxHeader .circle-btn i {
  color: #9a1116;
}
#header .userDetails,
.webbloxHeader .userDetails {
  border-color: #9a1116;
}
#header .userDetails .userAvatar,
.webbloxHeader .userDetails .userAvatar {
  border-color: #9a1116;
}
#header .userTools .cartValue,
.webbloxHeader .userTools .cartValue {
  border-color: #9a1116;
}
#header .boxMenu ul a,
.webbloxHeader .boxMenu ul a {
  color: #9a1116;
}
#header .mainMenu > ul > li > a,
.webbloxHeader .mainMenu > ul > li > a {
  color: #9a1116;
  border-color: transparent;
}
#header .mainMenu > ul > li.active > a,
.webbloxHeader .mainMenu > ul > li.active > a {
  color: #9a1116;
  border-color: #9a1116;
}
#header .mainMenu > ul > li:hover > a,
.webbloxHeader .mainMenu > ul > li:hover > a {
  color: unset;
  text-decoration: none;
}
#header .mainMenu > ul > li > ul > li > a,
.webbloxHeader .mainMenu > ul > li > ul > li > a {
  color: #9a1116;
}
#header .mainMenu > ul > li > ul > li:hover > a,
.webbloxHeader .mainMenu > ul > li > ul > li:hover > a {
  color: unset;
}
#header .mainMenu > ul > li > ul > li.hasChild i,
.webbloxHeader .mainMenu > ul > li > ul > li.hasChild i {
  color: #9a1116;
}
#header .mainMenu > ul > li > ul > li ul li a,
.webbloxHeader .mainMenu > ul > li > ul > li ul li a {
  color: #9a1116;
}
#header .mainMenu > ul > li > ul > li ul li:hover a,
.webbloxHeader .mainMenu > ul > li > ul > li ul li:hover a {
  color: unset;
}
#header .toolDropdownInner,
.webbloxHeader .toolDropdownInner {
  color: #9a1116;
}
#header .toolDropdownInner a,
.webbloxHeader .toolDropdownInner a {
  color: #9a1116;
}
.horzNav .mainMenu > ul > li > a {
  color: #9a1116;
  border-color: transparent;
}
.horzNav .mainMenu > ul > li.active > a {
  color: #9a1116;
  border-color: #9a1116;
}
.horzNav .mainMenu > ul > li:hover > a {
  color: unset;
  text-decoration: none;
}
.horzNav .mainMenu > ul > li > ul > li > a {
  color: #9a1116;
}
.horzNav .mainMenu > ul > li > ul > li:hover > a {
  color: unset;
}
.horzNav .mainMenu > ul > li > ul > li.hasChild i {
  color: #9a1116;
}
.horzNav .mainMenu > ul > li > ul > li ul li a {
  color: #9a1116;
}
.horzNav .mainMenu > ul > li > ul > li ul li:hover a {
  color: unset;
}
.boxMenu {
  background: #flyoutBackgroundColor;
}
.jumbotron {
  background: #f5f5f5;
  color: #9a1116;
}
.jumbotron a {
  color: #9a1116;
}
.jumbotron .breadcrumb-item.active {
  color: #9a1116;
}
.jumbotron .breadcrumb-item + .breadcrumb-item::before {
  color: #9a1116;
}
#footer,
.webbloxFooter {
  background: #770028;
  color: #ffffff;
}
#footer a,
.webbloxFooter a {
  color: #ffffff;
}
.canvasMenu {
  background: #770028;
  color: #ffffff;
}
.canvasMenu a {
  color: #ffffff;
}
.btn.btn-primary {
  background: #9a1116;
  border-color: #9a1116;
}
.btn.btn-primary:not(:disabled):not(.disabled):active {
  background: #9a1116;
  border-color: #9a1116;
}
.btn.btn-primary:hover {
  background: #9a1116;
  border-color: #9a1116;
}
a {
  color: #9a1116;
}
a:hover {
  color: unset;
}
.footerWidget .widget-title {
  border-color: #fff;
}
.social-button {
  background: #9a1116;
}
.social-button i {
  color: #fff;
}
.social-button.light-social {
  background: #9a1116;
}
.social-button.light-social i {
  color: #fff;
}
.menuOpen span:after {
  color: #9a1116;
}
.userTools .cartValue {
  color: #9a1116;
}
.userTools .cartValue i {
  color: #9a1116;
  font-size: 20px;
}
.userTools .cartValue:hover {
  color: unset;
  text-decoration: none;
}
.userTools > div .toolDropdown .toolDropdownInner {
  background: #fff;
}
.userTools > div .toolDropdown .toolDropdownInner ul li a {
  color: #9a1116;
}
.userTools > div .toolDropdown .toolDropdownInner ul li:hover a {
  color: unset;
}
.canvasNav .navTitle {
  color: #ffffff;
}
.canvasNav ul li a {
  color: #ffffff;
}
.canvasNav ul li:hover a {
  text-decoration: none;
  color: unset;
}
.canvasNav ul li.hasChild .openSubMenu {
  color: #ffffff;
}
.canvasMenu .userDetails .userInfo .userInfoName {
  color: #ffffff;
}
.canvasMenu .userDetails .userInfo .userInfoPoints {
  color: #ffffff;
}
.canvasMenu .userDetails .userInfo .userInfoPoints a {
  color: #ffffff;
}
.circle-btn {
  color: #9a1116;
}
.circle-btn i {
  color: #9a1116;
}
.circle-btn:hover {
  color: unset;
}
.pageWrap .owl-carousel .owl-nav button {
  color: #9a1116;
}
.filterWrap .filterAccordion .filterBox .plusToggle {
  background: #9a1116;
}
.filterWrap .filterAccordion .filterBox .plusToggle:after {
  background: #9a1116;
}
.filterWrap .filterAccordion .filterTitle {
  background: #f5f5f5;
}
.filterWrap .filterAccordion .filterTitle a {
  background: #f5f5f5;
}
.priceRange #amount {
  color: #9a1116;
}
.priceRange .ui-slider .ui-widget-header {
  background: #9a1116;
}
.priceRange .ui-slider .ui-slider-handle {
  border-color: #9a1116;
  background: #fff;
}
.priceRange .ui-slider.ui-slider-horizontal {
  border-color: #fff;
}
.custom-control-label::before {
  border: 1px solid #9a1116;
}
.page-link {
  color: #9a1116;
}
.page-link:hover {
  color: unset;
}
.pagination .page-item span {
  color: #9a1116;
}
.cartArticle .card-header .productQty b {
  color: #9a1116;
}
.text-default {
  color: #9a1116 !important;
}
.text-default p,
.text-default label {
  color: #9a1116 !important;
}
/* end store red theme */