/*
 * Ideal Spaces UI Clean v1.0.11.27
 * Final palette binding only.
 * No dimensions, spacing, positioning, menu behaviour, hero, card or content changes.
 */

:root {
  --is-sale-bone-white: #f6f1ed;
  --is-sale-navy: #26314a;
  --is-sale-navy-dark: #111820;
  --is-sale-german-red: #f08aad;
  --is-sale-german-red-hover: #ffabc5;
}

/* Force the old header surface variable itself to the new palette. */
body.is-modern-ui-test,
body.isclean-loss-page {
  --ismui-header-surface: var(--is-sale-bone-white) !important;
  --button-line: var(--is-sale-navy) !important;
}

/* 1. Entire upper header/logo plate: bone white, never grey/gradient. */
body.is-modern-ui-test .site-header,
body.is-modern-ui-test .site-header .mainHeader,
body.is-modern-ui-test header.mainHeader,
body.is-modern-ui-test .site-header .mainHeaderLogo,
body.is-modern-ui-test header.mainHeader .mainHeaderLogo,
body.is-modern-ui-test .site-header .mainHeaderLogo .logo,
body.is-modern-ui-test header.mainHeader .mainHeaderLogo .logo,
body.is-modern-ui-test .site-header .mainHeaderLogo .logo > a,
body.is-modern-ui-test header.mainHeader .mainHeaderLogo .logo > a,
body.isclean-loss-page .site-header,
body.isclean-loss-page .site-header .mainHeader,
body.isclean-loss-page header.mainHeader,
body.isclean-loss-page .site-header .mainHeaderLogo,
body.isclean-loss-page header.mainHeader .mainHeaderLogo,
body.isclean-loss-page .site-header .mainHeaderLogo .logo,
body.isclean-loss-page header.mainHeader .mainHeaderLogo .logo,
body.isclean-loss-page .site-header .mainHeaderLogo .logo > a,
body.isclean-loss-page header.mainHeader .mainHeaderLogo .logo > a {
  background: var(--is-sale-bone-white) !important;
  background-color: var(--is-sale-bone-white) !important;
  background-image: none !important;
  border-color: var(--is-sale-bone-white) !important;
}

body.is-modern-ui-test .site-header::before,
body.is-modern-ui-test .site-header::after,
body.is-modern-ui-test .mainHeader::before,
body.is-modern-ui-test .mainHeader::after,
body.is-modern-ui-test .mainHeaderLogo::before,
body.is-modern-ui-test .mainHeaderLogo::after,
body.is-modern-ui-test .mainHeaderLogo .logo::before,
body.is-modern-ui-test .mainHeaderLogo .logo::after,
body.isclean-loss-page .site-header::before,
body.isclean-loss-page .site-header::after,
body.isclean-loss-page .mainHeader::before,
body.isclean-loss-page .mainHeader::after,
body.isclean-loss-page .mainHeaderLogo::before,
body.isclean-loss-page .mainHeaderLogo::after,
body.isclean-loss-page .mainHeaderLogo .logo::before,
body.isclean-loss-page .mainHeaderLogo .logo::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}

