@import url("https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Manrope:wght@300..700&display=swap");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/components/main/modules/search-bar/transparent.ps.css");

:root {
  --cp-heading-font: "Newsreader", Georgia, serif;
  --cp-text-font: "Manrope", system-ui, sans-serif;

  --cp-primary: #2062b3;
  --cp-accent: #17365d;
  --cp-on-primary: #ffffff;
  --cp-radius: 0;

  --cp-emphasis-color: #b6d6d7;
  --cp-emphasis-style: normal;
  --cp-eyebrow-color: #b6d6d7;

  --cp-rule-color: rgba(23, 54, 93, 0.18);
  --cp-card-radius: 0;
  --cp-card-shadow: 0 18px 48px rgba(13, 35, 64, 0.14);

  --cp-bg-warm: #f6f8fb;
  --cp-bg-tint: #f6f8fb;
  --cp-bg-cool: #e4edf7;
  --cp-bg-dark: #0d2340;
  --cp-bg-charcoal: #17365d;
  --cp-bg-navy: #12305a;
  --cp-bg-ink: #0a1b33;

  --cp-h2-size: clamp(2rem, 4.4vw, 3rem);
  --cp-h2-weight: 500;
  --cp-h2-tracking: -0.01em;
  --cp-h2-transform: none;
  --cp-h2-line-height: 1.15;
  --cp-h2-eyebrow-size: 0.8rem;
  --cp-h2-eyebrow-weight: 600;
  --cp-h2-eyebrow-tracking: 0.32em;

  --cp-h3-size: clamp(1.15rem, 1.8vw, 1.4rem);
  --cp-h3-weight: 600;
  --cp-h3-tracking: 0;
  --cp-h3-transform: none;

  --cp-h4-size: 0.72rem;
  --cp-h4-weight: 600;
  --cp-h4-tracking: 0.26em;
  --cp-h4-transform: uppercase;

  --cp-p-size: 1.02rem;
  --cp-p-weight: 400;
  --cp-p-line-height: 1.75;
  --cp-p-color: #4a5b73;

  --cp-name-weight: 500;
  --cp-meta-color: var(--cp-primary);
  --cp-meta-tracking: 0.16em;
  --cp-meta-transform: uppercase;

  --cp-stat-number-color: #b6d6d7;

  --cp-container-max: 1440px;

  --cp-cover-align: center;
  --cp-cover-margin-top: -60px;
  --cp-hero-header-offset: 0px;
  --cp-cover-height: 600px;
  --cp-cover-height-full: 100vh;
  --cp-cover-overlay: rgba(13, 35, 64, 0.46);
  --cp-cover-overlay-dark: rgba(13, 35, 64, 0.76);
  --cp-cover-title-size: clamp(2.8rem, 6vw, 4.6rem);
  --cp-cover-title-size-compact: clamp(2.4rem, 7vw, 4rem);
  --cp-cover-title-weight: 500;
  --cp-cover-title-tracking: -0.01em;
  --cp-cover-title-transform: none;
  --cp-cover-title-color: #ffffff;
  --cp-cover-subtitle-color: rgba(246, 248, 251, 0.9);
  --cp-cover-eyebrow-color: #8dc0f5;
  --cp-cover-btn-size: 1rem;
  --cp-cover-btn-radius: 0;
  --cp-cover-btn-transform: none;
  --cp-cover-btn-tracking: 0.02em;
  --cp-cover-anim: cp-hero-blur;
  --cp-cover-anim-duration: 0.7s;

  --cover-search-bar-bg-color: rgba(255, 255, 255, 0.96);
  --cover-search-button-bg-color: var(--cp-primary);
  --cover-search-button-icon-color: #ffffff;
  --cp-cover-ai-search-display: none;

  --cp-header-bg: transparent;
  --cp-header-scroll-bg: #0d2340;
  --cp-header-link-color: #ffffff;
  --cp-header-scroll-link-color: #ffffff;
  --cp-header-burger-color: #ffffff;
  --cp-header-burger-scroll-color: #ffffff;
  --cp-header-container-width: 1360px;
  --cp-header-link-weight: 500;
  --cp-header-link-letter-spacing: 0.08em;
  --cp-header-link-transform: uppercase;

  --home-primary-logo_max-width: 200px;
  --home-primary-logo_filter: brightness(0) invert(1);
  --home-primary-logo-scroll_filter: brightness(0) invert(1);
  --inner-primary-logo_filter: unset;
  --inner-primary-logo_max-width: 200px;

  --cp-fa-max: 100%;

  --cp-btn-radius: 0;

  --cp-tc-quote-size: clamp(1.2rem, 1.7vw, 1.5rem);
  --cp-tc-star-color: #c79a4b;
  --cp-avatar-bg: var(--cp-primary);
  --cp-avatar-color: #ffffff;

  --cp-tile-label-size: clamp(1.5rem, 3vw, 2.6rem);
  --cp-tile-label-weight: 500;
  --cp-tile-scrim: linear-gradient(to top, rgba(13, 35, 64, 0.84) 0%, rgba(13, 35, 64, 0.22) 52%, transparent 80%);

  --cp-listings-badge-color: var(--cp-on-primary);
  --cp-listings-scrim: var(--cp-tile-scrim);
  --cp-listings-card-meta-bg: #0d2340;
  --cp-listings-card-text-color: #f6f8fb;
  --cp-listings-card-price-color: #8dc0f5;
  --cp-listings-matte: #0d2340;

  --cp-footer-bg: #0a1b33;
  --cp-footer-color: rgba(246, 248, 251, 0.68);
  --cp-footer-heading: #8dc0f5;
  --cp-footer-link: rgba(246, 248, 251, 0.68);
  --cp-footer-link-hover: #ffffff;
  --cp-footer-border: rgba(141, 192, 245, 0.22);
  --cp-footer-logo-filter: brightness(0) invert(1);
}

