@import url("rhein-skin-v14.css");

/* Dark hero: cream nav/logo/Request on gunmetal. After scroll, ink on #fafafa. */

body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  [class*="navigation-menu"]
  > a,
body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  [class*="nav-dropdown-label"],
body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  [class*="navigation-menu"] {
  color: #e8e4dc !important;
}

body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  svg[aria-label]
  text,
body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  svg[aria-label]
  rect,
body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  svg[aria-label]
  path[fill="#0B0B0B"],
body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  svg[aria-label]
  path[fill="#0b0b0b"] {
  fill: #e8e4dc !important;
}

body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  [class*="nav-dropdown-label"]
  svg,
body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  [class*="nav-dropdown-label"]
  svg
  path {
  color: #e8e4dc !important;
  fill: #e8e4dc !important;
}

body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  .button-main,
body:has([class*="header-bg-video-container"])
  [class*="__navigation"]:not([class*="navigation-scrolled"])
  button.button-main
  span {
  color: #f4f0e6 !important;
}

[class*="navigation-scrolled"] [class*="navigation-menu"] > a,
[class*="navigation-scrolled"] [class*="nav-dropdown-label"],
[class*="navigation-scrolled"] [class*="navigation-menu"] {
  color: #0b0b0b !important;
}

[class*="navigation-scrolled"] svg[aria-label] text,
[class*="navigation-scrolled"] svg[aria-label] path[fill="#e8e4dc"],
[class*="navigation-scrolled"] svg[aria-label] path[fill="#f4f0e6"] {
  fill: #0b0b0b !important;
}

[class*="navigation-scrolled"] .button-main,
[class*="navigation-scrolled"] button.button-main span {
  color: #0b0b0b !important;
}

.rhein-nav,
.rhein-nav a {
  color: #e8e4dc !important;
}
.rhein-nav a.cta {
  color: #fff !important;
}

.rhein-letter {
  max-width: 760px;
  color: #161616;
  font-size: 1.06rem;
  line-height: 1.7;
}
.rhein-letter h1 {
  font-size: 1.85rem;
  line-height: 1.25;
  margin: 0.2em 0 0.4em;
  color: #0b0b0b;
}
.rhein-letter h2 {
  font-size: 1.25rem;
  margin: 1.7em 0 0.55em;
  color: #0b0b0b;
}
.rhein-letter h3 {
  font-size: 1.05rem;
  margin: 1.4em 0 0.4em;
  color: #0b0b0b;
}
.rhein-letter p,
.rhein-letter li {
  color: #161616;
}
.rhein-letter ul {
  padding-left: 1.2em;
}
.rhein-letter a {
  color: #9a1f1f;
}
.rhein-letter code {
  font-size: 0.92em;
  background: #f3f1ea;
  padding: 0.05em 0.28em;
}
.rhein-kicker {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem;
  color: #d12c2c;
  margin: 0 0 8px;
}
.rhein-meta {
  color: #4a4a4a;
  margin: 0 0 1.2em;
}