/*!
Theme Name: Barriefield Highlands
Author: Apt.
Description: Designed & developed by Apt. for Cityflats
Version: 1.1
*/
@font-face {
  font-family: "Canela";
  src: url("assets/fonts/canela/canela-medium.woff2") format("woff2"),
    url("assets/fonts/canela/canela-medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
:root {
  --light-blue-color: #eaf0ee;
  --gold-color: #aa761c;
  --light-brown-color: #ebddc5;
  --dark-green-color: #1e3422;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.anim-fade-in {
  opacity: 0;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
.anim-fade-in.in-view {
  opacity: 1;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.visually-hidden {
  position: absolute;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
} /*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
  -webkit-tap-highlight-color: transparent;
}
a:focus {
  outline: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
img,
figure {
  max-width: 100%;
  height: auto;
}
figure {
  margin: 0;
}
picture {
  display: block;
}
picture img {
  display: block;
}
embed,
iframe,
object {
  max-width: 100%;
}
table {
  margin: 2em 0;
  width: 100%;
}
table th {
  font-weight: bold;
}
table td {
  padding: 0.25em;
  border: 1px solid;
}
body {
  font-family: "Manrope", sans-serif;
  font-display: swap;
  font-size: 16px;
  line-height: 1.8;
  color: var(--dark-green-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.contact-section b,
.h3,
.h4,
.h5,
.h6 {
  margin: 0 0 0.5em;
  font-weight: normal;
  font-family: "Canela", serif;
  line-height: 1.3;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.h1:last-child,
.h2:last-child,
.contact-section b:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child {
  margin-bottom: 0;
}
h1,
.h1,
.p1 {
  font-size: 60px;
}
h2,
.h2,
.contact-section b,
.p2 {
  font-size: 36px;
}
h3,
.h3,
.p3 {
  font-size: 24px;
}
h4,
.h4,
.p4 {
  font-size: 22px;
}
h5,
.h5,
.p5 {
  font-size: 18px;
}
h6,
.h6,
.p6 {
  font-size: 14px;
}
p,
li {
  font-size: 18px;
}
p {
  margin: 0 0 1.5em;
}
p:last-child {
  margin-bottom: 0;
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
@media screen and (min-width: 768px) {
  h1,
  .h1,
  .p1 {
    font-size: 75px;
  }
  h2,
  .h2,
  .contact-section b,
  .p2 {
    font-size: 41px;
  }
}
@media screen and (min-width: 1024px) {
  h1,
  .h1,
  .p1 {
    font-size: 100px;
  }
  h2,
  .h2,
  .contact-section b,
  .p2 {
    font-size: 54px;
  }
  h3,
  .h3,
  .p3 {
    font-size: 27px;
  }
  h4,
  .h4,
  .p4 {
    font-size: 30px;
  }
  h5,
  .h5,
  .p5 {
    font-size: 22px;
  }
  h6,
  .h6,
  .p6 {
    font-size: 16px;
  }
  p,
  li {
    font-size: 22px;
  }
}
.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 0 3em;
  height: 56px;
  background-color: var(--dark-green-color);
  border: 0;
  border-radius: 0;
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.15em;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.button:hover,
.button:focus {
  background-color: var(--gold-color);
}
.button.theme-light-brown-color {
  background-color: var(--light-brown-color);
  color: var(--dark-green-color);
}
@media screen and (min-width: 1920px) {
  .button {
    height: 72px;
  }
}
.menu-button.is-open .icon:before,
.menu-button.is-open .icon:after {
  margin-top: 0;
}
.menu-button.is-open .icon:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.menu-button.is-open .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.menu-button .icon {
  position: relative;
  display: block;
  width: 60px;
  height: 44px;
}
.menu-button .icon:before,
.menu-button .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 2px;
  background-color: var(--light-brown-color);
  border-radius: 1px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.menu-button .icon:before {
  margin-top: -7px;
}
.menu-button .icon:after {
  margin-top: 7px;
}
.home-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 15px;
  border: 1px solid;
}
.home-card .image {
  display: block;
}
.home-card .heading:not(:last-child) {
  margin-bottom: 0.5em;
}
.home-card .features-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em 2em;
  margin: 0;
  list-style: none;
  font-family: "Libre Baskerville", serif;
}
.home-card .features-list .list-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
  margin: 0;
}
.home-card .features-list .list-item.width-full {
  width: 100%;
}
.home-card .icon {
  width: 30px;
  height: 30px;
}
.home-card .button {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .home-card .heading {
    font-size: 36px;
  }
  .home-card .features-list {
    gap: 1em 2em;
  }
  .home-card .icon {
    width: 40px;
    height: 40px;
  }
}
.carousel {
  width: 100%;
}
.carousel.layout-dots-condensed .flickity-page-dots {
  bottom: 24px;
}
.carousel .flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.carousel .dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 9px;
  background-color: white;
  border-radius: 50%;
  border-color: transparent;
  cursor: pointer;
}
.carousel .dot.is-selected {
  background-color: var(--light-brown-color);
}
@media screen and (min-width: 1024px) {
  .carousel .flickity-page-dots {
    bottom: 50px;
  }
}
.images-carousel {
  width: 100%;
}
.images-carousel .carousel-item {
  width: 100%;
  opacity: 0 !important;
  -webkit-transition: opacity 1s ease !important;
  transition: opacity 1s ease !important;
}
.images-carousel .carousel-item.is-selected {
  opacity: 1 !important;
}
.dialog {
  padding: 0;
  background-color: transparent;
  border: none;
}
.dialog::-webkit-backdrop {
  background-color: rgba(0, 0, 0, 0.4);
}
.dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.4);
}
.dialog .dialog-inner {
  position: relative;
  padding: 32px 24px;
  width: 100%;
  max-width: 500px;
  background-color: var(--dark-green-color);
  border: none;
  border-radius: 36px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  color: var(--light-brown-color);
}
.dialog .dialog-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4rem;
  margin-bottom: 24px;
}
.dialog .dialog-header .heading:not(:last-child) {
  margin-bottom: 0;
}
.dialog .dialog-body p {
  text-align: left;
  font-size: 18px;
  font-family: "Libre Baskerville", serif;
}
.dialog .dialog-body p:empty {
  display: none;
}
.dialog .close-button {
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.dialog .close-button .icon {
  width: 36px;
  height: 36px;
  color: var(--light-brown-color);
}
@media screen and (min-width: 1024px) {
  .dialog .dialog-inner {
    padding: 56px 44px 44px;
  }
  .dialog .heading {
    font-size: 40px;
  }
  .dialog .dialog-body p {
    font-size: 20px;
  }
}
.lot-highlights-dialog .dialog-body {
  text-align: center;
}
.site-footer {
  padding: 40px 0;
  background-color: var(--gold-color);
  color: var(--light-brown-color);
}
.site-footer .layout-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 44px;
}
.site-footer .copy-wrapper-A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.site-footer .copy-wrapper-A p {
  max-width: 360px;
}
.site-footer .barriefield-highlands-symbol {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 83px;
  height: 95px;
  background-color: var(--light-brown-color);
  -webkit-mask: url("assets/images/logos/barriefield-highlands-symbol.svg")
    center center no-repeat;
  mask: url("assets/images/logos/barriefield-highlands-symbol.svg") center
    center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.site-footer .byline-text {
  display: block;
  margin-bottom: 1em;
  width: 261px;
  height: 25px;
  background-color: var(--light-brown-color);
  -webkit-mask: url("assets/images/byline-text.svg") center center no-repeat;
  mask: url("assets/images/byline-text.svg") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  text-indent: -999em;
}
.site-footer p {
  font-size: 16px;
}
.site-footer p:not(:last-child) {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .site-footer .layout-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 44px;
  }
  .site-footer .copy-wrapper-B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
  }
}
.contact-form:not(:last-child) {
  margin-bottom: 44px;
}
.contact-form .wpforms-error-container,
.contact-form .wpforms-label-hide,
.contact-form .wpforms-hidden {
  display: none;
}
.contact-form .wpforms-field {
  margin-bottom: 32px;
}
.contact-form input[type="text"],
.contact-form input[type="email"] {
  padding-bottom: 8px;
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid;
  color: var(--light-brown-color);
}
.contact-form input[type="text"]::-webkit-input-placeholder,
.contact-form input[type="email"]::-webkit-input-placeholder {
  color: var(--light-brown-color);
}
.contact-form input[type="text"]::-moz-placeholder,
.contact-form input[type="email"]::-moz-placeholder {
  color: var(--light-brown-color);
}
.contact-form input[type="text"]:-ms-input-placeholder,
.contact-form input[type="email"]:-ms-input-placeholder {
  color: var(--light-brown-color);
}
.contact-form input[type="text"]::-ms-input-placeholder,
.contact-form input[type="email"]::-ms-input-placeholder {
  color: var(--light-brown-color);
}
.contact-form input[type="text"]::placeholder,
.contact-form input[type="email"]::placeholder {
  color: var(--light-brown-color);
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus {
  outline: none;
}
.contact-form select {
  padding: 16px 64px 16px 20px;
  width: 100%;
  background-color: transparent;
  background: url("assets/images/icons/chevron-down.svg") center right 24px
    no-repeat;
  border: 1px solid;
  color: var(--light-brown-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contact-form .wpforms-field-checkbox > label {
  display: block;
  margin-bottom: 1em;
}
.contact-form #wpforms-98-field_9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 44px;
}
.contact-form #wpforms-98-field_9 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}
.contact-form .button {
  width: auto;
  background-color: white;
  color: var(--dark-green-color);
}
.contact-form .button:hover,
.contact-form .button:focus {
  background-color: var(--gold-color);
  color: white;
}
@media screen and (min-width: 1024px) {
  .contact-form .wpforms-field {
    margin-bottom: 56px;
  }
}
.cards-grid {
  display: grid;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 60px;
  }
}
:root {
  --icon-size: 24px;
}
.icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: var(--icon-size);
  height: var(--icon-size);
  text-indent: -999em;
}
.icon:after {
  content: "";
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.bathroom-icon:after {
  -webkit-mask-image: url("assets/images/icons/bathroom.svg");
  mask-image: url("assets/images/icons/bathroom.svg");
}
.bedroom-icon:after {
  -webkit-mask-image: url("assets/images/icons/bedroom.svg");
  mask-image: url("assets/images/icons/bedroom.svg");
}
.close-icon:after {
  -webkit-mask-image: url("assets/images/icons/close.svg");
  mask-image: url("assets/images/icons/close.svg");
}
.closet-icon:after {
  -webkit-mask-image: url("assets/images/icons/closet.svg");
  mask-image: url("assets/images/icons/closet.svg");
}
.flip-icon:after {
  -webkit-mask-image: url("assets/images/icons/flip.svg");
  mask-image: url("assets/images/icons/flip.svg");
}
.garage-icon:after {
  -webkit-mask-image: url("assets/images/icons/garage.svg");
  mask-image: url("assets/images/icons/garage.svg");
}
.graded-lot-icon:after {
  -webkit-mask-image: url("assets/images/icons/graded-lot.svg");
  mask-image: url("assets/images/icons/graded-lot.svg");
}
.home-icon:after {
  -webkit-mask-image: url("assets/images/icons/home.svg");
  mask-image: url("assets/images/icons/home.svg");
}
.movein-icon:after {
  -webkit-mask-image: url("assets/images/icons/movein.svg");
  mask-image: url("assets/images/icons/movein.svg");
}
.kitchen-icon:after {
  -webkit-mask-image: url("assets/images/icons/kitchen.svg");
  mask-image: url("assets/images/icons/kitchen.svg");
}
.lot-icon:after {
  -webkit-mask-image: url("assets/images/icons/lot.svg");
  mask-image: url("assets/images/icons/lot.svg");
}
.porch-icon:after {
  -webkit-mask-image: url("assets/images/icons/porch.svg");
  mask-image: url("assets/images/icons/porch.svg");
}
.sqft-icon:after {
  -webkit-mask-image: url("assets/images/icons/sqft.svg");
  mask-image: url("assets/images/icons/sqft.svg");
}
.stairs-down-icon:after {
  -webkit-mask-image: url("assets/images/icons/stairs-down.svg");
  mask-image: url("assets/images/icons/stairs-down.svg");
}
.stairs-up-icon:after {
  -webkit-mask-image: url("assets/images/icons/stairs-up.svg");
  mask-image: url("assets/images/icons/stairs-up.svg");
}
.storey-icon:after {
  -webkit-mask-image: url("assets/images/icons/storey.svg");
  mask-image: url("assets/images/icons/storey.svg");
}
.icon-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.icon-link.with-download-icon {
  gap: 1.5em;
}
.icon-link.with-download-icon:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 30px;
  height: 30px;
  background-color: var(--dark-green-color);
  -webkit-mask: url("assets/images/icons/download.svg") center center no-repeat;
  mask: url("assets/images/icons/download.svg") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.skip-nav-link {
  position: absolute;
  z-index: 1010;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 22px;
  width: 100%;
  height: 44px;
  background-color: white;
  letter-spacing: 0.15em;
  color: var(--dark-green-color);
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-transform 0s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.skip-nav-link:hover {
  text-decoration: underline;
}
.skip-nav-link:focus {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
.lot-highlights-list {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  border-top: 1px solid;
}
.lot-highlights-list:not(:last-child) {
  margin-bottom: 2rem;
}
.lot-highlights-list .list-term-item,
.lot-highlights-list .list-definition-item {
  padding: 0.5em 0;
  border-bottom: 1px solid;
  font-size: 18px;
  font-family: "Libre Baskerville", serif;
}
.lot-highlights-list .list-term-item {
  text-align: left;
}
.lot-highlights-list .list-definition-item {
  margin-left: 0;
  padding-left: 2rem;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .lot-highlights-list .list-term-item,
  .lot-highlights-list .list-definition-item {
    font-size: 20px;
  }
  .lot-highlights-list .list-definition-item {
    padding-left: 4rem;
  }
}
.lots-map {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 855 / 1089;
}
.lots-map .map-layer {
  position: absolute;
  inset: 0;
}
.lots-map .base-layer,
.lots-map .borders-layer {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.lots-map .borders-layer {
  z-index: 3;
  background-image: url("assets/images/map/borders-layer.svg");
}
.lots-map .base-layer {
  z-index: 1;
}
.lots-map .buttons-layer {
  z-index: 2;
}
.lots-map .lot-button {
  position: absolute;
  display: block;
  padding: 0;
  background-color: transparent;
  border: 0;
}
.lots-map .lot-1-button {
  top: 14.68%;
  left: 62.55%;
  width: 32.25%;
  height: 8.45%;
  -webkit-clip-path: url(#lot-1-shape);
  clip-path: url(#lot-1-shape);
}
.lots-map .lot-1-button .number-label,
.lots-map .lot-1-button .sold-label {
  left: 64%;
}
.lots-map .lot-2-button {
  top: 22.675%;
  left: 74.25%;
  width: 20.725%;
  height: 7.875%;
  -webkit-clip-path: url(#lot-2-shape);
  clip-path: url(#lot-2-shape);
}
.lots-map .lot-3-button {
  top: 30.25%;
  left: 74.9%;
  width: 20.25%;
  height: 7.81%;
  -webkit-clip-path: url(#lot-3-shape);
  clip-path: url(#lot-3-shape);
}
.lots-map .lot-4-button {
  top: 37.75%;
  left: 75.45%;
  width: 19.875%;
  height: 7.875%;
  -webkit-clip-path: url(#lot-4-shape);
  clip-path: url(#lot-4-shape);
}
.lots-map .lot-5-button {
  top: 45.325%;
  left: 75.975%;
  width: 19.55%;
  height: 7.875%;
  -webkit-clip-path: url(#lot-5-shape);
  clip-path: url(#lot-5-shape);
}
.lots-map .lot-6-button {
  top: 52.85%;
  left: 76.425%;
  width: 19.275%;
  height: 7.85%;
  -webkit-clip-path: url(#lot-6-shape);
  clip-path: url(#lot-6-shape);
}
.lots-map .lot-7-button {
  top: 60.475%;
  left: 76.8%;
  width: 19.075%;
  height: 7.7%;
  -webkit-clip-path: url(#lot-7-shape);
  clip-path: url(#lot-7-shape);
}
.lots-map .lot-8-button {
  top: 67.9%;
  left: 77.15%;
  width: 18.925%;
  height: 7.915%;
  -webkit-clip-path: url(#lot-8-shape);
  clip-path: url(#lot-8-shape);
}
.lots-map .lot-9-button {
  top: 75.55%;
  left: 77.45%;
  width: 18.84%;
  height: 8.225%;
  -webkit-clip-path: url(#lot-9-shape);
  clip-path: url(#lot-9-shape);
}
.lots-map .lot-10-button {
  top: 83.35%;
  left: 87.3%;
  width: 9.375%;
  height: 15.25%;
  -webkit-clip-path: url(#lot-10-shape);
  clip-path: url(#lot-10-shape);
}
.lots-map .lot-11-button {
  top: 83.55%;
  left: 77.7%;
  width: 10.2%;
  height: 15.15%;
  -webkit-clip-path: url(#lot-11-shape);
  clip-path: url(#lot-11-shape);
}
.lots-map .lot-12-button {
  top: 81.6%;
  left: 57.6%;
  width: 9.2%;
  height: 16.975%;
  -webkit-clip-path: url(#lot-12-shape);
  clip-path: url(#lot-12-shape);
}
.lots-map .lot-13-button {
  top: 81.5%;
  left: 49.9%;
  width: 7.9%;
  height: 17.05%;
  -webkit-clip-path: url(#lot-13-shape);
  clip-path: url(#lot-13-shape);
}
.lots-map .lot-14-button {
  top: 81.5%;
  left: 42.5%;
  width: 7.65%;
  height: 17.025%;
  -webkit-clip-path: url(#lot-14-shape);
  clip-path: url(#lot-14-shape);
}
.lots-map .lot-15-button {
  top: 81%;
  left: 33.5%;
  width: 9.15%;
  height: 17.5%;
  -webkit-clip-path: url(#lot-15-shape);
  clip-path: url(#lot-15-shape);
}
.lots-map .lot-16-button {
  top: 83.55%;
  left: 12%;
  width: 11%;
  height: 15.05%;
  -webkit-clip-path: url(#lot-16-shape);
  clip-path: url(#lot-16-shape);
}
.lots-map .lot-17-button {
  top: 82.6%;
  left: 3.6%;
  width: 11.3%;
  height: 16.05%;
  -webkit-clip-path: url(#lot-17-shape);
  clip-path: url(#lot-17-shape);
}
.lots-map .lot-18-button {
  top: 64.05%;
  left: 55.875%;
  width: 10.675%;
  height: 14%;
  -webkit-clip-path: url(#lot-18-shape);
  clip-path: url(#lot-18-shape);
}
.lots-map .lot-19-button {
  top: 63.7%;
  left: 45.6%;
  width: 11.125%;
  height: 14.35%;
  -webkit-clip-path: url(#lot-19-shape);
  clip-path: url(#lot-19-shape);
}
.lots-map .lot-20-button {
  top: 63.425%;
  left: 35.45%;
  width: 12.04%;
  height: 14.65%;
  -webkit-clip-path: url(#lot-20-shape);
  clip-path: url(#lot-20-shape);
}
.lots-map .lot-21-button {
  top: 74.85%;
  left: 5.05%;
  width: 19.35%;
  height: 9.6%;
  -webkit-clip-path: url(#lot-21-shape);
  clip-path: url(#lot-21-shape);
}
.lots-map .lot-22-button {
  top: 66.75%;
  left: 5.8%;
  width: 20%;
  height: 10.025%;
  -webkit-clip-path: url(#lot-22-shape);
  clip-path: url(#lot-22-shape);
}
.lots-map .lot-23-button {
  top: 59.2%;
  left: 7.2%;
  width: 19.9%;
  height: 9.825%;
  -webkit-clip-path: url(#lot-23-shape);
  clip-path: url(#lot-23-shape);
}
.lots-map .lot-24-button {
  top: 52.1%;
  left: 8.475%;
  width: 20%;
  height: 9.35%;
  -webkit-clip-path: url(#lot-24-shape);
  clip-path: url(#lot-24-shape);
}
.lots-map .lot-25-button {
  top: 44.55%;
  left: 9.7%;
  width: 20.15%;
  height: 9.5%;
  -webkit-clip-path: url(#lot-25-shape);
  clip-path: url(#lot-25-shape);
}
.lots-map .lot-26-button {
  top: 36.85%;
  left: 11%;
  width: 20.15%;
  height: 9.825%;
  -webkit-clip-path: url(#lot-26-shape);
  clip-path: url(#lot-26-shape);
}
.lots-map .lot-27-button {
  top: 29.25%;
  left: 12.375%;
  width: 20.15%;
  height: 9.9%;
  -webkit-clip-path: url(#lot-27-shape);
  clip-path: url(#lot-27-shape);
}
.lots-map .lot-28-button {
  top: 21.45%;
  left: 13.69%;
  width: 20.4%;
  height: 9.9%;
  -webkit-clip-path: url(#lot-28-shape);
  clip-path: url(#lot-28-shape);
}
.lots-map .lot-29-button {
  top: 12.5%;
  left: 14.975%;
  width: 23.5%;
  height: 11%;
  -webkit-clip-path: url(#lot-29-shape);
  clip-path: url(#lot-29-shape);
}
.lots-map .lot-29-button .number-label,
.lots-map .lot-29-button .sold-label {
  top: 55%;
  left: 45%;
}
.lots-map .lot-30-button {
  top: 2.4%;
  left: 16.45%;
  width: 28.85%;
  height: 15.25%;
  -webkit-clip-path: url(#lot-30-shape);
  clip-path: url(#lot-30-shape);
}
.lots-map .lot-31-button {
  top: 2.6%;
  left: 37.9%;
  width: 18.225%;
  height: 12.65%;
  -webkit-clip-path: url(#lot-31-shape);
  clip-path: url(#lot-31-shape);
}
.lots-map .lot-31-button .number-label,
.lots-map .lot-31-button .sold-label {
  left: 61%;
}
.lots-map .lot-10-button .sold-label,
.lots-map .lot-11-button .sold-label,
.lots-map .lot-12-button .sold-label,
.lots-map .lot-13-button .sold-label,
.lots-map .lot-14-button .sold-label,
.lots-map .lot-15-button .sold-label,
.lots-map .lot-16-button .sold-label,
.lots-map .lot-17-button .sold-label,
.lots-map .lot-18-button .sold-label,
.lots-map .lot-19-button .sold-label,
.lots-map .lot-20-button .sold-label {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
}
.lots-map .lot-21-button .sold-label,
.lots-map .lot-22-button .sold-label,
.lots-map .lot-23-button .sold-label,
.lots-map .lot-24-button .sold-label,
.lots-map .lot-25-button .sold-label,
.lots-map .lot-26-button .sold-label,
.lots-map .lot-27-button .sold-label,
.lots-map .lot-28-button .sold-label,
.lots-map .lot-29-button .sold-label {
  -webkit-transform: translate(-50%, -50%) rotate(7deg);
  transform: translate(-50%, -50%) rotate(7deg);
}
.lots-map .number-label,
.lots-map .sold-label {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 9px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lots-map .number-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background-color: white;
  border-radius: 50%;
}
.lots-map .sold-label {
  padding: 0.3em 1em;
  background-color: var(--gold-color);
  color: white;
  font-size: 12px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .lots-map .number-label {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  .lots-map .sold-label {
    font-size: 16px;
  }
}
.all-lots-map .base-layer {
  background-image: url("assets/images/map/base-layer-solid.svg");
}
.all-lots-map .lot-button:not(.is-sold) {
  -webkit-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
  cursor: pointer;
}
.all-lots-map .lot-button:not(.is-sold):hover {
  background-color: #263f2b;
}
.all-lots-map .lot-button.is-sold {
  background: repeating-linear-gradient(
      -45deg,
      var(--dark-green-color) 0px,
      var(--dark-green-color) 6px,
      transparent 6px,
      transparent 14px
    ),
    repeating-linear-gradient(
      45deg,
      var(--gold-color) 0px,
      var(--gold-color) 1.5px,
      transparent 1.5px,
      transparent 14px
    );
}
.highlighted-lots-map .base-layer {
  background-image: url("assets/images/map/base-layer.svg");
}
.highlighted-lots-map .lot-button.is-available {
  background-color: var(--dark-green-color);
}
.highlighted-lots-map .lot-button.is-sold {
  background: repeating-linear-gradient(
      -45deg,
      var(--light-blue-color) 0px,
      var(--light-blue-color) 6px,
      transparent 6px,
      transparent 14px
    ),
    repeating-linear-gradient(
      45deg,
      var(--gold-color) 0px,
      var(--gold-color) 1.5px,
      transparent 1.5px,
      transparent 14px
    );
}
.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-nav .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}
.footer-nav .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}
.footer-nav a {
  white-space: nowrap;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--light-brown-color);
}
.footer-nav a:hover {
  text-decoration: underline;
}
.pages-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  /* max-width: 680px; */
  gap: 20px;
  margin-bottom: 40px;
}
.pages-nav .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
  padding: 20px;
  width: 100%;
  max-width: 320px;
  aspect-ratio: 1;
  border: 2px solid;
  line-height: 1.3;
  text-transform: uppercase;
  text-decoration: none;
}
.pages-nav .link:hover {
  background-color: var(--gold-color);
  color: white;
}
.pages-nav .icon {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
}
@media screen and (min-width: 1024px) {
  .pages-nav {
    gap: 40px;
  }
  .pages-nav .link {
    gap: 32px;
    padding: 40px;
    font-size: 28px;
  }
}
.site-nav {
  position: sticky;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--dark-green-color);
  color: var(--light-brown-color);
}
.site-nav.is-open .nav-header .link-item,
.site-nav.is-open .nav-header .home-item {
  opacity: 0;
  pointer-events: none;
}
.site-nav.is-open .nav-body {
  display: block;
}
.site-nav .nav-header {
  position: relative;
  z-index: 3;
}
.site-nav .nav-header .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  width: 100%;
  height: 80px;
}
.site-nav .nav-header .link-item {
  display: none;
}
.site-nav .nav-header .home-link {
  display: block;
  padding: 0;
  width: 210px;
  height: 42px;
  background-color: var(--light-brown-color);
  -webkit-mask: url("assets/images/logos/barriefield-highlands-wordmark.svg")
    center center no-repeat;
  mask: url("assets/images/logos/barriefield-highlands-wordmark.svg") center
    center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.site-nav .nav-header a {
  padding: 1em 0;
  font-size: 1rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
}
.site-nav .nav-header a:hover {
  text-decoration: underline;
}
.site-nav .nav-body {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 100vh;
}
.site-nav .nav-body .nav-list {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  padding: 80px 22px 24px;
  width: 100%;
  max-width: 768px;
  height: 100vh;
  background-color: var(--dark-green-color);
  overflow-y: auto;
}
.site-nav .nav-body .nav-item {
  padding: 0.5em 0;
  max-width: 400px;
}
.site-nav .nav-body .nav-item.with-sub-nav > .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.66em;
}
.site-nav .nav-body .nav-item.with-sub-nav > .nav-link.is-open:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.site-nav .nav-body .nav-item.with-sub-nav > .nav-link.is-open + .sub-nav {
  display: block;
}
.site-nav .nav-body .nav-item.with-sub-nav > .nav-link:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: currentColor;
  -webkit-mask-image: url("assets/images/icons/chevron-down.svg");
  mask-image: url("assets/images/icons/chevron-down.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.site-nav .nav-body .nav-link {
  font-family: "Canela", serif;
  font-size: 30px;
  text-decoration: none;
}
.site-nav .nav-body .sub-nav {
  display: none;
  margin: 1em 0;
}
.site-nav .nav-body .sub-nav .nav-item.is-current a {
  font-weight: 800;
}
.site-nav .nav-body .sub-nav .nav-item.is-current a:before {
  content: "-";
  margin-right: 1em;
}
.site-nav .nav-body .sub-nav .nav-link {
  font-family: "Manrope", sans-serif;
  font-size: 24px;
}
.site-nav .nav-body .page-scrim {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: black;
  opacity: 0.73;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .site-nav .nav-header .nav-list {
    height: 110px;
  }
  .site-nav .nav-header .link-item,
  .site-nav .nav-header .menu-item {
    min-width: 164px;
  }
  .site-nav .nav-header .home-link {
    width: 279px;
    height: 55px;
  }
  .site-nav .nav-header .link-item {
    display: block;
  }
  .site-nav .nav-header .menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .site-nav .nav-body .nav-list {
    padding: 100px 120px;
  }
  .site-nav .nav-body .nav-item {
    padding: 0.25em 0;
  }
  .site-nav .nav-body .nav-link {
    font-size: 38px;
  }
}
.tabs-nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  background-color: var(--gold-color);
  border-radius: 2em;
  margin-bottom: 32px;
}
.tabs-nav .tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 0 2em;
  height: 44px;
  background-color: transparent;
  border: 0;
  border-radius: 2em;
  text-align: center;
  font-size: 1.125rem;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.tabs-nav .tab[aria-selected="true"] {
  background-color: var(--light-blue-color);
  color: black;
}
@media screen and (min-width: 1024px) {
  .tabs-nav .tab {
    min-width: 250px;
  }
}
.tile {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "tilearea";
  color: var(--light-brown-color);
}
.tile .copy-wrapper,
.tile .image-wrapper {
  grid-area: tilearea;
  position: relative;
}
.tile .copy-wrapper {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 40px;
}
.tile .copy-wrapper.align-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.tile .image {
  display: block;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 1 / 1) {
  .tile.size-fullscreen .image {
    height: calc(100vh - 80px);
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (min-width: 1024px) {
  .tile .copy-wrapper {
    padding: 90px;
  }
}
@media screen and (min-width: 1280px) and (min-aspect-ratio: 3 / 2) {
  .tile.size-fullscreen .image {
    height: calc(100vh - 110px);
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.copy-wrapper.align-center {
  text-align: center;
}
.copy-wrapper ul {
  list-style: disc;
}
.copy-wrapper ul:not(:last-child) {
  margin-bottom: 2rem;
}
.copy-wrapper li {
  margin-left: 1.5em;
}
.image-wrapper .image {
  width: 100%;
  max-width: none;
}
.layout-wrapper {
  margin: 0 auto;
  width: 100%;
  padding: 0 22px;
  max-width: 1200px;
}
@media screen and (min-width: 1440px) {
  .layout-wrapper {
    max-width: 1440px;
  }
}
.map-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}
.home-page .page-header .image {
  background-color: var(--dark-green-color);
}
.home-page .page-header h2:before {
  content: "";
  margin: 0 auto 0.25em;
  display: block;
  width: 125px;
  height: 143px;
  background-color: var(--light-brown-color);
  -webkit-mask: url("assets/images/logos/barriefield-highlands-symbol.svg")
    center center no-repeat;
  mask: url("assets/images/logos/barriefield-highlands-symbol.svg") center
    center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.home-page .page-header a {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
}
.home-page .page-header a:hover {
  text-decoration: underline;
}
.home-page #intro .copy-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.home-page #intro p {
  max-width: 680px;
  font-size: 22px;
  line-height: 1.3;
}
.home-page #details .layout-wrapper,
.home-page #locations .layout-wrapper,
.home-page #community .layout-wrapper,
.home-page #neighbourhood .layout-wrapper,
.home-page #site .layout-wrapper,
.home-page #history .layout-wrapper,
.home-page #cityflats .layout-wrapper {
  display: grid;
  gap: 40px;
}
.home-page #details .copy-wrapper p {
  font-family: "Libre Baskerville", serif;
}
.home-page #details h2:not(:last-child) {
  margin-bottom: 1em;
}
.home-page #details .links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
}
.home-page #details .details-list {
  margin: 2em 0;
}
.home-page #details .details-list .list-item {
  padding: 16px 0;
  border-bottom: 1px solid;
}
.home-page #details .details-list .list-item:first-child {
  border-top: 1px solid;
}
.home-page #details .details-list .term {
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.home-page #details .details-list .details {
  margin: 0;
  font-size: 16px;
}
.home-page #gallery {
  padding: 0;
}
.home-page #locations .layout-wrapper {
  gap: 40px;
}
.home-page #locations .copy-wrapper-A {
  justify-self: center;
  max-width: 1024px;
}
.home-page #locations .locations-list {
  list-style: none;
}
.home-page #locations .locations-list .list-item {
  padding: 1em 0;
  border-bottom: 1px solid;
}
.home-page #locations .locations-list .list-item:first-child {
  border-top: 1px solid;
}
.home-page #locations .locations-list p {
  font-family: "Libre Baskerville", serif;
}
.home-page #locations .locations-list .heading {
  margin-bottom: 0;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.home-page #features .section-header,
