/* area.lofty.css - generated from area.css for Lofty. Do not hand-edit.
   Removed: the six HTML link tags that were sitting at the top of area.css
   (invalid CSS), the body padding-top overrides, and the WordPress/Genesis,
   Gravity Forms and Sierra leftovers. Those either did nothing on Lofty or
   would have collided with Lofty chrome. Fonts now load from the page HTML. */

.community-page {
  color: #2e2e2e;
  font-family: "Barlow", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
.community-page *,
.community-page *::before,
.community-page *::after {
  box-sizing: border-box;
}
.community-page a {
  color: #3b6ef1;
  text-decoration: none;
  transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.community-page a:hover {
  color: #515666;
  text-decoration: underline;
}
.community-page p a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(59, 110, 241, 0.4);
  font-weight: 500;
}
.community-page p a:hover {
  text-decoration-color: #3b6ef1;
}
.community-page img {
  max-width: 100%;
  height: auto;
  display: block;
}
.community-page .cp-label {
  display: inline-block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #3b6ef1;
  margin-bottom: 14px;
}
.community-page .cp-label--light {
  color: #3b6ef1;
}
.community-page .cp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  gap: 8px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 10px 32px;
  border: 2px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  white-space: nowrap;
  transition:
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.7s ease-out;
}
.community-page .cp-btn:hover {
  transform: translateY(-1px);
}
.community-page .cp-btn:active {
  transform: translateY(0);
}
.community-page .cp-btn--primary {
  background-color: #3b6ef1;
  color: #fff !important;
  border-radius: 5px;
}
/* .community-page .cp-btn--primary:hover {
  background-color: #515666;
  border-color: #515666;
  color: #fff !important;
} */
.community-page .cp-btn--ghost {
  background-color: rgba(0, 0, 0, 0);
  color: #fff !important;
  border-color: #fff;
  border-radius: 5px;
}
.community-page .cp-btn--ghost:hover {
  border-color: #fff;
  color: #fff;
}
.community-page .cp-btn--outline {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-color: hsla(0, 0%, 100%, 0.55);
}
.community-page .cp-btn--outline:hover {
  background-color: #3b6ef1;
  color: #fff !important;
  border-color: #3b6ef1;
}
.community-page .cp-btn--outline-dark {
  background-color: rgba(0, 0, 0, 0);
  color: #202437;
  border-color: #202437;
  border-radius: 5px;
}
.community-page .cp-btn--outline-dark:hover {
  background-color: #3b6ef1;
  color: #fff !important;
  border-color: #3b6ef1;
}
.community-page .cp-btn--copper {
  background-color: #3b6ef1;
  color: #fff !important;
  border-color: #3b6ef1;
}
.community-page .cp-btn--copper:hover {
  background-color: #515666;
  border-color: #515666;
  color: #fff;
}
.community-page .cp-rating {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 4px 10px;
}
.community-page .cp-rating--top {
  background-color: rgba(59, 110, 241, 0.15);
  color: #515666;
  border: 1px solid #3b6ef1;
}
.community-page .cp-rating--high {
  background-color: rgba(32, 36, 55, 0.06);
  color: #202437;
  border: 1px solid rgba(32, 36, 55, 0.15);
}
.community-page .cp-rating--mid {
  background-color: #f6f7fb;
  color: #6b6b6b;
  border: 1px solid #dfe2ec;
}
.community-page .cp-tag {
  display: inline-block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(
    135deg,
    rgba(59, 110, 241, 0.3) 0%,
    rgba(59, 110, 241, 0.2) 100%
  );
  border: 1px solid rgba(59, 110, 241, 0.5);
  padding: 5px 10px 4px;
  border-radius: 2px;
  backdrop-filter: blur(4px);
}
.community-page .cp-team-intro {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 28px;
}
@media (max-width: 575.98px) {
  .community-page .cp-team-intro {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.community-page .cp-team-intro .cp-team-intro__photo {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  border: 4px solid rgba(201, 144, 111, 0.4);
  box-shadow: 0 18px 40px rgba(32, 36, 55, 0.3);
  background: hsla(0, 0%, 100%, 0.06);
}
@media (max-width: 575.98px) {
  .community-page .cp-team-intro .cp-team-intro__photo {
    margin: 0 auto;
  }
}
.community-page .cp-team-intro .cp-team-intro__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.community-page .cp-team-intro .cp-team-intro__eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 10px 4px;
  border: 1px solid rgba(201, 144, 111, 0.45);
  color: #3b6ef1;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.community-page .cp-team-intro .cp-team-intro__role {
  margin: 10px 0 0;
  color: hsla(0, 0%, 100%, 0.75);
  font-size: 15px;
  line-height: 1.6;
}
.community-page .cp-breadcrumb {
  /* background-color: #202437; */
  background-color: #ffffff;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner {
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 900px) {
  .community-page .cp-breadcrumb .cp-breadcrumb__inner {
    padding: 0 24px;
  }
}
@media (max-width: 600px) {
  .community-page .cp-breadcrumb .cp-breadcrumb__inner {
    padding: 0 16px;
  }
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner {
  padding-top: 10px;
  padding-bottom: 10px;
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner ol li {
  display: flex;
  align-items: center;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, 0.45);
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner ol li:before {
  display: none !important;
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner ol li a {
  /* color: hsla(0, 0%, 100%, 0.45); */
  color: #4a769d;
  transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 10px 5px;
  margin: -10px -5px;
  display: inline-block;
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner ol li a:hover {
  color: #3b6ef1;
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner ol li::after {
  content: "·";
  margin: 0 10px;
  color: hsla(0, 0%, 100%, 0.2);
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner ol li:last-child::after {
  display: none;
}
.community-page .cp-breadcrumb .cp-breadcrumb__inner ol li.current {
  color: #3b6ef1;
  font-weight: 600;
}
/* ---------------------------------------------------------------------------
   TRUST BAR: seamless CSS-only marquee.

   Performance notes (deliberate, do not "optimise" these away):
   - No JavaScript at all. Zero bundle cost, zero main-thread work, nothing to
     hydrate or observe. The old AOS data-aos attributes were removed from these
     items too: they sit above the fold, so animating them on scroll did nothing
     but add work before first paint.
   - The animation only ever touches `transform`, which the compositor handles on
     its own thread. It triggers no layout and no paint, so it cannot contribute
     to CLS and does not compete with INP.
   - The bar has a fixed height, so it reserves its space before the font loads.
     No layout shift.
   - The track holds the item set TWICE and travels exactly -50%, which puts it
     back where it started. That is what makes the loop seamless with no jump.
     The second copy is aria-hidden in the markup so assistive tech and crawlers
     see the claims once, not twice.
   - `will-change` is intentionally NOT set: a running transform animation gets
     its own layer anyway, and a permanent hint just costs memory on every page.
   --------------------------------------------------------------------------- */
.community-page .cp-trust-bar {
  /* background-color: #262b42; */
  background: linear-gradient(180deg, #f6f7fb 0%, #ebebeb 100%);
  border-top: 1px solid rgba(59, 110, 241, 0.18);
  border-bottom: 1px solid rgba(59, 110, 241, 0.28);
  overflow: hidden;
}
.community-page .cp-trust-bar .cp-trust-bar__viewport {
  overflow: hidden;
  height: 46px;
  display: flex;
  align-items: center;
  /* Fade the items in and out at the edges instead of clipping them dead. */
  -webkit-mask-image: linear-gradient(
    90deg, transparent 0, #000 72px, #000 calc(100% - 72px), transparent 100%);
  mask-image: linear-gradient(
    90deg, transparent 0, #000 72px, #000 calc(100% - 72px), transparent 100%);
}
@media (max-width: 600px) {
  .community-page .cp-trust-bar .cp-trust-bar__viewport {
    height: 40px;
    -webkit-mask-image: linear-gradient(
      90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
    mask-image: linear-gradient(
      90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
  }
}
.community-page .cp-trust-bar .cp-trust-bar__track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: cp-trust-scroll 48s linear infinite;
}
.community-page .cp-trust-bar .cp-trust-bar__track:hover {
  animation-play-state: paused;
}
.community-page .cp-trust-bar .cp-trust-bar__set {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.community-page .cp-trust-bar .cp-trust-bar__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 30px;
  border-right: 1px solid rgba(32, 36, 55, 0.14);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #202437;
  white-space: nowrap;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .community-page .cp-trust-bar .cp-trust-bar__item {
    font-size: 13.5px;
    padding: 0 20px;
    gap: 8px;
  }
}
/* Blue tick, drawn with a rotated border. No SVG, no icon font, no extra bytes
   in the markup (which matters because every item is duplicated). */
.community-page .cp-trust-bar .cp-trust-bar__item::before {
  content: "";
  width: 6px;
  height: 10px;
  border: solid #3b6ef1;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translateY(-1px);
  flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
  .community-page .cp-trust-bar .cp-trust-bar__track {
    animation: none;
    /* Static and centred, so the bar still reads correctly when motion is off. */
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
  }
  .community-page .cp-trust-bar .cp-trust-bar__viewport {
    height: auto;
    min-height: 46px;
    padding: 6px 0;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .community-page .cp-trust-bar .cp-trust-bar__set[aria-hidden="true"] {
    display: none;
  }
}
.community-page .cp-trust-bar .cp-trust-bar__item svg {
  width: 15px;
  height: 15px;
  color: #3b6ef1;
  flex-shrink: 0;
}
.community-page .cp-trust-bar .cp-trust-bar__item strong {
  color: #fff;
  font-weight: 600;
}
.community-page .cp-trust-bar .cp-trust-bar__item a {
  color: #3b6ef1;
}
.community-page .cp-trust-bar .cp-trust-bar__item a:hover {
  color: #fff;
}
@keyframes cp-trust-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    /* -50%, NOT -100%: the track contains the item set twice, so travelling half
       its width lands on the identical second copy. That is the seamless loop. */
    transform: translateX(-50%);
  }
}
@keyframes heroFadeUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.community-page .cp-hero {
  position: relative;
  min-height: 800px;
  height: 82vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  /* Must exceed the .cp-hero__stats -115px pull-up, or the hero actions sit under the
     stats bar. 115 of overlap + 55 of breathing room. */
  padding-bottom: 170px;
}
.community-page .cp-hero .cp-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .community-page .cp-hero {
    min-height: 60vh;
  }
}
@media (max-width: 575.98px) {
  .community-page .cp-hero {
    padding-bottom: 0;
    height: auto;
    min-height: 55vh;
  }
}
.community-page .cp-hero .cp-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(32, 36, 55, 0) 0%,
    rgba(32, 36, 55, 0.15) 50%,
    rgba(32, 36, 55, 0.3) 100%
  );
  z-index: 1;
}
.community-page .cp-hero .cp-hero__container {
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 900px) {
  .community-page .cp-hero .cp-hero__container {
    padding: 0 24px;
  }
}
@media (max-width: 600px) {
  .community-page .cp-hero .cp-hero__container {
    padding: 0 16px;
  }
}
.community-page .cp-hero .cp-hero__container {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (max-width: 575.98px) {
  .community-page .cp-hero .cp-hero__container {
    padding: 0;
  }
}
.community-page .cp-hero .cp-hero__container .cp-hero__content {
  position: relative;
  max-width: 780px;
  /* Pinned so the panel is identical on every town page regardless of how long the
     town name or intro sentence is. Content is centred inside it. */
  min-height: 600px;
  justify-content: center;
  margin: 0;
  padding: 48px 44px 48px 40px;
  /* Deliberately NOT frosted glass. backdrop-filter is both the most over-used hero
     treatment going and genuinely expensive: it forces the browser to re-render the
     backdrop behind the panel on every frame it changes.

     Instead, two stacked static layers:
       1. a fine diagonal hatch, giving the block a printed/tactile surface rather
          than a blurred one. Pure CSS, no image request, no filter cost.
       2. an angled scrim that stays dense across the full text column and then eases
          off at the trailing edge, so the block reads as a printed panel bleeding
          into the photograph rather than a hard rectangle sitting on top of it.
     It never reaches full transparency behind the text column, which is what keeps
     white type legible over a bright sky or snow. */
  background-color: transparent;
  background-image:
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.03) 0 2px,
      rgba(255, 255, 255, 0) 2px 7px
    ),
    linear-gradient(
      103deg,
      rgba(17, 20, 33, 0.94) 0%,
      rgba(17, 20, 33, 0.9) 76%,
      rgba(17, 20, 33, 0.58) 93%,
      rgba(17, 20, 33, 0.32) 100%
    );
  /* Hard brand edge anchoring the block. Does the visual work a border-box would,
     without drawing a box. */
  border-left: 5px solid #3b6ef1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.community-page
  .cp-hero
  .cp-hero__container
  .cp-hero__content
  .cp-hero__eyebrow {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 4px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 16px;
  animation: heroFadeUp 0.7s ease-out both;
  animation-delay: 0.3s;
}
.community-page .cp-hero .cp-hero__container .cp-hero__content .cp-hero__title {
  font-family: "Barlow Condensed", sans-serif;
  /* Capped at 96px: measured as the largest size that keeps every town name in the
     set (longest: "Upper Saranac Lake") on ONE line inside the 780px panel, so the
     title block is always exactly two lines (name + sub) on every page. */
  font-size: clamp(52px, 6.6vw, 96px);
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 0.92;
  color: #fff;
  /* Safety net for the brightest hero images (snow, open sky). Cheap: text-shadow
     paints with the glyphs, unlike a filter. */
  text-shadow: 0 2px 18px rgba(11, 14, 24, 0.45);
  margin: 0 0 20px;
  text-transform: uppercase;
  animation: heroFadeUp 0.8s ease-out both;
  animation-delay: 0.5s;
}
.community-page
  .cp-hero
  .cp-hero__container
  .cp-hero__content
  .cp-hero__title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background: #3b6ef1;
  margin-top: 20px;
}
.community-page
  .cp-hero
  .cp-hero__container
  .cp-hero__content
  .cp-hero__title
  .cp-hero__title-sub {
  display: block;
  font-size: 0.5em;
  font-weight: 600;
  color: #3b6ef1;
  letter-spacing: 4px;
  margin-top: 4px;
}
.community-page .cp-hero .cp-hero__container .cp-hero__content .cp-hero__sub {
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 400;
  color: #fff;
  margin: 0 0 36px;
  max-width: 600px;
  animation: heroFadeUp 0.7s ease-out both;
  animation-delay: 0.75s;
}
.community-page
  .cp-hero
  .cp-hero__container
  .cp-hero__content
  .cp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  animation: heroFadeUp 0.7s ease-out both;
  animation-delay: 1s;
}
.community-page .cp-hero__stats {
  position: relative;
  z-index: 10;
  margin-top: -1px;
  /* Was rgba + blur(12px). Dropped the frosting to match the hero panel and to lose
     the backdrop repaint: this bar overlaps the hero image, so the blur was
     re-rendering the photo behind it. Solid reads cleaner and costs nothing. */
  background: #e9ebf1;
  animation: heroFadeUp 0.7s ease-out both;
  animation-delay: 1.2s;
  border-top: 2px solid #3b6ef1;
  display: flex;
  margin-top: -115px;
}
@media (max-width: 575.98px) {
  .community-page .cp-hero__stats {
    position: static;
    /* No background override on purpose. This used to force #202437 from the
       old dark/frosted design; the bar went light (#e9ebf1) on desktop and
       this was never updated, so the #000 stat values sat on dark navy and
       were unreadable on phones. Inherit the desktop band instead. */
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    flex-wrap: wrap;
    border-top: 2px solid #3b6ef1;
    margin-top: 0;
  }
}
.community-page .cp-hero__stats .cp-hero__stat {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 24px 16px;
  /* border-right: 1px solid hsla(0, 0%, 100%, 0.08); */
  border-right: 1px solid hsla(208, 36%, 45%, 0.08);
  min-width: 120px;
}
@media (max-width: 575.98px) {
  .community-page .cp-hero__stats .cp-hero__stat {
    flex: 0 0 50%;
    border-right: none;
    border-top: 1px solid hsla(208, 36%, 45%, 0.18);
    padding: 20px 12px;
  }
  .community-page .cp-hero__stats .cp-hero__stat:nth-child(1),
  .community-page .cp-hero__stats .cp-hero__stat:nth-child(2) {
    border-top: none;
  }
  .community-page
    .cp-hero__stats
    .cp-hero__stat:nth-child(odd):not(.cp-hero__stat--full) {
    border-right: 1px solid hsla(208, 36%, 45%, 0.18);
  }
}
@media (max-width: 575.98px) {
  .community-page .cp-hero__stats .cp-hero__stat--full {
    flex: 0 0 100%;
    border-right: none;
    border-top: 1px solid hsla(208, 36%, 45%, 0.18);
    justify-content: center;
  }
}
.community-page .cp-hero__stats .cp-hero__stat:last-child {
  border-right: none;
}
.community-page .cp-hero__stats .cp-hero__stat .cp-hero__stat-value {
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: 0;
  /* color: #fff; */
  color: #000;
  line-height: 1;
  margin-bottom: 6px;
}
.community-page .cp-hero__stats .cp-hero__stat .cp-hero__stat-label {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #3b6ef1;
  text-align: center;
}
.community-page .cp-hero__stats .cp-hero__stat--divider {
  width: 1px;
  min-width: 1px;
  flex: 0 0 1px;
  padding: 0;
  background-color: rgba(59, 110, 241, 0.5);
  align-self: stretch;
  border-right: none;
}
@media (max-width: 575.98px) {
  .community-page .cp-hero__stats .cp-hero__stat--divider {
    flex: 0 0 100%;
    width: 100%;
    height: 1px;
    min-width: 0;
    background-color: rgba(59, 110, 241, 0.4);
    align-self: auto;
  }
}
.community-page .cp-hero__stats .cp-hero__stat--mls {
  opacity: 0.85;
}
@media (max-width: 575.98px) {
  .community-page .cp-hero__stats .cp-hero__stat--mls {
    flex: 0 0 50%;
  }
}
.community-page .cp-hero__stats .cp-hero__stat--mls .cp-hero__stat-value {
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  letter-spacing: 0;
}
.community-page .cp-main .cp-section {
  padding: 50px 0;
}
@media (max-width: 900px) {
  .community-page .cp-main .cp-section {
    padding: 40px 0;
  }
}
@media (max-width: 600px) {
  .community-page .cp-main .cp-section {
    padding: 30px 0;
  }
}
.community-page .cp-main .cp-section {
  background-color: #f7f7f7;
}
.community-page .cp-main .cp-section .cp-section__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 900px) {
  .community-page .cp-main .cp-section .cp-section__inner {
    padding: 0 24px;
  }
}
@media (max-width: 600px) {
  .community-page .cp-main .cp-section .cp-section__inner {
    padding: 0 16px;
  }
}
.community-page .cp-main .cp-section .cp-section__header {
  margin-bottom: 60px;
  /* max-width: 750px; */
}
@media (max-width: 768px) {
  .community-page .cp-main .cp-section .cp-section__header {
    margin-bottom: 40px;
  }
}
/* .community-page .cp-main .cp-section .cp-section__header--wide {
  max-width: 1000px;
} */
.community-page .cp-main .cp-section .cp-section__title {
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
  text-transform: uppercase;
  color: #202437;
  margin: 0 0 16px;
}
.community-page .cp-main .cp-section .cp-section__subtitle {
  font-size: 19px;
  color: #202437;
  max-width: 560px;
  margin: 0;
  line-height: 1.6;
}
.cp-section__header--wide
  .community-page
  .cp-main
  .cp-section
  .cp-section__subtitle {
  max-width: 800px;
}

table.cp-compare-table{
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.community-page .cp-main .cp-section .cp-section__source {
  font-size: 12px;
  color: #000;
  font-style: italic;
  margin-top: 32px;
}
.community-page .cp-main .cp-section .cp-section__cta {
  margin-top: 48px;
  text-align: center;
}
.community-page .cp-main .cp-section--dark {
  /* background-color: #202437; */
  background-color: #ebebeb;
}
.community-page .cp-main .cp-section--dark .cp-section__title {
  /* color: #fff; */
  color: #202437;
}
.community-page .cp-main .cp-section--dark .cp-section__subtitle {
  /* color: #fff; */
  color: #202437;
}
/* cp-section--dark is actually LIGHT (#ebebeb, see above). The ghost/outline button
   variants are white-on-transparent, built for the hero photo, so inside these sections
   they render white on light grey and are effectively invisible. Re-skin them to navy
   here. Scoped to .cp-section--dark so the hero's white ghost button is untouched. */
.community-page .cp-main .cp-section--dark .cp-btn--ghost,
.community-page .cp-main .cp-section--dark .cp-btn--outline {
  color: #202437 !important;
  border-color: #202437;
  background-color: rgba(0, 0, 0, 0);
}
.community-page .cp-main .cp-section--dark .cp-btn--ghost:hover,
.community-page .cp-main .cp-section--dark .cp-btn--outline:hover {
  background-color: #202437;
  color: #fff !important;
  border-color: #202437;
}
.community-page .cp-main .cp-section--listings {
  background-color: #fff;
}
.community-page .cp-main .cp-section--listings .cp-section__title {
  color: #202437;
}
.community-page .cp-main .cp-section--intro .cp-intro {
  display: grid;
  grid-template-columns: 1fr 450px;
  gap: 64px;
  align-items: start;
}
@media (max-width: 1100px) {
  .community-page .cp-main .cp-section--intro .cp-intro {
    grid-template-columns: 1fr 340px;
    gap: 40px;
  }
}
@media (max-width: 860px) {
  .community-page .cp-main .cp-section--intro .cp-intro {
    grid-template-columns: 1fr;
  }
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__text
  .cp-section__title {
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 700;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #202437;
  margin: 0 0 28px;
}
.community-page .cp-main .cp-section--intro .cp-intro .cp-intro__text p {
  font-size: 17px;
  color: #202437;
  line-height: 1.8;
  font-weight: 400;
  margin: 0 0 20px;
}
.community-page .cp-main .cp-section--intro .cp-intro .cp-intro__text p strong {
  font-weight: 600;
  color: #202437;
}
.community-page .cp-main .cp-section--intro .cp-intro .cp-intro__glance {
  padding-top: 50px;
}
@media (max-width: 860px) {
  .community-page .cp-main .cp-section--intro .cp-intro .cp-intro__glance {
    padding-top: 0;
  }
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__glance
  .cp-glance {
  background-color: #fff;
  border: 1px solid #e0d9d0;
  border-top: 3px solid #3b6ef1;
  padding: 32px;
  position: sticky;
  top: 100px;
  box-shadow: 1px 1px 10px rgba(32, 36, 55, 0.1);
}
@media (max-width: 860px) {
  .community-page
    .cp-main
    .cp-section--intro
    .cp-intro
    .cp-intro__glance
    .cp-glance {
    position: static;
  }
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__glance
  .cp-glance
  .cp-glance__title {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #3b6ef1;
  margin: 0 0 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dfe2ec;
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__glance
  .cp-glance
  .cp-glance__title
  span {
  font-size: 27px;
  color: #202437;
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__glance
  .cp-glance
  .cp-glance__list {
  margin: 0;
  padding: 0;
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__glance
  .cp-glance
  .cp-glance__list
  .cp-glance__item {
  display: grid;
  grid-template-columns: 40% 50%;
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #f0ebe3;
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__glance
  .cp-glance
  .cp-glance__list
  .cp-glance__item:last-child {
  border-bottom: none;
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__glance
  .cp-glance
  .cp-glance__list
  .cp-glance__item
  dt {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #888;
  min-width: 120px;
  flex-shrink: 0;
}
.community-page
  .cp-main
  .cp-section--intro
  .cp-intro
  .cp-intro__glance
  .cp-glance
  .cp-glance__list
  .cp-glance__item
  dd {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}
.community-page .cp-main .cp-section--photo-strip {
  padding: 0;
  /* Navy showed through the 3px grid gaps and the top border, which read as black
     lines boxing every image in. Gap is now 0 and the border is gone, so the strip
     is one continuous band of photography. */
  background-color: transparent;
  border-top: 0;
}
.community-page .cp-main .cp-section--photo-strip .cp-photo-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 280px;
  gap: 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 720px) {
  .community-page .cp-main .cp-section--photo-strip .cp-photo-strip {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px;
  }
  /* 5 items in a 2-col grid would orphan the last one; let it span the row. */
  .community-page
    .cp-main
    .cp-section--photo-strip
    .cp-photo-strip
    .cp-photo-strip__item:nth-child(5) {
    grid-column: span 2;
  }
}
@media (max-width: 480px) {
  .community-page .cp-main .cp-section--photo-strip .cp-photo-strip {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 160px;
  }
}
.community-page
  .cp-main
  .cp-section--photo-strip
  .cp-photo-strip
  .cp-photo-strip__item {
  overflow: hidden;
  position: relative;
  height: 280px;
}
@media (max-width: 720px) {
  .community-page
    .cp-main
    .cp-section--photo-strip
    .cp-photo-strip
    .cp-photo-strip__item {
    height: 200px;
  }
}
@media (max-width: 480px) {
  .community-page
    .cp-main
    .cp-section--photo-strip
    .cp-photo-strip
    .cp-photo-strip__item {
    height: 160px;
  }
}
.community-page
  .cp-main
  .cp-section--photo-strip
  .cp-photo-strip
  .cp-photo-strip__item
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0 !important;
}
.community-page
  .cp-main
  .cp-section--photo-strip
  .cp-photo-strip
  .cp-photo-strip__item:hover
  img {
  transform: scale(1.04);
}
.community-page .cp-main .cp-section--demographics .cp-stats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2px;
}
@media (max-width: 900px) {
  .community-page .cp-main .cp-section--demographics .cp-stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 600px) {
  .community-page .cp-main .cp-section--demographics .cp-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.community-page
  .cp-main
  .cp-section--demographics
  .cp-stats-grid
  .cp-stat-card {
  background-color: rgba(121, 126, 139, 0.14);
  padding: 32px 20px;
  text-align: center;
  border: 1px solid rgba(59, 110, 241, 0.12);
  transition:
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.7s ease-out,
    transform 0.7s ease-out;
}
.community-page
  .cp-main
  .cp-section--demographics
  .cp-stats-grid
  .cp-stat-card:hover {
  border-color: rgba(59, 110, 241, 0.5);
  background-color: #1e1e1e;
}
@media (max-width: 575.98px) {
  .community-page
    .cp-main
    .cp-section--demographics
    .cp-stats-grid
    .cp-stat-card:last-child {
    grid-column: 1/-1;
  }
}
.community-page
  .cp-main
  .cp-section--demographics
  .cp-stats-grid
  .cp-stat-card
  .cp-stat-card__value {
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  letter-spacing: 0;
  color: #3b6ef1;
  line-height: 1;
  margin-bottom: 10px;
}
.community-page
  .cp-main
  .cp-section--demographics
  .cp-stats-grid
  .cp-stat-card
  .cp-stat-card__label {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #000;
}
.community-page .cp-main .cp-section--demographics .cp-stats-grid .cp-stat-card:hover .cp-stat-card__label{
  color: #fff;
}
.community-page .cp-main .cp-section--listings .cp-listings-placeholder {
  background-color: #f6f7fb;
  border: 2px dashed #dfe2ec;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.community-page
  .cp-main
  .cp-section--listings
  .cp-listings-placeholder
  .cp-listings-placeholder__msg {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #6b6b6b;
}
.community-page
  .cp-main
  .cp-section--listings
  .cp-listings-placeholder
  .cp-listings-placeholder__msg
  a {
  color: #3b6ef1;
}
.community-page .cp-main .cp-section--listings .cp-listings-carousel {
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
}
.community-page .cp-main .cp-section--listings .cp-listings-carousel--hidden {
  display: none;
}
.community-page .cp-main .cp-section--listings .cp-listings-carousel__track {
  display: flex;
  gap: 24px;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.community-page .cp-main .cp-section--listings .cp-listings-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 28px;
}
.community-page .cp-main .cp-section--listings .cp-listings-carousel__btn {
  width: 44px;
  height: 44px;
  border: 2px solid rgba(59, 110, 241, 0.4);
  background: rgba(0, 0, 0, 0);
  color: #3b6ef1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.community-page .cp-main .cp-section--listings .cp-listings-carousel__btn svg {
  width: 20px;
  height: 20px;
}
.community-page
  .cp-main
  .cp-section--listings
  .cp-listings-carousel__btn:hover:not(:disabled) {
  background-color: #3b6ef1;
  border-color: #3b6ef1;
  color: #fff;
}
.community-page
  .cp-main
  .cp-section--listings
  .cp-listings-carousel__btn:disabled {
  opacity: 0.25;
  cursor: default;
}
.community-page .cp-main .cp-section--listings .cp-listings-carousel__dots {
  display: flex;
  gap: 8px;
}
.community-page .cp-main .cp-section--listings .cp-listings-carousel__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(59, 110, 241, 0.25);
  cursor: pointer;
  padding: 0;
  transition:
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.community-page
  .cp-main
  .cp-section--listings
  .cp-listings-carousel__dot.is-active {
  background: #3b6ef1;
  transform: scale(1.35);
}
.community-page .cp-main .cp-section--listings .cp-lc {
  flex: 0 0 calc((100% - 48px) / 3);
  min-width: 0;
  background: #fff;
  border: 1px solid #dfe2ec;
  transition:
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.7s ease-out,
    transform 0.7s ease-out;
}
@media (max-width: 900px) {
  .community-page .cp-main .cp-section--listings .cp-lc {
    flex: 0 0 calc((100% - 24px) / 2);
  }
}
@media (max-width: 580px) {
  .community-page .cp-main .cp-section--listings .cp-lc {
    flex: 0 0 100%;
  }
}
.community-page .cp-main .cp-section--listings .cp-lc:hover {
  box-shadow: 0 8px 32px rgba(32, 36, 55, 0.12);
  border-color: rgba(59, 110, 241, 0.4);
}
.community-page .cp-main .cp-section--listings .cp-lc__inner {
  display: block;
  text-decoration: none;
  color: inherit;
}
.community-page .cp-main .cp-section--listings .cp-lc__img-wrap {
  position: relative;
  height: 300px;
  overflow: hidden;
  background: #f6f7fb;
}
.community-page .cp-main .cp-section--listings .cp-lc__img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.community-page
  .cp-main
  .cp-section--listings
  .cp-lc:hover
  .community-page
  .cp-main
  .cp-section--listings
  .cp-lc__img-wrap
  img {
  transform: scale(1.05);
}
.community-page .cp-main .cp-section--listings .cp-lc__no-img {
  width: 100%;
  height: 100%;
  background: #dfe2ec;
}
.community-page .cp-main .cp-section--listings .cp-lc__days {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(32, 36, 55, 0.7);
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 8px;
}
.community-page .cp-main .cp-section--listings .cp-lc__body {
  padding: 20px 20px 10px;
}
.community-page .cp-main .cp-section--listings .cp-lc__price {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #202437;
  line-height: 1;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.community-page .cp-main .cp-section--listings .cp-lc__price-dir--down {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #c0392b;
  color: #fff;
  padding: 2px 6px;
  white-space: nowrap;
  align-self: center;
}
.community-page .cp-main .cp-section--listings .cp-lc__addr {
  font-size: 16px;
  color: #6b6b6b;
  line-height: 1.4;
  margin-bottom: 12px;
}
.community-page .cp-main .cp-section--listings .cp-lc__meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #202437;
  border-top: 1px solid #dfe2ec;
  padding-top: 10px;
}
.community-page .cp-main .cp-section--listings .cp-listings__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.community-page .cp-main .cp-section--amenities {
  /* background-color: #202437; */
  background-color: #ebebeb;
}
.community-page .cp-main .cp-section--amenities .cp-section__title {
  /* color: #fff; */
  color: #202437;
}
.community-page .cp-main .cp-section--amenities .cp-amenity-grid,
.community-page .cp-main .cp-section--villages .cp-amenity-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid hsla(0, 0%, 100%, 0.06);
  border-left: 1px solid hsla(0, 0%, 100%, 0.06);
}
@media (max-width: 680px) {
  .community-page .cp-main .cp-section--amenities .cp-amenity-grid,
  .community-page .cp-main .cp-section--villages .cp-amenity-grid {
    grid-template-columns: 1fr;
  }
}
.community-page .cp-main .cp-section--amenities .cp-amenity-grid .cp-amenity,
.community-page .cp-main .cp-section--villages .cp-amenity-grid .cp-amenity {
  padding: 40px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.06);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-rows: auto 1fr;
  gap: 10px 28px;
  align-items: start;
  transition:
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.7s ease-out,
    transform 0.7s ease-out;
}
.community-page
  .cp-main
  .cp-section--amenities
  .cp-amenity-grid
  .cp-amenity:hover {
  background-color: #111;
  color: #fff;
}
@media (max-width: 680px) {
  .community-page .cp-main .cp-section--amenities .cp-amenity-grid .cp-amenity,
  .community-page .cp-main .cp-section--villages .cp-amenity-grid .cp-amenity {
    padding: 32px 28px;
  }
}
@media (max-width: 575.98px) {
  .community-page .cp-main .cp-section--amenities .cp-amenity-grid .cp-amenity,
  .community-page .cp-main .cp-section--villages .cp-amenity-grid .cp-amenity {
    padding: 28px 20px;
    gap: 0 16px;
  }
  .community-page
    .cp-main
    .cp-section--amenities
    .cp-amenity-grid
    .cp-amenity
    h3,
    .community-page
    .cp-main
    .cp-section--villages
    .cp-amenity-grid
    .cp-amenity
    h3 {
    font-size: 20px;
  }
  .community-page
    .cp-main
    .cp-section--amenities
    .cp-amenity-grid
    .cp-amenity
    p,
    .community-page
    .cp-main
    .cp-section--villages
    .cp-amenity-grid
    .cp-amenity
    p {
    font-size: 16px;
  }
  .community-page
    .cp-main
    .cp-section--amenities
    .cp-amenity-grid
    .cp-amenity
    .cp-amenity__num,
    .community-page
    .cp-main
    .cp-section--villages
    .cp-amenity-grid
    .cp-amenity
    .cp-amenity__num {
    font-size: 36px;
  }
}
.community-page
  .cp-main
  .cp-section--amenities
  .cp-amenity-grid
  .cp-amenity
  .cp-amenity__num,
  .community-page
  .cp-main
  .cp-section--villages
  .cp-amenity-grid
  .cp-amenity
  .cp-amenity__num {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -2px;
  color: #3b6ef1;
  line-height: 1;
  padding-top: 0;
  transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  grid-row: 1/3;
}
.community-page
  .cp-main
  .cp-section--amenities
  .cp-amenity-grid
  .cp-amenity
  .cp-amenity__icon,
  .community-page
  .cp-main
  .cp-section--villages
  .cp-amenity-grid
  .cp-amenity
  .cp-amenity__icon {
  display: none;
}
.community-page
  .cp-main
  .cp-section--amenities
  .cp-amenity-grid
  .cp-amenity
  h3,
  .community-page
  .cp-main
  .cp-section--villages
  .cp-amenity-grid
  .cp-amenity
  h3 {
  font-family: "Barlow", sans-serif;
  font-size: 28px;
  font-weight: 600;
  /* color: #fff; */
  color: #000;
  margin: 9px 0 10px;
  letter-spacing: 0;
  text-transform: none;
}
.community-page .cp-main .cp-section--amenities .cp-amenity-grid .cp-amenity:hover h3, .community-page .cp-main .cp-section--villages .cp-amenity-grid .cp-amenity:hover h3 {
  color: #fff;
}
.community-page .cp-main .cp-section--amenities .cp-amenity-grid .cp-amenity,
.community-page .cp-main .cp-section--villages .cp-amenity-grid .cp-amenity p {
  font-size: 21px;
  /* color: #fff; */
  color: #000;
  line-height: 1.7;
  margin: 0;
}
.community-page .cp-main .cp-section--villages .cp-feature-links {
  margin-bottom: 48px;
}
.community-page .cp-main .cp-section--villages .cp-feature-links__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.community-page .cp-main .cp-section--villages .cp-feature-links__item {
  padding-left: 0 !important;
}
.community-page .cp-main .cp-section--villages .cp-feature-links__item:before {
  display: none !important;
}
.community-page .cp-main .cp-section--villages .cp-feature-links__item a {
  display: inline-block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  padding: 8px 30px;
  text-decoration: none;
  transition:
    color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.community-page .cp-main .cp-section--villages .cp-feature-links__item a:hover {
  color: #fff;
  border-color: #3b6ef1;
  background-color: rgba(59, 110, 241, 0.12);
}
@media (max-width: 575.98px) {
  .community-page .cp-main .cp-section--villages .cp-feature-links__item a {
    font-size: 15px;
    padding: 7px 18px;
  }
}
.community-page .cp-main .cp-section--villages .cp-village-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
@media (max-width: 1024px) {
  .community-page .cp-main .cp-section--villages .cp-village-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .community-page .cp-main .cp-section--villages .cp-village-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .community-page .cp-main .cp-section--villages .cp-village-grid {
    grid-template-columns: 1fr;
  }
}
.community-page .cp-main .cp-section--villages .cp-village-grid .cp-village {
  background: linear-gradient(135deg, #181818 0%, #0f0f0f 100%);
  padding: 0;
  border: 1px solid rgba(59, 110, 241, 0.15);
  border-radius: 3px;
  overflow: hidden;
  box-shadow:
    0 2px 8px rgba(32, 36, 55, 0.3),
    0 8px 24px rgba(32, 36, 55, 0.2);
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.7s ease-out;
  cursor: pointer;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 110, 241, 0.5);
  box-shadow:
    0 4px 16px rgba(32, 36, 55, 0.4),
    0 12px 36px rgba(59, 110, 241, 0.15);
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__img {
  margin: 0 0 24px 0;
  overflow: hidden;
  height: 180px;
  position: relative;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(32, 36, 55, 0) 0%,
    rgba(32, 36, 55, 0.3) 100%
  );
  pointer-events: none;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__img
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.85;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village:hover
  .cp-village__img
  img {
  transform: scale(1.08);
  opacity: 1;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__header {
  margin-bottom: 16px;
  padding: 0 28px;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__header
  .cp-village__name {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 8px;
  line-height: 1.2;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__header
  .cp-village__name
  a {
  color: #fff;
  text-decoration: none;
  transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__header
  .cp-village__name
  a:hover {
  color: #3b6ef1;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__header
  .cp-village__price {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #3b6ef1;
}
.community-page
  .cp-main
  .cp-section--villages
  .cp-village-grid
  .cp-village
  .cp-village__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 28px 28px;
}
.community-page .cp-main .cp-section--buyer-fit .cp-buyer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
@media (max-width: 900px) {
  .community-page .cp-main .cp-section--buyer-fit .cp-buyer-grid {
    grid-template-columns: 1fr;
  }
}
.community-page .cp-main .cp-section--buyer-fit .cp-buyer-grid .cp-buyer-fit,
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  > div {
  background: linear-gradient(to bottom, #ffffff 0%, #fbfcfe 100%);
  border: 1px solid #ebe6df;
  border-radius: 2px;
  padding: 44px;
  box-shadow:
    0 1px 3px rgba(32, 36, 55, 0.04),
    0 4px 12px rgba(59, 110, 241, 0.06);
  transition: all 0.3s ease;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-fit:hover,
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  > div:hover {
  box-shadow:
    0 2px 6px rgba(32, 36, 55, 0.06),
    0 8px 20px rgba(59, 110, 241, 0.08);
  transform: translateY(-2px);
}
@media (max-width: 575.98px) {
  .community-page .cp-main .cp-section--buyer-fit .cp-buyer-grid .cp-buyer-fit,
  .community-page
    .cp-main
    .cp-section--buyer-fit
    .cp-buyer-grid
    .cp-pros-cons
    > div {
    padding: 28px 24px;
  }
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-fit
  h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #202437;
  margin: 0 0 24px;
  border-bottom: none;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-fit
  .cp-fit-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-fit
  .cp-fit-list
  li {
  font-size: 17px;
  color: #202437;
  line-height: 1.65;
  padding-left: 28px;
  position: relative;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-fit
  .cp-fit-list
  li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 17px;
  color: #3b6ef1;
  font-weight: 600;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-fit
  .cp-fit-list
  li
  strong {
  color: #202437;
  font-weight: 600;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.community-page .cp-main .cp-section--buyer-fit .cp-buyer-grid .cp-pros-cons {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 575.98px) {
  .community-page .cp-main .cp-section--buyer-fit .cp-buyer-grid .cp-pros-cons {
    gap: 20px;
  }
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #202437;
  margin: 0 0 24px;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  .cp-pros
  ul,
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  .cp-cons
  ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  .cp-pros
  ul
  li,
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  .cp-cons
  ul
  li {
  font-size: 17px;
  color: #202437;
  line-height: 1.6;
  padding-left: 28px;
  position: relative;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  .cp-pros
  ul
  li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 17px;
  color: #5a8a5a;
  font-weight: 700;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-pros-cons
  .cp-cons
  ul
  li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: #3b6ef1;
  top: 2px;
  font-size: 20px;
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-fit__cta {
  padding: 28px 0 0 28px;
}
@media (max-width: 575.98px) {
  .community-page
    .cp-main
    .cp-section--buyer-fit
    .cp-buyer-grid
    .cp-buyer-fit__cta {
    padding: 20px 0 0 0;
  }
  .community-page
    .cp-main
    .cp-section--buyer-fit
    .cp-buyer-grid
    .cp-buyer-fit__cta
    p {
    font-size: 18px;
  }
}
.community-page
  .cp-main
  .cp-section--buyer-fit
  .cp-buyer-grid
  .cp-buyer-fit__cta
  p {
  font-size: 21px;
  color: #202437;
  line-height: 1.6;
  margin: 0 0 20px;
  font-weight: 500;
}
.community-page .cp-main .cp-section--buyer-fit .cp-buyer-fit-cta {
  margin-top: 48px;
  text-align: center;
}
.community-page .cp-main .cp-section--buyer-fit .cp-buyer-fit-cta p {
  font-size: 18px;
  color: #3a3a3a;
  line-height: 1.6;
  margin: 0 auto 24px;
  max-width: 600px;
}
.community-page .cp-main .cp-section--schools {
  background-color: #fff;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools__group-title {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #202437;
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #3b6ef1;
  display: inline-block;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools-table-wrap {
  overflow-x: auto;
  margin-bottom: 48px;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools-table-wrap
  .cp-schools-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools-table-wrap
  .cp-schools-table
  thead
  tr {
  background-color: #202437;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools-table-wrap
  .cp-schools-table
  thead
  tr
  th {
  padding: 14px 20px;
  text-align: left;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, 0.6);
  white-space: nowrap;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools-table-wrap
  .cp-schools-table
  tbody
  tr {
  border-bottom: 1px solid #dfe2ec;
  transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 500;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools-table-wrap
  .cp-schools-table
  tbody
  tr:hover {
  background-color: #f6f7fb;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools-table-wrap
  .cp-schools-table
  tbody
  tr
  td {
  padding: 14px 20px;
  color: #2e2e2e;
  vertical-align: middle;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools__private {
  margin-top: 40px;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools__private
  .cp-private-schools {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 767.98px) {
  .community-page
    .cp-main
    .cp-section--schools
    .cp-schools-wrap
    .cp-schools__private
    .cp-private-schools {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.98px) {
  .community-page
    .cp-main
    .cp-section--schools
    .cp-schools-wrap
    .cp-schools__private
    .cp-private-schools {
    grid-template-columns: 1fr;
  }
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools__private
  .cp-private-schools
  .cp-private-school {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background-color: #f6f7fb;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .community-page
    .cp-main
    .cp-section--schools
    .cp-schools-wrap
    .cp-schools__private
    .cp-private-schools
    .cp-private-school {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools__private
  .cp-private-schools
  .cp-private-school
  .cp-private-school__name {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #202437;
  margin-bottom: 0;
}
.community-page
  .cp-main
  .cp-section--schools
  .cp-schools-wrap
  .cp-schools__private
  .cp-private-schools
  .cp-private-school
  .cp-private-school__type {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #3b6ef1;
  text-transform: uppercase;
  /* white-space: nowrap; */
}
@media (max-width: 767.98px) {
  .community-page
    .cp-main
    .cp-section--schools
    .cp-schools-wrap
    .cp-schools__private
    .cp-private-schools
    .cp-private-school
    .cp-private-school__type {
    white-space: normal;
  }
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table {
  border: 1px solid rgba(59, 110, 241, 0.2);
  overflow: hidden;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__header,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__header {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  background-color: rgba(59, 110, 241, 0.15);
  padding: 12px 20px;
  gap: 12px;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__header,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__header,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__header
  tr,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__header
  tr {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  background-color: rgba(59, 110, 241, 0.15);
  gap: 12px;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__header
  th,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__header
  th,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__header
  span,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__header
  span {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  padding: 12px 20px;
  text-align: left;
  background: none;
  border: none;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  thead
  tr,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  thead
  tr {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  background-color: rgba(59, 110, 241, 0.15);
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  thead
  tr
  th,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  thead
  tr
  th {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  padding: 12px 20px;
  text-align: left;
  border: none;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  padding: 0;
  gap: 0;
  border-top: 1px solid hsla(0, 0%, 100%, 0.05);
  align-items: center;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row:hover,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row:hover {
  background-color: hsla(0, 0%, 100%, 0.02);
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row
  th,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row
  th,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row
  td,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row
  td,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row
  span,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row
  span {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 14px 20px;
  text-align: left;
  border: none;
  background: none;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row
  th:first-child,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row
  th:first-child,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row
  td:first-child,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row
  td:first-child,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row
  span:first-child,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row
  span:first-child {
  font-weight: 600;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row
  .cp-compare--good,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row
  .cp-compare--good {
  color: #7db87d !important;
  font-weight: 600;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  .cp-compare-table__row
  .cp-compare--bad,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  .cp-compare-table__row
  .cp-compare--bad {
  color: #fff !important;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  tbody
  tr,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  tbody
  tr {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  border-top: 1px solid hsla(0, 0%, 100%, 0.05);
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  tbody
  tr:hover,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  tbody
  tr:hover {
  background-color: hsla(0, 0%, 100%, 0.02);
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  tbody
  tr
  th,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  tbody
  tr
  th,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  tbody
  tr
  td,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  tbody
  tr
  td {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 14px 20px;
  text-align: left;
  border: none;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  tbody
  tr
  th:first-child,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  tbody
  tr
  th:first-child,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  tbody
  tr
  td:first-child,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  tbody
  tr
  td:first-child {
  font-weight: 600;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  tbody
  tr
  td.cp-compare--good,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  tbody
  tr
  td.cp-compare--good {
  color: #7db87d !important;
  font-weight: 600;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-compare-table
  tbody
  tr
  td.cp-compare--bad,
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  .cp-compare-table
  tbody
  tr
  td.cp-compare--bad {
  color: #fff !important;
}
.community-page .cp-main .cp-section--relocation .cp-relocation-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
  margin-bottom: 48px;
}
@media (max-width: 900px) {
  .community-page .cp-main .cp-section--relocation .cp-relocation-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__content
  h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  /* color: #fff; */
  color: #000;
  margin: 0 0 16px;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__content
  p {
  font-size: 17px;
  /* color: #fff; */
  color: #000;
  line-height: 1.75;
  margin: 0 0 20px;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  /* color: #fff; */
  color: #000;
  margin: 0 0 16px;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__compare
  p {
  font-size: 17px;
  /* color: #fff; */
  color: #000;
  line-height: 1.75;
  margin: 0 0 20px;
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation-grid
  .cp-relocation__note {
  font-size: 11px;
  color: hsla(0, 0%, 100%, 0.3);
  margin-top: 12px;
  font-style: italic;
}
.community-page .cp-main .cp-section--relocation .cp-relocation__rental {
  max-width: 1000px;
  margin: 40px auto 0;
  color: #fff;
}
.community-page .cp-main .cp-section--relocation .cp-relocation__rental h3 {
  color: #fff;
  margin-bottom: 12px;
}
@media (max-width: 575.98px) {
  .community-page .cp-main .cp-section--relocation .cp-relocation__rental h3 {
    font-size: 18px;
  }
}
.community-page .cp-main .cp-section--relocation .cp-relocation__rental p {
  color: hsla(0, 0%, 100%, 0.85);
  font-size: 16px;
  line-height: 1.7;
}
.community-page .cp-main .cp-section--relocation .cp-relocation__table-wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 575.98px) {
  .community-page
    .cp-main
    .cp-section--relocation
    .cp-relocation__table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.community-page
  .cp-main
  .cp-section--relocation
  .cp-relocation__table-wrapper
  .cp-relocation__note {
  font-size: 12px;
  color: hsla(0, 0%, 100%, 0.5);
  margin-top: 12px;
  font-style: italic;
}
.community-page .cp-main .cp-section--relocation .cp-relocation__cta {
  border-top: 1px solid hsla(0, 0%, 100%, 0.08);
  padding-top: 40px;
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (max-width: 575.98px) {
  .community-page .cp-main .cp-section--relocation .cp-relocation__cta {
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
}
.community-page .cp-main .cp-section--relocation .cp-relocation__cta p {
  font-size: 18px;
  color: #fff;
  max-width: 750px;
  margin: 0;
  line-height: 1.65;
}
@media (max-width: 575.98px) {
  .community-page .cp-main .cp-section--relocation .cp-relocation__cta p {
    font-size: 17px;
  }
}
.community-page .cp-main .cp-section--mortgage {
  background-color: #fff;
  overflow: hidden;
}
.community-page .cp-main .cp-section--mortgage .cp-mortgage-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}
@media (max-width: 860px) {
  .community-page .cp-main .cp-section--mortgage .cp-mortgage-wrap {
    grid-template-columns: 1fr;
  }
}
.community-page
  .cp-main
  .cp-section--mortgage
  .cp-mortgage-wrap
  .cp-mortgage__text
  .cp-section__title {
  font-size: clamp(28px, 4vw, 44px);
  margin-bottom: 20px;
}
.community-page
  .cp-main
  .cp-section--mortgage
  .cp-mortgage-wrap
  .cp-mortgage__text
  p {
  font-size: 17px;
  color: #202437;
  line-height: 1.75;
  margin: 0 0 20px;
}
@media (max-width: 575.98px) {
  .community-page
    .cp-main
    .cp-section--mortgage
    .cp-mortgage-wrap
    .cp-mortgage__text
    p {
    font-size: 16px;
  }
}
.community-page
  .cp-main
  .cp-section--mortgage
  .cp-mortgage-wrap
  .cp-mortgage__text
  p
  strong {
  color: #202437;
  font-weight: 600;
}
.community-page
  .cp-main
  .cp-section--mortgage
  .cp-mortgage-wrap
  .cp-mortgage__image {
  overflow: hidden;
  border-radius: 4px;
}
.community-page
  .cp-main
  .cp-section--mortgage
  .cp-mortgage-wrap
  .cp-mortgage__image
  img {
  width: 100%;
  height: auto;
  display: block;
}
.community-page .cp-main .cp-section--video {
  background-color: #202437;
}
.community-page .cp-main .cp-section--video .cp-section__title {
  color: #fff;
}
.community-page .cp-main .cp-section--video .cp-section__subtitle {
  color: hsla(0, 0%, 100%, 0.55);
}
.community-page .cp-main .cp-section--video .cp-video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background-color: #262b42;
  border: 1px solid rgba(59, 110, 241, 0.2);
}
.community-page .cp-main .cp-section--video .cp-video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.community-page .cp-main .cp-section--cta-band {
  background-color: #202437;
  background-image: url("images/buy-a-home-with-chris-nevada.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.community-page .cp-main .cp-section--cta-band::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  background: linear-gradient(
    135deg,
    transparent 30%,
    rgba(59, 110, 241, 0.07) 100%
  );
  pointer-events: none;
}
.community-page .cp-main .cp-section--cta-band::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #3b6ef1, #515666, transparent);
}
.community-page .cp-main .cp-section--cta-band .cp-cta-band {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 48px;
  position: relative;
  z-index: 1;
  background: rgba(32, 36, 55, 0.5);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  padding: 56px 48px;
  border: 1px solid rgba(59, 110, 241, 0.2);
}
@media (max-width: 860px) {
  .community-page .cp-main .cp-section--cta-band .cp-cta-band {
    flex-direction: column;
    text-align: center;
    padding: 40px 32px;
  }
}
.community-page
  .cp-main
  .cp-section--cta-band
  .cp-cta-band
  .cp-cta-band__agent {
  flex-shrink: 0;
  margin-right: 8px;
}
@media (max-width: 860px) {
  .community-page
    .cp-main
    .cp-section--cta-band
    .cp-cta-band
    .cp-cta-band__agent {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.community-page
  .cp-main
  .cp-section--cta-band
  .cp-cta-band
  .cp-cta-band__agent
  img {
  width: 96px;
  height: 96px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #3b6ef1;
  display: block;
}
.community-page .cp-main .cp-section--cta-band .cp-cta-band .cp-cta-band__text {
  max-width: 560px;
}
.community-page
  .cp-main
  .cp-section--cta-band
  .cp-cta-band
  .cp-cta-band__text
  h2 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(28px, 4vw, 58px);
  font-weight: 700;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  margin: 0 0 16px;
}
.community-page
  .cp-main
  .cp-section--cta-band
  .cp-cta-band
  .cp-cta-band__text
  p {
  font-size: 20px;
  color: #fff;
  margin: 0;
  line-height: 1.6;
}
.community-page
  .cp-main
  .cp-section--cta-band
  .cp-cta-band
  .cp-cta-band__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}
@media (max-width: 860px) {
  .community-page
    .cp-main
    .cp-section--cta-band
    .cp-cta-band
    .cp-cta-band__actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.community-page .cp-main .cp-section--faq {
  background-color: #fff;
}
.community-page .cp-main .cp-section--faq .cp-faq-grid {
  display: grid;
  /* grid-template-columns: repeat(2, 1fr); */
  gap: 2px;
}
@media (max-width: 760px) {
  .community-page .cp-main .cp-section--faq .cp-faq-grid {
    grid-template-columns: 1fr;
  }
}
.cp-section--faq .cp-faq-grid .cp-faq {
  background-color: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(31, 25, 21, 0.12);
  transition:
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.7s ease-out,
    transform 0.7s ease-out;
}
/* .cp-section--faq .cp-faq-grid .cp-faq[open] {
  border-left-color: #3b6ef1;
  background-color: #fff;
} */
.cp-section--faq .cp-faq-grid .cp-faq summary {
  padding: 22px 28px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #000;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.community-page
  .cp-main
  .cp-section--faq
  .cp-faq-grid
  .cp-faq
  summary::-webkit-details-marker {
  display: none;
}
.cp-section--faq .cp-faq-grid .cp-faq summary::after {
  content: "+";
  font-size: 34px;
  font-weight: 300;
  color: #3b6ef1;
  flex-shrink: 0;
  transition: transform 0.2s;
  line-height: 1;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 126, 139, 0.28);
}
@media (max-width: 575.98px) {
  .cp-section--faq .cp-faq-grid .cp-faq summary {
    font-size: 18px;
    padding: 18px 20px;
  }
}
.cp-section--faq .cp-faq-grid .cp-faq[open] summary {
  color: #202437;
}
.community-page
  .cp-main
  .cp-section--faq
  .cp-faq-grid
  .cp-faq[open]
  summary::after {
  transform: rotate(45deg);
  background: rgba(121, 126, 139, 0.14);
}
.cp-section--faq .cp-faq-grid .cp-faq p {
  padding: 0 28px 24px;
  margin: 0;
  font-size: 18px;
  color: #202437;
  line-height: 1.75;
}
@media (max-width: 575.98px) {
  .cp-section--faq .cp-faq-grid .cp-faq p {
    font-size: 16px;
    padding: 0 20px 20px;
  }
}
.community-page .cp-main .cp-section--map {
  background-color: #f6f7fb;
}
.community-page .cp-main .cp-section--map .cp-map-embed {
  overflow: hidden;
  position: relative;
}
.community-page .cp-main .cp-section--map .cp-map-embed iframe {
  display: block;
  width: 100%;
}
.community-page .cp-main .cp-section--nearby .cp-nearby-gallery .si-container,
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .js-content-label-gallery,
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery,
.community-page .cp-main .cp-section--nearby .cp-nearby-gallery .si-row {
  width: 100%;
  max-width: none;
  padding: 0;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__title {
  display: none;
}
.community-page .cp-main .cp-section--nearby .cp-nearby-gallery .si-row {
  margin: 0;
  display: block !important;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__body {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(261px, 1fr)) !important;
  gap: 5px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__item {
  display: block !important;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__link {
  display: flex !important;
  align-items: flex-end;
  justify-content: space-between;
  padding: 180px 28px 20px;
  background-color: #262b42;
  /* No border: on the dark card it read as a black outline around every tile. */
  border: 0;
  color: #fff;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
  height: 100%;
  min-height: 240px;
  box-sizing: border-box;
  transition:
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.7s ease-out,
    transform 0.7s ease-out;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__link:hover {
  background-color: #3b6ef1;
  border-color: #3b6ef1;
  color: #fff;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__link:hover
  .si-content-label-gallery__image {
  opacity: 0.25;
  transform: scale(1.05);
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__link:hover
  .si-content-label-gallery__label::after {
  transform: translateX(4px);
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__link:after {
  display: none;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.8;
  transition:
    opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__label {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.community-page
  .cp-main
  .cp-section--nearby
  .cp-nearby-gallery
  .si-content-label-gallery__label::after {
  content: "→";
  font-size: 20px;
  opacity: 0.5;
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Contact CTA action block. One primary action, one secondary, and the email as a text
   link: an email address set in uppercase letter-spaced button type reads badly and
   forced an awkward third-button wrap. */
.community-page .cp-main .cp-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 575.98px) {
  .community-page .cp-main .cp-contact-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
}
.community-page .cp-main .cp-contact-email {
  margin: 24px 0 0;
  text-align: center;
  font-size: 17px;
  color: #515666;
}
.community-page .cp-main .cp-contact-email a {
  color: #202437;
  font-weight: 500;
  border-bottom: 1px solid rgba(59, 110, 241, 0.45);
  padding-bottom: 1px;
}
.community-page .cp-main .cp-contact-email a:hover {
  color: #3b6ef1;
  border-bottom-color: #3b6ef1;
}
.community-page .cp-main .cp-section--contact .cp-section__inner--narrow {
  max-width: 760px;
}
.community-page .cp-main .cp-section--contact .si-content-area h2 {
  display: none;
}
.community-page .cp-main .cp-section--contact .si-form {
  margin-top: 40px;
}
.community-page .cp-main .cp-section--contact .si-form .si-row {
  display: contents;
}
.community-page .cp-main .cp-section--contact .si-form form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px;
}
.community-page .cp-main .cp-section--contact .si-form form::after {
  content: none;
}
@media (max-width: 600px) {
  .community-page .cp-main .cp-section--contact .si-form form {
    grid-template-columns: 1fr;
  }
}
.community-page .cp-main .cp-section--contact .si-form .form-group {
  margin: 0;
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .form-group.si-form__full {
  grid-column: 1/-1;
  float: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .form-group.si-form__column {
  grid-column: span 1;
  float: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  min-height: 0;
  position: static;
}
.community-page .cp-main .cp-section--contact .si-form .control-label {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, 0.5);
  margin-bottom: 8px;
}
.community-page .cp-main .cp-section--contact .si-form .control-label .req {
  color: #3b6ef1;
  margin-left: 2px;
}
.community-page .cp-main .cp-section--contact .si-form .form-control {
  width: 100%;
  background: hsla(0, 0%, 100%, 0.05);
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  border-radius: 0;
  color: #fff;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  padding: 12px 16px;
  transition:
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  height: auto;
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .form-control::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.25);
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.25);
}
.community-page .cp-main .cp-section--contact .si-form .form-control:focus {
  outline: none;
  border-color: #3b6ef1;
  background: hsla(0, 0%, 100%, 0.08);
}
.community-page .cp-main .cp-section--contact .si-form textarea.form-control {
  min-height: 130px;
  resize: vertical;
}
.community-page .cp-main .cp-section--contact .si-form .iti {
  width: 100%;
  position: relative;
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .iti
  .iti__flag-container {
  left: 0;
}
.community-page .cp-main .cp-section--contact .si-form .iti input.form-control {
  padding-left: 52px;
}
.community-page .cp-main .cp-section--contact .si-form .si-btn--secondary {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: #3b6ef1;
  color: #fff;
  border: 2px solid #3b6ef1;
  padding: 14px 40px;
  cursor: pointer;
  transition:
    background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .si-btn--secondary:hover {
  background: rgba(0, 0, 0, 0);
  color: #3b6ef1;
}
.community-page .cp-main .cp-section--contact .si-form .si-captcha-disclaimer {
  font-size: 11px;
  color: hsla(0, 0%, 100%, 0.3);
  line-height: 1.6;
  margin-top: 8px;
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .si-captcha-disclaimer
  a {
  color: hsla(0, 0%, 100%, 0.5);
  text-decoration: underline;
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .si-captcha-disclaimer
  a:hover {
  color: #3b6ef1;
}
.community-page
  .cp-main
  .cp-section--contact
  .si-form
  .si-captcha-disclaimer
  + .si-captcha-disclaimer {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.08);
}
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/