/* Petra reds. Last stylesheet wins over mint/forest and over cached blush washes. */
:root {
  --ink: #5c2018 !important;
  --ink-soft: #5c2018 !important;
  --paper: #f3e0dc !important;
  --paper-deep: #d4a59a !important;
  --paper-rgb: 243, 224, 220 !important;
  --fog: #bc4639 !important;
  --fog-muted: rgba(212, 165, 154, 0.92) !important;
  --fog-dim: rgba(212, 165, 154, 0.7) !important;
  --line: rgba(92, 32, 24, 0.16) !important;
  --accent: #4285f4 !important;
  --accent-bright: #4285f4 !important;
  --accent-deep: #2b6de0 !important;
  --accent-soft: rgba(66, 133, 244, 0.16) !important;
  --accent-rgb: 66, 133, 244 !important;
  --heading: #5c2018 !important;
  --on-dark: #ffffff !important;
}

html {
  background: #5c2018 !important;
}

html,
body {
  color: #bc4639 !important;
}

body {
  background-color: transparent !important;
}

body::before {
  background:
    url("/assets/sandstone-facade.jpg") center 42% / cover no-repeat !important;
}

body::after {
  background:
    linear-gradient(180deg, rgba(92, 32, 24, 0.22) 0%, rgba(92, 32, 24, 0.12) 32%, rgba(92, 32, 24, 0.62) 100%) !important;
  opacity: 1 !important;
}

h1, h2, h3, h4, h5, h6, b, strong {
  color: #5c2018 !important;
}

.hero__brand,
.hero__brand em,
.hero__headline {
  color: #ffffff !important;
}

.hero__lede {
  color: #d4a59a !important;
}

a {
  color: #4285f4 !important;
}

.btn--primary,
.nav__cta {
  background: #4285f4 !important;
  border-color: #4285f4 !important;
  color: #fff !important;
}

.btn--ghost,
.btn--ghost {
  background: rgba(92, 32, 24, 0.45) !important;
  border-color: #d4a59a !important;
  color: #ffffff !important;
}

.site-kicker {
  background: #5c2018 !important;
  color: #ffffff !important;
}

.site-header {
  background: #5c2018 !important;
  border-bottom: 3px solid #bc4639 !important;
}

.brand,
.brand:hover {
  color: #ffffff !important;
}

.nav a {
  color: #d4a59a !important;
}

.nav a:hover,
.nav a[aria-current="page"] {
  color: #ffffff !important;
}

.hero__atmosphere {
  background:
    linear-gradient(90deg, rgba(92, 32, 24, 0.82) 0%, rgba(92, 32, 24, 0.48) 36%, rgba(92, 32, 24, 0.08) 68%, rgba(92, 32, 24, 0.5) 100%),
    linear-gradient(180deg, rgba(92, 32, 24, 0.18) 0%, transparent 42%, rgba(92, 32, 24, 0.78) 100%) !important;
}

.section {
  background: rgba(243, 224, 220, 0.94) !important;
}

.site-footer {
  background: #5c2018 !important;
  color: #d4a59a !important;
}

.site-footer a,
.site-footer h3,
.site-footer__brand,
.site-footer__tag,
.site-footer__bottom {
  color: #ffffff !important;
}

.desk-action,
.desk-action:hover,
.mandate-card a {
  color: #5c2018 !important;
}

.page-login .section {
  background: transparent !important;
}

.login-panel {
  background: rgba(243, 224, 220, 0.86) !important;
  padding: 1.75rem 1.5rem;
  border: 1px solid rgba(92, 32, 24, 0.18);
}

@media (max-width: 760px) {
  .nav a {
    color: #5c2018 !important;
  }

  .hero__atmosphere {
    background:
      linear-gradient(180deg, rgba(92, 32, 24, 0.35) 0%, rgba(92, 32, 24, 0.72) 48%, rgba(92, 32, 24, 0.88) 100%) !important;
  }
}