body {
  background-color: #fafbfc;
  color: #1c2b40;
}

#home-bodycontent #fixed-header-spacer {
  display: none;
}

::selection {
  background: #2062b3;
  color: #ffffff;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid #2062b3;
  outline-offset: 3px;
}

[data-cp-component].cp-tideline {
  position: relative;
}

[data-cp-component].cp-tideline::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 18px;
  background: radial-gradient(circle at 50% 0, var(--cp-bg-tint) 11px, transparent 12px) 0 0 / 44px 18px repeat-x;
  pointer-events: none;
}

[data-cp-component="Meet Your Agent"] .tc-portrait {
  position: relative;
}

[data-cp-component="Meet Your Agent"] .tc-plate {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 1.1rem 1.4rem;
  background: #17365d;
  color: #dbe8f7;
  font-size: 0.85rem;
  line-height: 1.5;
}

[data-cp-component="Meet Your Agent"] .tc-plate strong {
  color: #ffffff;
  font-family: var(--cp-heading-font);
  font-size: 1.15rem;
  font-weight: 500;
}

[data-cp-component="Meet Your Agent"] .tc-kicker {
  margin: 0 0 0.5rem;
  color: #2062b3;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

[data-cp-component="Meet Your Agent"] .tc-meta {
  font-family: var(--cp-heading-font);
  font-style: italic;
  font-size: 1.2rem;
  color: #4a5b73;
}

[data-cp-component="Meet Your Agent"] .tc-agent h4 {
  margin: 1.8rem 0 0.8rem;
  font-family: var(--cp-text-font);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #2062b3;
}

[data-cp-component="Meet Your Agent"] .tc-agent .cp-checklist li {
  font-family: var(--cp-text-font);
  font-size: 1rem;
  color: #1c2b40;
}

[data-cp-component="Meet Your Agent"] .tc-agent ul.tc-chips {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

[data-cp-component="Meet Your Agent"] .tc-agent ul.tc-chips li {
  list-style: none;
  margin: 0;
  padding: 0.5rem 1rem;
  border: 1px solid #d3e0f0;
  border-radius: 2px;
  background: #e8eff9;
  color: #1c2b40;
  font-family: var(--cp-text-font);
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.3;
}

[data-cp-component="Meet Your Agent"] .tc-agent ul.tc-chips li::before,
[data-cp-component="Meet Your Agent"] .tc-agent ul.tc-chips li::marker {
  content: none;
}

[data-cp-component="Services"] .tc-tide {
  background:
    linear-gradient(to top, rgba(32, 98, 179, 0.09), rgba(32, 98, 179, 0.09)) bottom / 100% 0 no-repeat,
    #ffffff;
  transition:
    background-size 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-cp-component="Services"] .tc-tide:hover {
  background-size: 100% 100%;
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  [data-cp-component="Services"] .tc-tide {
    transition: none;
  }
  [data-cp-component="Services"] .tc-tide:hover {
    transform: none;
  }
}

[data-cp-component="Communities"] {
  padding-bottom: 0.5rem;
}

[data-cp-component="Communities"] .tc-areas {
  gap: 0.5rem;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0.5rem;
}

[data-cp-component="Communities"] .tc-areas .cp-tile {
  position: relative;
  display: block;
  min-height: clamp(260px, 30vw, 380px);
  overflow: hidden;
  border-radius: 0;
  background: #0d2340;
}

[data-cp-component="Communities"] .tc-areas .cp-tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-cp-component="Communities"] .tc-areas .cp-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(13, 35, 64, 0.88) 0%, rgba(13, 35, 64, 0.25) 55%, rgba(13, 35, 64, 0.05) 100%);
}

[data-cp-component="Communities"] .tc-areas .cp-tile::after {
  content: "View homes \2192";
  position: absolute;
  inset: auto auto 1.5rem 1.75rem;
  background: none;
  z-index: 2;
  color: #8dc0f5;
  font-family: var(--cp-text-font);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-cp-component="Communities"] .tc-areas .cp-tile .cp-tile-label {
  position: absolute;
  left: 1.75rem;
  right: 1.75rem;
  bottom: 3.4rem;
  z-index: 2;
  width: auto;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: var(--cp-heading-font);
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 500;
  line-height: 1.1;
  text-align: left;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-cp-component="Communities"] .tc-areas .cp-tile:hover img {
  transform: scale(1.06);
}

[data-cp-component="Communities"] .tc-areas .cp-tile:hover::after,
[data-cp-component="Communities"] .tc-areas .cp-tile:focus-visible::after {
  opacity: 1;
  transform: none;
}

[data-cp-component="Communities"] .tc-areas .cp-tile:hover .cp-tile-label {
  transform: translateY(-4px);
}

@media (max-width: 640px) {
  [data-cp-component="Communities"] .tc-areas {
    grid-template-columns: 1fr;
  }
  [data-cp-component="Communities"] .tc-areas .cp-tile::after {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-cp-component="Communities"] .tc-areas .cp-tile img,
  [data-cp-component="Communities"] .tc-areas .cp-tile::after,
  [data-cp-component="Communities"] .tc-areas .cp-tile .cp-tile-label {
    transition: none;
  }
}
#header .nav-primary > li > a[href="/agents.php"] {
  display: none;
}
#header .nav-primary a {
  text-transform: uppercase;
}
#home-bodycontent .cover {
  min-height: 700px !important;
}