/**
 * MWF sitewide glass theme
 * Full-page dark blue gradient + frosted blue glass floating cards.
 * Matches homepage treatment (2026-07-21). Loaded after page styles.
 */

/* ── Full-page gradient ── */
html {
  height: 100%;
  width: 100%;
}

body {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  width: 100%;
  background-color: #0d1d38 !important;
  background-image: none !important;
  color: #d7e3f4 !important;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, #13294b 0%, #16407a 55%, #1e56a0 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* ── Shared glass shell ── */
.mwf-glass,
.content-wrap,
.hero-int,
.hero,
.rv-hero,
.feature-band,
.wf-band,
.wf-inner,
.why-band,
.str-band,
.str-inner,
.reviews-band,
.site-footer,
.bottom-cta,
.areas-strip,
.price-list,
.steps-strip,
.tile,
.blog-card,
.review-card,
.stat-card,
.host-review,
.checklist,
.cmp-table,
.guide-links a,
.topics-band,
.topic-tile,
.days-panel {
  /* applied selectively below with more specific rules */
}

/* Typography defaults on glass pages */
main h2,
.content-wrap h2,
.feature-band h2,
.rv-section h2,
.topics-band h2 {
  color: #fff !important;
}

main h3,
.content-wrap h3,
.tile h3,
.faq-item h3,
.steps-strip h3 {
  color: #fff !important;
}

.section-intro,
.content-wrap p,
.feature-band p,
.faq-item p,
.min-note {
  color: #b9cce6 !important;
}

main a,
.content-wrap a,
.feature-band a,
.site-footer a,
.review-link a,
.tile a,
.areas-strip a {
  color: #d4af6e !important;
}

/* Primary CTA buttons: never inherit gold link color (was unreadable on gold fill) */
main a.btn-hero-primary,
main a.btn-cta-primary,
main a.btn-signup-primary,
main a.btn-str,
.content-wrap a.btn-hero-primary,
.content-wrap a.btn-cta-primary,
.content-wrap a.btn-signup-primary,
.feature-band a.btn-hero-primary,
.feature-band a.btn-cta-primary,
.cta-card a.btn-hero-primary,
.cta-card a.btn-cta-primary,
.cta-card a.btn-signup-primary,
.hero-int a.btn-hero-primary,
.hero-cta a.btn-hero-primary,
.bottom-cta a.btn-cta-primary,
.bottom-cta a.btn-hero-primary,
a.btn-hero-primary,
a.btn-cta-primary,
a.btn-signup-primary,
a.btn-str {
  display: inline-block !important;
  background: #b8904a !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
}

main a.btn-hero-primary:hover,
main a.btn-cta-primary:hover,
main a.btn-signup-primary:hover,
main a.btn-str:hover,
.content-wrap a.btn-hero-primary:hover,
.content-wrap a.btn-cta-primary:hover,
.content-wrap a.btn-signup-primary:hover,
.cta-card a.btn-signup-primary:hover,
.hero-int a.btn-hero-primary:hover,
.bottom-cta a.btn-cta-primary:hover,
a.btn-hero-primary:hover,
a.btn-cta-primary:hover,
a.btn-signup-primary:hover,
a.btn-str:hover {
  background: #d4af6e !important;
  color: #fff !important;
}

main a:hover,
.content-wrap a:hover,
.site-footer a:hover {
  color: #fff !important;
}

main strong,
.content-wrap strong {
  color: #fff !important;
}

/* ── Content cards ── */
main {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1rem 2.2rem;
}

.content-wrap {
  max-width: none !important;
  margin: 1.35rem 0 0 !important;
  padding: 2.2rem 1.8rem !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  color: #d7e3f4;
}

.content-wrap > h2:first-child {
  margin-top: 0 !important;
}

/* ── Heroes (interior + reviews) ── */
.hero-int,
.rv-hero,
.hero {
  background: transparent !important;
  margin: 1.35rem auto 0 !important;
  max-width: 1100px;
  padding: 0 1rem !important;
  color: #fff !important;
}

.hero-int > *,
.rv-hero > * {
  /* keep inner text layout */
}

/* Wrap hero content in glass via padding on a pseudo shell */
.hero-int,
.rv-hero {
  box-sizing: border-box;
}

.hero-int {
  padding: 2.4rem 1.8rem !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  text-align: center;
}

.rv-hero {
  padding: 2.6rem 1.8rem !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

/* Homepage-style split hero keeps .hero-inner float-card-dark if present;
   for plain .hero without float classes, glass the whole block */
.hero:not(:has(.float-card-dark)) {
  padding: 2.4rem 1.8rem !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.hero-int h1,
.rv-hero h1,
.hero h1 {
  color: #fff !important;
}

.hero-int p.sub,
.rv-hero p,
.hero p.sub {
  color: #c2d4ec !important;
}

/* ── Full-bleed bands → transparent; children float ── */
.feature-band,
.wf-band,
.why-band,
.str-band,
.reviews-band,
.topics-band {
  background: transparent !important;
  border: none !important;
  margin: 1.35rem auto 0 !important;
  max-width: 1100px;
  padding: 0 1rem !important;
}

.feature-band .split,
.feature-band .content-wrap,
.why-band .content-wrap,
.wf-inner,
.str-inner {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  padding: 2.2rem 1.8rem !important;
  max-width: none !important;
  margin: 0 !important;
  color: #d7e3f4;
}

.why-band {
  color: #fff !important;
}

.why-band h2 {
  color: #fff !important;
}

.why-band .section-intro {
  color: #b9cce6 !important;
}

/* ── Nested glass elements ── */
.stat-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.stat-card .num {
  color: #fff !important;
}

.stat-card .unit {
  color: #d4af6e !important;
}

.points {
  color: #d4af6e !important;
}

.tile {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-left: 4px solid #2d6fc4 !important;
}

.tile.gold,
.tile.eastbay {
  border-left-color: #b8904a !important;
}

.tile.navy,
.tile.marin {
  border-left-color: #d4af6e !important;
}

.tile h3 {
  color: #fff !important;
}

.tile .sched {
  color: #d4af6e !important;
}

.tile p {
  color: #cfe0f5 !important;
}

.tile .cities {
  color: #9eb6d4 !important;
}

.tile .go {
  color: #fff !important;
}

.price-list {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.price-row {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.price-row:nth-child(odd) {
  background: rgba(255, 255, 255, 0.05) !important;
}

.price-row .item {
  color: #fff !important;
}

.price-row .item small {
  color: #9eb6d4 !important;
}

.price-row .amt {
  color: #d4af6e !important;
}

.steps-strip {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.steps-strip > div {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}

.steps-strip .n {
  color: rgba(255, 255, 255, 0.28) !important;
}

.steps-strip h3 {
  color: #fff !important;
}

.steps-strip p {
  color: #b9cce6 !important;
}

.faq-item {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

.faq-item h3 {
  color: #fff !important;
}

.faq-item p {
  color: #b9cce6 !important;
}

.areas-strip {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #9eb6d4 !important;
}

.areas-strip strong {
  color: #d4af6e !important;
}

.bottom-cta {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #d7e3f4;
}

.bottom-cta h2 {
  color: #fff !important;
}

.bottom-cta p {
  color: #b9cce6 !important;
}

/* Match homepage Get Started / Sign Up Online: gold fill + white label
   (also covered above with main/content-wrap higher-specificity selectors) */
.btn-cta-primary,
.btn-hero-primary,
.btn-signup-primary,
a.btn-cta-primary,
a.btn-hero-primary,
a.btn-signup-primary {
  background: #b8904a !important;
  color: #fff !important;
}

.btn-cta-primary:hover,
.btn-hero-primary:hover,
.btn-signup-primary:hover,
a.btn-cta-primary:hover,
a.btn-hero-primary:hover,
a.btn-signup-primary:hover {
  background: #d4af6e !important;
  color: #fff !important;
}

.btn-cta-ghost {
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  color: #fff !important;
  background: transparent !important;
}

/* Reviews page */
.rv-section {
  max-width: 1100px;
  margin: 1.35rem auto 0;
  padding: 0 1rem 2rem;
}

.review-card {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

.review-card .review-text,
.review-text {
  color: #cfe0f5 !important;
}

.rv-name,
.review-author {
  color: #fff !important;
}

.rv-date,
.rv-meta {
  color: #9eb6d4 !important;
}

.review-summary {
  color: #d4af6e !important;
}

/* Blog */
.blog-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #d7e3f4 !important;
}

.blog-card-body,
.blog-card h2,
.blog-card h3 {
  color: #fff !important;
}

.blog-card p {
  color: #b9cce6 !important;
}

.topics-band {
  padding: 0 1rem !important;
}

.topic-tile {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #cfe0f5 !important;
}

/* Airbnb extras */
.host-review,
.checklist {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #cfe0f5 !important;
}

.guide-links a {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #d4af6e !important;
}

.guide-links a:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
}

.cmp-table {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #cfe0f5 !important;
}

.cmp-table th,
.cmp-table td {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #cfe0f5 !important;
}

.cmp-table th {
  color: #fff !important;
}

/* Footer glass */
.site-footer {
  text-align: center;
  padding: 1.8rem 1.5rem !important;
  font-size: 0.8rem;
  color: #9eb6d4 !important;
  border-top: none !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  margin: 1.35rem auto 1.5rem !important;
  max-width: 1100px;
  width: calc(100% - 2rem);
  border-radius: 18px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.site-footer a {
  color: #d4af6e !important;
}

/* Pillars stay glass-on-glass */
.pillar {
  background: rgba(255, 255, 255, 0.06) !important;
}

.pillar h3 {
  color: #d4af6e !important;
}

.pillar p {
  color: #d7e3f4 !important;
}

/* Keep sticky white header as-is for brand bar contrast */
.site-header {
  /* unchanged intentionally */
}

/* Mobile padding */
@media (max-width: 640px) {
  main {
    padding: 0 0.65rem 1.6rem;
  }

  .content-wrap,
  .hero-int,
  .rv-hero,
  .feature-band .split,
  .why-band .content-wrap,
  .wf-inner,
  .str-inner {
    padding: 1.6rem 1.1rem !important;
  }

  .hero-int,
  .rv-hero,
  .feature-band,
  .wf-band,
  .why-band,
  .topics-band {
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   Peninsula / marks.css pages (photo-overlay template)
   ═══════════════════════════════════════════════════════════ */
.background-overlay {
  /* page gradient from body::before replaces the photo wash */
  opacity: 0 !important;
  background: none !important;
}

/* marks.css sets translucent white on main/footer shells — neutralize */
body > main,
main.container,
.form-section,
.thank-you-container {
  background: transparent !important;
}

/* Keep sticky header solid white for brand bar */
body > header,
header.site-header,
.site-header {
  background: #fff !important;
}

/* City hero — light text on blue glass (peninsula / east bay city pages) */
.hero.city-hero,
.city-hero,
.hero {
  color: #fff !important;
}

.hero .subtitle,
.city-hero .subtitle,
.hero p.subtitle,
.hero.city-hero p.subtitle,
.hero p:not(.hero-eyebrow):not(.schedule-badge) {
  color: #e8eef8 !important;
}

.hero .subtitle strong,
.city-hero .subtitle strong,
.hero p.subtitle strong {
  color: #fff !important;
}

.hero-eyebrow,
.hero .hero-eyebrow,
.city-hero .hero-eyebrow {
  color: #d4af6e !important;
}

/* Google review cards on city pages (override light-theme inline styles) */
.gmb-reviews,
section.gmb-reviews,
.content-wrap .gmb-reviews {
  color: #e8eef8 !important;
}

.gmb-reviews h2,
.gmb-reviews .gmb-title,
.content-wrap .gmb-reviews h2 {
  color: #fff !important;
}

.gmb-sub,
.gmb-reviews .gmb-sub,
.content-wrap .gmb-sub,
.content-wrap p.gmb-sub {
  color: #cfe0f5 !important;
}

.gmb-card,
.gmb-reviews .gmb-card,
.content-wrap .gmb-card,
figure.gmb-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.07) 42%, rgba(22, 64, 122, 0.42) 100%),
    rgba(13, 29, 56, 0.72) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28) !important;
  color: #e8eef8 !important;
}

.gmb-card blockquote,
.gmb-reviews .gmb-card blockquote,
.content-wrap .gmb-card blockquote,
figure.gmb-card blockquote {
  color: #f0f5fc !important;
}

.gmb-card figcaption,
.gmb-reviews .gmb-card figcaption,
.content-wrap .gmb-card figcaption,
figure.gmb-card figcaption {
  color: #cfe0f5 !important;
}

.gmb-stars,
.gmb-reviews .gmb-stars {
  color: #f5a623 !important;
}

.gmb-more a,
.gmb-reviews .gmb-more a,
.content-wrap .gmb-more a {
  color: #d4af6e !important;
}

.gmb-more a:hover,
.gmb-reviews .gmb-more a:hover,
.content-wrap .gmb-more a:hover {
  color: #fff !important;
}

/* East Bay / city "Serving …" blocks — page CSS uses white bg + slate text;
   glass forces light text on .content-wrap p/h2 → unreadable without this */
.neighborhood-section,
.content-wrap .neighborhood-section {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.35) 100%),
    rgba(13, 29, 56, 0.55) !important;
  backdrop-filter: blur(12px) saturate(1.12);
  -webkit-backdrop-filter: blur(12px) saturate(1.12);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-left: 4px solid #d4af6e !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.2) !important;
  color: #e8eef8 !important;
}

.neighborhood-section h2,
.content-wrap .neighborhood-section h2 {
  color: #fff !important;
}

.neighborhood-section p,
.content-wrap .neighborhood-section p {
  color: #d7e3f4 !important;
}

/* Service pricing cards, how-it-works steps, FAQ, bottom CTA on city pages */
.service-card,
.content-wrap .service-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.32) 100%),
    rgba(13, 29, 56, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18) !important;
  color: #d7e3f4 !important;
}

