/* About page dark theme */

:root[data-theme="dark"] body.about-page {
  background: #050b18;
  color: var(--text);
}

:root[data-theme="dark"] body.about-page .site-nav a {
  color: rgba(255, 255, 255, 0.88);
}

:root[data-theme="dark"] body.about-page .site-nav a:hover {
  color: var(--gold);
}

:root[data-theme="dark"] body.about-page .site-nav a[aria-current="page"] {
  background: transparent !important;
  color: var(--gold) !important;
}

:root[data-theme="dark"] body.about-page .site-nav-dropdown {
  background: #0c1833;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.34);
}

:root[data-theme="dark"] body.about-page .site-nav-dropdown a {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.about-page .site-nav-dropdown a:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

:root[data-theme="dark"] body.about-page .menu-toggle {
  background: rgba(10, 30, 70, 0.55);
  border-color: rgba(255, 255, 255, 0.14);
}

:root[data-theme="dark"] body.about-page .menu-toggle span {
  background: rgba(255, 255, 255, 0.9);
}

:root[data-theme="dark"] body.about-page .brand .brand-logo {
  filter: brightness(0) invert(1);
}

:root[data-theme="dark"] body.about-page .about-promo,
:root[data-theme="dark"] body.about-page .about-visit,
:root[data-theme="dark"] body.about-page .about-story {
  position: relative;
  z-index: 1;
  overflow: hidden;
  isolation: isolate;
  background-color: #050b18;
  background-image:
    linear-gradient(180deg, rgba(5, 11, 24, 0.55) 0%, rgba(5, 11, 24, 0.78) 100%),
    url("../images/dark-mode-bellino.png");
  background-repeat: no-repeat, repeat;
  background-position: 0 0, 0 0;
  background-size: auto, min(420px, 92vw);
  background-attachment: fixed, fixed;
  border: none;
}

:root[data-theme="dark"] body.about-page .about-values-band {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: #050b18;
  background-image:
    linear-gradient(180deg, rgba(5, 11, 24, 0.55) 0%, rgba(5, 11, 24, 0.78) 100%),
    url("../images/dark-mode-bellino.png");
  background-repeat: no-repeat, repeat;
  background-position: 0 0, 0 0;
  background-size: auto, min(420px, 92vw);
  background-attachment: fixed, fixed;
  border: none;
}

:root[data-theme="dark"] body.about-page .btn-navy-cta {
  background: #0c1833;
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
}

:root[data-theme="dark"] body.about-page .btn-navy-cta:hover {
  background: #122040;
  border-color: rgba(255, 255, 255, 0.2);
}

:root[data-theme="dark"] body.about-page .about-promo-card {
  background: transparent;
  border: none;
  box-shadow: none;
}

:root[data-theme="dark"] body.about-page .about-visit-card.usa250-story-card,
:root[data-theme="dark"] body.about-page .about-story-card,
:root[data-theme="dark"] body.about-page .about-growth-card,
:root[data-theme="dark"] body.about-page .about-value-card {
  background: #0c1833;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
}

:root[data-theme="dark"] body.about-page .about-visit-card .about-visit-features li {
  background: rgba(8, 16, 36, 0.72);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

:root[data-theme="dark"] body.about-page .about-promo-card h2,
:root[data-theme="dark"] body.about-page .about-visit-card .usa250-copy h2,
:root[data-theme="dark"] body.about-page .about-story-copy h2,
:root[data-theme="dark"] body.about-page .about-growth-head h2,
:root[data-theme="dark"] body.about-page .about-growth-card h3,
:root[data-theme="dark"] body.about-page .about-values-head h2,
:root[data-theme="dark"] body.about-page .about-story-card h3,
:root[data-theme="dark"] body.about-page .about-value-card h3,
:root[data-theme="dark"] body.about-page .about-visit-card .about-visit-features strong {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.about-page .about-promo-card p,
:root[data-theme="dark"] body.about-page .about-visit-card .usa250-copy > p,
:root[data-theme="dark"] body.about-page .about-story-copy > p,
:root[data-theme="dark"] body.about-page .about-growth-head > p,
:root[data-theme="dark"] body.about-page .about-growth-card p,
:root[data-theme="dark"] body.about-page .about-growth-tagline,
:root[data-theme="dark"] body.about-page .about-values-head > p,
:root[data-theme="dark"] body.about-page .about-story-card p,
:root[data-theme="dark"] body.about-page .about-value-card p,
:root[data-theme="dark"] body.about-page .about-visit-card .about-visit-features p {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.about-page .about-visit-card .about-visit-kicker,
:root[data-theme="dark"] body.about-page .about-story-copy .section-kicker,
:root[data-theme="dark"] body.about-page .about-growth-head .section-kicker,
:root[data-theme="dark"] body.about-page .about-values-head .section-kicker {
  color: var(--gold);
}

:root[data-theme="dark"] body.about-page .about-visit-card .usa250-visual {
  border-left-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.about-page .about-values-band .about-growth,
:root[data-theme="dark"] body.about-page .about-values-band .about-values,
:root[data-theme="dark"] body.about-page .about-bottom-cta-band,
:root[data-theme="dark"] body.about-page .about-bottom-cta-band > .container,
:root[data-theme="dark"] body.about-page .about-bottom-cta {
  position: relative;
  z-index: 1;
  background: transparent;
  border: none;
}

:root[data-theme="dark"] body.about-page .site-footer--expanded {
  border-top-color: rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] body.about-page .footer-expanded-brand p,
:root[data-theme="dark"] body.about-page .footer-col p,
:root[data-theme="dark"] body.about-page .footer-bottom-bar p {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.about-page .footer-col h3 {
  color: rgba(255, 255, 255, 0.92);
}

:root[data-theme="dark"] body.about-page .footer-col a {
  color: rgba(255, 255, 255, 0.78);
}

:root[data-theme="dark"] body.about-page .footer-col a:hover {
  color: var(--gold);
}

:root[data-theme="dark"] body.about-page .footer-newsletter-form input {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 900px) {
  :root[data-theme="dark"] body.about-page .site-nav {
    background: #0c1833;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
  }
}