@charset "UTF-8";
/* onewallst.com, winter 2020
-------------------------------------------------- */
/* Imports
-------------------------------------------------- */
/* Reset
 * from Kirby @ https://github.com/getkirby/starterkit/blob/master/assets/css/main.css
-------------------------------------------------- */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

* {
  outline: none;
}

a, a:focus {
  text-decoration: none;
  color: inherit;
}

a {
  outline: none;
}

a[href^=tel] {
  border: none;
}

img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

li {
  list-style-type: none;
}

input {
  border-radius: 0;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe-wrapper iframe {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
html {
  font-size: 10px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button {
  border-radius: 0;
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.glide * {
  box-sizing: inherit;
}

.glide__track {
  overflow: hidden;
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

.glide__slides--dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.glide--rtl {
  direction: rtl;
}

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1;
}

.glide__arrow:focus {
  outline: none;
}

.glide__arrow:hover {
  border-color: white;
}

.glide__arrow--left {
  left: 2em;
}

.glide__arrow--right {
  right: 2em;
}

.glide__arrow--disabled {
  opacity: 0.33;
}

.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}

.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}

.glide__bullet:focus {
  outline: none;
}

.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}

.glide__bullet--active {
  background-color: white;
}

.glide--swipeable {
  cursor: grab;
  cursor: -webkit-grab;
}

.glide--dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

/*


  __|              |
 |     _ \   __ \   __|   __|
 __|  (   |  |   |  |   \__ \
_|   \___/  _|  _| \__| ____/


*/
/*
    Dimensions for easier responsive styling
*/
/* Gutters
-------------------------------------------------- */
/* Sizes
-------------------------------------------------- */
/* Margins
-------------------------------------------------- */
/* Breakpoints
* mainly from http://callmenick.com/post/maintainable-responsive-web-design-with-sass
* usage:
    @include break(0, sm) { // break
    @include break(sm) { // use this for min width declarations
    @include break(sm, lg) { // use this for min and max-width declarations
-------------------------------------------------- */
/*


      ___|         |
     |       _ \   |   _ \    __|  __|
     |      (   |  |  (   |  |   \__ \
    \____| \___/  _| \___/  _|   ____/



*/
/* Grays
-------------------------------------------------- */
/* Colors
-------------------------------------------------- */
/* General
-------------------------------------------------- */
/* Color Application
-------------------------------------------------- */
/* Flex
-------------------------------------------------- */
/* Fonts
* underlying structure from https://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/
-------------------------------------------------- */
/* Nav
-------------------------------------------------- */
.nav-items, .announcement-button {
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 5.7971014493vw;
}
@media screen and (min-width: 48em) {
  .nav-items, .announcement-button {
    font-size: 1.2445095168vw;
  }
}
@media screen and (min-width: 85.375em) {
  .nav-items, .announcement-button {
    font-size: 17px;
  }
}
@media screen and (min-width: 105.75em) {
  .nav-items, .announcement-button {
    font-size: 17px;
  }
}
@media screen and (min-width: aspect) {
  .nav-items, .announcement-button {
    font-size: 2.125vh;
  }
}

/* Sans
-------------------------------------------------- */
.floorplan-specs, .floorplan-title {
  font-family: sofia-pro, sans-serif;
  font-size: 5.7971014493vw;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  .floorplan-specs, .floorplan-title {
    font-size: 2.2693997072vw;
  }
}
@media screen and (min-width: 85.375em) {
  .floorplan-specs, .floorplan-title {
    font-size: 31px;
  }
}
@media screen and (min-width: 105.75em) {
  .floorplan-specs, .floorplan-title {
    font-size: 31px;
  }
}
@media screen and (min-width: aspect) {
  .floorplan-specs, .floorplan-title {
    font-size: 3.875vh;
  }
}

.floorplan-button,
.form-submit {
  font-family: sofia-pro, sans-serif;
  font-size: 4.8309178744vw;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  .floorplan-button,
.form-submit {
    font-size: 1.6105417277vw;
  }
}
@media screen and (min-width: 85.375em) {
  .floorplan-button,
.form-submit {
    font-size: 22px;
  }
}
@media screen and (min-width: 105.75em) {
  .floorplan-button,
.form-submit {
    font-size: 22px;
  }
}
@media screen and (min-width: aspect) {
  .floorplan-button,
.form-submit {
    font-size: 2.75vh;
  }
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  font-family: sofia-pro, sans-serif;
  font-size: 4.8309178744vw;
  line-height: 127.2727272727%;
}

.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
  font-family: sofia-pro, sans-serif;
  font-size: 4.8309178744vw;
  line-height: 127.2727272727%;
}

.form-input::placeholder,
.form-textarea::placeholder, .form-input,
.form-textarea, .contact-data, .contact-subtitle, .floorplan-text, .feature, .amenities-list-wrapper {
  font-family: sofia-pro, sans-serif;
  font-size: 4.8309178744vw;
  line-height: 127.2727272727%;
}
@media screen and (min-width: 48em) {
  .form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
    font-size: 1.6105417277vw;
  }
  .form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
    font-size: 1.6105417277vw;
  }
  .form-input::placeholder,
.form-textarea::placeholder, .form-input,
.form-textarea, .contact-data, .contact-subtitle, .floorplan-text, .feature, .amenities-list-wrapper {
    font-size: 1.6105417277vw;
  }
}
@media screen and (min-width: 85.375em) {
  .form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
    font-size: 22px;
  }
  .form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
    font-size: 22px;
  }
  .form-input::placeholder,
.form-textarea::placeholder, .form-input,
.form-textarea, .contact-data, .contact-subtitle, .floorplan-text, .feature, .amenities-list-wrapper {
    font-size: 22px;
  }
}
@media screen and (min-width: 105.75em) {
  .form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
    font-size: 22px;
  }
  .form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
    font-size: 22px;
  }
  .form-input::placeholder,
.form-textarea::placeholder, .form-input,
.form-textarea, .contact-data, .contact-subtitle, .floorplan-text, .feature, .amenities-list-wrapper {
    font-size: 22px;
  }
}
@media screen and (min-width: aspect) {
  .form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
    font-size: 2.75vh;
  }
  .form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
    font-size: 2.75vh;
  }
  .form-input::placeholder,
.form-textarea::placeholder, .form-input,
.form-textarea, .contact-data, .contact-subtitle, .floorplan-text, .feature, .amenities-list-wrapper {
    font-size: 2.75vh;
  }
}

.instagram-photo-description, .infobox-title, .neighborhood-label {
  font-family: sofia-pro, sans-serif;
  font-size: 4.1062801932vw;
  line-height: 115.7894736842%;
}
@media screen and (min-width: 48em) {
  .instagram-photo-description, .infobox-title, .neighborhood-label {
    font-size: 1.3909224012vw;
  }
}
@media screen and (min-width: 85.375em) {
  .instagram-photo-description, .infobox-title, .neighborhood-label {
    font-size: 19px;
  }
}
@media screen and (min-width: 105.75em) {
  .instagram-photo-description, .infobox-title, .neighborhood-label {
    font-size: 19px;
  }
}
@media screen and (min-width: aspect) {
  .instagram-photo-description, .infobox-title, .neighborhood-label {
    font-size: 2.75vh;
  }
}