.service-card h3,
.content-wrap .service-card h3 {
  color: #d4af6e !important;
}

.service-card .price,
.content-wrap .service-card .price {
  color: #fff !important;
}

.service-card p,
.content-wrap .service-card p {
  color: #b9cce6 !important;
}

.steps > div,
.content-wrap .steps > div {
  color: #d7e3f4 !important;
}

.steps h4,
.content-wrap .steps h4,
.faq-item h4,
.content-wrap .faq-item h4 {
  color: #fff !important;
}

.steps p,
.content-wrap .steps p,
.faq-item p,
.content-wrap .faq-item p {
  color: #b9cce6 !important;
}

.step-num,
.content-wrap .step-num {
  background: rgba(30, 86, 160, 0.35) !important;
  color: #fff !important;
  border-color: rgba(212, 175, 110, 0.55) !important;
}

.bottom-cta,
.content-wrap .bottom-cta {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.35) 100%),
    rgba(13, 29, 56, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #d7e3f4 !important;
}

.bottom-cta h2,
.content-wrap .bottom-cta h2 {
  color: #fff !important;
}

.bottom-cta p,
.content-wrap .bottom-cta p {
  color: #cfe0f5 !important;
}

.schedule-badge,
.hero .schedule-badge {
  background: rgba(19, 41, 75, 0.45) !important;
  border: 1px solid rgba(212, 175, 110, 0.45) !important;
  color: #d4af6e !important;
}

