@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/* Pill hero search-bar module (reads the --cover-search-* vars below). */
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/components/main/modules/search-bar/minimal.ps.css");

:root {
  /* ── Fonts ─────────────────────────────────────────── */
  --cp-heading-font: "Montserrat", system-ui, sans-serif;
  --cp-text-font: "Montserrat", system-ui, sans-serif;

  /* ── Brand — Brooks Ballard crimson + warm gold accent ── */
  --cp-primary: #e03e2d; /* brick crimson — buttons / links / accents */
  --cp-accent: #e03e2d; /* deeper crimson — hover / active */
  --cp-on-primary: #ffffff; /* white text on the crimson fills */
  --cp-radius: 0px; /* near-sharp, editorial */

  /* ── Emphasis / eyebrows — warm gold <em>, gold kickers ── */
  --cp-emphasis-color: #e03e2d;
  --cp-emphasis-style: normal;
  --cp-eyebrow-color: #b08d57;

  /* ── Surfaces — soft warm elevation, faint rules ────── */
  --cp-rule-color: rgba(165, 40, 54, 0.28);
  --cp-card-radius: 3px;
  --cp-card-shadow: 0 18px 45px rgba(38, 30, 24, 0.1);

  /* ── Section background tints — warm ivories / espresso ── */
  --cp-bg-warm: #f7efe2;
  --cp-bg-tint: #f1e7d7;
  --cp-bg-cool: #fff4e6;
  --cp-bg-dark: #241f1b;
  --cp-bg-charcoal: #2a2420;
  --cp-bg-navy: #201c18;
  --cp-bg-ink: #17130f;

  /* ── Typography — Playfair display serif, warm sans body ── */
  --cp-h2-size: clamp(2rem, 4vw, 3.4rem);
  --cp-h2-weight: 600;
  --cp-h2-tracking: 0.005em;
  --cp-h2-transform: none;
  --cp-h2-line-height: 1.14;
  --cp-h2-eyebrow-size: 0.8rem;
  --cp-h2-eyebrow-weight: 600;
  --cp-h2-eyebrow-tracking: 0.28em;
  --cp-h2-eyebrow-transform: uppercase;

  --cp-h3-size: clamp(1.2rem, 2vw, 1.6rem);
  --cp-h3-weight: 600;
  --cp-h3-tracking: 0.005em;
  --cp-h3-transform: none;

  --cp-h4-size: 0.78rem;
  --cp-h4-weight: 600;
  --cp-h4-tracking: 0.16em;
  --cp-h4-transform: uppercase;

  --cp-p-size: 1rem;
  --cp-p-weight: 300;
  --cp-p-line-height: 1.85;
  --cp-p-color: #5a524a;

  /* Shared roles — serif names, gold small-caps meta */
  --cp-name-font: var(--cp-heading-font);
  --cp-name-size: 1.3rem;
  --cp-name-weight: 600;
  --cp-meta-color: #b08d57;
  --cp-meta-size: 0.72rem;
  --cp-meta-weight: 600;
  --cp-meta-tracking: 0.18em;
  --cp-meta-transform: uppercase;

  /* ── Hero — cinematic, deep overlay, gold eyebrow ────── */
  --cp-hero-header-offset: 0rem;
  --cp-cover-margin-top: -60px; /* pull cover under the transparent header */
  --cp-cover-height: 640px;
  --cp-cover-height-full: calc(100vh - 110px);
  --cp-cover-overlay: rgba(20, 15, 12, 0.46);
  --cp-cover-overlay-dark: rgba(20, 15, 12, 0.66); /* client "make bg dark" toggle */
  --cp-cover-title-size: clamp(2.6rem, 5.2vw, 4rem);
  --cp-cover-title-size-compact: clamp(2.2rem, 4.2vw, 3.4rem);
  --cp-cover-title-weight: 500;
  --cp-cover-title-tracking: 0.01em;
  --cp-cover-title-line-height: 1.08;
  --cp-cover-title-transform: none;
  --cp-cover-title-color: #ffffff;
  --cp-cover-subtitle-size: 1.05rem;
  --cp-cover-subtitle-weight: 300;
  --cp-cover-subtitle-color: rgba(255, 255, 255, 0.9);
  --cp-cover-eyebrow-color: #d8b878;
  --cp-cover-btn-radius: 2px;
  --cp-cover-anim: cp-hero-blur;
  --cp-cover-anim-duration: 1.05s;
  --cp-cover-bg-anim: cp-hero-kb;
  --cp-cover-ai-search-display: none; /* hide the Classic/AI toggle (older layout) */

  /* ── Hero search bar (pill module) — native buy + search ── */
  --cover-search-bar-bg-color: rgba(255, 255, 255, 0.95);
  --cover-search-bar-text-color: #241f1b;
  --cover-search-bar-placeholder-color: #948b7d;
  --cover-search-button-bg-color: var(--cp-primary);
  --cover-search-button-icon-color: #ffffff;

  /* Header */
  --cp-header-bg: #fff;
  --cp-header-scroll-bg: #fbf7f1;
  --cp-header-link-color: #000;
  --cp-header-scroll-link-color: #000;
  --cp-header-burger-color: #000;
  --cp-header-burger-scroll-color: #000;
  --cp-header-container-width: 90%;
  --cp-header-link-weight: 500;
  --cp-header-link-letter-spacing: 0.1em;
  --cp-header-link-transform: uppercase;

  /* ── Logos — white over the hero, color on scroll ────── */
  --home-primary-logo_max-width: 230px;
  --home-primary-logo-scroll_max-width: 230px;
  --home-primary-logo_filter: none;
  --home-primary-logo-scroll_filter: none;
  --inner-primary-logo_max-width: 230px;

  /* ── Buttons (down-page) ─────────────────────────────── */
  --cp-btn-radius: 2px;

  /* ── Tiles (Featured Neighborhoods) — tall, caps labels ── */
  --cp-fa-card-radius: 3px;
  --cp-fa-card-height: 320px;
  --cp-fa-label-weight: 600;
  --cp-fa-label-tracking: 0.12em;
  --cp-fa-label-transform: uppercase;
  --cp-fa-scrim: linear-gradient(to top, rgba(20, 15, 12, 0.82) 0%, rgba(20, 15, 12, 0.16) 55%, transparent 82%);
  --cp-tile-label-weight: 600;
  --cp-tile-scrim: var(--cp-fa-scrim);

  /* ── Listings — crimson accent, contained card panel ──── */
  --cp-listings-accent: var(--cp-primary);
  --cp-listings-badge-color: #ffffff;
  --cp-listings-scrim: var(--cp-fa-scrim);
  --cp-listings-card-meta-bg: #ffffff;
  --cp-listings-price-size: 1.7rem;
  --cp-listings-card-text-color: #5a524a;
  --cp-listings-card-price-color: #241f1b;
  --cp-listings-card-shadow: var(--cp-card-shadow);
  --cp-listings-card-ratio: 4 / 3;

  /* ── Custom Footer — light ivory, crimson headings ────── */
  --cp-footer-bg: #fbf7f1;
  --cp-footer-color: #6a6157;
  --cp-footer-heading: #a52836;
  --cp-footer-link: #6a6157;
  --cp-footer-link-hover: #241f1b;
  --cp-footer-border: rgba(165, 40, 54, 0.18);
  --cp-footer-logo-filter: none;
}