/* Keep the control wrapper transparent over the bone-white plate. */
body.is-modern-ui-test .site-header .mainHeaderMenu,
body.is-modern-ui-test header.mainHeader .mainHeaderMenu,
body.is-modern-ui-test .mainHeaderMenu nav,
body.isclean-loss-page .site-header .mainHeaderMenu,
body.isclean-loss-page header.mainHeader .mainHeaderMenu,
body.isclean-loss-page .mainHeaderMenu nav {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* 4. Top logo: exact footer navy. Works for a white raster logo or inline SVG. */
body.is-modern-ui-test .site-header .mainHeaderLogo img,
body.is-modern-ui-test header.mainHeader .mainHeaderLogo img,
body.isclean-loss-page .site-header .mainHeaderLogo img,
body.isclean-loss-page header.mainHeader .mainHeaderLogo img {
  filter: brightness(0) saturate(100%) invert(4%) sepia(67%) saturate(1833%) hue-rotate(184deg) brightness(106%) contrast(68%) !important;
  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(67%) saturate(1833%) hue-rotate(184deg) brightness(106%) contrast(68%) !important;
  opacity: 1 !important;
}

body.is-modern-ui-test .site-header .mainHeaderLogo svg,
body.is-modern-ui-test .site-header .mainHeaderLogo svg *,
body.isclean-loss-page .site-header .mainHeaderLogo svg,
body.isclean-loss-page .site-header .mainHeaderLogo svg * {
  color: var(--is-sale-navy) !important;
  fill: var(--is-sale-navy) !important;
  stroke: var(--is-sale-navy) !important;
}

/* Hamburger / close icon follows the navy logo. */
body.is-modern-ui-test .hamburgerLineIin::before,
body.is-modern-ui-test .hamburgerLineIin::after,
body.is-modern-ui-test .hamburger span,
body.is-modern-ui-test .hamburger i,
body.isclean-loss-page .hamburgerLineIin::before,
body.isclean-loss-page .hamburgerLineIin::after,
body.isclean-loss-page .hamburger span,
body.isclean-loss-page .hamburger i {
  background-color: var(--is-sale-navy) !important;
  border-color: var(--is-sale-navy) !important;
  color: var(--is-sale-navy) !important;
}

/* Navigation row: bone white with no visible separator. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu,
body.is-modern-ui-test .menuOpened .mainMenu,
body.is-modern-ui-test .mainMenu,
body.isclean-loss-page .mainHeaderMenu .mainMenu,
body.isclean-loss-page .menuOpened .mainMenu,
body.isclean-loss-page .mainMenu {
  color: var(--is-sale-navy) !important;
  background: var(--is-sale-bone-white) !important;
  background-color: var(--is-sale-bone-white) !important;
  background-image: none !important;
  border-top-color: var(--is-sale-bone-white) !important;
  border-bottom-color: var(--is-sale-bone-white) !important;
  box-shadow: none !important;
}

/* 3. Every normal menu label is navy, not black. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:link,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:visited,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:link,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:visited {
  color: var(--is-sale-navy) !important;
  -webkit-text-fill-color: var(--is-sale-navy) !important;
  text-shadow: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li:hover > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-item > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:focus,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li:hover > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-item > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:focus {
  color: var(--is-sale-navy-dark) !important;
  -webkit-text-fill-color: var(--is-sale-navy-dark) !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a::after,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a::after {
  background: var(--is-sale-navy) !important;
  background-color: var(--is-sale-navy) !important;
}

/* German website remains red in every normal menu state. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"],
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:link,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:visited,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-item > a[href*="idealspaces.org"],
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a[href*="idealspaces.org"],
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"],
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:link,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:visited,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-item > a[href*="idealspaces.org"],
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a[href*="idealspaces.org"] {
  color: var(--is-sale-german-red) !important;
  -webkit-text-fill-color: var(--is-sale-german-red) !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:hover,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:focus,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:hover,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:focus {
  color: var(--is-sale-german-red-hover) !important;
  -webkit-text-fill-color: var(--is-sale-german-red-hover) !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]::after,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]::after {
  background: var(--is-sale-german-red) !important;
  background-color: var(--is-sale-german-red) !important;
}

/* 2. Dropdown: one uninterrupted bone-white surface; remove blue frame/shadow. */
body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu li > ul,
body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu li > ul,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul > li,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel,
body.is-modern-ui-test .mainMenu li.openMobile > ul,
body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu li > ul,
body.isclean-loss-page header.mainHeader .mainHeaderMenu .mainMenu li > ul,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul > li,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel,
body.isclean-loss-page .mainMenu li.openMobile > ul {
  background: var(--is-sale-bone-white) !important;
  background-color: var(--is-sale-bone-white) !important;
  background-image: none !important;
  border-color: var(--is-sale-bone-white) !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu li > ul::before,
body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu li > ul::before,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul::before,
body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu li > ul::before,
body.isclean-loss-page header.mainHeader .mainHeaderMenu .mainMenu li > ul::before,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul::before {
  border-color: transparent !important;
  box-shadow: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:link,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:visited,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel a,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:link,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:visited,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel a {
  color: var(--is-sale-navy) !important;
  -webkit-text-fill-color: var(--is-sale-navy) !important;
  background: transparent !important;
  text-shadow: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:hover,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:focus,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel a:hover,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel a:focus,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:hover,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:focus,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel a:hover,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel a:focus {
  color: var(--is-sale-navy-dark) !important;
  -webkit-text-fill-color: var(--is-sale-navy-dark) !important;
  background: rgba(38, 49, 74, 0.07) !important;
}

/* Mobile menu panels use the exact same palette. */
@media only screen and (max-width: 1199px) {
  body.is-modern-ui-test .site-header,
  body.is-modern-ui-test .mainHeader,
  body.is-modern-ui-test .mainHeaderLogo,
  body.is-modern-ui-test .mainHeaderLogo .logo,
  body.is-modern-ui-test .mainHeaderMenu,
  body.is-modern-ui-test .mainHeaderMenu nav,
  body.is-modern-ui-test .mainHeaderMenu .mainMenu,
  body.isclean-loss-page .site-header,
  body.isclean-loss-page .mainHeader,
  body.isclean-loss-page .mainHeaderLogo,
  body.isclean-loss-page .mainHeaderLogo .logo,
  body.isclean-loss-page .mainHeaderMenu,
  body.isclean-loss-page .mainHeaderMenu nav,
  body.isclean-loss-page .mainHeaderMenu .mainMenu {
    background-color: var(--is-sale-bone-white) !important;
    background-image: none !important;
    color: var(--is-sale-navy) !important;
    border-color: var(--is-sale-bone-white) !important;
  }
}

/* Footer surface is exact navy. */
body.is-modern-ui-test footer,
body.is-modern-ui-test #colophon,
body.is-modern-ui-test .site-footer,
body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter .mainFooterIn,
body.isclean-loss-page footer,
body.isclean-loss-page #colophon,
body.isclean-loss-page .site-footer,
body.isclean-loss-page .mainFooter,
body.isclean-loss-page .mainFooter .mainFooterIn {
  background: var(--is-sale-navy) !important;
  background-color: var(--is-sale-navy) !important;
  background-image: none !important;
}

/* 5. Every footer label/link/icon becomes bone white, not pure white. */
body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter *,
body.is-modern-ui-test footer,
body.is-modern-ui-test footer *,
body.isclean-loss-page .mainFooter,
body.isclean-loss-page .mainFooter *,
body.isclean-loss-page footer,
body.isclean-loss-page footer * {
  color: var(--is-sale-bone-white) !important;
  border-color: rgba(246, 241, 237, 0.18) !important;
  -webkit-text-fill-color: var(--is-sale-bone-white) !important;
}

body.is-modern-ui-test .mainFooter a:hover,
body.is-modern-ui-test footer a:hover,
body.isclean-loss-page .mainFooter a:hover,
body.isclean-loss-page footer a:hover {
  color: var(--is-sale-bone-white) !important;
  -webkit-text-fill-color: var(--is-sale-bone-white) !important;
  opacity: 1 !important;
}

body.is-modern-ui-test .mainFooter .mainFooterLogo img,
body.is-modern-ui-test .mainFooter .mainFooterSocials img,
body.is-modern-ui-test .mainFooter .mainFooterSocials picture img,
body.isclean-loss-page .mainFooter .mainFooterLogo img,
body.isclean-loss-page .mainFooter .mainFooterSocials img,
body.isclean-loss-page .mainFooter .mainFooterSocials picture img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(158%) hue-rotate(344deg) brightness(97%) contrast(99%) !important;
  -webkit-filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(158%) hue-rotate(344deg) brightness(97%) contrast(99%) !important;
  opacity: 1 !important;
}

body.is-modern-ui-test .mainFooter svg,
body.is-modern-ui-test .mainFooter svg path,
body.is-modern-ui-test .mainFooter svg circle,
body.is-modern-ui-test .mainFooter svg rect,
body.is-modern-ui-test .mainFooter svg polygon,
body.isclean-loss-page .mainFooter svg,
body.isclean-loss-page .mainFooter svg path,
body.isclean-loss-page .mainFooter svg circle,
body.isclean-loss-page .mainFooter svg rect,
body.isclean-loss-page .mainFooter svg polygon {
  color: var(--is-sale-bone-white) !important;
  fill: var(--is-sale-bone-white) !important;
  stroke: var(--is-sale-bone-white) !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a::before,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a::after,
body.isclean-loss-page .mainFooter .mainFooterSocials ul li a,
body.isclean-loss-page .mainFooter .mainFooterSocials ul li a::before,
body.isclean-loss-page .mainFooter .mainFooterSocials ul li a::after {
  color: var(--is-sale-bone-white) !important;
  opacity: 1 !important;
}

/* ============================================================
 * v1.0.11.28 — final header surface + submenu feedback correction
 * Colour/presentation correction only. No typography, dimensions,
 * spacing, positioning, hero, card, footer layout or menu behaviour changes.
 * ============================================================ */

/* Paint every real header layer bone white so no grey plate can remain. */
body.is-modern-ui-test .site-header,
body.is-modern-ui-test header.site-header,
body.is-modern-ui-test #masthead,
body.is-modern-ui-test .site-header > .mainHeader,
body.is-modern-ui-test .site-header .mainHeader,
body.is-modern-ui-test header.mainHeader,
body.is-modern-ui-test .site-header > .mainHeaderMenu,
body.is-modern-ui-test .site-header .mainHeaderMenu,
body.is-modern-ui-test header.mainHeader .mainHeaderMenu,
body.is-modern-ui-test .mainHeaderMenu,
body.is-modern-ui-test .mainHeaderMenu > nav,
body.is-modern-ui-test .mainHeaderMenu nav,
body.isclean-loss-page .site-header,
body.isclean-loss-page header.site-header,
body.isclean-loss-page #masthead,
body.isclean-loss-page .site-header > .mainHeader,
body.isclean-loss-page .site-header .mainHeader,
body.isclean-loss-page header.mainHeader,
body.isclean-loss-page .site-header > .mainHeaderMenu,
body.isclean-loss-page .site-header .mainHeaderMenu,
body.isclean-loss-page header.mainHeader .mainHeaderMenu,
body.isclean-loss-page .mainHeaderMenu,
body.isclean-loss-page .mainHeaderMenu > nav,
body.isclean-loss-page .mainHeaderMenu nav {
  background: var(--is-sale-bone-white) !important;
  background-color: var(--is-sale-bone-white) !important;
  background-image: none !important;
  border-color: var(--is-sale-bone-white) !important;
  box-shadow: none !important;
}

/* Neutralise legacy overlays that created the grey header strip. */
body.is-modern-ui-test .site-header::before,
body.is-modern-ui-test .site-header::after,
body.is-modern-ui-test #masthead::before,
body.is-modern-ui-test #masthead::after,
body.is-modern-ui-test .mainHeader::before,
body.is-modern-ui-test .mainHeader::after,
body.is-modern-ui-test .mainHeaderMenu::before,
body.is-modern-ui-test .mainHeaderMenu::after,
body.is-modern-ui-test .mainHeaderMenu nav::before,
body.is-modern-ui-test .mainHeaderMenu nav::after,
body.isclean-loss-page .site-header::before,
body.isclean-loss-page .site-header::after,
body.isclean-loss-page #masthead::before,
body.isclean-loss-page #masthead::after,
body.isclean-loss-page .mainHeader::before,
body.isclean-loss-page .mainHeader::after,
body.isclean-loss-page .mainHeaderMenu::before,
body.isclean-loss-page .mainHeaderMenu::after,
body.isclean-loss-page .mainHeaderMenu nav::before,
body.isclean-loss-page .mainHeaderMenu nav::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* The logo must sit directly on the shared header surface, never in a box. */
body.is-modern-ui-test .mainHeaderLogo,
body.is-modern-ui-test .mainHeaderLogo .logo,
body.is-modern-ui-test .mainHeaderLogo .logo > a,
body.isclean-loss-page .mainHeaderLogo,
body.isclean-loss-page .mainHeaderLogo .logo,
body.isclean-loss-page .mainHeaderLogo .logo > a {
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Top logo: exact navy, whether the source is raster, SVG, text or an icon. */
body.is-modern-ui-test .mainHeaderLogo img,
body.is-modern-ui-test .mainHeaderLogo picture img,
body.isclean-loss-page .mainHeaderLogo img,
body.isclean-loss-page .mainHeaderLogo picture img {
  filter: brightness(0) saturate(100%) invert(49%) sepia(47%) saturate(998%) hue-rotate(184deg) brightness(19%) contrast(78%) !important;
  -webkit-filter: brightness(0) saturate(100%) invert(49%) sepia(47%) saturate(998%) hue-rotate(184deg) brightness(19%) contrast(78%) !important;
  opacity: 1 !important;
}

body.is-modern-ui-test .mainHeaderLogo .logo,
body.is-modern-ui-test .mainHeaderLogo .logo > a,
body.is-modern-ui-test .mainHeaderLogo .logo span,
body.is-modern-ui-test .mainHeaderLogo .logo i,
body.isclean-loss-page .mainHeaderLogo .logo,
body.isclean-loss-page .mainHeaderLogo .logo > a,
body.isclean-loss-page .mainHeaderLogo .logo span,
body.isclean-loss-page .mainHeaderLogo .logo i {
  color: var(--is-sale-navy) !important;
  -webkit-text-fill-color: var(--is-sale-navy) !important;
}

body.is-modern-ui-test .mainHeaderLogo svg,
body.is-modern-ui-test .mainHeaderLogo svg *,
body.isclean-loss-page .mainHeaderLogo svg,
body.isclean-loss-page .mainHeaderLogo svg * {
  color: var(--is-sale-navy) !important;
  fill: var(--is-sale-navy) !important;
  stroke: var(--is-sale-navy) !important;
}

/* Preserve the existing hamburger/close shape; change only its colour. */
body.is-modern-ui-test .hamburger,
body.is-modern-ui-test .hamburger *,
body.is-modern-ui-test .hamburgerLineIin,
body.is-modern-ui-test .hamburgerLineIin::before,
body.is-modern-ui-test .hamburgerLineIin::after,
body.isclean-loss-page .hamburger,
body.isclean-loss-page .hamburger *,
body.isclean-loss-page .hamburgerLineIin,
body.isclean-loss-page .hamburgerLineIin::before,
body.isclean-loss-page .hamburgerLineIin::after {
  color: var(--is-sale-navy) !important;
  border-color: var(--is-sale-navy) !important;
}

body.is-modern-ui-test .hamburgerLineIin::before,
body.is-modern-ui-test .hamburgerLineIin::after,
body.is-modern-ui-test .hamburger span,
body.is-modern-ui-test .hamburger i,
body.isclean-loss-page .hamburgerLineIin::before,
body.isclean-loss-page .hamburgerLineIin::after,
body.isclean-loss-page .hamburger span,
body.isclean-loss-page .hamburger i {
  background-color: var(--is-sale-navy) !important;
}

/* Main navigation row and normal links: bone white + footer navy. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu,
body.is-modern-ui-test .menuOpened .mainMenu,
body.is-modern-ui-test .mainMenu,
body.isclean-loss-page .mainHeaderMenu .mainMenu,
body.isclean-loss-page .menuOpened .mainMenu,
body.isclean-loss-page .mainMenu {
  background: var(--is-sale-bone-white) !important;
  background-color: var(--is-sale-bone-white) !important;
  background-image: none !important;
  border-color: var(--is-sale-bone-white) !important;
  box-shadow: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:not([href*="idealspaces.org"]),
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:not([href*="idealspaces.org"]):link,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:not([href*="idealspaces.org"]):visited,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:not([href*="idealspaces.org"]),
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:not([href*="idealspaces.org"]):link,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:not([href*="idealspaces.org"]):visited {
  color: var(--is-sale-navy) !important;
  -webkit-text-fill-color: var(--is-sale-navy) !important;
  text-shadow: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li:hover > a:not([href*="idealspaces.org"]),
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-item > a:not([href*="idealspaces.org"]),
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a:not([href*="idealspaces.org"]),
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:not([href*="idealspaces.org"]):focus,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li:hover > a:not([href*="idealspaces.org"]),
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-item > a:not([href*="idealspaces.org"]),
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a:not([href*="idealspaces.org"]),
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:not([href*="idealspaces.org"]):focus {
  color: var(--is-sale-navy-dark) !important;
  -webkit-text-fill-color: var(--is-sale-navy-dark) !important;
}

/* German website stays red in every state. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"],
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:link,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:visited,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:hover,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:focus,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"],
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:link,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:visited,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:hover,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a[href*="idealspaces.org"]:focus {
  color: var(--is-sale-german-red) !important;
  -webkit-text-fill-color: var(--is-sale-german-red) !important;
}

/* Dropdown: bone-white surface, zero blue frame. */
body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu li > ul,
body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu li > ul,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul > li,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel,
body.is-modern-ui-test .mainMenu li.openMobile > ul,
body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu li > ul,
body.isclean-loss-page header.mainHeader .mainHeaderMenu .mainMenu li > ul,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul > li,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel,
body.isclean-loss-page .mainMenu li.openMobile > ul {
  background: var(--is-sale-bone-white) !important;
  background-color: var(--is-sale-bone-white) !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 14px 28px rgba(38, 49, 74, 0.13) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul::after,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul::after {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:link,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:visited,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel a,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:link,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:visited,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel a {
  color: var(--is-sale-navy) !important;
  -webkit-text-fill-color: var(--is-sale-navy) !important;
  background: transparent !important;
  text-shadow: none !important;
}

/* Clear hover/focus feedback: navy field with bone-white type. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li > a:hover,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li > a:focus,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li > a:focus-visible,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel li > a:hover,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel li > a:focus,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel li > a:focus-visible,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li > a:hover,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li > a:focus,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li > a:focus-visible,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel li > a:hover,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel li > a:focus,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel li > a:focus-visible {
  color: var(--is-sale-bone-white) !important;
  -webkit-text-fill-color: var(--is-sale-bone-white) !important;
  background: var(--is-sale-navy) !important;
  background-color: var(--is-sale-navy) !important;
  outline: 0 !important;
}

/* Footer: exact navy surface with exact bone-white content and icon artwork. */
body.is-modern-ui-test footer,
body.is-modern-ui-test #colophon,
body.is-modern-ui-test .site-footer,
body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter .mainFooterIn,
body.isclean-loss-page footer,
body.isclean-loss-page #colophon,
body.isclean-loss-page .site-footer,
body.isclean-loss-page .mainFooter,
body.isclean-loss-page .mainFooter .mainFooterIn {
  background: var(--is-sale-navy) !important;
  background-color: var(--is-sale-navy) !important;
  background-image: none !important;
}

body.is-modern-ui-test footer,
body.is-modern-ui-test footer *,
body.is-modern-ui-test footer *::before,
body.is-modern-ui-test footer *::after,
body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter *,
body.is-modern-ui-test .mainFooter *::before,
body.is-modern-ui-test .mainFooter *::after,
body.isclean-loss-page footer,
body.isclean-loss-page footer *,
body.isclean-loss-page footer *::before,
body.isclean-loss-page footer *::after,
body.isclean-loss-page .mainFooter,
body.isclean-loss-page .mainFooter *,
body.isclean-loss-page .mainFooter *::before,
body.isclean-loss-page .mainFooter *::after {
  color: var(--is-sale-bone-white) !important;
  -webkit-text-fill-color: var(--is-sale-bone-white) !important;
  border-color: rgba(246, 241, 237, 0.18) !important;
}

body.is-modern-ui-test footer img,
body.is-modern-ui-test .mainFooter img,
body.isclean-loss-page footer img,
body.isclean-loss-page .mainFooter img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(158%) hue-rotate(344deg) brightness(97%) contrast(99%) !important;
  -webkit-filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(158%) hue-rotate(344deg) brightness(97%) contrast(99%) !important;
  opacity: 1 !important;
}

body.is-modern-ui-test footer svg,
body.is-modern-ui-test footer svg *,
body.is-modern-ui-test .mainFooter svg,
body.is-modern-ui-test .mainFooter svg *,
body.isclean-loss-page footer svg,
body.isclean-loss-page footer svg *,
body.isclean-loss-page .mainFooter svg,
body.isclean-loss-page .mainFooter svg * {
  color: var(--is-sale-bone-white) !important;
  fill: var(--is-sale-bone-white) !important;
  stroke: var(--is-sale-bone-white) !important;
}