/*!
Theme Name: The Jasper
Theme URI: http://underscores.me/
Author: SDCO Partners
Author URI: https://sdcopartners.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: the-jasper
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The Jasper is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  height: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  background: #FFFFFF;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #000;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
  font-size: 0.9em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.cta {
  text-decoration: none;
  min-height: 35px;
  color: #000000;
  display: inline-block;
}

.cta__bg {
  text-decoration: none;
}
.cta__bg > div {
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  display: block;
}
.cta__bg span {
  padding: 0 20px;
  display: block;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.btn {
  display: inline-block;
  position: relative;
  border: 2px solid;
  border-image-source: linear-gradient(to right, #784832 0%, #cd8053 100%);
  border-image-slice: 1;
  padding: 10px 15px;
  text-decoration: none;
  font-family: "Crimson Text", serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  font-weight: 400;
  z-index: 1;
  transition: color 0.4s;
}
.btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s;
}
.btn:hover {
  color: #FFFFFF;
  transition: color 0.4s;
}
.btn:hover:before {
  opacity: 1;
  transition: opacity 0.4s;
}

.cta-arrow {
  display: flex;
  text-decoration: none;
  align-items: center;
}
.cta-arrow span {
  display: inline-block;
  letter-spacing: 0.1em;
  text-decoration: none;
  margin-right: 10px;
  text-transform: uppercase;
}
.cta-arrow .arrow {
  width: 110px;
  display: flex;
  align-items: center;
  position: relative;
}
.cta-arrow .line {
  width: 100%;
  display: inline-block;
  height: 2px;
  background: #000000;
}
.cta-arrow .chevron {
  width: 10px;
  height: 20px;
  transform: translateX(-8px);
  position: absolute;
  left: 0;
}
.cta-arrow .chevron svg {
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  border: none;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: transparent;
  transition: transform 0.4s;
  height: 80px;
}
@media (min-width: 992px) {
  .header {
    height: 88px;
    background: #162623;
  }
}
@media (min-width: 992px) {
  .header.nav-up {
    transform: translateY(-100%);
    transition: transform 0.4s;
  }
}

.header__bar {
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  height: 4px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  z-index: 101;
}

.header__ctas {
  position: absolute;
  z-index: 100;
  align-items: center;
  display: none;
}
@media (min-width: 768px) {
  .header__ctas {
    display: flex;
    height: 88px;
    top: 0;
    right: 80px;
  }
}
@media (min-width: 992px) {
  .header__ctas {
    right: 25px;
  }
}

.header__cta {
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  display: inline-block;
  padding: 6px 15px;
  color: #FFFFFF;
  font-family: "Crimson Text", serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size: 0.9em;
  margin-right: 20px;
}
.header__cta:last-child {
  margin-right: 0;
}

.header__nav {
  position: absolute;
  background: #162623;
  width: 100%;
  align-items: center;
  padding: 20px;
  z-index: 99;
  display: none;
}
@media (min-width: 992px) {
  .header__nav {
    display: flex;
  }
}
.header__nav ul {
  list-style-type: none;
  display: flex;
  margin: 0 25px;
  padding: 0;
}
.header__nav ul li {
  margin-right: 25px;
}
@media screen and (max-width: 1119px) {
  .header__nav ul li {
    margin-right: 15px;
  }
}
.header__nav ul li a {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "Crimson Text", serif;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 1119px) {
  .header__nav ul li a {
    font-size: 0.75em;
  }
}
.header__nav ul li a:before {
  content: "";
  display: block;
  height: 2px;
}
.header__nav ul li a:after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  margin-top: 5px;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s;
}
.header__nav ul li a:hover:after {
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.4s;
}
.header__nav ul li a:focus {
  outline: none;
}

.header__logo {
  position: absolute;
  left: 20px;
  z-index: 100;
  width: 40px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
@media (min-width: 992px) {
  .header__logo {
    display: none;
  }
}
.header__logo svg {
  display: block;
}

.header__menu {
  position: fixed;
  top: 0;
  background: #EEECE7;
  z-index: 99;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.header__menu ul {
  list-style-type: none;
}
.header__menu ul li {
  margin-bottom: 20px;
}

.header__nav-logo {
  width: 40px;
  display: none;
}
@media (min-width: 992px) {
  .header__nav-logo {
    display: block;
    position: relative;
    z-index: 100;
  }
}
.header__nav-logo svg {
  width: 100%;
  display: block;
}

.header__menu-trigger {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  width: 30px;
  height: 25px;
  display: block;
  z-index: 100;
}
@media (min-width: 768px) {
  .header__menu-trigger {
    right: 25px;
  }
}
@media (min-width: 992px) {
  .header__menu-trigger {
    display: none;
  }
}
.header__menu-trigger span {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  display: block;
  position: absolute;
}
.header__menu-trigger span:first-child {
  top: 4px;
  transition: all 0.4s;
}
.header__menu-trigger span:last-child {
  top: calc(100% - 5px);
  transition: all 0.4s;
}
.header__menu-trigger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s;
}
.header__menu-trigger.active span:first-child {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.4s;
}
.header__menu-trigger.active span:nth-child(2) {
  transform: translateX(-100%);
  opacity: 0;
  transition: all 0.4s;
}
.header__menu-trigger.active span:last-child {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: all 0.4s;
}

.slide-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #162623;
  height: 100vh;
  z-index: 100;
  max-width: 704px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  transform: translateX(-100%);
  transition: transform 0.5s;
}
@media (min-width: 992px) {
  .slide-form {
    padding: 100px;
  }
}
.slide-form.active {
  transition: transform 0.5s;
  transform: translateX(0%);
}
.slide-form .close {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50px;
  left: 50px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  cursor: pointer;
}
.slide-form .close:before, .slide-form .close:after {
  content: "";
  width: 2px;
  height: 15px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.slide-form .close:after {
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.slide-form form {
  color: #FFFFFF;
}
.slide-form form input,
.slide-form form input[type=email] {
  color: #FFFFFF;
  font-size: 0.9em;
}
.slide-form form input:focus,
.slide-form form input[type=email]:focus {
  outline: none;
  color: #FFFFFF;
}
.slide-form form input::-webkit-input-placeholder, .slide-form form input[type=email]::-webkit-input-placeholder {
  color: #FFFFFF;
}

.slide-form form input:-moz-placeholder, .slide-form form input[type=email]:-moz-placeholder {
  color: #FFFFFF;
}

.slide-form form input::-moz-placeholder, .slide-form form input[type=email]::-moz-placeholder {
  color: #FFFFFF;
}

.slide-form form input:-ms-input-placeholder, .slide-form form input[type=email]:-ms-input-placeholder {
  color: #FFFFFF;
}

.slide-form .gform_fields input[type=text]::-webkit-input-placeholder, .slide-form .gform_fields input[type=email]::-webkit-input-placeholder {
  color: #FFFFFF;
  font-size: 1em;
}

.slide-form .gform_fields input[type=text]:-moz-placeholder, .slide-form .gform_fields input[type=email]:-moz-placeholder {
  color: #FFFFFF;
  font-size: 1em;
}

.slide-form .gform_fields input[type=text]::-moz-placeholder, .slide-form .gform_fields input[type=email]::-moz-placeholder {
  color: #FFFFFF;
  font-size: 1em;
}

.slide-form .gform_fields input[type=text]:-ms-input-placeholder, .slide-form .gform_fields input[type=email]:-ms-input-placeholder {
  color: #FFFFFF;
  font-size: 1em;
}

.slide-form .gform_fields .ginput_container.ginput_container_text:after,
.slide-form .gform_fields .ginput_container.ginput_container_email:after,
.slide-form .gform_fields .ginput_container.ginput_container_phone:after,
.slide-form .gform_fields input[type=email]:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
}
.slide-form .gform_fields .ginput_container.ginput_container_consent input[type=checkbox] {
  display: none;
}
.slide-form .gform_fields .ginput_container.ginput_container_consent input[type=checkbox] + label {
  font-size: 0.66em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
}
@media (min-width: 768px) {
  .slide-form .gform_fields .ginput_container.ginput_container_consent input[type=checkbox] + label {
    font-size: 0.8em;
  }
}
.slide-form .gform_fields .ginput_container.ginput_container_consent input[type=checkbox] + label:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  -o-border-image: linear-gradient(to right, #784832 0%, #cd8053 100%);
     border-image: linear-gradient(to right, #784832 0%, #cd8053 100%);
  border-style: solid;
  border-width: 2px;
  border-radius: 0;
  border-image-slice: 1;
}
.slide-form .gform_fields .ginput_container.ginput_container_consent input[type=checkbox]:checked + label:before {
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
}
.slide-form .gform_footer .gform_button {
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  color: #FFFFFF;
  border: none;
  border-radius: 0;
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 15px 25px;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.footer {
  background: #EEECE7;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  color: #162623;
}
@media (min-width: 992px) {
  .footer {
    min-height: 100vh;
  }
}

.footer__content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 25px;
       column-gap: 25px;
  row-gap: 50px;
  padding: 20px;
}
@media (min-width: 768px) {
  .footer__content {
    row-gap: 50px;
    -moz-column-gap: 50px;
         column-gap: 50px;
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}
@media (min-width: 992px) {
  .footer__content {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
  }
}
@media (min-width: 992px) and (max-height: 800px) {
  .footer__content {
    row-gap: 15px;
  }
}

.footer__nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  grid-column: span 12;
}
@media (min-width: 992px) {
  .footer__nav {
    grid-column: 8/span 4;
    display: block;
  }
}
@media (min-width: 1290px) {
  .footer__nav {
    grid-column: 9/span 4;
    display: block;
  }
}
.footer__nav li {
  margin-bottom: 10px;
}
.footer__nav li a {
  display: inline-block;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  text-decoration: none;
}
.footer__nav li a:after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
}

.footer__logo {
  grid-column: 1/span 2;
}
@media (min-width: 768px) {
  .footer__logo {
    grid-column: 1/span 2;
  }
}
@media (min-width: 992px) {
  .footer__logo {
    grid-column: 1/span 1;
    grid-row: 2;
  }
}
.footer__logo img {
  display: block;
  width: 100%;
  max-width: 50px;
}
@media (min-width: 768px) {
  .footer__logo img {
    max-width: 75px;
  }
}

.footer__left {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .footer__left {
    grid-column: 3/span 9;
  }
}
@media (min-width: 992px) {
  .footer__left {
    grid-column: 2/span 6;
  }
}
@media (min-width: 1290px) {
  .footer__left {
    grid-column: 2/span 6;
  }
}

.footer__right {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .footer__right {
    grid-column: 3/span 9;
  }
}
@media (min-width: 992px) {
  .footer__right {
    grid-column: 8/span 5;
  }
}
@media (min-width: 1290px) {
  .footer__right {
    grid-column: 9/span 5;
  }
}

.footer__copy h3 {
  font-size: 2em;
  font-family: "Crimson Text", serif;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 100;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .footer__copy h3 {
    font-size: 3em;
  }
}
.footer__copy form {
  display: flex;
  align-items: flex-end;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.footer__copy .gform_body {
  margin-right: 25px;
  flex-grow: 1;
}
.footer__copy .gform_footer {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .footer__copy .gform_footer {
    margin-top: 0;
  }
}
.footer__copy .gform_footer:after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
}
.footer__copy .gform_footer input[type=submit] {
  display: inline-block;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  text-decoration: none;
}
.footer__copy .gform_wrapper .validation_error {
  width: 100%;
}
.footer__copy .gform_wrapper .top_label .gfield_label {
  display: none;
}
.footer__copy .gform_wrapper .ginput_complex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.footer__copy .gform_wrapper .ginput_complex span {
  flex-grow: 1;
}
.footer__copy .gform_wrapper .ginput_complex .name_first {
  margin-right: 25px;
}
.footer__copy .gform_wrapper input[type=email] {
  background: none;
}
.footer__copy .gform_wrapper input[type=text],
.footer__copy .gform_wrapper input[type=email] {
  display: block;
  width: 100% !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 10px 0;
  font-size: 0.9em;
}
.footer__copy .gform_wrapper input[type=text]:focus,
.footer__copy .gform_wrapper input[type=email]:focus {
  outline: none;
}
.footer__copy .gform_wrapper input[type=text]::-webkit-input-placeholder, .footer__copy .gform_wrapper input[type=email]::-webkit-input-placeholder {
  font-size: 0.9em;
}

.footer__copy .gform_wrapper input[type=text]:-moz-placeholder, .footer__copy .gform_wrapper input[type=email]:-moz-placeholder {
  font-size: 0.9em;
}

.footer__copy .gform_wrapper input[type=text]::-moz-placeholder, .footer__copy .gform_wrapper input[type=email]::-moz-placeholder {
  font-size: 0.9em;
}

.footer__copy .gform_wrapper input[type=text]:-ms-input-placeholder, .footer__copy .gform_wrapper input[type=email]:-ms-input-placeholder {
  font-size: 0.9em;
}

.footer__copy .gform_wrapper input[type=submit] {
  background: transparent;
  border: none;
  padding: 0;
  text-transform: uppercase;
  cursor: pointer;
}
.footer__copy .gform_wrapper img {
  display: none;
}
.footer__copy .gform_wrapper #field_2_8 {
  margin-top: 15px;
}
.footer__copy .ginput_container, .footer__copy .gform_body {
  margin-bottom: 0;
}

.footer__address {
  font-style: normal;
}
.footer__address a {
  text-decoration: none;
}
.footer__address a:hover {
  text-decoration: underline;
}
.footer__address h4 {
  font-weight: 400;
  font-size: 1.75em;
  font-family: "Crimson Text", serif;
  line-height: 1.2;
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .footer__address h4 {
    font-size: 1.75em;
  }
}
.footer__address hr {
  height: 2px;
  width: 30px;
  background: #000000;
  margin: 15px 0;
  margin-left: 0;
}
.footer__address span {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 800;
}

.footer__social {
  order: 0;
  grid-column: 4/span 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .footer__social {
    order: unset;
    grid-row: 3;
    grid-column: 2/span 3;
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .footer__social {
    align-items: flex-start;
  }
}
.footer__social a {
  max-width: 24px;
  margin-right: 10px;
  display: inline-block;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__social a img {
  width: 100%;
  display: block;
}

.footer__contact {
  text-transform: uppercase;
  display: grid;
  row-gap: 15px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .footer__contact {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .footer__contact {
    margin-bottom: 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
.footer__contact .label {
  display: block;
  font-size: 0.6em;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}
.footer__contact a,
.footer__contact span {
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size: 0.8em;
}
.footer__contact a:hover {
  text-decoration: underline;
}

.footer__contact--hours {
  grid-template-columns: repeat(1, 1fr);
  row-gap: 0;
  margin-bottom: 15px;
}

.footer__copyright {
  font-size: 0.66em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 2;
  order: 4;
  grid-column: span 6;
}
@media (min-width: 768px) {
  .footer__copyright {
    grid-row: 3;
    grid-column: 5/span 7;
  }
}
.footer__copyright ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.footer__copyright ul li:first-child:after {
  content: "|";
  margin: 0 5px;
}
.footer__copyright ul li a {
  display: inline-block;
}
.footer__copyright .copyright {
  display: block;
}
.footer__copyright .disclaimer {
  margin-top: 20px;
  display: block;
  font-size: 50%;
}
.footer__copyright .icons {
  display: flex;
  align-items: baseline;
  margin-top: 20px;
}
.footer__copyright .icons svg {
  width: 20px;
  display: block;
  margin-right: 10px;
}
.footer__copyright a {
  color: #000000;
  text-decoration: none;
}
.footer__copyright a:hover {
  text-decoration: underline;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  pointer-events: none;
}
.loader .top, .loader .bottom {
  position: fixed;
  height: 50%;
  width: 100%;
  left: 0;
  overflow: hidden;
}
.loader .top > div, .loader .bottom > div {
  width: 100%;
  height: 100%;
  position: absolute;
}
.loader .top > div:first-child, .loader .bottom > div:first-child {
  background: #162623;
}
.loader .top > div:last-child, .loader .bottom > div:last-child {
  background: #EEECE7;
}
.loader .top {
  top: 0;
}
.loader .bottom {
  bottom: 0;
}

#barba-wrapper {
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  #barba-wrapper {
    margin-bottom: 100vh;
  }
}

.menu-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s;
}
.menu-container.active {
  z-index: 99;
  opacity: 1;
  transition: opacity 0.4s;
}
@media (min-width: 992px) {
  .menu-container {
    opacity: 1;
  }
  .menu-container.active {
    z-index: 1;
    opacity: 1;
  }
}

.menu-content {
  background: #D6D2CC;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Crimson Text", serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.menu-content h4 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
  color: #cd8053;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .menu-content h4 {
    font-size: 1.75em;
  }
}
.menu-content .menu {
  list-style-type: none;
  margin: 0;
  padding: 50px 0;
}
@media (min-width: 992px) {
  .menu-content .menu {
    padding: 75px 0;
  }
}
@media (min-width: 992px) and (max-height: 800px) {
  .menu-content .menu {
    padding: 25px 0;
  }
}
.menu-content .menu li a {
  font-size: 1.75em;
  color: #162623;
  text-decoration: none;
}
@media (min-width: 768px) {
  .menu-content .menu li a {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  .menu-content .menu li a {
    font-size: 3em;
  }
}
.menu-content .menu li a:focus {
  outline: none;
}
.menu-content .menu li a:after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  width: 100px;
  margin: 0 auto;
  transform: scaleX(0);
  transition: transform 0.4s;
}
.menu-content .menu li a:hover:after {
  transform: scaleX(1);
  transition: transform 0.4s;
}
@media screen and (min-width: 902px) {
  .menu-content .menu li.mobile-only {
    display: none;
  }
}
.menu-content .btn {
  font-size: 0.9em;
}

.menu__logo {
  position: absolute;
  width: 70px;
  left: 100px;
  top: 100px;
  display: none;
}
@media (min-width: 992px) {
  .menu__logo {
    display: block;
  }
}
.menu__logo svg {
  width: 100%;
  display: block;
}

h1 {
  font-family: "Crimson Text", serif;
  font-weight: 300;
  line-height: 1.25;
}

h2 {
  font-family: "Crimson Text", serif;
  font-size: 3em;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 1.5rem;
  line-height: 1.25;
}

h3 {
  font-size: 2em;
  font-family: "Crimson Text", serif;
  font-weight: 300;
}

h4 {
  font-size: 1.75em;
  font-family: "Crimson Text", serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

p {
  line-height: 1.8;
}

a {
  color: #000000;
}

.body {
  font-size: 0.9em;
}

.ui {
  font-size: 0.8em;
}

.section {
  position: relative;
  background: #FFFFFF;
}

.section--hide-on-mobile {
  display: none;
}
@media (min-width: 992px) {
  .section--hide-on-mobile {
    display: block;
  }
}

.section--biege {
  background: #EEECE7;
}

.container {
  position: relative;
}

.wrapper {
  width: 100%;
  padding: 0 25px;
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1290px) {
  .wrapper {
    padding: 0;
  }
}

.wrapper--wide {
  max-width: calc(100% - 50px);
}
@media (min-width: 1290px) {
  .wrapper--wide {
    padding: 0 25px;
  }
}
@media (min-width: 1490px) {
  .wrapper--wide {
    padding: 0;
  }
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg--image {
  background-size: cover;
  background-position: center;
}

.bg--pattern {
  background-size: 1475px auto;
  background-repeat: repeat;
  background-image: url("assets/svgs/pattern.svg");
}

.bg--split {
  height: 33%;
  background: #EEECE7;
}
@media (min-width: 992px) {
  .bg--split {
    height: 50%;
  }
}

.vertical-text {
  writing-mode: vertical-rl;
  font-family: "Crimson Text", serif;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.subtitle {
  color: #cd8053;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "Helvectica-Neue", sans-serif;
  font-weight: 600;
}

.headline {
  font-size: 2em;
  font-family: "Crimson Text", serif;
  line-height: 1;
  margin-bottom: 50px;
  display: block;
}
@media (min-width: 768px) {
  .headline {
    font-size: 3em;
  }
}

.privacy-content {
  overflow: hidden;
  padding: 150px 0 100px;
  max-width: 775px;
  margin: 0 auto;
}
.privacy-content .small {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.15em;
}
.privacy-content h1 {
  margin-top: 0;
  font-size: 3em;
}
.privacy-content h3 {
  font-size: 1.15em;
  font-family: "Helvectica-Neue", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 50px;
  letter-spacing: 0.05em;
}
.privacy-content ul, .privacy-content ol {
  padding-left: 1em;
  margin-left: 0;
}
.privacy-content ul li, .privacy-content ol li {
  font-size: 0.9em;
}

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 100;
  width: 30px;
  height: 30px;
  transform: rotate(-90deg);
  opacity: 0;
}
.back-to-top svg {
  width: 100%;
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.luv .luv__button-wrapper .luv__button-container {
  width: 48px !important;
  height: 48px !important;
}

/* Slider */
.slick-slider {
  position: relative;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-slider {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.slick-list.draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev, .slick-next {
  position: absolute;
  z-index: 2;
  top: calc(50% - 90px);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 0;
  color: transparent;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}
.slick-prev:before, .slick-next:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #000000;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  top: 0;
  left: 0;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background: white;
}

.slick-prev {
  left: 0;
  transform: scaleX(-1) translateY(-50%);
}

.slick-next {
  right: 0;
}

.slick-dots {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.slick-dots button {
  display: none;
}
.slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--accent, #000000);
  margin-right: 5px;
}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots li.slick-active {
  background: var(--accent, #000000);
}

.hero {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  background: black;
  overflow: hidden;
}
.hero .bg--image {
  opacity: 0.75;
}

.hero__logo {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 250px;
  margin-bottom: 50px;
}

.hero__subtext {
  text-align: center;
  letter-spacing: 0.2em;
  position: absolute;
  bottom: 75px;
  left: 0px;
  right: 0px;
  z-index: 98;
  font-size: 0.8em;
  font-weight: 600;
  margin: 0;
  color: #FFFFFF;
  text-transform: uppercase;
}

.hero__line {
  margin: auto;
  display: block;
  width: 2px;
  height: 100px;
  position: absolute;
  bottom: -50px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 98;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero__line:before {
  content: "";
  display: block;
  height: 60px;
  width: 100%;
  background: #FFFFFF;
}
.hero__line:after {
  content: "";
  display: block;
  height: 20px;
  width: 100%;
  background: #FFFFFF;
}

.hero--interior {
  background: #EEECE7;
  height: auto;
  min-height: 50vh;
  padding-top: 110px;
}
.hero--interior h1 {
  position: absolute;
  visibility: hidden;
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
}
.hero--interior h2 {
  font-size: 2em;
}
@media (min-width: 768px) {
  .hero--interior h2 {
    font-size: 3em;
  }
}
@media (min-width: 992px) {
  .hero--interior h2 {
    font-size: 3.1em;
  }
}

.hero--archive h1 {
  display: block;
  font-size: inherit;
  width: auto;
  height: auto;
  display: inline-block;
  visibility: visible;
  position: relative;
  font-size: 2em;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .hero--archive h1 {
    font-size: 3em;
  }
}
@media (min-width: 992px) {
  .hero--archive h1 {
    font-size: 3.1em;
  }
}

.hero__content {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 25px;
}
@media (min-width: 992px) {
  .hero__content {
    padding: 50px 0;
  }
}
.hero__content p {
  font-family: "Crimson Text", serif;
  font-size: 1.15em;
}

.carousel .slide {
  width: 100%;
}
.carousel .slide div {
  transition: none;
}
.carousel .slide .image {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.carousel .slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel .caption {
  max-width: 485px;
  padding: 0 25px;
  margin: 50px auto;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8em;
}
.carousel .caption:before, .carousel .caption:after {
  content: "";
  display: block;
  width: 150px;
  margin: 15px auto;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
}
.carousel .slick-arrow {
  background-image: url("assets/svgs/next-arrow.svg");
  background-color: transparent;
  color: transparent;
  border: none;
  width: 45px;
  height: 45px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.carousel .slick-arrow:before {
  display: none;
}
.carousel .slick-arrow:focus {
  outline: none;
}
.carousel .slick-prev {
  left: 25px;
}
.carousel .slick-next {
  right: 25px;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}
textarea:focus {
  outline: none;
}

.gform_fields {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.gform_fields input[type=text],
.gform_fields input[type=email],
.gform_fields input[type=tel] {
  border: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  border-bottom: 1px solid #000000;
}
.gform_fields input[type=text]::-webkit-input-placeholder, .gform_fields input[type=email]::-webkit-input-placeholder, .gform_fields input[type=tel]::-webkit-input-placeholder {
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8em;
}

.gform_fields input[type=text]:-moz-placeholder, .gform_fields input[type=email]:-moz-placeholder, .gform_fields input[type=tel]:-moz-placeholder {
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8em;
}

.gform_fields input[type=text]::-moz-placeholder, .gform_fields input[type=email]::-moz-placeholder, .gform_fields input[type=tel]::-moz-placeholder {
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8em;
}

.gform_fields input[type=text]:-ms-input-placeholder, .gform_fields input[type=email]:-ms-input-placeholder, .gform_fields input[type=tel]:-ms-input-placeholder {
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8em;
}

.gfield_label {
  display: none;
}

.ginput_container {
  margin-bottom: 25px;
}
.ginput_container span {
  display: block;
}
.ginput_container span label {
  display: none;
}
.ginput_container input[type=text],
.ginput_container input[type=email],
.ginput_container input[type=tel] {
  display: block;
  width: 100%;
}
.ginput_container input[type=text]:focus,
.ginput_container input[type=email]:focus,
.ginput_container input[type=tel]:focus {
  outline: none;
}

.gfield_checkbox {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.gfield_checkbox li {
  display: flex;
}
.gfield_checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #000000;
  border-radius: 3px;
  margin-right: 10px;
}
.gfield_checkbox input[type=checkbox]:checked {
  background: #000000;
}
.gfield_checkbox input[type=checkbox]:focus {
  outline: none;
}
.gfield_checkbox label {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.gform_footer input[type=submit]:focus {
  outline: none;
}

.validation_error,
.validation_message {
  color: red;
  font-size: 0.8em;
}

.gform_validation_container {
  display: none;
}

.grecaptcha-badge {
  opacity: 0;
  visibility: hidden;
}

.gfield_html {
  font-size: 0.8em;
}

.a2a_kit.a2a_default_style {
  width: 100%;
  margin: auto;
  display: block;
  float: none;
  text-align: left;
  clear: both;
}

span.a2a_svg.a2a_s__default.a2a_s_facebook.a2a_img_text, span.a2a_svg.a2a_s__default.a2a_s_twitter.a2a_img_text, span.a2a_svg.a2a_s__default.a2a_s_email.a2a_img_text {
  display: none;
}

.clear {
  clear: both;
}

.relative, #white-background {
  position: relative;
}

.col-1-1, .top-line, #home-hero, #home-vision, #sidepanel-imgright, #sidepanel-imgleft .pattern, #home-floorplan, #home-vision, #home-about, #home-neighborhood, .max-400, .max-500, .max-550, .max-600, .max-650, .max-800, .max-900, .max-1000, .max-1920, .padd-20, .padd-30, .padd-40, .padd-50, .padd-100, .padd-150, .padd-200, #subpage-hero, #subpage-herotwo, .max-60, .max-70, .max-80, .max-85, .max-90, #half-indent-left, #half-indent-right, .events-info {
  width: 100%;
  margin: auto;
  display: block;
  clear: both;
  float: none;
}

.events-info-mobile {
  display: none;
}

.left-indent-15, .right-indent-15, .left-indent, .right-indent, .right-padding {
  width: 100%;
  margin: auto;
  display: block;
}

.right-padding {
  padding: 0px 10% 0px 0px;
}

.right-indent {
  padding: 0px 10% 0px 0px;
}

.left-indent {
  padding: 0px 0px 0px 10%;
}

.left-indent-15 {
  padding: 0px 0px 0px 15%;
}

.right-indent-15 {
  padding: 0px 0px 0px 15%;
}

.left-indent-20 {
  padding: 20% 0px 0px 20%;
}

.right-indent-20 {
  padding: 20% 20% 0px 0px;
}

.right-indent-20two {
  padding: 0% 35% 0px 0px;
}

.events-info {
  padding: 50px 0px 0px 20%;
  text-align: left;
}

.left-indent li, .right-indent {
  list-style: none;
}

.news-thumb, .summary-left {
  width: 100%;
  margin: auto;
  display: block;
  text-align: left;
}

.summary-left {
  padding: 0px 20% 0px 0px;
}

.entry-title-events, .entry-title-news {
  padding: 30px 0px 20px 0px;
}

.entry-title-news, .entry-title-events {
  width: 100%;
  margin: auto;
  display: block;
  text-align: left;
}

#half-indent-right {
  padding: 0px 10% 0px 0px;
}

#half-indent-left {
  padding: 0px 10px 0px 10%;
}

.max-60 {
  max-width: 60%;
}

.max-70 {
  max-width: 70%;
}

.max-80 {
  max-width: 1200px;
}

.max-85 {
  max-width: 1200px;
}

.max-90 {
  max-width: 90%;
}

.max-400 {
  max-width: 400px;
}

.max-500 {
  max-width: 500px;
}

.max-550 {
  max-width: 550px;
}

.max-600 {
  max-width: 600px;
}

.max-650 {
  max-width: 650px;
}

.max-800 {
  max-width: 800px;
}

.max-900 {
  max-width: 900px;
}

.max-1000 {
  max-width: 1000px;
}

.max-1920 {
  max-width: 1920px;
}

.padd-30 {
  height: 30px;
}

.padd-20 {
  height: 20px;
}

.padd-40 {
  height: 40px;
}

.padd-50 {
  height: 50px;
}

.padd-100 {
  height: 100px;
}

.padd-150 {
  height: 150px;
}

.padd-200 {
  height: 200px;
}

.full-left, .full-right {
  max-width: 80%;
}

.col {
  height: 100%;
  min-height: 100%;
  width: 50%;
  display: block;
  margin: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
}

.col.right {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
}

.col .content {
  height: 100%;
  min-height: 100%;
}

.col-1-2, .col-1-2image {
  float: left;
  margin: auto;
  width: 50%;
}

.col-1-2-left {
  float: left;
  margin: 0px 5% 0px 0px;
  width: 45%;
  position: relative;
}

.col-1-2-right {
  float: left;
  margin: 0px 0px 0px 5%;
  width: 45%;
  position: relative;
}

.col-1-2image {
  overflow: hidden;
}

.col-1-3 {
  float: left;
  margin: auto;
  width: 30%;
}

.col-1-4 {
  float: left;
  margin: auto;
  width: 25%;
}

.col-2-3, .col-7-10 {
  float: left;
  margin: auto;
  width: 70%;
}

.col-6-10 {
  float: left;
  margin: auto;
  width: 60%;
}

.col-8-10, .col-8-10mobile {
  float: left;
  margin: auto;
  width: 80%;
}

.col-9-10 {
  float: left;
  margin: auto;
  width: 90%;
}

.col-1-10 {
  float: left;
  margin: auto;
  width: 10%;
}

.col-2-10, .col-2-10mobile {
  float: left;
  margin: auto;
  width: 20%;
}

.col-3-10 {
  float: left;
  margin: auto;
  width: 30%;
}

.col-4-10 {
  float: left;
  margin: auto;
  width: 40%;
}

.circle {
  width: 100%;
  margin: 10px auto auto auto;
  display: block;
  float: right;
  max-width: 40px;
}

.mapplic-section {
  width: 100%;
  background: #EEECE7;
}
@media (min-width: 992px) {
  .mapplic-section {
    height: 100vh;
  }
}
.mapplic-section .mapplic-element {
  height: 100% !important;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .mapplic-section .mapplic-element {
    flex-direction: row-reverse;
  }
}

.mapplic-sidebar {
  left: 0;
  padding: 0 !important;
  background: #EEECE7;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  width: 100% !important;
  max-width: 430px !important;
}
.mapplic-sidebar h3 {
  display: inline-block;
  color: #000000;
  font-size: 3em !important;
  line-height: 1.25;
  width: 100%;
  height: auto;
  padding: 50px;
  padding-bottom: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .mapplic-sidebar h3 {
    padding: 50px;
  }
}
@media screen and (max-width: 767px) {
  .mapplic-sidebar h3 {
    font-size: 2em !important;
  }
}

.mapplic-portrait .mapplic-sidebar {
  padding: 0px !important;
}

.mapplic-pin {
  display: none;
  opacity: 0;
  transition: opacity 0.4s;
}
.mapplic-pin.active {
  display: block;
  opacity: 1;
  transition: opacity 0.4s !important;
}

.mapplic-container {
  overflow: hidden;
}

.mapplic-filter {
  margin-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mapplic-pin.pin-image {
  border: 0px !important;
}

.mapplic-list-expandable {
  background: transparent !important;
  padding: 0 !important;
}

.mapplic-list-container {
  box-shadow: none !important;
  flex-grow: 1;
  background: #EEECE7 !important;
}
.mapplic-list-container:before {
  display: none !important;
}
.mapplic-list-container .list {
  background: transparent !important;
  padding: 0 50px !important;
}
.mapplic-list-container .list .item {
  margin-bottom: 25px !important;
  cursor: pointer;
}
.mapplic-list-container .list .item span {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}
.mapplic-list-container .list .item span:after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s;
}
.mapplic-list-container .list .item span:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
  transition: transform 0.4s;
}
.mapplic-list-container .list .item.active span:after {
  transform: scaleX(1);
}

.mapplic-thumbnail {
  display: none;
}

.mapplic-list-category > a,
.mapplic-list-location > a {
  background-color: transparent !important;
  padding: 15px 50px !important;
  margin: 0 !important;
}
.mapplic-list-category > a h4,
.mapplic-list-location > a h4 {
  font-family: "Helvectica-Neue", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0;
  font-size: 0.9em;
  font-weight: 400;
}

.vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.split-columns {
  position: relative;
  top: 0;
  background: #FFFFFF;
}
@media (min-width: 992px) {
  .split-columns {
    height: 300vh;
  }
}

.split-column {
  width: 100%;
  left: 0;
  overflow: hidden;
  z-index: 0;
}
.split-column.active {
  z-index: 1;
}
@media (min-width: 992px) {
  .split-column {
    display: flex;
    position: sticky;
    top: 0;
    height: 100vh;
  }
}

@media (min-width: 992px) {
  .split-column--reverse {
    flex-direction: row-reverse;
  }
}

@media (min-width: 992px) {
  .split-column__image, .split-column__content {
    width: 50%;
    flex-shrink: 0;
  }
}

.split-column__content {
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 50px;
  position: relative;
}
.split-column__content h3 {
  font-size: 2em;
  font-family: "Crimson Text", serif;
  line-height: 1.3;
  font-weight: 100;
  margin: 40px 0 20px;
}
@media (min-width: 768px) {
  .split-column__content h3 {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 3em;
  }
}
@media (min-width: 768px) and (max-height: 700px) {
  .split-column__content h3 {
    font-size: 2.25em;
  }
}
.split-column__content p {
  max-width: 380px;
  line-height: 1.8;
}

.split-column__content--biege {
  background: #EEECE7;
}

.split-column__icon img {
  max-width: 75px;
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
.split-column__icon hr {
  height: 2px;
  border: none;
  width: 40px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  margin-bottom: 0;
}

.split-column__label {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  color: #cd8053;
}

.split-column__image {
  height: 100%;
  position: relative;
}
.split-column__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.split-column-trigger {
  pointer-events: none;
  top: 150vh;
  position: absolute;
}

.full-width-image {
  position: relative;
  z-index: 2;
}
.full-width-image img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.box-callout {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(60px);
  color: #FFFFFF;
  padding: 50px;
}
@media (min-width: 1290px) {
  .box-callout {
    padding-right: calc((100vw - 1160px) / 2);
  }
}
.box-callout h2, .box-callout p {
  position: relative;
  z-index: 1;
  max-width: 450px;
}
.box-callout:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(65, 80, 73, 0.9);
  z-index: 0;
}

.headline-image-copy {
  padding: 50px 0;
}
@media (min-width: 992px) {
  .headline-image-copy {
    padding: 100px 0;
  }
}
.headline-image-copy .container {
  display: grid;
  row-gap: 25px;
  -moz-column-gap: 100px;
       column-gap: 100px;
}
@media (min-width: 768px) {
  .headline-image-copy .container {
    row-gap: 50px;
  }
}
@media (min-width: 992px) {
  .headline-image-copy .container {
    grid-template-columns: repeat(8, 1fr);
  }
}
.headline-image-copy img {
  margin-bottom: 25px;
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .headline-image-copy img {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .headline-image-copy .copy {
    grid-column: span 5;
  }
}
.headline-image-copy .headline--centered {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  max-width: 680px;
}
@media (min-width: 768px) {
  .headline-image-copy .headline--centered {
    margin-bottom: 100px;
  }
}
.headline-image-copy .blockquote p {
  font-size: 1.15em;
  font-family: "Crimson Text", serif;
  line-height: 1.25;
  margin: 0;
}
.headline-image-copy .blockquote a {
  font-size: 1.15em;
  font-family: "Crimson Text", serif;
  line-height: 1.5;
  color: #cd8053;
}
@media (min-width: 768px) {
  .headline-image-copy .blockquote p, .headline-image-copy .blockquote a {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  .headline-image-copy .blockquote {
    grid-column: span 3;
  }
}

.blockquote--desktop {
  display: none;
}
@media (min-width: 992px) {
  .blockquote--desktop {
    display: block;
  }
}

.blockquote--mobile {
  display: block;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .blockquote--mobile {
    display: none;
  }
}

.headline-copy-image {
  padding: 50px 0;
}
@media (min-width: 992px) {
  .headline-copy-image {
    padding: 100px 0;
    display: flex;
    align-items: center;
  }
  .headline-copy-image .content {
    width: 60%;
  }
  .headline-copy-image .image {
    width: 40%;
  }
  .headline-copy-image .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.headline-copy-image .content {
  padding: 50px;
}
.headline-copy-image .content h2, .headline-copy-image .content p {
  max-width: 485px;
}
@media (min-width: 992px) {
  .headline-copy-image .content {
    padding: 50px 100px;
  }
}

@media (min-width: 992px) {
  .headline-copy-image--flipped {
    flex-direction: row-reverse;
  }
}

.icon-callout {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .icon-callout {
    padding: 100px 0;
  }
}
.icon-callout .container {
  padding: 50px 25px;
}
@media (min-width: 768px) {
  .icon-callout .container {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .icon-callout .container {
    padding: 50px;
    max-width: 960px;
    margin: 0 auto;
  }
}
@media (min-width: 1290px) {
  .icon-callout .container {
    padding: 50px 0;
  }
}
.icon-callout img {
  width: 110px;
  height: auto;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .icon-callout img {
    /*max-height: 100%;*/
    margin-bottom: 0;
  }
}
.icon-callout .callout {
  font-size: 1.15em;
  color: #FFFFFF;
  font-family: "Crimson Text", serif;
}
@media (min-width: 768px) {
  .icon-callout .callout {
    margin-left: 50px;
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  .icon-callout .callout {
    margin-left: 100px;
  }
}

.image-accordion {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  .image-accordion {
    padding: 100px 0;
  }
}
.image-accordion h3 {
  margin-top: 0;
}
.image-accordion h4 {
  margin: 15px 0;
}
.image-accordion .image {
  margin-bottom: 25px;
  width: 100%;
}
.image-accordion .image img {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .image-accordion .image {
    display: block;
    margin-bottom: 0;
  }
}
.image-accordion .accordion {
  padding: 20px;
}
@media (min-width: 1290px) {
  .image-accordion .accordion {
    padding-left: calc((100vw - 1160px) / 2);
  }
}
@media (min-width: 992px) {
  .image-accordion {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: stretch;
  }
  .image-accordion .image, .image-accordion .accordion {
    width: 50%;
  }
}
@media (min-width: 1290px) {
  .image-accordion .image {
    width: 40%;
  }
}

.accordion__items {
  margin: 0;
  padding: 0;
}

.accordion__item {
  list-style-type: none;
  margin-bottom: 20px;
}

.accordion__title {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #000000;
  cursor: pointer;
  align-items: center;
}
.accordion__title .accordion__chevron {
  transform: rotate(0);
  transition: rotate 0.5s;
  width: 20px;
  height: 20px;
}
.accordion__title .accordion__chevron svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.accordion__title .accordion__chevron svg path {
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
}
.accordion__title h4 {
  font-size: 1.15em;
  font-family: "Helvectica-Neue", sans-serif;
  font-weight: 400;
}
.accordion__title.active .accordion__chevron {
  transform: rotate(90deg);
  transition: rotate 0.5s;
}

.accordion__content {
  overflow: hidden;
  padding-top: 25px;
}
@media (min-width: 768px) {
  .accordion__content {
    display: flex;
  }
}
.accordion__content h5 {
  font-size: 0.9em;
}

.accordion__icon {
  width: 50px;
  flex-shrink: 0;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .accordion__icon {
    padding: 25px;
    width: 100px;
    margin-top: 0;
  }
}
.accordion__icon img, .accordion__icon svg {
  width: 100%;
  display: block;
}

@media (min-width: 992px) {
  .image-accordion--flipped {
    flex-direction: row;
  }
}
.image-accordion--flipped .accordion {
  padding: 20px;
}
@media (min-width: 992px) {
  .image-accordion--flipped .accordion {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1290px) {
  .image-accordion--flipped .accordion {
    padding-right: calc((100vw - 1160px) / 2);
  }
}

/* Retail Page - Change background color on block at top */
.page-id-592 .hero--interior {
  min-height: auto;
}
.page-id-592 .hero__content {
  padding-top: 65px;
  padding-bottom: 33px;
}

.retail-key-section {
  background: #EEECE7;
  width: 100%;
  padding: 50px 0 100px 0;
}
@media (min-width: 992px) {
  .retail-key-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 100px 0;
  }
}
.retail-key-section h3 {
  margin-top: 0;
}
.retail-key-section h4 {
  margin: 15px 0;
}
.retail-key-section .retail-map {
  height: 100vw;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
  width: 100%;
}
@media (min-width: 992px) {
  .retail-key-section .retail-map {
    height: auto;
    margin-top: 75px;
    width: 50%;
    order: 2;
  }
}
@media (min-width: 1290px) {
  .retail-key-section .retail-map {
    min-height: 783px;
    width: 40%;
  }
}
.retail-key-section .retail-map .map {
  left: -1px;
  position: absolute;
  top: 0;
  /*right: 0;*/
  z-index: 0;
}
.retail-key-section .retail-map .map.active {
  z-index: 10;
}
.retail-key-section .retail-map .map img {
  max-width: 100%;
  width: 100%;
  border-bottom: 1px solid #EEECE7;
  /*border-left: 1px solid $biege;*/
}
@media (min-width: 1290px) {
  .retail-key-section .retail-map .map img {
    /*max-width: 750px;*/
    width: auto;
  }
}
.retail-key-section .retail-map .retail-image {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .retail-key-section .retail-map .retail-image {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.retail-key-section .retail-map .retail-image a.map-link {
  position: absolute;
  bottom: 50px;
  left: 30px;
  text-transform: uppercase;
  color: #AF8062;
  background: #FFFFFF;
  font-size: 1em;
  line-height: 1;
  letter-spacing: 1.5px;
  text-decoration: none;
  border-radius: 15px;
  padding: 5px 20px;
}
@media (min-width: 768px) {
  .retail-key-section .retail-map .retail-image a.map-link {
    bottom: 30px;
    left: 30px;
  }
}
.retail-key-section .retail-map .retail-image.retail-key-image-1.active, .retail-key-section .retail-map .retail-image.retail-key-image-2.active, .retail-key-section .retail-map .retail-image.retail-key-image-3.active, .retail-key-section .retail-map .retail-image.retail-key-image-4.active, .retail-key-section .retail-map .retail-image.retail-key-image-5.active, .retail-key-section .retail-map .retail-image.retail-key-image-6.active, .retail-key-section .retail-map .retail-image.retail-key-image-7.active, .retail-key-section .retail-map .retail-image.retail-key-image-8.active {
  z-index: 8;
}
.retail-key-section .retail-map .retail-image img {
  border-bottom: 1px solid #EEECE7;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .retail-key-section .retail-map .retail-image img {
    max-height: 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .retail-key-section .retail-map {
    display: block;
    margin-bottom: 0;
  }
}
.retail-key-section .accordion {
  padding: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .retail-key-section .accordion {
    width: 50%;
    order: 1;
  }
}
@media (min-width: 1290px) {
  .retail-key-section .accordion {
    padding-left: calc((100vw - 1160px) / 2);
    padding-right: 100px;
  }
}
.retail-key-section .accordion h1 {
  margin-top: 0;
}
.retail-key-section .accordion__items {
  margin: 0;
  padding: 0;
}
.retail-key-section .accordion__item {
  list-style-type: none;
  margin-bottom: 20px;
}
.retail-key-section .accordion__title__retail {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #000000;
  cursor: pointer;
  align-items: center;
}
.retail-key-section .accordion__title__retail span {
  font-family: "Helvectica-Neue", sans-serif;
  font-size: 1em;
  letter-spacing: 0.5px;
  background: #000000;
  color: #FFFFFF;
  border-radius: 100%;
  padding: 1px 6px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .retail-key-section .accordion__title__retail span {
    font-size: 0.9em;
  }
}
.retail-key-section .accordion__title__retail .accordion__chevron {
  transform: rotate(0);
  transition: rotate 0.5s;
  width: 20px;
  height: 20px;
}
.retail-key-section .accordion__title__retail .accordion__chevron svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.retail-key-section .accordion__title__retail .accordion__chevron svg path {
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
}
.retail-key-section .accordion__title__retail h4 {
  font-size: 1em;
  font-family: "Helvectica-Neue", sans-serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .retail-key-section .accordion__title__retail h4 {
    font-size: 1.15em;
  }
}
.retail-key-section .accordion__title__retail.active .accordion__chevron {
  transform: rotate(90deg);
  transition: rotate 0.5s;
}
.retail-key-section .accordion__content__retail {
  overflow: hidden;
  padding: 25px 0;
}
@media (min-width: 768px) {
  .retail-key-section .accordion__content__retail {
    display: block;
  }
}
.retail-key-section .accordion__content__retail h5 {
  font-size: 0.9em;
}
.retail-key-section .accordion__content__retail h3 {
  font-family: "Helvectica-Neue", sans-serif;
  font-size: 0.8em;
  line-height: 19px;
  letter-spacing: 1.5px;
  color: #102723;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}
.retail-key-section .accordion__content__retail a {
  font-family: "Helvectica-Neue", sans-serif;
  font-size: 0.8em;
  line-height: 1.5;
  letter-spacing: 1.5px;
  color: #AF8062;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  display: block;
}
.retail-key-section .accordion__content__retail a:hover {
  text-decoration: underline;
}
.retail-key-section .accordion__content__retail a.email {
  margin-top: 5px;
}
.retail-key-section .accordion__content__retail a.website {
  font-family: "Crimson Text", serif;
  font-size: 1em;
  line-height: 1.5;
  letter-spacing: 0.25px;
  text-transform: initial;
  font-weight: 400;
}
.retail-key-section .accordion__content__retail p {
  font-family: "Crimson Text", serif;
  padding-right: 25px;
  font-size: 1em;
  line-height: 1.5;
  letter-spacing: 0.25px;
  margin: 0;
  margin-bottom: 25px;
}
.retail-key-section .accordion__content__retail .contact {
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
  padding-bottom: 25px;
}
.retail-key-section .accordion__content__retail .contact .address {
  padding-right: 15px;
}
.retail-key-section .accordion__icon {
  width: 50px;
  flex-shrink: 0;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .retail-key-section .accordion__icon {
    padding: 25px;
    width: 100px;
    margin-top: 0;
  }
}
.retail-key-section .accordion__icon img, .retail-key-section .accordion__icon svg {
  width: 100%;
  display: block;
}

.prefooter {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .prefooter {
    padding: 100px 0;
  }
}
.prefooter h3 {
  max-width: 690px;
  margin-bottom: 25px;
  margin-top: 0;
  font-size: 2em;
}
@media (min-width: 992px) {
  .prefooter h3 {
    font-size: 3em;
  }
}

.contact-form {
  background: #D6D2CC;
  display: block;
  padding: 100px 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  .contact-form .wrapper {
    display: flex;
  }
  .contact-form .wrapper .content,
  .contact-form .wrapper .form {
    width: 50%;
  }
}
.contact-form textarea {
  border-radius: 0;
  background: transparent;
  border: 1px solid #000000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #000000;
  font-size: 0.8em;
  padding: 10px;
}
.contact-form h3 {
  margin: 0;
  line-height: 1.25;
  font-size: 1.75em;
}
@media (min-width: 768px) {
  .contact-form h3 {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  .contact-form h3 {
    font-size: 3em;
  }
}
.contact-form .content {
  padding-right: 50px;
}
.contact-form .content span {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 20px;
  display: block;
  margin-bottom: 20px;
}
.contact-form .gform_footer {
  display: inline-block;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  padding: 2px;
  cursor: pointer;
  position: relative;
  margin-top: 50px;
}
.contact-form .gform_footer:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  background: #D6D2CC;
  z-index: 0;
}
.contact-form .gform_footer:hover input[type=submit] {
  color: #FFFFFF;
}
.contact-form .gform_footer:hover:before {
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}
.contact-form .gform_footer input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border-radius: 0;
  padding: 10px 15px;
  font-family: "Crimson Text", serif;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.contact-form .gform_footer input[type=submit]:hover {
  background: transparent;
  color: #FFFFFF;
}

.featured-post {
  padding: 0 25px 25px;
}
@media (min-width: 992px) {
  .featured-post {
    padding: 0 100px 100px;
  }
}
@media (min-width: 1290px) {
  .featured-post {
    max-width: 1160px;
    padding: 0 0 100px 0;
    margin: 0 auto;
  }
}
.featured-post img {
  width: 100%;
  display: block;
  margin-bottom: 50px;
}
.featured-post h1,
.featured-post h2 {
  font-size: 2em;
  margin-top: 0;
  font-size: 1.75em;
}
@media (min-width: 768px) {
  .featured-post h1,
  .featured-post h2 {
    font-size: 2em;
  }
}
.featured-post .post__summary h1,
.featured-post .post__summary h2 {
  max-width: 600px;
}
.featured-post .post__summary h1 a,
.featured-post .post__summary h2 a {
  text-decoration: none;
}
.featured-post .post__summary p {
  max-width: 600px;
}
.featured-post .post__summary--flex {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .featured-post .post__summary--flex {
    flex-direction: row;
  }
}
.featured-post .post__summary--flex h1, .featured-post .post__summary--flex h2 {
  max-width: 600px;
}
.featured-post .post__summary--flex .post__details {
  margin-left: auto;
}
.featured-post .post__details span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  font-size: 0.9em;
}

.post-grid {
  padding: 50px 25px;
  display: grid;
  row-gap: 50px;
  -moz-column-gap: 50px;
       column-gap: 50px;
}
@media (min-width: 992px) {
  .post-grid {
    padding: 100px;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 100px;
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media (min-width: 1290px) {
  .post-grid {
    max-width: 1160px;
    padding: 100px 0;
    margin: 0 auto;
  }
}
.post-grid .post img {
  width: 100%;
  display: block;
  max-width: 100%;
}
.post-grid h2 {
  font-size: 2em;
}
.post-grid h2 a {
  text-decoration: none;
}

.post__details {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .post__details {
    margin-left: auto;
  }
}
.post__details span {
  display: block;
}

.post__image {
  width: 100%;
  padding-top: 125%;
  position: relative;
}
.post__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

article.news,
article.events {
  background: #EEECE7;
  padding-top: 80px;
}
@media (min-width: 992px) {
  article.news,
  article.events {
    padding-top: 160px;
  }
}
article.news .featured-post,
article.events .featured-post {
  margin-bottom: 0;
}
article.news .entry-meta,
article.events .entry-meta {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 100px;
  font-size: 0.9em;
}
article.news .entry-meta ul,
article.events .entry-meta ul {
  padding: 0;
  margin: 0;
  margin-bottom: 50px;
}
article.news .entry-meta ul li,
article.events .entry-meta ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}
article.news .entry-meta a,
article.events .entry-meta a {
  text-decoration: none;
  display: inline-block;
}
article.news .entry-meta a:after,
article.events .entry-meta a:after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
}

.section--box-content {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
  padding: 20px;
  position: relative;
  color: #FFFFFF;
}
.box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  opacity: 0.9;
}

.box__content {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 275px;
}
@media (min-width: 768px) {
  .box__content {
    max-width: 375px;
  }
}
@media (min-width: 992px) {
  .box__content {
    max-width: 450px;
  }
}
.box__content h4 {
  font-size: 1.15em;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 768px) {
  .box__content h4 {
    font-size: 1.15em;
  }
}
.box__content hr {
  margin: 15px auto;
  width: 125px;
  height: 2px;
  background: #FFFFFF;
}
.box__content a {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 0.8em;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.tab-container {
  padding: 100px 0;
}

.tabs {
  display: flex;
}

.tab {
  color: #cd8053;
  cursor: pointer;
  display: inline-block;
  font-size: 0.9em;
}
.tab.active, .tab:hover {
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  color: #FFFFFF;
}

.tab-content {
  display: none;
  padding: 50px 0;
}
.tab-content.active {
  display: block;
}

.page-template-page-floorplans .box-callout {
  position: relative;
  transform: none;
}
.page-template-page-floorplans .box-callout h2 br {
  display: none;
}
@media (min-width: 768px) {
  .page-template-page-floorplans .box-callout h2 br {
    display: inherit;
  }
}
@media (min-width: 992px) {
  .page-template-page-floorplans .box-callout {
    position: absolute;
    transform: translateY(60px);
  }
}

.sightmap-container {
  width: auto;
  height: 100vh;
}

.filters {
  display: flex;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  margin-bottom: 50px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .filters {
    margin-bottom: 100px;
  }
}
.filters span {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .filters span {
    margin-right: 20px;
    width: auto;
  }
}
.filters .forms {
  display: flex;
}
.filters form {
  margin-right: 100px;
}
.filters form:last-child {
  margin-right: 0;
}
.filters ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.filters ul li {
  margin-right: 20px;
  cursor: pointer;
  margin-bottom: 10px;
}
.filters ul li:last-child {
  margin-right: 0;
}
@media (min-width: 992px) {
  .filters ul li {
    margin-bottom: 0;
  }
}
.filters ul li:after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s;
}
.filters ul li:hover:after, .filters ul li.mixitup-control-active:after {
  transform: scaleX(1);
  transform-origin: left center;
  transition: transform 0.4s;
}
.filters ul button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 1em;
  text-transform: uppercase;
}
.filters ul button:focus, .filters ul button:hover {
  outline: none;
}

.floorplans {
  display: flex;
  justify-content: space-between;
}
@supports (display: grid) {
  .floorplans {
    display: grid;
    row-gap: 50px;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
  @media (min-width: 768px) {
    .floorplans {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 992px) {
    .floorplans {
      grid-template-columns: repeat(3, 1fr);
    }
  }
}

.floorplan {
  background: #EEECE7;
  padding: 30px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.floorplan:hover {
  background: #DDD9D0;
}
.floorplan h4 {
  margin: 0 0 10px;
  font-family: "Helvectica-Neue", sans-serif;
  font-weight: 400;
  font-size: 1.15em;
  margin-top: auto;
}

.floorplan__image {
  padding: 20px;
  margin-bottom: 20px;
  flex-grow: 1;
}
.floorplan__image img {
  margin: auto auto;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.floorplan__details {
  font-size: 0.66em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.floorplan__details .bed:after {
  content: "|";
  text-align: center;
  display: inline-block;
  width: 10px;
  margin-left: 5px;
}
.floorplan__details .sq-feet {
  display: block;
}
.floorplan__details .ada {
  display: block;
  margin-top: 10px;
}

.explore-blocks {
  background: #FFFFFF;
  padding: 100px 0;
}
@media (min-width: 992px) {
  .explore-blocks .wrapper {
    display: flex;
    justify-content: space-between;
  }
}

.explore-block {
  width: 100%;
  text-decoration: none;
  margin-bottom: 50px;
  display: block;
}
.explore-block img {
  display: block;
}
.explore-block:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .explore-block {
    margin-bottom: 0;
    width: calc(50% - 25px);
  }
}

.explore-block__image {
  height: 0;
  padding-bottom: 66.66%;
  overflow: hidden;
  position: relative;
}
.explore-block__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.explore-block__title {
  display: flex;
  align-items: center;
}
.explore-block__title div:first-child {
  flex-grow: 1;
}
.explore-block__title h3 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.explore-block__title span {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
}
.explore-block__title .chevron {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-image: url("assets/svgs/next-arrow-dark.svg");
}

html.is-popup-open,
html.is-popup-open body {
  overflow: hidden;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
}
.popup.is-visible {
  opacity: 1;
  visibility: visible;
}

.popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(120, 72, 50, 0.88) 0%, rgba(205, 128, 83, 0.88) 100%);
  cursor: pointer;
}

.popup__panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1100px;
  max-height: 90vh;
  overflow-y: auto;
  display: flex;
  align-items: center;
  background: #162623;
  padding: 60px 30px;
}
@media (min-width: 768px) {
  .popup__panel {
    min-height: min(600px, 80vh);
    padding: 80px;
  }
}

.popup__close {
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 0;
  background: none;
  border: 0;
  line-height: 0;
  cursor: pointer;
  color: #EEECE7;
  transition: color 0.4s;
}
@media (min-width: 768px) {
  .popup__close {
    top: 45px;
    right: 45px;
  }
}
.popup__close svg {
  display: block;
  width: 24px;
  height: 24px;
}
.popup__close:hover {
  color: #cd8053;
}

.popup__content {
  width: 100%;
}

.popup__heading {
  font-family: "Crimson Text", serif;
  font-weight: 300;
  font-size: 1.75em;
  line-height: 1.15;
  color: #EEECE7;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .popup__heading {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  .popup__heading {
    font-size: 3em;
  }
}

.popup__copy {
  font-family: "Helvectica-Neue", sans-serif;
  font-size: 0.9em;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  max-width: 600px;
  margin: 0 0 40px;
}

.popup__cta {
  color: #EEECE7;
}
.popup__cta:hover {
  color: #FFFFFF;
}

@media (min-width: 992px) {
  .snap-content {
    max-height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(100vh);
    scroll-snap-type: y mandatory;
  }
  .snap-content .section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    height: 100vh;
    position: relative;
  }
  .snap-content .split-columns {
    position: sticky;
    top: 0;
  }
}

.section--about {
  padding: 100px 0;
  color: #FFFFFF;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .section--about {
    height: 100vh;
  }
}
.section--about h2 {
  max-width: 480px;
}
.section--about p {
  max-width: 420px;
}
.section--about .vertical-text {
  position: absolute;
  left: 50px;
  top: 50px;
  color: #FFFFFF;
  text-decoration: none;
  align-items: center;
  display: none;
}
@media (min-width: 768px) {
  .section--about .vertical-text {
    display: flex;
  }
}
.section--about .vertical-text:after {
  content: "";
  display: block;
  height: 60px;
  width: 1px;
  background: #FFFFFF;
  margin-top: 10px;
}

.about__content {
  max-width: 875px;
}

.about__details {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 50px;
       column-gap: 50px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .about__details {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .about__details {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
.about__details .column span {
  display: block;
}
.about__details .column .ui {
  margin: 10px 0 15px 0;
}
.about__details .column p {
  line-height: 1.5;
  font-size: 0.9em;
}
.about__details hr {
  width: 30px;
  height: 2px;
  background: linear-gradient(to right, #784832 0%, #cd8053 100%);
  margin-left: 0;
}

/*--------------------------------------------------------------
# Vision
--------------------------------------------------------------*/
h1.entry-title,
.archive.post-type-archive.post-type-archive-events h1.page-title,
.navigation.post-navigation {
  display: none;
}

.body-indent-lefttwo {
  text-align: left;
  padding: 0px 15% 0px 0px;
}

.body-indent-left {
  text-align: left;
  padding: 0px 21% 0px 0px;
}

.blockquote-left,
.blockquote-left-gold {
  text-align: left;
}

.page-id-91 .blockquote-left {
  max-width: 325px;
}

.blockquote-left,
.blockquote-left-gold {
  padding: 0px 20px 0px 20px;
}

.page-id-188 .blockquote-left {
  max-width: 390px;
  padding: 0px 0px 0px 0px;
}

.blockquote-left-gold {
  max-width: 381px;
}

.blockquote-left-gold {
  color: #cd8053;
  padding: 0px 0px 0px 0px;
}

#overlap {
  padding: 150px 20px 150px 20px;
  text-align: center;
  position: relative;
}

.super-text {
  width: 100%;
  margin: auto auto 10px auto;
  display: block;
  text-align: left;
  max-width: 60px;
  float: left;
}

.page-id-249 #overlap .heading-indent-dark {
  max-width: 600px;
}

#overlap .heading-indent-dark {
  text-align: left;
  padding: 0px 0px 50px 0px;
  clear: both;
}

.over-beige {
  background: #eeece7;
  position: absolute;
  display: block;
  z-index: -1;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  margin: auto;
  height: 600px;
}

.over-white {
  background: #ffffff;
  position: absolute;
  display: block;
  z-index: -2;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  height: 100%;
}

#beige,
#white {
  text-align: center;
  padding: 170px 20px 100px 20px;
}

#beige-two {
  text-align: center;
  padding: 130px 20px 100px 20px;
}

#beige,
#beige-two {
  background: #eeece7;
}

#white,
#white-background {
  background: #ffffff;
}

img.full.mobile-finishes-image {
  display: none;
  width: 100%;
  margin: auto;
  text-align: center;
}

/*--------------------------------------------------------------
# 404 Page
--------------------------------------------------------------*/
.error-404.not-found .page-header h1,
.error-404.not-found .page-content p {
  text-align: center;
}

.error-404.not-found .page-content p {
  padding: 0px 48px 30px 48px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.error-404.not-found .page-header h1 {
  padding: 0px 48px 30px 48px;
}