/* ── Base body — near-white warm canvas ──────────────── */
body {
  background-color: #ffffff;
  color: #241f1b;
}
.cover .cp-eyebrow {
  font-size: 0.9rem;
}
/* Mobile: drop the fixed hero photo so the native bg doesn't jitter on scroll. */
@media only screen and (max-width: 767px) {
  .cover .cover-image {
    background-attachment: scroll !important;
  }
}
#home-bodycontent .cover {
  max-width: 90%;
  margin: auto;
}
#home-bodycontent .cover .cover-title-inner h1 {
  opacity: 0;
  font-family: "Lato", sans-serif !important;
}
[data-cp-component="Hero"] h1 {
  opacity: 1 !important;
}

/* ── Hide native demo leftovers we replace with our own sections ── */
#home-bodycontent #testimonials-carousel,
#home-bodycontent > .page-wrapper section#about,
#home-bodycontent .page-wrapper > .p-t-3.p-b-3.background-white {
  display: none !important;
}
[data-cp-component].cp-header-bar h2:after {
  content: "";
  display: block;
  width: 5px;
  height: 80px;
  background-color: var(--cp-primary);
  margin: 2rem auto;
}
#home-bodycontent .cover .cover-title-inner h1 sup {
  font-size: 30%;
  display: inline-block;
  transform: translate(0px, 10px);
}
#footer .footer-top {
  background-color: #fff !important;
}
#footer .footer-wrapper {
  background-color: #000 !important
}
#footer .footer-top-left h2,
#footer .footer-top-left h3,
#footer .footer-top-left p,
#footer .footer-top-left span,
#footer .footer-top-left a, 
#footer .footer-top-left address {
  color: #000 !important;
}
#footer .footer-top-right {
  max-height: 320px;
  overflow: scroll;
}
#footer .footer-top-right::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}
#footer .footer-top-right::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.cp-section-header p {
  color: #000;
  font-weight: 500;
}
#footer #google_translate_element a[href="#"] {
  color: #fff !important;
}
img[alt="MLS Logo"] {
  max-width: 40px;
}
a[href="http://boldtrail.com/"] {
  display: none;
}