.footer-credits, .indicates-required, .alert, .infobox-directions-link, .neighborhood-picture-wrapper figcaption {
  font-family: sofia-pro, sans-serif;
  font-size: 3.3816425121vw;
  line-height: 171.4285714286%;
}
@media screen and (min-width: 48em) {
  .footer-credits, .indicates-required, .alert, .infobox-directions-link, .neighborhood-picture-wrapper figcaption {
    font-size: 1.0248901903vw;
  }
}
@media screen and (min-width: 85.375em) {
  .footer-credits, .indicates-required, .alert, .infobox-directions-link, .neighborhood-picture-wrapper figcaption {
    font-size: 14px;
  }
}
@media screen and (min-width: 105.75em) {
  .footer-credits, .indicates-required, .alert, .infobox-directions-link, .neighborhood-picture-wrapper figcaption {
    font-size: 14px;
  }
}
@media screen and (min-width: aspect) {
  .footer-credits, .indicates-required, .alert, .infobox-directions-link, .neighborhood-picture-wrapper figcaption {
    font-size: 1.75vh;
  }
}

/* Slab
-------------------------------------------------- */
.section-headline {
  font-family: grold, sans-serif;
  font-size: 14.4927536232vw;
}
@media screen and (min-width: 48em) {
  .section-headline {
    font-size: 7.1742313324vw;
  }
}
@media screen and (min-width: 85.375em) {
  .section-headline {
    font-size: 98px;
  }
}
@media screen and (min-width: 105.75em) {
  .section-headline {
    font-size: 98px;
  }
}
@media screen and (min-width: aspect) {
  .section-headline {
    font-size: 12.25vh;
  }
}

/* Serif
-------------------------------------------------- */
.instagram-subtitle, .intro-text {
  font-family: "Lora", Georgia, Cambria, Times, "Times New Roman", serif;
  font-size: 5.7971014493vw;
  line-height: 142.1052631579%;
}
@media screen and (min-width: 48em) {
  .instagram-subtitle, .intro-text {
    font-size: 2.8550512445vw;
  }
}
@media screen and (min-width: 85.375em) {
  .instagram-subtitle, .intro-text {
    font-size: 39px;
  }
}
@media screen and (min-width: 105.75em) {
  .instagram-subtitle, .intro-text {
    font-size: 39px;
  }
}
@media screen and (min-width: aspect) {
  .instagram-subtitle, .intro-text {
    font-size: 4.875vh;
  }
}

.footer-info, .contact-form-message, .contact-right, .contact-left,
.contact-text-wrapper, .announcement-bar {
  font-family: "Lora", Georgia, Cambria, Times, "Times New Roman", serif;
  font-size: 4.8309178744vw;
  line-height: 142.1052631579%;
}
@media screen and (min-width: 48em) {
  .footer-info, .contact-form-message, .contact-right, .contact-left,
.contact-text-wrapper, .announcement-bar {
    font-size: 1.6837481698vw;
  }
}
@media screen and (min-width: 85.375em) {
  .footer-info, .contact-form-message, .contact-right, .contact-left,
.contact-text-wrapper, .announcement-bar {
    font-size: 23px;
  }
}
@media screen and (min-width: 105.75em) {
  .footer-info, .contact-form-message, .contact-right, .contact-left,
.contact-text-wrapper, .announcement-bar {
    font-size: 23px;
  }
}
@media screen and (min-width: aspect) {
  .footer-info, .contact-form-message, .contact-right, .contact-left,
.contact-text-wrapper, .announcement-bar {
    font-size: 3vh;
  }
}

/*
* CSS for printing
* from https://getflywheel.com/layout/how-to-style-your-website-for-print-with-css/
*/
/* Print
-------------------------------------------------- */
.print-only-wordmark {
  display: none !important;
}

@media print {
  html html, html body, body html, body body {
    height: 99%;
  }

  body {
    color: #000;
    background: #fff;
    font-family: Georgia, Cambria, Times, "Times New Roman", serif;
    font-size: 10px !important;
  }

  header,
aside,
footer {
    display: none;
    height: 0;
  }

  article a[href^=http]:after {
    content: " <" attr(href) "> ";
  }

  ol,
ul {
    page-break-inside: avoid;
  }

  h1,
h2,
h3,
h4,
h5,
h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  img {
    page-break-inside: avoid;
    page-break-after: avoid;
    max-width: 100% !important;
  }

  blockquote,
table,
pre {
    page-break-inside: avoid;
  }

  ul,
ol,
dl {
    page-break-before: avoid;
  }

  body,
article {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  section.project-banner-section {
    padding-top: 0;
    height: initial !important;
  }

  .project-banner-title {
    position: static !important;
    color: black !important;
    font-size: 60px !important;
  }

  .print-only-wordmark {
    display: block !important;
  }

  .video {
    display: none;
  }

  .related-projects-list {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .related-project {
    display: inline-block;
  }

  .hero-text {
    font-size: 50px;
  }

  .textFitted, .hero-author {
    padding-left: 10px !important;
  }

  div.project-sidebar, div.project-sidebar-related-projects, div.project-sidebar-footnotes, #project-sidebar {
    page-break-inside: avoid !important;
  }

  #project-sidebar {
    max-height: 100%;
  }

  h2.related-projects-title {
    margin-bottom: 20px;
    page-break-after: avoid;
  }

  h2.footnotes-title {
    page-break-after: avoid !important;
  }

  ol.footnotes-list, ul.related-projects-list {
    page-break-inside: avoid !important;
    page-break-before: avoid !important;
  }

  .project, .project.is-hidden {
    display: block !important;
  }

  #view-all-projects-button {
    display: none;
  }

  .hero-nha-logo {
    width: 250px;
  }

  figure.size-project {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  section.project-content {
    max-height: 100%;
  }

  section#projects-section {
    page-break-inside: avoid;
    height: 0 !important;
    display: none;
  }
}
@page {
  margin: 2cm;
}
/* Mixins
-------------------------------------------------- */
/* smaller, better bullets
-------------------------------------------------*/
/* button
-------------------------------------------------*/
/* red border
-------------------------------------------------*/
.vertically-align-grandparent {
  display: table;
  width: 100%;
  height: 100%;
}

.vertically-align-uncle {
  display: table-row;
}

.vertically-align-parent {
  position: relative;
  transform-style: preserve-3d;
  display: table-cell;
  width: 100%;
  height: 100%;
}