/* Pricing cards & service blocks on peninsula pages */
.pricing-card,
.service-info,
.sms-section,
.about-service,
.service-detail,
.faq-section,
.form-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18) !important;
  color: #d7e3f4 !important;
}

.pricing-card h2,
.pricing-card h3,
.service-info h2,
.about-service h2,
.service-detail h2,
.faq-section h2 {
  color: #fff !important;
}

.pricing-card .price,
.pricing-card .item-name,
.service-info p,
.about-service p,
.service-detail p,
.sms-instruction {
  color: #cfe0f5 !important;
}

.pricing-card .unit,
.schedule-badge,
.min-note {
  color: #d4af6e !important;
}

/* Pricing page: wash & fold minimum callout */
.min-highlight {
  background: linear-gradient(135deg, rgba(184, 144, 74, 0.28), rgba(184, 144, 74, 0.12)) !important;
  border: 1px solid rgba(212, 175, 110, 0.55) !important;
  color: #eef4fc !important;
}

.min-highlight strong {
  color: #fff !important;
}

.min-highlight .min-kicker {
  color: #d4af6e !important;
}

.price-row .item .min-badge {
  background: #b8904a !important;
  color: #fff !important;
}

/* Footer on marks.css pages */
body > footer,
footer {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(22, 64, 122, 0.28) 100%),
    rgba(19, 41, 75, 0.32) !important;
  border-top: none !important;
  color: #9eb6d4 !important;
}

footer a {
  color: #d4af6e !important;
}