@charset "utf-8";

header .header--ribbon { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }

header .header--ribbon--close { background-color: rgb(255, 255, 255); }

@media screen and (max-width: 767px) {
  header nav { color: rgb(0, 0, 0); }
  header nav .header--navigation { background-color: rgb(255, 255, 255); }
  .header--navigation .header--nav-item { color: rgb(0, 0, 0) !important; }
  .header--navigation .header--nav-item:hover, .header--navigation .header--nav-item.selected { background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
  .header--icon--link svg, .header--icon--link.active svg, .header--navigation .header--nav-item, .header--logo svg { color: rgb(0, 0, 0); }
  .header--currency-item .header--currency-item--link { color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); }
  .header--currency-item.current .header--currency-item--link { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); }
  .header--mega--nav-item.highlight { color: rgb(165, 87, 65); }
}

@media screen and (min-width: 768px) {
  header nav, header nav .header--mega, header nav .header--mega-submenus--wrapper { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
  .header--logo svg, .header--navigation .header--nav-item { color: rgb(0, 0, 0) !important; }
  header nav.is-expanded, header nav.is-expanded .header--mega, header nav.is-expanded .header--mega-submenus--wrapper { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
  header nav.is-expanded .header--navigation .header--nav-item, header nav.is-navigation_text_color_expanded_hover .header--logo svg { color: rgb(0, 0, 0) !important; }
  .header--currencies-wrapper { background-color: rgb(72, 57, 65); color: rgb(255, 255, 255); }
  .header--icon--link:hover, .header--icon--linklists:hover svg, .header--logo:hover svg, .header--navigation .header--nav-item:hover, .header--icon--link.link--account:hover .title { color: rgb(0, 0, 0) !important; }
  .header--icon--link.link--account:hover .title, .header--icon--link.link--account.selected .title { background-image: linear-gradient(0deg, rgb(0, 0, 0), rgb(0, 0, 0)) !important; }
  header nav.is-expanded .header--navigation .header--nav-item.selected { background-image: linear-gradient(0deg, rgb(0, 0, 0), rgb(0, 0, 0)) !important; }
  .header--navigation .header--nav-item.selected, .header--icon--link.link--account.selected .title { color: rgb(0, 0, 0) !important; }
  .header--nav-sub-item.selected, .header--mega--submenu--section .header--mega--nav-item:hover { color: rgb(123, 150, 181); }
}