.vertically-align {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Horizontal Align
 -------------------------------------------------- */
/* Clear left for correct alignment of cards in rows
-------------------------------------------------- */
/* SVG as background image
  * from https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
-------------------------------------------------- */
/* allow break emails, from https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
-------------------------------------------------- */
/*
* Font Awesome by Dave Gandy - http://fontawesome.io
* Entypo pictograms by Daniel Bruce — www.entypo.com
*/
/* Icons
-------------------------------------------------- */
svg {
  pointer-events: none;
}

a svg {
  pointer-events: auto;
}

[class^=svg-]:before, [class*=" svg-"]:before {
  vertical-align: middle;
}

/* Fontastic
-------------------------------------------------- */
/* Links
-------------------------------------------------- */
a:hover {
  color: #607C88;
}

a.icon {
  font-weight: 600;
  position: relative;
}
a.icon:hover {
  color: #607C88;
}
a.icon:hover:after {
  color: #607C88;
  content: url(/assets/svg/icons/right-arrow-hover.svg);
}
a.icon:after {
  content: " ➮";
  content: url(/assets/svg/icons/right-arrow-yellow.svg);
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  top: 2px;
  margin-left: 5px;
  color: hsl(0deg, 0%, 88%);
}

.anchor-link {
  display: block;
  position: absolute;
  top: 0;
  visibility: hidden;
  top: -15vw;
}
@media (min-width: 48em) {
  .anchor-link {
    top: 0;
  }
}
@media (min-width: 85.375em) {
  .anchor-link {
    top: -2rem;
  }
}

.first-anchor-link {
  top: -20rem;
}

@media (min-width: 48em) {
  a.high, .high {
    transition: background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1);
    cursor: pointer;
  }
  a.high:hover .light .er, .high:hover .light .er {
    position: relative;
  }
}

/* Accessibility, from https://accessibility.oit.ncsu.edu/it-accessibility-at-nc-state/developers/accessibility-handbook/mouse-and-keyboard-events/skip-to-main-content/
--------------------------

/* SVG
 * this allows css to override presentation attributes in svg while <use> as symbol
 * from https://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/
-------------------------------------------------*/
svg:not(#header-logo-mark):not(#header-logo-text):not(#footer-logo):not(#page-title):not(.launch-icon) path {
  fill: inherit;
}

/*
-------------------------------------------------*/
.project-article figure, .project-article .video, .project-article .audio-wrapper {
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .project-article figure, .project-article .video, .project-article .audio-wrapper {
    margin-bottom: 3.0769230769rem;
  }
}
@media (min-width: 105.75em) {
  .project-article figure, .project-article .video, .project-article .audio-wrapper {
    margin-bottom: 4rem;
  }
}
.project-article .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.project-article .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.project-article .audio-wrapper {
  margin-top: 1rem;
}
@media (min-width: 48em) {
  .project-article .audio-wrapper {
    margin-top: 1.5384615385rem;
  }
}
@media (min-width: 105.75em) {
  .project-article .audio-wrapper {
    margin-top: 2rem;
  }
}
.project-article .audio-title {
  background-color: black;
  display: inline-block;
  color: white;
  padding: 0.5rem 1rem;
}
.project-article .audio {
  width: 100%;
}
.project-article .audio a {
  border: none;
}

/* Buttons
-------------------------------------------------*/
.button {
  cursor: pointer;
  text-align: center;
  padding: 2rem 3rem;
  display: inline-block;
  color: hsl(0deg, 0%, 20%);
  line-height: 1.2;
  margin-top: 1rem;
  border: 4px solid hsl(0deg, 0%, 50%);
}
@media (min-width: 48em) {
  .button {
    margin-top: 1.5384615385rem;
  }
}
@media (min-width: 105.75em) {
  .button {
    margin-top: 2rem;
  }
}
.button:hover {
  color: white;
  background-color: hsl(0deg, 0%, 50%);
}
div[class$=-button-wrapper] a {
  box-shadow: none;
}

/* Kirby Uniform 
* https://github.com/mzur/kirby-uniform
-------------------------------------------------- */
.uniform-errors {
  background-color: red;
  color: white;
  padding: 5.8823529412%;
}

.uniform__potty {
  position: absolute;
  left: -9999px;
}

