:root {
  --amsearch-color-text: #000;
  --amsearch-color-text-hover: #000;
  --amsearch-color-highlight: #7ac142;
  --dark-bg: #13171b;
}
body.dark header .menu-btn span {
  background: #fff;
}
body.dark header .headerContent .logoBox svg path,
body.dark header .headerContent .wishlist-link svg path,
body.dark header .headerContent .minicart-wrapper svg path,
body.dark header .headerContent .customer-link svg > g > path,
body.dark header .headerContent .mobile-search-icon svg {
  fill: #fff;
}
body.dark header .headerContent .rightBox {
  background: var(--dark-bg);
}
body.dark .page-wrapper header,
body.dark .page-wrapper .page-footer {
  background: var(--dark-bg);
}
body.dark .page-wrapper header .menu ul li a,
body.dark .page-wrapper header .menu ul li span,
body.dark .page-wrapper header .menu ul li strong {
  color: #fff !important;
}
body.dark .page-footer {
  color: #fff !important;
}
body.dark .page-footer a {
  color: #fff !important;
}
body.dark.cms-index-index section#page-content {
  padding-top: 0;
  margin-top: -1px;
}
body.dark.cms-index-index #row-homepage-1 {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--dark-bg);
}
body.dark.cms-index-index #row-homepage-1 > .mgz-element-inner > .inner-content {
  padding: 0 15px;
}
@media (max-width: 767px) {
  body.dark header .menu.expand {
    background: var(--dark-bg);
  }
  body.dark header .menu.expand .menu-close-btn span {
    background: #fff;
  }
  body.dark header .menu ul.menuMobile li {
    border-color: #5d5d5d;
  }
  body.dark header .menu.expand .mobile-img-logo svg path {
    fill: #fff;
  }
  body.dark header .menu ul.menuMobile li.submenu .submenuContent {
    background: var(--dark-bg);
  }
  body.dark header .menu ul.menuMobile li.submenu .subc > span {
    filter: invert(1);
  }
}
@media (min-width: 768px) {
  body.dark header .menu ul.menuDesktop > li .submenu,
  body.dark body.desktop header .menu ul.menuDesktop > li.hover > a:after {
    background: var(--dark-bg);
  }
  body.dark header .menu ul.menuDesktop > li .submenu .content > div a.more {
    color: #fff;
    border-color: #fff;
  }
  body.dark.desktop header .menu ul.menuDesktop > li.hover > a:after {
    background: var(--dark-bg);
  }
  body.dark.desktop header .menu ul.menuDesktop > li .submenu .content > div ul li:hover {
    background: var(--base-color2);
  }
}