.home-page #history .section-header {
  text-align: center;
}
.home-page #features .section-header p,
.home-page #history .section-header p {
  margin: 0 auto;
  font-size: 22px;
}
.home-page #features .layout-wrapper {
  display: grid;
  gap: 40px;
}
.home-page #features .section-header p {
  max-width: 680px;
}
.home-page #features .copy-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2em;
}
.home-page #features .copy-wrapper ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.home-page #features .copy-wrapper ul li:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  top: 5px;
  display: block;
  width: 48px;
  height: 48px;
  background-color: var(--light-brown-color);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.home-page #features .copy-wrapper ul li.with-clock-icon:before {
  -webkit-mask-image: url("assets/images/icons/clock.svg");
  mask-image: url("assets/images/icons/clock.svg");
}
.home-page #features .copy-wrapper ul li.with-coffee-icon:before {
  -webkit-mask-image: url("assets/images/icons/coffee.svg");
  mask-image: url("assets/images/icons/coffee.svg");
}
.home-page #features .copy-wrapper ul li.with-tree-icon:before {
  -webkit-mask-image: url("assets/images/icons/tree.svg");
  mask-image: url("assets/images/icons/tree.svg");
}
.home-page #features .copy-wrapper ul li.with-handshake-icon:before {
  -webkit-mask-image: url("assets/images/icons/handshake.svg");
  mask-image: url("assets/images/icons/handshake.svg");
}
.home-page #features .copy-wrapper ul li.with-car-icon:before {
  -webkit-mask-image: url("assets/images/icons/car.svg");
  mask-image: url("assets/images/icons/car.svg");
}
.home-page #features .copy-wrapper ul li.with-house-icon:before {
  -webkit-mask-image: url("assets/images/icons/house.svg");
  mask-image: url("assets/images/icons/house.svg");
}
.home-page #features .copy-wrapper ul li.with-plant-icon:before {
  -webkit-mask-image: url("assets/images/icons/plant.svg");
  mask-image: url("assets/images/icons/plant.svg");
}
.home-page #image {
  padding: 0;
}
.home-page #history .section-header p {
  max-width: 960px;
}
.home-page #cityflats .cityflats-logo {
  margin-bottom: 0;
  width: 250px;
  height: 60px;
  background-color: var(--dark-green-color);
  -webkit-mask: url("assets/images/logos/cityflats-wordmark.svg") center center
    no-repeat;
  mask: url("assets/images/logos/cityflats-wordmark.svg") center center
    no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  text-indent: -999em;
}
.home-page #cityflats .copy-wrapper-A .button {
  display: none;
}
.home-page #cityflats .heading {
  font-size: 24px;
}
.home-page #cityflats .heading:not(:last-child) {
  margin-bottom: 1em;
}
.home-page #register .copy-wrapper {
  max-width: 800px;
}
.home-page #register h2 {
  margin-bottom: 1em;
}
.home-page #register .disclaimer-content-wrapper p {
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .home-page .page-header h2:before {
    width: 166px;
    height: 190px;
  }
  .home-page .page-header a {
    bottom: 80px;
  }
  .home-page #intro h2 {
    margin-bottom: 0;
  }
  .home-page #intro p {
    font-size: 30px;
  }
  .home-page #details .layout-wrapper {
    grid-template-columns: 40% 50%;
    gap: 10%;
  }
  .home-page #details .details-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .home-page #details .details-list .term {
    margin-bottom: 0;
    padding-left: 2em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 35%;
  }
  .home-page #details .details-list .details {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 1em;
    width: 65%;
    font-size: 22px;
  }
  .home-page #locations .layout-wrapper {
    gap: 140px;
  }
  .home-page #locations .copy-wrapper:first-child {
    text-align: center;
  }
  .home-page #locations h2:not(:last-child) {
    margin-bottom: 1em;
  }
  .home-page #locations .locations-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 10%;
  }
  .home-page #locations .locations-list .list-item {
    padding: 2em 0;
  }
  .home-page #locations .locations-list .list-item:nth-child(2) {
    border-top: 1px solid;
  }
  .home-page #community .layout-wrapper,
  .home-page #neighbourhood .layout-wrapper,
  .home-page #features .layout-wrapper,
  .home-page #site .layout-wrapper,
  .home-page #history .layout-wrapper,
  .home-page #cityflats .layout-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .home-page #features .section-header,
  .home-page #history .section-header {
    grid-column: span 2;
  }
  .home-page #features .section-header p,
  .home-page #history .section-header p {
    font-size: 30px;
  }
  .home-page #features h2:not(:last-child),
  .home-page #history h2:not(:last-child) {
    margin-bottom: 0.25em;
  }
  .home-page #cityflats .copy-wrapper-A .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .home-page #cityflats .cityflats-logo {
    margin-bottom: 64px;
    width: 389px;
    height: 92px;
  }
  .home-page #cityflats .copy-wrapper-B .button {
    display: none;
  }
  .home-page #cityflats .heading {
    font-size: 27px;
  }
  .home-page #register .wpforms-field-container {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10%;
    -moz-column-gap: 10%;
    column-gap: 10%;
  }
  .home-page #register .disclaimer-content-wrapper {
    max-width: 640px;
  }
}
.homes-for-sale-page .page-header .tile {
  color: white;
}
.homes-for-sale-page #intro {
  text-align: center;
}
.homes-for-sale-page #intro .layout-wrapper {
  max-width: 1280px;
}
.homes-for-sale-page #homes {
  padding-top: 0;
  text-align: center;
}
.homes-for-sale-page #homes .layout-wrapper {
  max-width: 1680px;
}
.homes-for-sale-page #homes h2:not(:last-child) {
  margin-bottom: 1em;
}
.lots-for-sale-page .font-serif {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid;
  font-family: "Canela", serif;
  line-height: 1.3;
  font-size: 24px;
}
.lots-for-sale-page .font-serif p {
  font-size: inherit;
}
.lots-for-sale-page #map .layout-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .lots-for-sale-page #map .layout-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 80px;
    max-width: 1680px;
  }
  .lots-for-sale-page #map .copy-wrapper-A p {
    font-size: 18px;
  }
  .lots-for-sale-page #map .map-wrapper {
    grid-column: span 2;
  }
  .lots-for-sale-page #inclusions .layout-wrapper {
    max-width: 1680px;
  }
}
.page ul {
  margin-left: 0.5em;
  list-style-type: disc;
}
.page ul:not(:last-child) {
  margin-bottom: 2em;
}
.page ul li {
  padding-left: 0.5em;
}
.page ul li:not(:last-child) {
  margin-bottom: 4px;
}
.page-section {
  padding: 40px 0;
  background-color: var(--light-blue-color);
}
.page-section.theme-green {
  background-color: var(--dark-green-color);
  color: var(--light-brown-color);
}
.page-section.theme-gold {
  background-color: var(--gold-color);
  color: var(--light-brown-color);
}
.page-section.theme-gold .icon-link.with-download-icon:before {
  background-color: var(--light-brown-color);
}
@media screen and (min-width: 1024px) {
  .page-section {
    padding: 140px 0;
  }
  .page-section.padding-M {
    padding: 80px 0;
  }
}
.contact-section .layout-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}
.contact-section .copy-wrapper {
  max-width: 800px;
}
.contact-section b {
  line-height: 1.3;
}
.contact-section .disclaimer-content-wrapper p {
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .contact-section .layout-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 70px 120px;
  }
  .contact-section .copy-wrapper-A {
    grid-column: span 2;
  }
  .contact-section p {
    font-size: 30px;
  }
}
.home-description-section .layout-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  max-width: 1680px;
}
@media screen and (min-width: 1024px) {
  .home-description-section .layout-wrapper {
    display: grid;
    grid-template-columns: 40% 55%;
    gap: 5%;
    padding-right: 0;
  }
  .home-description-section .copy-wrapper .h3:not(:last-child) {
    margin-bottom: 1em;
  }
  .home-description-section .copy-wrapper p:not([class]) {
    font-size: 18px;
  }
}
.home-features-section .floorplans-tab-panel .layout-wrapper,
.home-features-section .specifications-tab-panel .layout-wrapper {
  padding: 0;
  max-width: none;
}
.home-features-section .floorplans-tab-panel .layout-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.home-features-section .carousel-wrapper {
  position: relative;
  width: 100%;
}
.home-features-section .carousel-wrapper .image {
  display: block;
}
.home-features-section .carousel-wrapper .image.is-flipped {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.home-features-section .carousel-actions {
  position: absolute;
  z-index: 1;
  bottom: 1rem;
  right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.home-features-section .carousel-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 0;
  width: 48px;
  background-color: transparent;
  border: 0;
  text-align: center;
  font-size: 12px;
  font-family: "Manrope", sans-serif;
  line-height: 1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  cursor: pointer;
}
.home-features-section .carousel-button.is-active {
  opacity: 0.35;
  cursor: default;
}
.home-features-section .carousel-button .icon {
  width: 32px;
  height: 32px;
  color: var(--dark-green-color);
}
.home-features-section .features-list {
  list-style: none;
  color: var(--light-blue-color);
}
.home-features-section .features-list:not(:last-child) {
  margin-bottom: 64px;
}
.home-features-section .features-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-left: 0;
  padding: 10px 16px;
  border-bottom: 1px solid;
  font-family: "Libre Baskerville", serif;
  font-size: 1rem;
  line-height: 1.3;
}
.home-features-section .features-list .list-item:first-child {
  border-top: 1px solid;
}
.home-features-section .features-list .list-item .icon {
  width: 40px;
  height: 40px;
}
.home-features-section .specifications-tab-panel .layout-wrapper {
  padding: 24px;
  background-color: var(--light-blue-color);
  color: var(--dark-green-color);
}
.home-features-section .specifications-tab-panel h3 {
  text-transform: uppercase;
}
.home-features-section .specifications-tab-panel p,
.home-features-section .specifications-tab-panel li {
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  .home-features-section .floorplans-tab-panel .heading:not(:last-child) {
    margin-bottom: 64px;
  }
  .home-features-section .floorplans-tab-panel .layout-wrapper {
    display: grid;
    grid-template-columns: 55% 40%;
    gap: 5%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .home-features-section .carousel-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .home-features-section .carousel-button .icon {
    width: 44px;
    height: 44px;
  }
  .home-features-section .features-list:not(:last-child) {
    margin-bottom: 64px;
  }
  .home-features-section .specifications-tab-panel .layout-wrapper {
    padding: 80px 140px;
  }
  .home-features-section .specifications-tab-panel .copy-wrapper {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    column-gap: 90px;
  }
  .home-features-section .specifications-tab-panel .copy-wrapper h3 {
    -webkit-column-break-after: avoid;
    -moz-column-break-after: avoid;
    break-after: avoid;
  }
  .home-features-section .specifications-tab-panel .copy-wrapper ul {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}
.interactive-map-section .layout-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  max-width: 1680px;
}
@media screen and (min-width: 1680px) {
  .interactive-map-section .layout-wrapper {
    position: relative;
  }
  .interactive-map-section .lot-premiums-button {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
html {
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}
@media screen and (min-width: 1024px) {
  html {
    scroll-padding-top: 110px;
  }
}
body {
  margin: 0;
}
main {
  min-height: 100vh;
}