/* Utilities
-------------------------------------------------- */
/* The Clearfix™: A classic …, from Kirby */
.cf::after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.vertically-center-children {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* General
-------------------------------------------------- */
body {
  background-color: #E8EAE7;
}

section {
  position: relative;
  padding: 9.7222222222% 2.7777777778%;
}
@media (min-width: 48em) {
  section {
    padding: 7.3206442167% 7.3206442167%;
  }
}

.section-headline {
  text-transform: uppercase;
  color: white;
  text-align: center;
  line-height: 1;
}
.section-headline .one {
  display: inline-block;
}
.section-headline .one:after {
  content: "";
  background: white;
  float: left;
  position: relative;
  width: 100%;
  border-radius: 3px;
  width: 95%;
  height: 1.3vw;
  top: -1.5vw;
  left: 0.8vw;
}
@media (min-width: 48em) {
  .section-headline .one:after {
    width: 95%;
    height: 0.8vw;
    top: -0.7vw;
    left: 0.5vw;
  }
}
@media (min-width: 85.375em) {
  .section-headline .one:after {
    width: 95%;
    height: 11px;
    top: -14px;
    left: 6px;
  }
}

@media (min-width: 48em) {
  .inner-section,
nav {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 4.831625183%;
  }
}

/* Announcement Bar
-------------------------------------------------- */
body.has-announcement .announcement-bar {
  display: block;
}
body.has-announcement main {
  position: relative;
}

.announcement-bar {
  display: none;
  background-color: #CA9600;
  pointer-events: auto;
  color: white;
}
.announcement-bar .announcement-inner {
  display: flex;
  align-items: top;
  align-items: center;
  align-items: flex-start;
}
@media (min-width: 48em) {
  .announcement-bar .announcement-inner {
    padding: 0.7289879931% 2.9159519726%;
  }
}
@media (min-width: 48em) {
  .announcement-bar {
    text-align: center;
    padding-left: 4rem;
    padding-left: 0;
  }
}
.announcement-bar.is-visible ~ .nav-wrapper {
  top: 62px;
}
@media (min-width: 48em) {
  .announcement-bar.is-visible ~ .nav-wrapper {
    top: 38px;
  }
}
@media (min-width: 105.75em) {
  .announcement-bar.is-visible ~ .nav-wrapper {
    top: 48px;
  }
}
.announcement-bar a,
.announcement-bar a:hover {
  box-shadow: none;
}
.announcement-bar .close-announcement {
  display: block;
}

.announcement-message {
  flex-grow: 1;
}
@media (max-width: 47.9em) {
  .announcement-message {
    padding: 0.8rem 0 0.8rem 2.9411764706%;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .announcement-message {
    padding: 0.8rem 0 0.8rem 1.4579759863%;
  }
}
.announcement-message a {
  box-shadow: inset 0 -1px 0 white;
}
.announcement-message a:hover {
  color: white;
  box-shadow: inset 0 -1px 0 black;
}
.announcement-message:hover button {
  color: #607C88;
  border-color: #607C88;
}

.announcement-button {
  border: 1px solid white;
  color: white;
  background-color: transparent;
  padding: 0.2rem 1rem;
  text-transform: uppercase;
  margin-left: 1rem;
  cursor: pointer;
}

.close-announcement {
  float: right;
  color: white;
  cursor: pointer;
  padding: 11.7647058824%;
  padding: 0.8rem 0.8rem;
  font-size: 4.8309178744vw;
}
@media screen and (min-width: 48em) {
  .close-announcement {
    font-size: 1.6837481698vw;
  }
}
@media screen and (min-width: 85.375em) {
  .close-announcement {
    font-size: 23px;
  }
}
@media screen and (min-width: 105.75em) {
  .close-announcement {
    font-size: 23px;
  }
}
@media screen and (min-width: aspect) {
  .close-announcement {
    font-size: 3vh;
  }
}
@media (min-width: 48em) {
  .close-announcement {
    padding: 0.4rem;
  }
}
@media (min-width: 85.375em) {
  .close-announcement {
    padding: 0.4rem;
  }
}
.close-announcement:hover svg {
  fill: black;
}
.close-announcement svg {
  fill: white;
}

/* Header
-------------------------------------------------- */
header {
  background-color: #607C88;
  color: #9DAEB4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}
@media (min-width: 85.375em) {
  header {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  }
}
.show-header header {
  opacity: 1;
  pointer-events: unset;
}

.nav-items {
  display: none;
  letter-spacing: 0.05em;
  width: 100%;
  padding: 0 2.9411764706%;
}
@media (max-width: 47.9em) {
  .show-nav .nav-items {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .show-nav .nav-items {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 48em) {
  .nav-items {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.2445095168% 0;
  }
}

@media (max-width: 47.9em) {
  .nav-item {
    margin-top: 2.9411764706%;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .nav-item {
    margin-top: 1.4579759863%;
  }
}
.nav-item.active a {
  color: white;
}

.nav-logo-item {
  display: none;
  color: white;
}
@media (min-width: 48em) {
  .nav-logo-item {
    display: flex;
  }
}

.nav-applicant-link {
  order: 1;
}
@media (min-width: 48em) {
  .nav-applicant-link {
    order: -1;
  }
}

.nav-resident-link {
  order: 2;
}

@media (min-width: 48em) {
  .nav-link {
    display: flex;
  }
}
.nav-link:hover {
  color: white;
}

.logo-nav-link {
  cursor: pointer;
}

.nav-admin-item {
  color: #9A004F;
}
@media (min-width: 48em) {
  .nav-admin-item {
    display: block;
    cursor: pointer;
    background-color: #D2D3CC;
    border-radius: 5%;
    color: #607C88;
    padding: 0.3644939966% 0.7289879931%;
  }
  .nav-admin-item:hover {
    color: #607C88;
    background-color: white;
  }
}

.mobile-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  padding: 2.9411764706% 2.9411764706% 2.9411764706%;
}
@media (min-width: 48em) {
  .mobile-header-top {
    display: none;
  }
}

.mobile-nav-icons {
  cursor: pointer;
  padding: 1vw;
  position: relative;
  top: -0.3vw;
}
.mobile-nav-icons svg {
  fill: white;
}

.hamburger-icon,
.close-icon {
  display: block;
  width: 5vw;
  height: 5vw;
}
@media (min-width: 48em) {
  .hamburger-icon,
.close-icon {
    width: 1.8vw;
    height: 1.8vw;
  }
}
@media (min-width: 85.375em) {
  .hamburger-icon,
.close-icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.show-nav .hamburger-icon {
  display: none;
}

.mobile-close-icon {
  display: none;
}
.show-nav .mobile-close-icon {
  display: block;
}

.logo-nav-icon {
  fill: white;
  width: 50vw;
  height: 6vw;
}
@media (min-width: 48em) {
  .logo-nav-icon {
    width: 17vw;
    height: 2vw;
  }
}
@media (min-width: 85.375em) {
  .logo-nav-icon {
    width: 250px;
    height: 33px;
  }
}

/* Topper
-------------------------------------------------- */
.topper-section {
  padding: 0;
  position: relative;
  background-color: #454848;
}
.topper-section .inner-section {
  background-image: none;
  max-width: 1366px;
}
@media (max-width: 47.9em) {
  .topper-section .inner-section {
    padding: 0;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .topper-section .inner-section {
    padding: 0;
  }
}

.slideshow-wrapper {
  position: relative;
}

.desktop-topper-glide {
  display: none;
}
@media (min-width: 48em) {
  .desktop-topper-glide {
    display: block;
  }
}

.topper-slides li:nth-child(odd) {
  flex-direction: row-reverse;
}

.topper-slide {
  display: flex;
}

.topper-picture {
  width: 100%;
}
.topper-picture img {
  height: auto;
}

@media (min-width: 48em) {
  .mobile-topper-glide {
    display: none;
  }
}

.topper-slides {
  transition: none !important;
}

.glide--fade-prep .glide__slide {
  transition: opacity 1250ms ease-in-out;
  opacity: 0;
}
.glide--fade-prep .glide__slide.glide__slide--active {
  opacity: 1;
}

.glide--fade .glide__slides {
  transform: translate3d(0, 0, 0) !important;
}
.glide--fade .glide__slide {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}
.glide--fade .glide__slide.glide__slide--active {
  position: relative;
  z-index: 1;
}

.down-arrow-wrapper {
  position: absolute;
  left: 50%;
  z-index: 9;
  cursor: pointer;
  bottom: 5.8823529412%;
  stroke: white;
}
@media (min-width: 48em) {
  .down-arrow-wrapper {
    bottom: 11.4922813036%;
  }
}
.down-arrow-wrapper:hover {
  stroke: #CA9600;
}

.down-arrow-icon {
  transform: translateX(-50%) rotate(270deg);
}

/* Introduction Section
-------------------------------------------------- */
.introduction-section {
  background-color: #D2D3CC;
  background-image: url("/assets/images/intro-background-logo.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media (min-width: 48em) {
  .introduction-section {
    background-size: contain;
    padding: 12.1522693997% 7.3206442167%;
  }
}
.introduction-section .inner-section {
  background-image: none;
}

.intro-logo {
  width: 85.2941176471%;
  margin: 0 auto 2.9411764706%;
}
@media (min-width: 48em) {
  .intro-logo {
    width: 54.3739279588%;
    margin: 0 auto 1.4579759863%;
  }
}

.intro-text {
  text-align: center;
  color: #454848;
}
@media (min-width: 48em) {
  .intro-text {
    width: 71.5265866209%;
    margin: 0 auto;
  }
}

/* Amenities Section
-------------------------------------------------- */
@media (max-width: 47.9em) {
  .amenities-section {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .amenities-section {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 48em) {
  .amenities-section {
    padding: 2.4890190337% 7.3206442167%;
    padding: 2.4890190337% 4.831625183%;
  }
}
.amenities-section .section-headline {
  color: white;
  padding: 5.5555555556% 0;
}
@media (min-width: 48em) {
  .amenities-section .section-headline {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 7.8vw;
  }
}
@media (min-width: 85.375em) {
  .amenities-section .section-headline {
    font-size: 108px;
  }
}
.amenities-section .inner-section {
  background-color: #607C88;
  max-width: 1234px;
  position: relative;
}

.amenities-headline {
  width: 100%;
}
@media (min-width: 48em) {
  .amenities-headline {
    margin: 0;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: absolute;
    z-index: 9;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 48em) {
  .amenities-row-one {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}

.amenities-listone-wrapper {
  background-color: #779B49;
}
@media (min-width: 48em) {
  .amenities-listone-wrapper {
    flex: 0 0 50%;
  }
}

.amenities-gliderone-wrapper {
  min-width: 0;
}
@media (min-width: 48em) {
  .amenities-gliderone-wrapper {
    flex: 0 0 50%;
  }
}

@media (min-width: 48em) {
  .amenities-row-two {
    display: flex;
  }
}

.amenities-listtwo-wrapper {
  background-color: #607C88;
}
@media (min-width: 48em) {
  .amenities-listtwo-wrapper {
    flex: 0 0 50%;
  }
}

.amenities-glidertwo-wrapper {
  min-width: 0;
}
@media (min-width: 48em) {
  .amenities-glidertwo-wrapper {
    flex: 0 0 50%;
  }
}

@media (min-width: 48em) {
  .amenities-picture-outer {
    margin: 0 -2.9159519726%;
  }
}

.amenities-picture-inner,
.amenities-slideshow-wrapper {
  position: relative;
}
@media (min-width: 48em) {
  .amenities-picture-inner:after,
.amenities-slideshow-wrapper:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 50%);
    background: rgb(0, 0, 0);
    background: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
  }
}

@media (max-width: 47.9em) {
  .amenities-text-wrapper {
    display: flex;
    flex-direction: column-reverse;
    padding: 2.7777777778%;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .amenities-text-wrapper {
    display: flex;
    flex-direction: column-reverse;
    padding: 4.25%;
  }
}
@media (min-width: 48em) {
  .amenities-text-wrapper {
    padding: 2.9159519726% 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}

.amenities-list-wrapper {
  color: #454848;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 47.9em) {
  .amenities-list-wrapper {
    padding: 5.5555555556% 2.7777777778%;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .amenities-list-wrapper {
    padding: 8.5% 4.25%;
  }
}
@media (min-width: 48em) {
  .amenities-list-wrapper {
    padding: 1.3776337115%;
  }
}
.amenities-list-wrapper ul {
  text-align: center;
}
.amenity {
  margin-bottom: 1.9605882353%;
}
@media (min-width: 48em) {
  .amenity {
    margin-bottom: 2.002155477%;
  }
}

.amenities-slideshow-wrapper {
  pointer-events: none;
}

.amenities-glide {
  pointer-events: all;
}
@media (min-width: 48em) {
  .amenities-glide .glide__arrow svg {
    stroke: #707070;
  }
}
@media (min-width: 48em) {
  .amenities-glide .glide__arrow--left {
    left: -5.6603773585%;
  }
}
@media (min-width: 48em) {
  .amenities-glide .glide__arrow--right {
    right: -5.6603773585%;
  }
}

/* Feaures Section
-------------------------------------------------- */
@media (max-width: 47.9em) {
  .features-section {
    padding: 0;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .features-section {
    padding: 0;
  }
}
@media (min-width: 48em) {
  .features-section {
    overflow-x: hidden;
    padding-top: 4.831625183%;
  }
}
.features-section .inner-section {
  padding: 5.8823529412% 0;
  background-color: #E6C76D;
  position: relative;
}
@media (min-width: 48em) {
  .features-section .inner-section {
    padding: 2.9159519726% 0;
  }
}

@media (min-width: 48em) {
  .first-features,
.second-features {
    display: flex;
  }
}

@media (min-width: 48em) {
  .second-features {
    flex-direction: row-reverse;
    margin-top: -4vw;
  }
}
@media (min-width: 85.375em) {
  .second-features {
    margin-top: -5rem;
  }
}

@media (min-width: 48em) {
  .features-first-picture {
    flex: 0 0 58.576329331%;
    margin-left: -8.576329331%;
  }
}

@media (min-width: 48em) {
  .features-second-picture {
    flex: 0 0 58.576329331%;
    margin-left: -1px;
    margin-right: -8.576329331%;
  }
}

@media (max-width: 47.9em) {
  .feature-list {
    padding: 5.5555555556% 2.7777777778%;
    margin-left: 5.5555555556%;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .feature-list {
    padding: 8.5% 4.25%;
    margin-left: 8.5%;
  }
}

@media (min-width: 48em) {
  .first-list {
    margin-top: 2.9159519726%;
    padding-left: 7.1183533448%;
    flex: 0 0 50%;
  }
}

@media (min-width: 48em) {
  .second-list {
    margin-top: 7.1183533448%;
    padding-left: 5.6603773585%;
    flex: 0 0 50%;
  }
}

.feature {
  list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='-1 -1 2 2'><circle r='0.6' fill='%23454848'/></svg>");
  color: #454848;
}
@media (min-width: 48em) {
  .feature {
    margin-bottom: 15px;
  }
}

.features-headline {
  width: 100%;
  margin-bottom: 5.8823529412%;
}
@media (min-width: 48em) {
  .features-headline {
    margin: 0;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 7.7vw;
  }
}
@media (min-width: 85.375em) {
  .features-headline {
    font-size: 107px;
  }
}

/* Floor Plans Section
-------------------------------------------------- */
.floor-plans-section {
  background-color: white;
}
@media (min-width: 48em) {
  .floor-plans-section {
    padding-top: 4.3739279588%;
  }
}
@media (max-width: 47.9em) {
  .floor-plans-section .inner-section {
    background: none;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .floor-plans-section .inner-section {
    background: none;
  }
}
.floor-plans-section .section-headline {
  color: #707070;
  padding: 0;
}
@media (min-width: 48em) {
  .floor-plans-section .section-headline {
    font-size: 6.4vw;
  }
}
@media (min-width: 85.375em) {
  .floor-plans-section .section-headline {
    font-size: 92px;
  }
}
.floor-plans-section .one {
  color: #9A004F;
}
.floor-plans-section .one:after {
  background: #9A004F;
}

.floorplans {
  margin: 5.8823529412% 0 0;
}
@media (min-width: 48em) {
  .floorplans {
    display: flex;
    margin: 5.6603773585% -1.4579759863% 0;
  }
}

@media (max-width: 47.9em) {
  .floorplan {
    padding: 5.8823529412% 0;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .floorplan {
    padding: 2.9159519726% 0;
  }
}
@media (min-width: 48em) {
  .floorplan {
    flex: 0 0 50%;
    padding: 0 1.4579759863%;
  }
}

.floorplan-slides {
  margin-bottom: 2.9411764706%;
}
@media (min-width: 48em) {
  .floorplan-slides {
    margin-bottom: 3.0035335689%;
  }
}

@media (min-width: 48em) {
  .floorplan-picture img {
    height: 42vw;
    width: auto;
  }
}
@media (min-width: 85.375em) {
  .floorplan-picture img {
    height: 573px;
  }
}

.floorplan-title {
  text-transform: uppercase;
  color: #9A004F;
  font-weight: 700;
  letter-spacing: 0.025em;
  margin-bottom: 2.7777777778%;
}
@media (min-width: 48em) {
  .floorplan-title {
    margin-bottom: 2.8333333333%;
  }
}

.floorplan-details {
  color: #454848;
}
.floorplan-specs {
  font-weight: 700;
  margin-bottom: 2.9411764706%;
}
@media (min-width: 48em) {
  .floorplan-specs {
    margin-bottom: 3.0035335689%;
  }
}

.floorplan-button,
.form-submit,
textarea {
  -webkit-appearance: none;
}

.floorplan-button,
.form-submit {
  border-radius: none;
  line-height: 0.8;
  font-weight: 700;
  letter-spacing: 1px;
  display: inline-block;
  background-color: #779B49;
  text-transform: uppercase;
  color: white;
  margin: 3.9215686275%;
  margin-left: 0;
  padding: 2.9411764706% 5.8823529412% 3.9215686275%;
}
.floorplan-button:hover, .floorplan-button:focus,
.form-submit:hover,
.form-submit:focus {
  color: #454848;
}
@media (min-width: 48em) {
  .floorplan-button,
.form-submit {
    margin-top: 4.0047114252%;
    padding: 3.0035335689% 6.0070671378% 3.0035335689%;
  }
}

/* Gallery Section
-------------------------------------------------- */
.gallery-section {
  background-color: #4D6A75;
}
@media (max-width: 47.9em) {
  .gallery-section {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .gallery-section {
    padding-right: 0;
    padding-left: 0;
  }
}

.gallery-headline {
  opacity: 0.85;
  letter-spacing: normal;
  margin-bottom: 5.8823529412%;
  font-size: 12.077294686vw;
  padding: 0 2.9411764706%;
}
@media (min-width: 48em) {
  .gallery-headline {
    padding: 0;
    font-size: 7vw;
    margin-bottom: 2.9159519726%;
  }
}
@media (min-width: 85.375em) {
  .gallery-headline {
    padding: 0;
    font-size: 92px;
  }
}

.gallery-slideshow-wrapper {
  position: relative;
}
@media (min-width: 48em) {
  .gallery-slideshow-wrapper {
    margin: 0 calc(-8.576329331% + 1px);
  }
}
.gallery-slideshow-wrapper:after, .gallery-slideshow-wrapper:before {
  content: "";
  height: 60%;
  position: absolute;
  z-index: 2;
  top: 0;
  width: calc(26.4705882353% + 1px);
}
@media (min-width: 48em) {
  .gallery-slideshow-wrapper:after, .gallery-slideshow-wrapper:before {
    height: 100%;
    background-color: rgba(77, 106, 117, 0.75);
    width: calc(14.6412884334% + 1px);
  }
}
.gallery-slideshow-wrapper:before {
  left: 0;
  margin-right: -1px;
}
.gallery-slideshow-wrapper:after {
  right: 0;
  margin-left: -1px;
}
@media (min-width: 48em) {
  .gallery-slideshow-wrapper.hide-last-slide:before {
    background-color: #4D6A75;
  }
  .gallery-slideshow-wrapper.hide-last-slide .glide__arrow--left {
    display: none;
  }
}
.gallery-slideshow-wrapper iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

.gallery-gutter-spacer {
  width: 5.8823529412%;
}
@media (min-width: 48em) {
  .gallery-gutter-spacer {
    width: 2.9159519726%;
  }
}

.gallery-peek-spacer {
  width: 52.9411764706%;
}
@media (min-width: 48em) {
  .gallery-peek-spacer {
    width: 17.1526586621%;
  }
}

.down-arrow-icon,
.down-arrow-wrapper,
.glide__arrow {
  border: unset;
  box-shadow: unset;
  z-index: 3;
}
.down-arrow-icon svg,
.down-arrow-wrapper svg,
.glide__arrow svg {
  stroke: hsl(0deg, 0%, 85%);
  width: 6vw;
  height: 12vw;
}
@media (min-width: 48em) {
  .down-arrow-icon svg,
.down-arrow-wrapper svg,
.glide__arrow svg {
    width: 2vw;
    height: 4vw;
  }
}
@media (min-width: 85.375em) {
  .down-arrow-icon svg,
.down-arrow-wrapper svg,
.glide__arrow svg {
    width: 25px;
    height: 50px;
  }
}
.down-arrow-icon:hover svg,
.down-arrow-wrapper:hover svg,
.glide__arrow:hover svg {
  stroke: white;
}

.glide__arrow--right {
  transform: translateY(-50%) rotate(180deg);
  right: 0;
}
@media (min-width: 48em) {
  .glide__arrow--right {
    right: 1.4579759863%;
  }
}

.glide__arrow--left {
  transform: translateY(-50%);
  left: 0;
}
@media (min-width: 48em) {
  .glide__arrow--left {
    left: 1.4579759863%;
  }
}

/* Neighborhood Section
-------------------------------------------------- */
.neighborhood-section {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
@media (min-width: 48em) {
  .neighborhood-section {
    padding: 7.3206442167% 0 2.4890190337%;
  }
}
.neighborhood-section .inner-section {
  max-width: unset;
  margin: 0;
  background: none;
  position: relative;
}

.neighborhood-inner {
  background: none;
}
@media (min-width: 48em) {
  .neighborhood-inner {
    padding: 0 7.3206442167%;
  }
}
@media (min-width: 85.375em) {
  .neighborhood-inner {
    max-width: 1366px;
    padding: 0 100px;
    margin: 0 auto;
  }
}

@media (min-width: 48em) {
  .neighborhood-mobile {
    display: none;
  }
}

.neighborhood-desktop {
  display: none;
}
@media (min-width: 48em) {
  .neighborhood-desktop {
    display: block;
  }
}

.neighborhood-buttons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}

.neighborhood-headline {
  color: #707070;
  font-size: 13.0434782609vw;
  padding-bottom: 5.8823529412%;
}
.neighborhood-headline .one {
  color: #CA9600;
}
.neighborhood-headline .one:after {
  background: #CA9600;
}
@media (min-width: 48em) {
  .neighborhood-headline {
    padding-bottom: 5.6603773585%;
    font-size: 7.1vw;
    font-size: 6.7vw;
  }
}
@media (min-width: 85.375em) {
  .neighborhood-headline {
    font-size: 97px;
  }
}

.neighborhood-images-wrapper {
  position: relative;
}
@media (min-width: 48em) {
  .neighborhood-images-wrapper {
    padding-bottom: 4.831625183%;
  }
}

.neighborhood-images {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 48em) {
  .neighborhood-images li:nth-child(1) {
    width: 60.0343053173%;
    margin-left: 25.7289879931%;
  }
}
@media (min-width: 48em) {
  .neighborhood-images li:nth-child(2) {
    width: 31.3893653516%;
    margin-top: -25.7289879931%;
    margin-left: -8.576329331%;
  }
}
@media (min-width: 48em) {
  .neighborhood-images li:nth-child(3) {
    width: 48.5420240137%;
    margin-top: 8.576329331%;
    margin-left: 2.9159519726%;
    z-index: 8;
  }
}
@media (min-width: 48em) {
  .neighborhood-images li:nth-child(4) {
    width: 22.8130360206%;
    margin-top: -17.1526586621%;
    position: relative;
    right: -11.4922813036%;
  }
}
@media (min-width: 48em) {
  .neighborhood-images li:nth-child(5) {
    width: 57.1183533448%;
    margin-top: -5.6603773585%;
    margin-left: -8.576329331%;
    position: relative;
  }
}
@media (min-width: 48em) {
  .neighborhood-images li:nth-child(6) {
    width: 25.7289879931%;
    margin-top: -11.4922813036%;
    position: relative;
    right: -34.3053173242%;
  }
}

.neighborhood-marker {
  width: 25vw;
  transform: translateY(-100%);
  position: absolute;
  z-index: 9;
}
@media (min-width: 48em) {
  .neighborhood-marker {
    width: 9%;
  }
}
.neighborhood-marker:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  background-color: #CA9600;
  border-radius: 50%;
}

.neighborhood-label {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: -1%;
  width: 100%;
  height: 100%;
  padding: 0 12%;
}
@media (min-width: 48em) {
  .neighborhood-label {
    top: -2%;
  }
}

.neighborhood-mobile {
  margin: 5.8823529412% 0;
}
.neighborhood-mobile .glide__arrow--left {
  transform: translateY(-100%);
}
.neighborhood-mobile .glide__arrow--right {
  transform: translateY(-100%) rotate(180deg);
}

.neighborhood-picture-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.neighborhood-picture {
  width: 100%;
}

@media (max-width: 47.9em) {
  .neighborhood-picture-wrapper img {
    width: auto;
    margin: 0 auto;
  }
  .neighborhood-picture-wrapper .portrait-picture img {
    height: 100vw;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .neighborhood-picture-wrapper img {
    width: auto;
    margin: 0 auto;
  }
  .neighborhood-picture-wrapper .portrait-picture img {
    height: 100vw;
  }
}
.neighborhood-picture-wrapper figcaption {
  padding: 0 2.7777777778%;
}

/* Map Section
-------------------------------------------------- */
.map-section {
  padding: 0;
}
@media (min-width: 48em) {
  .map-section {
    padding: 0 4.831625183% 4.831625183%;
  }
}
.map-section .inner-section {
  max-width: 1366px;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  /* added line */
}

/* Google Map
-------------------------------------------------- */
/* Always set the map height explicitly to define the size of the div
   * element that contains the map. */
#google-map {
  height: 150vw;
}
@media (min-width: 48em) {
  #google-map {
    height: 56.25vw;
  }
}

.infoBox {
  width: 44.4444444444% !important;
  transform: translate(-47%, 5vw) !important;
}
@media (min-width: 48em) {
  .infoBox {
    width: 12.1522693997% !important;
    transform: translate(-40%, 2.7vw) !important;
  }
}
@media (min-width: 85.375em) {
  .infoBox {
    transform: translate(-40%, 34px) !important;
  }
}
.infoBox > div {
  margin: 0 !important;
}
.infoBox > img {
  width: 9% !important;
  padding: 2%;
  z-index: 2;
}

.infobox-content-inner {
  background-color: #CA9600;
  color: white;
  padding: 3.125% !important;
  line-height: 1;
}
@media (min-width: 48em) {
  .infobox-content-inner {
    padding: 5.1204819277% !important;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}

.infobox-image {
  background-position: center;
  background-size: cover;
  position: relative;
}
.infobox-image:after {
  content: "";
  display: block;
  padding-bottom: 61.5384615385%;
}

.infobox-title {
  margin-bottom: 3.125% !important;
}

.infobox-title-link:hover {
  color: black !important;
}

.infobox-directions-wrapper:hover .infobox-directions-link {
  color: black !important;
}
.infobox-directions-wrapper:hover .infobox-directions-arrow {
  fill: black;
}

.infobox-directions-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.infobox-directions-arrow {
  cursor: pointer;
  width: 6.25% !important;
}

.infobox-address {
  display: block;
  width: 100%;
}

/* Contact Section
-------------------------------------------------- */
.contact-section,
.contact-no-form-section {
  background-color: #4D6A75;
}
.contact-section .section-headline,
.contact-no-form-section .section-headline {
  color: #E8EAE7;
  margin-bottom: 5.8823529412%;
  font-size: 11.1111111111vw;
  padding: 0;
}
@media (min-width: 48em) {
  .contact-section .section-headline,
.contact-no-form-section .section-headline {
    font-size: 9.8vw;
  }
}
@media (min-width: 85.375em) {
  .contact-section .section-headline,
.contact-no-form-section .section-headline {
    font-size: 140px;
  }
  .contact-section .section-headline .one:after,
.contact-no-form-section .section-headline .one:after {
    height: 13px;
  }
}
.contact-section .one,
.contact-no-form-section .one {
  color: #9DAEB4;
}
.contact-section .one:after,
.contact-no-form-section .one:after {
  background: #9DAEB4;
}

@media (min-width: 48em) {
  .contact-content {
    display: flex;
  }
}

.contact-left,
.contact-text-wrapper {
  color: #E8EAE7;
}
@media (min-width: 48em) {
  .contact-left,
.contact-text-wrapper {
    flex: 0 0 48.5420240137%;
  }
}

.contact-right {
  color: #E8EAE7;
}

.contact-text {
  margin-bottom: 5.8823529412%;
}
@media (min-width: 48em) {
  .contact-text {
    margin-bottom: 6.0070671378%;
  }
}
.contact-text p {
  margin-bottom: 2.9411764706%;
}
@media (min-width: 48em) {
  .contact-text p {
    margin-bottom: 1.5017667845%;
  }
}

.contact-subtitle {
  text-transform: uppercase;
  color: #9DAEB4;
  font-weight: 700;
}
@media (min-width: 48em) {
  .contact-subtitle {
    margin-bottom: 1.5017667845%;
  }
}

.contact-data-wrapper {
  margin-top: 5.8823529412%;
}
@media (min-width: 48em) {
  .contact-data-wrapper {
    margin-top: 3.0035335689%;
  }
}

.contact-data {
  color: #E8EAE7;
}
.contact-data a:hover {
  color: #779B49;
}

@media (min-width: 48em) {
  .contact-emails {
    margin-bottom: 6.0070671378%;
  }
}

.contact-email-wrapper {
  margin-bottom: 5.8823529412%;
}
@media (min-width: 48em) {
  .contact-email-wrapper {
    margin-bottom: 3.0035335689%;
  }
}

.contact-title {
  font-style: italic;
}

.contact-phone {
  display: block;
}

.contact-form-wrapper {
  color: #E8EAE7;
}
@media (min-width: 48em) {
  .contact-form-wrapper {
    flex: 0 0 48.5420240137%;
    margin-left: 2.9159519726%;
  }
}

.acre-logo-link {
  display: block;
  width: 47.0588235294%;
  margin-bottom: 5.8823529412%;
}
@media (min-width: 48em) {
  .acre-logo-link {
    width: 35.3356890459%;
    margin-bottom: 0;
  }
}

.form-input,
.form-textarea {
  display: block;
  width: 100%;
  background-color: #E8EAE7;
  color: #607C88;
  padding: 1.4705882353%;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: #607C88;
}
.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
  color: #607C88;
}
.form-input::placeholder,
.form-textarea::placeholder {
  color: #607C88;
}
@media (min-width: 48em) {
  .form-input,
.form-textarea {
    padding: 1.5017667845%;
  }
}

.form-item {
  margin-bottom: 5.8823529412%;
}
@media (min-width: 48em) {
  .form-item {
    margin-bottom: 6.0070671378%;
  }
}

.comments-form-item {
  margin-bottom: 0;
}

.alert {
  color: #E8EAE7;
}

.indicates-required {
  color: #E8EAE7;
  margin: 1.4705882353% 0 1.4705882353%;
}
@media (min-width: 48em) {
  .indicates-required {
    margin-bottom: 3.0035335689%;
  }
}

.form-submit {
  cursor: pointer;
}

.honeypot {
  position: absolute;
  left: -9999px;
}

.contact-form-message {
  color: #E8EAE7;
}

/**
 * Visually hide an element, but leave it available for screen readers
 * @link https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
 * @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.screen-reader {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/**
 * Extends the .screen-reader class to allow the element to be focusable when navigated to via the keyboard
 * @link https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
 * @link https://www.drupal.org/node/897638
 */
.screen-reader-focusable:active,
.screen-reader-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

/*
* Instagram Section
-------------------------------------------------- */
.instagram-section {
  background-color: #454848;
}
.instagram-section .section-subtitle {
  display: inline;
}

.instagram-subtitle {
  color: #D2D3CC;
  font-weight: 900;
  letter-spacing: 0.025em;
}

.instagram-title-wrapper {
  display: flex;
  justify-content: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.instagram-title,
.news-events-title {
  font-weight: 600;
  display: inline-block;
  vertical-align: baseline;
}

.instagram-handle-wrapper {
  display: flex;
  align-items: flex-end;
  font-weight: 600;
  box-shadow: none;
}
.instagram-handle-wrapper svg {
  vertical-align: middle;
  margin-left: 1rem;
  margin-right: 1rem;
  width: 2rem;
  height: 2rem;
  width: 3rem;
  height: 3rem;
}
@media (min-width: 48em) {
  .instagram-handle-wrapper svg {
    margin-left: 1.5384615385rem;
  }
}
@media (min-width: 105.75em) {
  .instagram-handle-wrapper svg {
    margin-left: 2rem;
  }
}
@media (min-width: 48em) {
  .instagram-handle-wrapper svg {
    margin-right: 1.5384615385rem;
  }
}
@media (min-width: 105.75em) {
  .instagram-handle-wrapper svg {
    margin-right: 2rem;
  }
}
@media (min-width: 48em) {
  .instagram-handle-wrapper svg {
    width: 2.3vw;
    height: 3.6vw;
  }
}
@media (min-width: 85.375em) {
  .instagram-handle-wrapper svg {
    width: 33px;
    height: 49px;
  }
}
.instagram-handle-wrapper:hover {
  box-shadow: none;
  color: white;
  fill: white;
}

.instagram-icon {
  fill: white;
}

.instagram-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -2.9411764706%;
  margin-top: 2rem;
}
@media (min-width: 48em) {
  .instagram-list {
    margin: 0 -1.4579759863%;
  }
}
@media (min-width: 48em) {
  .instagram-list {
    margin-top: 3.0769230769rem;
  }
}
@media (min-width: 105.75em) {
  .instagram-list {
    margin-top: 4rem;
  }
}
@media (max-width: 47.9em) {
  .instagram-list li:nth-child(n+5) {
    display: none;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .instagram-list li:nth-child(n+5) {
    display: none;
  }
}

.instagram-item-wrapper {
  flex: 0 0 50%;
  padding: 2.9411764706%;
}
@media (min-width: 48em) {
  .instagram-item-wrapper {
    flex: 0 0 25%;
    padding: 0 1.4579759863%;
  }
}
@media (min-width: 48em) {
  .instagram-item-wrapper:hover .instagram-photo-description-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}

.instagram-item-inner-link {
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.instagram-background-image {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.instagram-photo-description-wrapper {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.instagram-photo-description {
  color: white;
  padding: 1rem;
  letter-spacing: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}
@media (min-width: 48em) {
  .instagram-photo-description {
    padding: 1rem;
  }
}

/* Footer
-------------------------------------------------- */
footer {
  background-color: #D2D3CC;
}

.footer-inner {
  max-width: 1366px;
  margin: 0 auto;
  text-align: center;
  padding: 5.5555555556%;
}
@media (min-width: 48em) {
  .footer-inner {
    padding: 2.9159519726% 0 2.9159519726%;
  }
}

.footer-logo-icon {
  fill: #607C88;
  width: 73.5294117647%;
}
@media (min-width: 48em) {
  .footer-logo-icon {
    width: 22.8130360206%;
  }
}

.footer-info {
  color: #454848;
  margin-top: 5.8823529412%;
}
@media (min-width: 48em) {
  .footer-info {
    margin-top: 2.9159519726%;
  }
}

.footer-address {
  font-style: normal;
}

.footer-email,
.footer-phone {
  display: block;
}

.footer-social-icons {
  display: flex;
  justify-content: center;
  margin-top: 5.8823529412%;
}
@media (min-width: 48em) {
  .footer-social-icons {
    margin-top: 2.9159519726%;
  }
}

.footer-social-icon-wrapper {
  cursor: pointer;
  margin: 0 1.4705882353%;
}
.footer-social-icon-wrapper svg {
  fill: #707070;
}
.footer-social-icon-wrapper:hover svg {
  fill: #607C88;
}
@media (min-width: 48em) {
  .footer-social-icon-wrapper {
    margin: 0 0.7289879931%;
  }
}

.footer-social-icon {
  cursor: pointer;
  fill: #707070;
  width: 6vw;
  height: 6vw;
}
@media (min-width: 48em) {
  .footer-social-icon {
    width: 3vw;
    height: 3vw;
  }
}
@media (min-width: 85.375em) {
  .footer-social-icon {
    width: 40px;
    height: 40px;
  }
}

.footer-housing-icons {
  margin-top: 5.8823529412%;
}
@media (min-width: 48em) {
  .footer-housing-icons {
    margin-top: 2.9159519726%;
  }
}

.footer-housing-icon {
  margin: 0 0.7352941176%;
}
@media (min-width: 48em) {
  .footer-housing-icon {
    margin: 0 0.3644939966%;
  }
}

.equal-housing-icon {
  width: 40px;
  height: 29px;
}
@media (min-width: 48em) {
  .equal-housing-icon {
    width: 40px;
    height: 29px;
  }
}

.accessible-icon {
  width: 22px;
  height: 28px;
}
@media (min-width: 48em) {
  .accessible-icon {
    width: 22px;
    height: 28px;
  }
}

.footer-credits {
  color: #707070;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 1.4705882353%;
}
@media (min-width: 48em) {
  .footer-credits {
    margin-top: 0.7289879931%;
  }
}

/* Chatbot
-------------------------------------------------- */
@media (max-width: 47.9em) {
  .chatprompt {
    right: 1px !important;
    bottom: 1px !important;
    height: 60px !important;
  }
  .chatprompt img {
    width: 60px !important;
  }

  .respageChatPopupWrapper {
    top: -73px !important;
  }

  .respageChatPopupWrapper.popupOpen {
    height: 70px !important;
  }

  .respageChatPopupWrapper.popupOpen .respageChatPopup {
    width: 232px !important;
    height: 65px !important;
  }

  .respageChatPopupWrapper::after {
    right: 30px !important;
  }
}
@media (min-width: ) and (max-width: 47.9em) {
  .chatprompt {
    right: 1px !important;
    bottom: 1px !important;
    height: 60px !important;
  }
  .chatprompt img {
    width: 60px !important;
  }

  .respageChatPopupWrapper {
    top: -73px !important;
  }

  .respageChatPopupWrapper.popupOpen {
    height: 70px !important;
  }

  .respageChatPopupWrapper.popupOpen .respageChatPopup {
    width: 232px !important;
    height: 65px !important;
  }

  .respageChatPopupWrapper::after {
    right: 30px !important;
  }
}
@media (min-width: 48em) {
  .chatprompt {
    right: 4px !important;
    bottom: 4px !important;
  }
  .chatprompt img {
    width: 80px;
  }
}

/*# sourceMappingURL=styles.css.map*/