/* Robyn's Realty cleanup on top of the Webflow export (2026-11-13).
   Robyn's ask: keep the original look, show the photos in full color (no dark layers). */

/* Overlay layers that sat on top of photos */
.image-cover-2,
.image-cover-5 {
  background-image: none;
}

/* Buy / Sell / Resources / About card bands: keep the slate band, drop the extra dark tint */
.content-wrapper {
  background-image: none;
  background-color: rgba(154, 169, 172, 0.9);
}

/* City search cards: a light fade only at the bottom, behind the city name */
.brix---bg-overlay-gradient {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.5));
}

/* Hero photos: full color at the edges, a soft shade only in the middle behind the headline */
.home-hero-left,
.home-hero-left-2,
.skill-hero-right {
  position: relative;
  isolation: isolate;
}
.home-hero-left::before,
.home-hero-left-2::before,
.skill-hero-right::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  /* top band behind the logo, center shade behind the headline, bottom band behind the buttons */
  background:
    linear-gradient(rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0) 20%),
    linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 35%),
    radial-gradient(ellipse 70% 55% at 50% 50%, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0) 100%);
}

/* Hero sub-line (name | KW South Valley | REALTOR) was dark grey on the photo: make it white and a touch heavier */
.home-hero-left .text-span-2,
.home-hero-left .text-color-grey.header {
  color: #fff;
  font-weight: 500;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}
/* Hero buttons: keep thin type readable on the bright floor */
.home-hero-bottom .text-size-tiny-2,
.home-hero-bottom .text-size-tiny,
.home-hero-bottom a {
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55);
}

/* About hero: centered shade behind "Meet Robyn" */
.about-hero-block {
  position: relative;
  isolation: isolate;
}
.about-hero-block::before,
.home-hero-left-2.featured::before,
.padding-vertical.padding-large.footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.about-hero-block::before {
  background: radial-gradient(ellipse 60% 50% at 50% 45%, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0) 100%);
}
/* Contact: the form sits on the photo, so it needs an even (but lighter than before) shade */
.about-hero-block.contact-page::before {
  background: linear-gradient(rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.3));
}
/* Featured listing heroes: text sits on the left, shade from that side only */
.home-hero-left-2.featured::before {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0));
}
/* Footer photo: light shade so the white contact text stays readable */
.padding-vertical.padding-large.footer {
  position: relative;
  isolation: isolate;
}
.padding-vertical.padding-large.footer::before {
  background: rgba(0, 0, 0, 0.45);
}

/* Keep thin white type readable on full-color photos without darkening them */
.projects-hero h1,
.projects-hero h2,
.projects-hero p,
.projects-hero span,
.projects-hero a,
.projects-hero div {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.footer-action h1,
.footer-action h2,
.footer-action p,
.footer h1,
.footer h2,
.footer p,
.footer a,
.footer div {
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45);
}

/* Pages load at the top; anchors clear the fixed header.
   Explicit white page so transparent sections never show a dark browser canvas. */
html {
  scroll-padding-top: 96px;
  background-color: #fff;
  color-scheme: light;
}

/* Tap-to-call and email links keep the surrounding text style */
.rr-tel {
  color: inherit;
  text-decoration: none;
}
.rr-tel:hover,
.rr-tel:focus-visible {
  text-decoration: underline;
}