@charset "UTF-8";
/*!
	Theme Name: Canvas
	Author: Neon Canvas
	Author URI: http://neoncanvas.com
	Description: Client framework for Neon Canvas sites
	Version: 3.0
	Text Domain: canvas
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

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

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 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 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * 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;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * 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;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 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 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * 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;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
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 and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 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 */
}

*,
*:after,
*:before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 32px;
  color: #2A2620;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: #EEE9D8;
}
body.active {
  overflow: hidden;
}
body.logged-in.admin-bar {
  margin-top: 32px;
}
body.logged-in.admin-bar header {
  margin-top: 32px;
}

a {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  text-decoration: none;
  cursor: pointer;
}

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

iframe {
  max-width: 100%;
}

hr {
  margin: 2em 0;
  height: 1px;
  border: 0;
  background: #ededed;
}

section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 7em 0;
  background: #EEE9D8;
}
section.full {
  padding: 0;
}
section .wrapper:before, section .wrapper:after {
  content: "";
  display: table;
}
section .wrapper:after {
  clear: both;
}
section .wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 1140px;
}
@media only screen and (max-width: 920px) {
  section {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
  }
}

@media screen and (max-width: 920px) {
  .fl-col-small {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 920px) {
  .mobile-hide {
    display: none !important;
  }
}

@media screen and (min-width: 920px) {
  .mobile-show {
    display: none !important;
  }
}

.uai {
  display: none !important;
}

.fl-accordion-button-label:focus {
  outline: none !important;
}

body.logged-in.admin-bar {
  margin-top: 0 !important;
}

.centered-text {
  text-align: center;
}

.side-pattern {
  position: relative;
  padding-left: 40px;
}
@media screen and (max-width: 920px) {
  .side-pattern {
    padding-left: 20px;
  }
}
.side-pattern:before {
  background-color: #1D3327;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  content: "";
  background-image: url(/wp-content/themes/canvas/img/herringbone-pattern-cream.svg);
}
@media screen and (max-width: 920px) {
  .side-pattern:before {
    width: 20px;
  }
}
@media screen and (min-width: 920px) {
  .side-pattern:before {
    background-attachment: fixed;
  }
}

.logo-tr {
  position: relative;
}
.logo-tr:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  height: 46px;
  width: 40px;
  background-image: url(/wp-content/themes/canvas/img/logo-icon-sml.svg);
}
@media screen and (max-width: 920px) {
  .logo-tr:after {
    height: 22px;
    width: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

ul.lrg {
  font-size: 22px;
  line-height: 38px;
}
@media only screen and (max-width: 920px) {
  ul.lrg {
    font-size: 16px;
    line-height: 32px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.1em;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #BD785C;
}

h1 {
  font-size: 90px;
}
@media only screen and (max-width: 1140px) {
  h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 920px) {
  h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 60px;
}
@media only screen and (max-width: 1140px) {
  h2 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 920px) {
  h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 480px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 42px;
}
@media only screen and (max-width: 1140px) {
  h3 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 920px) {
  h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 480px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  font-size: 32px;
}
@media only screen and (max-width: 1140px) {
  h4 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 920px) {
  h4 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 480px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
p {
  font-family: "Raleway", sans-serif;
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 32px;
}
p:last-of-type {
  margin: 0 0 30px;
}
p.lrg {
  font-size: 22px;
  line-height: 38px;
}
@media only screen and (max-width: 920px) {
  p.lrg {
    font-size: 16px;
    line-height: 32px;
  }
}
p.xlrg {
  font-size: 60px;
  line-height: 1.1em;
}
@media only screen and (max-width: 1140px) {
  p.xlrg {
    font-size: 40px;
  }
}
@media only screen and (max-width: 920px) {
  p.xlrg {
    font-size: 28px;
  }
}
@media only screen and (max-width: 480px) {
  p.xlrg {
    font-size: 22px;
  }
}

.eyebrow {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
.eyebrow.orange {
  color: #BD785C;
}

blockquote {
  padding: 55px 30px;
  margin: 0;
  position: relative;
  margin: 0 0 30px;
  background-color: #efefef;
}
blockquote:after {
  top: 100%;
  left: 30px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #efefef;
  border-width: 10px;
}
blockquote .stars {
  margin: 0 0 20px;
  display: block;
}
blockquote .stars i {
  color: gold;
  letter-spacing: 3px;
}
blockquote span {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 700;
}

p a:not(.btn),
.entry-content a:not(.btn),
.page-content a:not(.btn) {
  color: #9A5236;
}
p a:not(.btn):hover, p a:not(.btn):focus,
.entry-content a:not(.btn):hover,
.entry-content a:not(.btn):focus,
.page-content a:not(.btn):hover,
.page-content a:not(.btn):focus {
  color: #7E4530;
}

.btn {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  padding: 12px 50px;
  width: auto;
  background: transparent;
  border: 2px solid #BD785C;
  outline: 0;
  cursor: pointer;
  height: auto;
  position: relative;
  margin: 0 30px 15px 0;
}
@media screen and (max-width: 920px) {
  .btn {
    font-size: 14px;
    padding: 8px 28px;
    margin: 0 15px 15px 0;
  }
}
.btn.orange {
  background-color: #BD785C;
}
.btn.orange:hover {
  background-color: #1D3327;
  color: #fff;
  border-color: #1D3327;
}
.btn:after {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  border-width: 0 18px 18px 0;
  border-style: solid;
  border-color: #EEE9D8 #EEE9D8 transparent transparent;
}
.btn.cream-arrow:after {
  border-color: #EEE9D8 #EEE9D8 transparent transparent;
}
.btn.orange-arrow:after {
  border-color: #BD785C #BD785C transparent transparent;
}
.btn.green-arrow:after {
  border-color: #1A3A2A #1A3A2A transparent transparent;
}
.btn.dkgreen-arrow:after {
  border-color: #1D3327 #1D3327 transparent transparent;
}
.btn:hover {
  background-color: #fff;
  color: #1D3327;
}
.btn:hover:after {
  top: 0;
  right: 0;
  border-color: #BD785C #BD785C transparent transparent;
}
.btn {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}

.btn-hollow {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  padding: 12px 50px;
  width: auto;
  background: transparent;
  border: 2px solid #BD785C;
  outline: 0;
  cursor: pointer;
  height: auto;
  position: relative;
}
.btn-hollow:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  border-width: 0 18px 18px 0;
  border-style: solid;
}
.btn-hollow.cream-arrow:after {
  border-color: #EEE9D8 #EEE9D8 transparent transparent;
}
.btn-hollow.orange-arrow:after {
  border-color: #BD785C #BD785C transparent transparent;
}
.btn-hollow.green-arrow:after {
  border-color: #1A3A2A #1A3A2A transparent transparent;
}
.btn-hollow.dkgreen-arrow:after {
  border-color: #1D3327 #1D3327 transparent transparent;
}
.btn-hollow:hover {
  color: #fff;
  background: #222325;
}
.btn-hollow {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}

.gform_legacy_markup_wrapper {
  margin-bottom: 16px;
  margin-top: 16px;
  max-width: 100%;
}

.gform_legacy_markup_wrapper form {
  text-align: left;
  max-width: 100%;
  margin: 0 auto;
}

.gform_legacy_markup_wrapper *,
.gform_legacy_markup_wrapper :after,
.gform_legacy_markup_wrapper :before {
  box-sizing: border-box !important;
}

.gform_legacy_markup_wrapper h1,
.gform_legacy_markup_wrapper h2,
.gform_legacy_markup_wrapper h3 {
  font-weight: 400;
  border: none;
  background: 0 0;
}

.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size: inherit;
  font-family: inherit;
  padding: 5px 4px;
  letter-spacing: normal;
}

.gform_legacy_markup_wrapper input[type=image] {
  border: none !important;
  padding: 0 !important;
  width: auto !important;
}

.gform_legacy_markup_wrapper textarea {
  font-size: inherit;
  font-family: inherit;
  letter-spacing: normal;
  padding: 6px 8px;
  line-height: 1.5;
  resize: none;
}

.gform_legacy_markup_wrapper select {
  line-height: 1.5;
}

.gform_legacy_markup_wrapper .ginput_container_multiselect select {
  background-image: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
}

.gform_legacy_markup_wrapper ul.gform_fields {
  margin: 0 !important;
  list-style-type: none;
  display: block;
}

.gform_legacy_markup_wrapper ul,
html > body .entry ul {
  text-indent: 0;
}

.gform_legacy_markup_wrapper form li,
.gform_legacy_markup_wrapper li {
  margin-left: 0 !important;
  list-style-type: none !important;
  list-style-image: none !important;
  list-style: none !important;
  overflow: visible;
}

.gform_legacy_markup_wrapper ul li.gfield {
  clear: both;
}

.gform_legacy_markup_wrapper ul.gfield_checkbox li,
.gform_legacy_markup_wrapper ul.gfield_radio li {
  overflow: hidden;
}

.gform_legacy_markup_wrapper form ul.gform_fields.left_label li.gfield,
.gform_legacy_markup_wrapper form ul.gform_fields.right_label li.gfield,
.gform_legacy_markup_wrapper ul.gform_fields.left_label li.gfield,
.gform_legacy_markup_wrapper ul.gform_fields.right_label li.gfield {
  margin-bottom: 14px;
}

.gform_legacy_markup_wrapper form ul.left_label li ul.gfield_checkbox li,
.gform_legacy_markup_wrapper form ul.left_label li ul.gfield_radio li,
.gform_legacy_markup_wrapper form ul.right_label li ul.gfield_checkbox li,
.gform_legacy_markup_wrapper form ul.right_label li ul.gfield_radio li,
.gform_legacy_markup_wrapper ul.left_label li ul.gfield_checkbox li,
.gform_legacy_markup_wrapper ul.left_label li ul.gfield_radio li,
.gform_legacy_markup_wrapper ul.right_label li ul.gfield_checkbox li,
.gform_legacy_markup_wrapper ul.right_label li ul.gfield_radio li {
  margin-bottom: 10px;
}

.gform_legacy_markup_wrapper ul li:after,
.gform_legacy_markup_wrapper ul li:before,
.gform_legacy_markup_wrapper ul.gform_fields {
  padding: 0;
  margin: 0;
  overflow: visible;
}

.gform_legacy_markup_wrapper select {
  font-size: inherit;
  font-family: inherit;
  letter-spacing: normal;
}

.gform_legacy_markup_wrapper select option {
  padding: 2px;
  display: block;
}

.gform_legacy_markup_wrapper .inline {
  display: inline !important;
}

.gform_legacy_markup_wrapper .gform_heading {
  width: 100%;
  margin-bottom: 18px;
}

.gform_legacy_markup_wrapper .clear-multi {
  display: flex;
}

.gform_legacy_markup_wrapper .gfield_date_day,
.gform_legacy_markup_wrapper .gfield_date_year {
  display: -moz-inline-stack;
  display: inline-block;
}

.gform_legacy_markup_wrapper .gfield_date_day,
.gform_legacy_markup_wrapper .gfield_date_month,
.gform_legacy_markup_wrapper .gfield_date_year {
  width: 33.333%;
  flex-direction: row;
}

@media only screen and (min-width: 321px) {
  .gform_legacy_markup_wrapper .gfield_date_day,
  .gform_legacy_markup_wrapper .gfield_date_month {
    max-width: 4rem;
  }
  .gform_legacy_markup_wrapper .gfield_date_year {
    max-width: 4.5rem;
  }
}
.gform_legacy_markup_wrapper .gfield_date_dropdown_day,
.gform_legacy_markup_wrapper .gfield_date_dropdown_month,
.gform_legacy_markup_wrapper .gfield_date_dropdown_year {
  vertical-align: top;
  flex-direction: row;
}

.gform_legacy_markup_wrapper .gfield_date_dropdown_day,
.gform_legacy_markup_wrapper .gfield_date_dropdown_month,
.gform_legacy_markup_wrapper .gfield_date_dropdown_year {
  margin-right: 0.5rem;
}

.gform_legacy_markup_wrapper .gfield_date_day,
.gform_legacy_markup_wrapper .gfield_date_month {
  width: 4rem;
  margin-right: 0.5rem;
}

.gform_legacy_markup_wrapper .gfield_date_day input[type=number],
.gform_legacy_markup_wrapper .gfield_date_month input[type=number] {
  width: calc(3rem + 8px) !important;
}

.gform_legacy_markup_wrapper .gfield_date_year input[type=number] {
  width: calc(4rem + 8px) !important;
}

.gform_legacy_markup_wrapper .gfield_date_year {
  width: 5rem;
}

.gform_legacy_markup_wrapper .gfield_date_day input,
.gform_legacy_markup_wrapper .gfield_date_month input {
  width: calc(3rem + 8px);
}

.gform_legacy_markup_wrapper .gfield_date_year input {
  width: 4rem;
}

.gform_legacy_markup_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label,
.gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label {
  width: 3rem;
  text-align: center;
}

.gform_legacy_markup_wrapper .field_sublabel_above div.gfield_date_year.ginput_container label,
.gform_legacy_markup_wrapper .field_sublabel_below div.gfield_date_year.ginput_container label {
  width: 4rem;
}

.gform_legacy_markup_wrapper .gfield_time_ampm,
.gform_legacy_markup_wrapper .gfield_time_hour,
.gform_legacy_markup_wrapper .gfield_time_minute {
  font-size: 15px;
  width: 33.333%;
  flex-direction: row;
}

@media only screen and (min-width: 321px) {
  .gform_legacy_markup_wrapper .gfield_time_ampm,
  .gform_legacy_markup_wrapper .gfield_time_hour,
  .gform_legacy_markup_wrapper .gfield_time_minute {
    max-width: 72px;
  }
}
.gform_legacy_markup_wrapper ul.gform_fields:not(.top_label) .ginput_container_time span {
  float: left;
}

.gform_legacy_markup_wrapper .gfield_time_hour {
  margin-right: 10px;
  display: flex;
}

.gform_legacy_markup_wrapper .gfield_time_hour i {
  font-style: normal !important;
  font-family: sans-serif !important;
  width: 4px;
  text-align: center;
  float: right;
  margin-top: 9%;
}

.gform_legacy_markup_wrapper .gfield_time_minute {
  margin-right: 8px;
  display: flex;
}

.gform_legacy_markup_wrapper .ginput_complex .gfield_time_hour input,
.gform_legacy_markup_wrapper .ginput_complex .gfield_time_minute input {
  margin-left: 0;
  width: 85% !important;
}

.gform_legacy_markup_wrapper .gfield_time_hour input,
.gform_legacy_markup_wrapper .gfield_time_minute input {
  margin-right: 6px;
  width: 56px;
}

.gform_legacy_markup_wrapper .gfield_time_hour input[type=number],
.gform_legacy_markup_wrapper .gfield_time_minute input[type=number] {
  max-width: 64px;
  min-width: 64px;
}

.gform_legacy_markup_wrapper .gfield_time_ampm {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
}

.gform_legacy_markup_wrapper .gfield_time_ampm select {
  min-width: 77px;
  width: 77px;
  height: 100%;
  margin-top: 0 !important;
  margin-left: 0 !important;
}

.gform_legacy_markup_wrapper .gfield_time_ampm_shim {
  display: block;
  font-size: 13px;
  margin: 9px 0 1px 1px;
}

.gform_legacy_markup_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label,
.gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
  width: 48px;
  text-align: center;
}

.gform_legacy_markup_wrapper .field_name_first,
.gform_legacy_markup_wrapper .field_name_last,
.gform_legacy_markup_wrapper .field_name_middle {
  width: 49.5%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
}

.gform_legacy_markup_wrapper .ginput_complex.ginput_container {
  overflow: visible;
  width: 100%;
}

.gform_legacy_markup_wrapper label.gfield_label,
.gform_legacy_markup_wrapper legend.gfield_label {
  font-weight: 700;
  font-size: inherit;
}

.gform_legacy_markup_wrapper .top_label .gfield_label,
.gform_legacy_markup_wrapper legend.gfield_label {
  display: -moz-inline-stack;
  display: inline-block;
  line-height: 1.3;
  clear: both;
}

.gform_legacy_markup_wrapper .top_label .gfield_hide_label {
  display: none;
}

body .gform_legacy_markup_wrapper .top_label div.ginput_container {
  margin-top: 8px;
}

body.gform_legacy_markup_wrapper div.clear-multi {
  display: -moz-inline-stack;
  display: inline-block;
}

body .gform_legacy_markup_wrapper ul li.gfield {
  margin-top: 16px;
  padding-top: 0;
}

body .gform_legacy_markup_wrapper ul.gfields li.gfield label.gfield_label {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
  line-height: inherit;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li,
body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
  list-style-type: disc !important;
  margin: 0 0 8px 0;
  overflow: visible;
  padding-left: 0;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul,
body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul {
  list-style-type: disc !important;
  margin: 16px 0 16px 28px !important;
  padding-left: 0;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li,
body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li {
  list-style-type: decimal !important;
  overflow: visible;
  margin: 0 0 8px 0;
  padding-left: 0;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol,
body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol {
  list-style-type: decimal !important;
  margin: 16px 0 18px 32px;
  padding-left: 0;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul,
body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
  list-style-type: disc !important;
  padding-left: 0;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul {
  margin: 16px 0 16px 16px;
}

body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
  margin: 0 0 8px;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl {
  margin: 0 0 18px 0;
  padding-left: 0;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt {
  font-weight: 700;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd {
  margin: 0 0 16px 18px;
}

.gform_legacy_markup_wrapper span.gf_clear_span {
  display: block;
  height: 1px;
  overflow: hidden;
  width: 100%;
  float: none;
  clear: both;
  margin-top: -1px;
}

.gform_legacy_markup_wrapper .chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.gform_legacy_markup_wrapper .chosen-container * {
  box-sizing: border-box;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  display: none;
}

.gform_legacy_markup_wrapper .chosen-container.chosen-with-drop .chosen-drop {
  display: block;
}

.gform_legacy_markup_wrapper .chosen-container a {
  cursor: pointer;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-single .group-name,
.gform_legacy_markup_wrapper .chosen-container .search-choice .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #999;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-single .group-name:after,
.gform_legacy_markup_wrapper .chosen-container .search-choice .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  background-color: #fff;
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single input[type=text] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  width: 0;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-default {
  color: #999;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.gform_legacy_markup_wrapper .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(chosen-sprite.png) no-repeat 0 2px;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-search input[type=text] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url(chosen-sprite.png) no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.gform_legacy_markup_wrapper .chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: 700;
  cursor: default;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: 0 0 !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eee;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.gform_legacy_markup_wrapper .chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.gform_legacy_markup_wrapper .chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.gform_legacy_markup_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

.gform_legacy_markup_wrapper .chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: 0 0;
}

.gform_legacy_markup_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.gform_legacy_markup_wrapper .chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.gform_legacy_markup_wrapper .chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

.gform_legacy_markup_wrapper .chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.gform_legacy_markup_wrapper .chosen-disabled .chosen-single {
  cursor: default;
}

.gform_legacy_markup_wrapper .chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.gform_legacy_markup_wrapper .chosen-rtl {
  text-align: right;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-choices li {
  float: right;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.gform_legacy_markup_wrapper .chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.gform_legacy_markup_wrapper .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.gform_legacy_markup_wrapper .chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  background: url(chosen-sprite.png) no-repeat -30px -20px;
  direction: rtl;
}

.gform_legacy_markup_wrapper .chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.gform_legacy_markup_wrapper .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .gform_legacy_markup_wrapper .chosen-container .chosen-results-scroll-down span,
  .gform_legacy_markup_wrapper .chosen-container .chosen-results-scroll-up span,
  .gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .gform_legacy_markup_wrapper .chosen-container-single .chosen-search input[type=text],
  .gform_legacy_markup_wrapper .chosen-container-single .chosen-single abbr,
  .gform_legacy_markup_wrapper .chosen-rtl .chosen-search input[type=text] {
    background-image: url(chosen-sprite@2x.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
body .gform_legacy_markup_wrapper .chosen-container a.chosen-single {
  border-radius: inherit;
}

body .gform_legacy_markup_wrapper ul.chosen-results li {
  line-height: inherit;
}

@media only screen and (max-width: 641px) {
  .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 2;
    min-height: 2rem;
  }
  .gform_legacy_markup_wrapper textarea {
    line-height: 1.5;
  }
  .gform_legacy_markup_wrapper .chosen-container.chosen-container-single[style] {
    width: 100% !important;
  }
  .gform_legacy_markup_wrapper .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 2.8;
  }
  .gform_legacy_markup_wrapper .chosen-container-single .chosen-single div b {
    position: relative;
    top: 10px;
  }
  .gform_legacy_markup_wrapper div.chosen-container.chosen-container-multi[style] {
    width: 100% !important;
  }
  .gform_legacy_markup_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice,
  .gform_legacy_markup_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {
    width: 100%;
    line-height: inherit;
    float: none;
  }
  .gform_legacy_markup_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span {
    margin-bottom: 0;
  }
  .gform_legacy_markup_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: calc(50% - 6px);
  }
  .gform_legacy_markup_wrapper .ginput_container span:not(.ginput_price) {
    margin-bottom: 8px;
    display: block;
  }
  .gform_legacy_markup_wrapper li.field_sublabel_below .ginput_complex {
    margin-top: 12px !important;
  }
  .gform_legacy_markup_wrapper ul.gform_fields:not(.top_label) .gform_fileupload_multifile .gform_drop_area {
    margin-left: 29%;
    width: 70%;
  }
  body .gform_legacy_markup_wrapper span.ginput_left.address_city + input.gform_hidden + span.ginput_left.address_country {
    width: calc(50% - 8px);
    margin-right: 0;
  }
  .gform_legacy_markup_wrapper ul.gform_fields:not(.top_label) .ginput_container.ginput_recaptcha {
    margin-left: 29% !important;
  }
  .gform_legacy_markup_wrapper .gform_page_footer .button.gform_previous_button {
    margin-bottom: 0;
  }
  .gform_legacy_markup_wrapper .gform_page_footer .button.gform_button,
  .gform_legacy_markup_wrapper .gform_page_footer .button.gform_next_button {
    margin-right: 10px;
  }
  body .gform_legacy_markup_wrapper select.medium.gfield_select + div.chosen-container-multi[style],
  body .gform_legacy_markup_wrapper select.medium.gfield_select + div.chosen-container-single[style] {
    width: calc(50% - 8px) !important;
  }
  body .gform_legacy_markup_wrapper select.large.gfield_select + div.chosen-container-multi[style],
  body .gform_legacy_markup_wrapper select.large.gfield_select + div.chosen-container-single[style] {
    width: 100% !important;
  }
  body .gform_legacy_markup_wrapper select.small.gfield_select + div.chosen-container-multi[style],
  body .gform_legacy_markup_wrapper select.small.gfield_select + div.chosen-container-single[style] {
    width: 25% !important;
  }
}
.gfield_repeater_cell > .gfield_repeater_wrapper {
  border-left: 8px solid rgba(54, 86, 102, 0.1);
  background-color: rgba(1, 1, 1, 0.02);
  padding: 10px 20px;
  border-radius: 8px;
  border-bottom: 1px solid #eee;
}

.gfield_repeater_wrapper input {
  border: 1px solid #c5c6c5;
  border-radius: 4px;
}

.gfield_repeater_wrapper .gfield_repeater_wrapper {
  margin-top: 10px;
}

.gfield_repeater_buttons .add_repeater_item_text,
.gfield_repeater_buttons .remove_repeater_item_text {
  min-width: 100px;
  height: 30px;
  background: rgba(242, 242, 242, 0.5);
  transition: all 0.3s cubic-bezier(0.67, 0.17, 0.4, 0.83);
  font-size: 12px;
  color: #757575;
  border-radius: 20px;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid rgba(117, 117, 117, 0.4);
  font-weight: 400;
}

.gfield_repeater_buttons .add_repeater_item_plus,
.gfield_repeater_buttons .remove_repeater_item_minus {
  width: 22px;
  height: 22px;
  background: rgba(242, 242, 242, 0.5);
  transition: all 0.3s cubic-bezier(0.67, 0.17, 0.4, 0.83);
  font-size: 16px;
  color: #757575;
  border-radius: 50%;
  margin: 10px 5px 0 5px;
  border: 1px solid rgba(117, 117, 117, 0.4);
  font-weight: 700;
  padding: 0;
  padding-bottom: 5px;
}

.gfield_repeater_buttons button.gfield_icon_disabled {
  cursor: default;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

.gfield_repeater_buttons button.gfield_icon_disabled:hover {
  background: rgba(242, 242, 242, 0.5);
  color: #757575;
  border: 1px solid rgba(117, 117, 117, 0.4);
}

.gfield_repeater_buttons button:hover {
  background: #fafafa;
  color: #374750;
  border: 1px solid #757575;
}

.gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child) {
  border-bottom: 2px solid #e0e0e6;
  padding-bottom: 20px;
}

.gfield_repeater_cell > .gfield_repeater_wrapper {
  border-left: 8px solid #f1f1f1;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 1px -1px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
}

.gfield_repeater_buttons .add_repeater_item_text:focus,
.gfield_repeater_buttons .remove_repeater_item_text:focus {
  outline: 0;
}

.gfield_repeater_item .gfield_repeater_cell .gfield_required {
  color: #c32121;
}

.gform_legacy_markup_wrapper .gfield_repeater_cell label {
  color: #9b9a9a;
  font-weight: 400;
  font-size: 14px;
  padding-top: 8px;
}

.gfield_repeater_value .gfield_repeater_value .gfield_repeater_cell {
  padding-bottom: 20px;
  padding-top: 0;
}

div .gfield_repeater_cell {
  margin-top: 5px;
}

.gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child) {
  border-bottom: 2px solid #e0e0e6;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
}

.gfield_repeater_value > .gfield_repeater {
  border-left: 8px solid rgba(54, 86, 102, 0.1);
  background-color: rgba(1, 1, 1, 0.02);
  padding: 10px 20px;
  border-radius: 8px;
  border-bottom: 1px solid #eee;
  margin: 10px;
}

.gfield_repeater_cell .gfield_repeater_value:not(:first-child) {
  color: rgba(117, 117, 117, 0.7);
  border: 1px solid #c5c6c5;
  border-radius: 4px;
  margin-right: 10px;
  padding-left: 10px;
  background-color: #f0f0f0;
}

.gfield_repeater .gfield_repeater_items,
.gfield_repeater_items .gfield_repeater_cell:not(:first-child) {
  padding-top: 5px;
}

.gfield_repeater .gfield_label {
  color: #23282d;
  font-size: 16px;
  font-weight: 600;
}

.gfield_repeater_value .gfield_label {
  padding-bottom: 0;
}

.gfield_repeater_value .gfield_repeater_value .gfield_repeater_item:first-child {
  padding-bottom: 0;
}

.gform_wrapper .gform_body {
  width: 100% !important;
}
.gform_wrapper .gform_body .gform_fields .gfield {
  padding-right: 0;
}
.gform_wrapper .gform_body .gform_fields .gfield label,
.gform_wrapper .gform_body .gform_fields .gfield label.gfield_label {
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 0.8em;
}
.gform_wrapper .gform_body .gform_fields .gfield label .gfield_required,
.gform_wrapper .gform_body .gform_fields .gfield label.gfield_label .gfield_required {
  display: none;
}
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container textarea,
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container input[type=tel] {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  font-family: "Raleway", sans-serif;
  font-size: 0.9em;
  padding: 0.6em;
  max-width: 100%;
  outline: 0;
  border: solid 1px #222325;
  width: 100%;
}
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container textarea:focus,
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container input[type=email]:focus,
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container input[type=tel]:focus {
  border-color: #222325;
}
.gform_wrapper .gform_body .gform_fields .gfield div.ginput_container .gfield_checkbox input[type=checkbox] {
  margin-top: 0;
  margin-right: 0.3em;
}
.gform_wrapper .gform_body .gform_fields .multicolumn-wrapper ul li {
  float: left;
  width: 50%;
  clear: none;
}
.gform_wrapper .gform_body .gform_fields .multicolumn-wrapper ul li:first-child {
  padding-right: 2.5%;
}
.gform_wrapper .gform_footer input[type=submit] {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  padding: 12px 50px;
  width: auto;
  background: transparent;
  border: 2px solid #BD785C;
  outline: 0;
  cursor: pointer;
  height: auto;
  position: relative;
  margin: 0 30px 15px 0;
}
@media screen and (max-width: 920px) {
  .gform_wrapper .gform_footer input[type=submit] {
    font-size: 14px;
    padding: 8px 28px;
    margin: 0 15px 15px 0;
  }
}
.gform_wrapper .gform_footer input[type=submit].orange {
  background-color: #BD785C;
}
.gform_wrapper .gform_footer input[type=submit].orange:hover {
  background-color: #1D3327;
  color: #fff;
  border-color: #1D3327;
}
.gform_wrapper .gform_footer input[type=submit]:after {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  border-width: 0 18px 18px 0;
  border-style: solid;
  border-color: #EEE9D8 #EEE9D8 transparent transparent;
}
.gform_wrapper .gform_footer input[type=submit].cream-arrow:after {
  border-color: #EEE9D8 #EEE9D8 transparent transparent;
}
.gform_wrapper .gform_footer input[type=submit].orange-arrow:after {
  border-color: #BD785C #BD785C transparent transparent;
}
.gform_wrapper .gform_footer input[type=submit].green-arrow:after {
  border-color: #1A3A2A #1A3A2A transparent transparent;
}
.gform_wrapper .gform_footer input[type=submit].dkgreen-arrow:after {
  border-color: #1D3327 #1D3327 transparent transparent;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
  background-color: #fff;
  color: #1D3327;
}
.gform_wrapper .gform_footer input[type=submit]:hover:after {
  top: 0;
  right: 0;
  border-color: #BD785C #BD785C transparent transparent;
}
.gform_wrapper ::-webkit-input-placeholder {
  color: #222325;
}
.gform_wrapper :-moz-placeholder {
  color: #222325;
}
.gform_wrapper ::-moz-placeholder {
  color: #222325;
}
.gform_wrapper :-ms-input-placeholder {
  color: #222325;
}

.gform_confirmation_message {
  background: #c7ffc7;
  padding: 20px;
  margin: 20px 0 0;
  border: 1px solid #7cd07c;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.gform_heading {
  display: none !important;
}

div#apbct-check_email_exist-popup_description {
  display: none !important;
}

@font-face {
  font-family: "canvas";
  src: url("fonts/canvas.eot");
  src: url("fonts/canvas.eot?#iefix") format("embedded-opentype"), url("fonts/canvas.woff") format("woff"), url("fonts/canvas.ttf") format("truetype"), url("fonts/canvas.svg#canvas") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=c-]:before,
[class*=" c-"]:before {
  font-family: "canvas";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-facebook:before {
  content: "i";
}

.c-google-plus:before {
  content: "j";
}

.c-instagram:before {
  content: "k";
}

.c-snapchat:before {
  content: "l";
}

.c-twitter:before {
  content: "m";
}

.c-youtube:before {
  content: "n";
}

.c-pinterest:before {
  content: "a";
}

.c-neon-canvas-horizontal:before {
  content: "b";
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.bgvideo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.bgvideo video {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translateX(-50%);
  background-position: center right;
}

.container-fluid,
.container,
.container-lrg {
  margin-right: auto;
  margin-left: auto;
  padding: 0 25px;
}

.container-lrg {
  max-width: 1370px;
}

.container-fluid {
  padding-right: 25px;
  padding-left: 25px;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 830px) {
  .container {
    width: 47rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .around-sm {
    justify-content: space-around;
  }
  .between-sm {
    justify-content: space-between;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 63rem;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    justify-content: center;
    text-align: center;
  }
  .end-md {
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .around-md {
    justify-content: space-around;
  }
  .between-md {
    justify-content: space-between;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 74rem;
  }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .around-lg {
    justify-content: space-around;
  }
  .between-lg {
    justify-content: space-between;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
}
@media screen and (max-width: 920px) {
  .mobile-first {
    order: 0;
  }
}

@media screen and (max-width: 920px) {
  .mobile-last {
    order: 1;
  }
}

.max-w-200 {
  width: 200px;
  max-width: 100%;
}
.max-w-200.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-250 {
  width: 250px;
  max-width: 100%;
}
.max-w-250.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-300 {
  width: 300px;
  max-width: 100%;
}
.max-w-300.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-350 {
  width: 350px;
  max-width: 100%;
}
.max-w-350.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-400 {
  width: 400px;
  max-width: 100%;
}
.max-w-400.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-450 {
  width: 450px;
  max-width: 100%;
}
.max-w-450.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-500 {
  width: 500px;
  max-width: 100%;
}
.max-w-500.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-550 {
  width: 550px;
  max-width: 100%;
}
.max-w-550.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-600 {
  width: 600px;
  max-width: 100%;
}
.max-w-600.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-650 {
  width: 650px;
  max-width: 100%;
}
.max-w-650.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-700 {
  width: 700px;
  max-width: 100%;
}
.max-w-700.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-750 {
  width: 750px;
  max-width: 100%;
}
.max-w-750.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-800 {
  width: 800px;
  max-width: 100%;
}
.max-w-800.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-850 {
  width: 850px;
  max-width: 100%;
}
.max-w-850.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-900 {
  width: 900px;
  max-width: 100%;
}
.max-w-900.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-950 {
  width: 950px;
  max-width: 100%;
}
.max-w-950.centered {
  margin-left: auto;
  margin-right: auto;
}

.max-w-1000 {
  width: 1000px;
  max-width: 100%;
}
.max-w-1000.centered {
  margin-left: auto;
  margin-right: auto;
}

.grid-row {
  position: relative;
  width: 100%;
}

.grid-row [class^=col] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.grid-row::after {
  content: "";
  display: table;
  clear: both;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}

.col-1-sm {
  width: 4.3333333333%;
}

.col-2-sm {
  width: 12.6666666667%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.3333333333%;
}

.col-5-sm {
  width: 37.6666666667%;
}

.col-6-sm {
  width: 46%;
}

.col-7-sm {
  width: 54.3333333333%;
}

.col-8-sm {
  width: 62.6666666667%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.3333333333%;
}

.col-11-sm {
  width: 87.6666666667%;
}

.col-12-sm {
  width: 96%;
}

@media only screen and (min-width: 830px) {
  .col-1 {
    width: 4.3333333333%;
  }
  .col-2 {
    width: 12.6666666667%;
  }
  .col-3 {
    width: 21%;
  }
  .col-4 {
    width: 29.3333333333%;
  }
  .col-5 {
    width: 37.6666666667%;
  }
  .col-6 {
    width: 46%;
  }
  .col-7 {
    width: 54.3333333333%;
  }
  .col-8 {
    width: 62.6666666667%;
  }
  .col-9 {
    width: 71%;
  }
  .col-10 {
    width: 79.3333333333%;
  }
  .col-11 {
    width: 87.6666666667%;
  }
  .col-12 {
    width: 96%;
  }
  .hidden-sm {
    display: block;
  }
}
.banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #222325;
  overflow: hidden;
  height: 100vh;
  padding: 0;
}
@media screen and (max-width: 920px) {
  .banner {
    height: 600px;
    margin-top: 100px;
  }
}
@media screen and (max-width: 480px) {
  .banner {
    height: 375px;
  }
}
.banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(34, 35, 37, 0.6);
  z-index: 1;
}
.banner .banner-message {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  padding: 0 20px 90px 90px;
  width: 100%;
  margin: 30px 0 0;
  text-align: left;
}
@media screen and (max-width: 920px) {
  .banner .banner-message {
    padding: 0 20px 50px;
  }
}
@media screen and (max-width: 480px) {
  .banner .banner-message {
    padding: 0 20px 35px;
  }
}
.banner .banner-message h1,
.banner .banner-message h2,
.banner .banner-message h3,
.banner .banner-message h4,
.banner .banner-message h5,
.banner .banner-message p,
.banner .banner-message .eyebrow {
  color: #EEE9D8;
  max-width: 1120px;
}
.banner .banner-message h1 span,
.banner .banner-message h2 span,
.banner .banner-message h3 span,
.banner .banner-message h4 span,
.banner .banner-message h5 span,
.banner .banner-message p span,
.banner .banner-message .eyebrow span {
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .banner video {
    height: 600px;
  }
}
@media screen and (max-width: 480px) {
  .banner video {
    height: 375px;
  }
}
.banner .banner-scroll {
  position: absolute;
  z-index: 2;
  right: 40px;
  bottom: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  color: #EEE9D8;
}
@media screen and (max-width: 920px) {
  .banner .banner-scroll {
    display: none;
  }
}
.banner .banner-scroll__text {
  writing-mode: vertical-rl;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 13px;
  font-weight: 700;
}
.banner .banner-scroll__chevrons {
  display: block;
  animation: banner-scroll-bob 1.8s ease-in-out infinite;
}
@media screen and (max-width: 920px) {
  .banner .banner-scroll {
    right: 20px;
    bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .banner .banner-scroll {
    display: none;
  }
}

@keyframes banner-scroll-bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .banner-scroll__chevrons {
    animation: none;
  }
}
footer {
  background: #fff;
  position: relative;
  z-index: 2;
  background-image: url(/wp-content/themes/canvas/img/herringbone-bg-icon-grey.svg);
  background-repeat: no-repeat;
  background-position: left;
}
@media screen and (max-width: 920px) {
  footer {
    background-size: cover;
  }
}
footer .footer-main {
  display: flex;
  gap: 40px;
  padding: 100px 0;
}
@media screen and (max-width: 920px) {
  footer .footer-main {
    padding: 50px 0;
    text-align: center;
    justify-content: center;
  }
}
footer .footer-brand {
  flex: 1 1 40%;
}
footer .footer-brand__logo {
  display: table;
}
@media screen and (max-width: 920px) {
  footer .footer-brand__logo {
    margin: 0 auto;
  }
}
footer .footer-brand__logo svg {
  width: 386px;
  max-width: 100%;
  height: auto;
}
footer .footer-brand__email {
  display: inline-block;
  margin-top: 28px;
  color: #222325;
  line-height: 32px;
}
footer .footer-brand__email:hover {
  color: #BD785C;
}
footer .footer-cols {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: 45px;
}
footer .footer-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
footer .footer-col__title {
  display: block;
  margin: 0 0 14px;
  color: #BD785C;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-decoration: none;
}
footer .footer-col__title:hover {
  color: #222325;
}
footer .footer-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-col li {
  margin: 0;
}
footer .footer-col li a {
  color: #222325;
  line-height: 32px;
}
footer .footer-col li a:hover {
  color: #BD785C;
}
footer .footer-col__note {
  margin: 12px 0 0;
  max-width: 280px;
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #222325;
}
@media screen and (max-width: 920px) {
  footer .footer-col__note {
    max-width: 100%;
  }
}
footer .footer-social {
  display: flex;
  gap: 18px;
  margin-top: 18px;
  font-size: 20px;
}
@media screen and (max-width: 920px) {
  footer .footer-social {
    justify-content: center;
  }
}
footer .footer-social a {
  color: #BD785C;
}
footer .footer-social a:hover {
  color: #1A3A2A;
}
footer .footer-legal {
  background: #1A3A2A;
  text-align: center;
}
footer .footer-legal p {
  margin: 0;
  padding: 22px 20px;
  color: #fff;
  font-size: 16px;
}
footer .footer-legal a {
  color: #fff;
}
footer .footer-legal a:hover {
  color: #EEE9D8;
}
@media only screen and (max-width: 920px) {
  footer .footer-main {
    flex-direction: column;
    gap: 45px;
  }
  footer .footer-brand__logo svg {
    width: 300px;
  }
}
@media only screen and (max-width: 480px) {
  footer .footer-row {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}

header {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  height: 100px;
  background: #EEE9D8;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
header .utility {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background-color: #808080;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
header .utility ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .utility ul li {
  display: inline-block;
  margin: 0 15px;
}
header .utility ul li a {
  color: #fff;
  font-weight: 500;
  font-size: 10px;
}
header .utility ul li a svg,
header .utility ul li a i {
  display: inline-block;
  margin: 0 4px 0 0;
}
header .logo {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
header .logo svg {
  display: block;
  width: 300px;
  height: auto;
}
@media screen and (max-width: 380px) {
  header .logo svg {
    width: 260px;
  }
}
header nav#site-navigation {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 920px) {
  header nav#site-navigation {
    display: none;
  }
}
header nav#site-navigation .btn {
  margin: 0;
}
header nav#site-navigation .menu-navigation-container {
  display: inline-block;
  margin: 0 20px 0 0;
}
header nav#site-navigation #primary-menu {
  margin: 0;
  padding: 0;
}
header nav#site-navigation #primary-menu li {
  position: relative;
  display: inline-block;
  margin: 0 0 0 20px;
  line-height: 100px;
}
header nav#site-navigation #primary-menu li a {
  display: inline-block;
  position: relative;
  color: #1D3327;
  font-weight: 700;
}
header nav#site-navigation #primary-menu li a:hover {
  color: #BD785C;
}
header nav#site-navigation #primary-menu li:hover:after {
  width: 100%;
}
header nav#site-navigation #primary-menu li:hover ul {
  display: block;
}
header nav#site-navigation #primary-menu li ul {
  display: none;
  position: absolute;
  top: 100%;
  background: #1D3327;
  padding: 0;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: none !important;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 0;
}
header nav#site-navigation #primary-menu li ul:after {
  top: 0;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #EEE9D8;
  border-width: 10px;
  margin-left: -10px;
}
header nav#site-navigation #primary-menu li ul li {
  display: block;
  line-height: 1.75em !important;
  position: relative;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
header nav#site-navigation #primary-menu li ul li:before {
  display: none !important;
}
header nav#site-navigation #primary-menu li ul li:last-child {
  border: 0;
}
header nav#site-navigation #primary-menu li ul li ul {
  display: none !important;
  left: 100% !important;
  right: auto !important;
  top: -1px;
  margin: 0;
  transform: none;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  background: #1D3327;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
header nav#site-navigation #primary-menu li ul li ul:after {
  display: none;
}
header nav#site-navigation #primary-menu li ul li ul li a:hover {
  background-color: #1A3A2A !important;
}
header nav#site-navigation #primary-menu li ul li:hover ul {
  display: block !important;
}
header nav#site-navigation #primary-menu li ul li.current_page_item:before {
  display: none;
}
header nav#site-navigation #primary-menu li ul li a {
  color: #585858;
  white-space: nowrap;
  font-size: 16px;
  display: block;
  text-transform: none;
  letter-spacing: 0;
  padding: 15px 75px;
  color: #EEE9D8;
}
header nav#site-navigation #primary-menu li ul li a:hover {
  color: #BD785C;
  background-color: #1D3327;
}
@media only screen and (max-width: 480px) {
  header nav#site-navigation {
    display: none;
  }
}

.menu-toggle {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: none;
  line-height: 60px;
  height: 60px;
  width: 60px;
  z-index: 8;
  background: transparent;
  border: 0;
}
.menu-toggle span {
  top: 50%;
  left: 50%;
  margin-left: -7px;
}
.menu-toggle span,
.menu-toggle span:before,
.menu-toggle span:after {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  cursor: pointer;
  height: 2px;
  width: 18px;
  background: #222325;
  position: absolute;
  display: block;
}
.menu-toggle span:before {
  top: -6px;
}
.menu-toggle span:after {
  bottom: -6px;
}
.menu-toggle:focus {
  outline: none;
}
.menu-toggle.active span {
  background: transparent !important;
}
.menu-toggle.active span:before, .menu-toggle.active span:after {
  top: 0;
}
.menu-toggle.active span:before {
  transform: rotate(45deg);
}
.menu-toggle.active span:after {
  transform: rotate(-45deg);
}
@media only screen and (max-width: 920px) {
  .menu-toggle {
    display: block;
  }
}

#side-menu {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  transition-duration: 0.44s;
  position: fixed;
  height: 100%;
  width: 350px;
  top: 0;
  right: -350px;
  text-align: left;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 99999;
  padding: 65px 0 30px;
  background: #EEE9D8;
}
#side-menu:after {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  position: absolute;
  top: 30px;
  left: 30px;
  height: 46px;
  width: 40px;
  background-image: url(/wp-content/themes/canvas/img/logo-icon-sml.svg);
}
#side-menu.menu-open:after {
  transform: translateX(-200px);
}
@media screen and (max-width: 480px) {
  #side-menu {
    width: 100%;
    right: -100%;
  }
}
#side-menu.active {
  right: 0;
}
@media screen and (min-width: 920px) {
  #side-menu.active {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  }
}
#side-menu .menu-close {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 60px;
  height: 45px;
  width: 45px;
  z-index: 3;
  background: transparent;
  border: 0;
  cursor: pointer;
}
#side-menu .menu-close:hover {
  transform: scale(1.3);
}
#side-menu .menu-close span {
  top: 50%;
  margin-left: 13px;
  background: transparent !important;
}
#side-menu .menu-close span,
#side-menu .menu-close span:before,
#side-menu .menu-close span:after {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  cursor: pointer;
  height: 3px;
  width: 18px;
  position: absolute;
  display: block;
  background: #222325;
}
@media screen and (max-width: 1000px) {
  #side-menu .menu-close span,
  #side-menu .menu-close span:before,
  #side-menu .menu-close span:after {
    background: #222325;
  }
}
#side-menu .menu-close span:before {
  top: 0;
  transform: rotate(45deg);
  background: #222325;
}
@media screen and (max-width: 1000px) {
  #side-menu .menu-close span:before {
    background: #222325;
  }
}
#side-menu .menu-close span:after {
  bottom: 0;
  transform: rotate(-45deg);
  background: #222325;
}
@media screen and (max-width: 1000px) {
  #side-menu .menu-close span:after {
    background: #222325;
  }
}
#side-menu .menu-close:focus {
  outline: none;
}
#side-menu .menu-main-nav-container {
  position: relative;
}
#side-menu ul#primary-menu {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  margin: 0;
  display: block;
  padding: 0 10px;
}
#side-menu ul#primary-menu.active {
  transform: translateX(-100%);
}
#side-menu ul#primary-menu > li {
  margin: 0;
  padding: 0;
  float: none;
  display: inline-block;
  width: 100%;
  text-align: left;
  line-height: 65px;
}
#side-menu ul#primary-menu > li a {
  font-weight: 700;
  font-size: 40px;
  padding: 0 20px;
  margin: 0;
  display: inline-block;
  color: #1D3327;
  font-family: "Raleway", sans-serif;
  vertical-align: middle;
}
#side-menu ul#primary-menu > li a:hover {
  color: #222325;
}
#side-menu ul#primary-menu > li a.expand {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  padding: 0;
  cursor: pointer;
  transform: rotate(-90deg);
  margin: 0 0 -2px;
  border: 1px solid #000;
  border-radius: 100px;
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
#side-menu ul#primary-menu > li a.expand:before, #side-menu ul#primary-menu > li a.expand:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #2A2620;
  width: 1px;
  height: 8px;
  margin: -4px 0 0 -1px;
  border-radius: 6px;
  transform-origin: center;
}
#side-menu ul#primary-menu > li a.expand:before {
  transform: rotate(-45deg) translate(-4px, 0px);
  margin: -6px 0px 0px 0px !important;
}
#side-menu ul#primary-menu > li a.expand:after {
  webkit-transform: rotate(45deg) translate(4px, 0px);
  transform: rotate(45deg) translate(4px, 0px);
  margin: -5px 0 0 0 !important;
  margin: -6px 0px 0px -1px !important;
}
#side-menu ul#primary-menu > li a.expand:hover {
  background: #efefef;
}
#side-menu ul#primary-menu > li ul {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  padding: 0;
  margin: 0;
  display: none;
  float: none;
  transform: translateX(100%);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px 0 30px;
  width: 100%;
}
#side-menu ul#primary-menu > li ul.active {
  display: block;
}
#side-menu ul#primary-menu > li ul li {
  display: block;
  width: 100%;
  height: auto;
}
#side-menu ul#primary-menu > li ul li a.expand {
  display: none;
}
#side-menu ul#primary-menu > li ul li a {
  color: #222325;
  font-size: 17px;
  padding: 0 10px;
  display: block;
  font-weight: normal;
  line-height: 40px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  white-space: nowrap;
}
#side-menu ul#primary-menu > li ul li ul {
  margin: 0;
  display: block;
  float: none;
  transform: none;
  position: relative;
}
#side-menu ul#primary-menu > li ul li ul li a {
  font-weight: 400;
}
#side-menu .menu-back {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  position: relative;
  z-index: 3;
  background: transparent;
  border: 0;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 3px;
  margin: 0 0 20px 35px;
  display: inline-block;
}
#side-menu .menu-back.active {
  visibility: visible;
  opacity: 0.35;
}
#side-menu .menu-back .icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
#side-menu .menu-back .icon svg {
  display: block;
}
#side-menu .menu-back .text {
  display: inline-block;
  vertical-align: middle;
}
#side-menu .contact-info {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  padding: 20px;
}
#side-menu .contact-info .btn {
  margin-bottom: 30px;
}
#side-menu .contact-info.active {
  transform: translateX(-100%);
}

.mobile-bar {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 55px;
  background: #fff;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.05), 0 -1px 4px rgba(0, 0, 0, 0.1);
  z-index: 9998;
}
.mobile-bar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-bar ul li {
  position: relative;
  float: left;
  width: 25%;
}
.mobile-bar ul li:first-of-type {
  width: 50%;
}
.mobile-bar ul li:last-of-type {
  border-left: 2px solid #ededed;
}
.mobile-bar ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #222325;
  font-size: 1.2em;
  text-align: center;
  line-height: 55px;
  width: 100%;
  pointer-events: none;
}
.mobile-bar ul li a {
  display: block;
  color: #2A2620;
  text-align: center;
  line-height: 55px;
  overflow: hidden;
}
.mobile-bar ul li.main-action {
  width: 40%;
}
.mobile-bar ul li.main-action a {
  font-weight: 600;
  text-indent: 0;
  background: #222325;
}
.mobile-bar ul li.main-action a:hover {
  background: #222325;
}
.mobile-bar ul li:hover:before {
  color: #fff;
}
.mobile-bar ul li:hover a {
  color: #fff;
  background: #222325;
}
.mobile-bar ul li:hover ul {
  display: block;
  background: #222325;
}
.mobile-bar ul li ul {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 55px;
  background: #222325;
}
.mobile-bar ul li ul li {
  display: block;
  width: 100% !important;
  border-top: 1px solid #222325;
}
.mobile-bar ul li ul li:first-child {
  border-top: 0;
}
.mobile-bar ul li ul li a {
  text-indent: 0;
  padding: 0 3.5em;
}
@media only screen and (max-width: 920px) {
  .mobile-bar {
    display: block;
  }
}

.section-padding {
  padding: 7em 0;
}
@media only screen and (max-width: 920px) {
  .section-padding {
    padding: 3.5em 0;
  }
}

.section-padding-top {
  padding: 7em 0 0;
}
@media only screen and (max-width: 920px) {
  .section-padding-top {
    padding: 3.5em 0 0;
  }
}

.section-padding-bottom {
  padding: 0 0 7em;
}
@media only screen and (max-width: 920px) {
  .section-padding-bottom {
    padding: 0 0 3.5em;
  }
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-left-50 {
  padding-left: 50px;
}

.padding-left-60 {
  padding-left: 60px;
}

.padding-left-70 {
  padding-left: 70px;
}

.padding-left-80 {
  padding-left: 80px;
}

.padding-left-90 {
  padding-left: 90px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-left-50 {
  padding-left: 50px;
}

.padding-left-100 {
  padding-left: 100px;
}

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

.padding-right-20 {
  padding-right: 20px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-right-50 {
  padding-right: 50px;
}

.padding-right-60 {
  padding-right: 60px;
}

.padding-right-70 {
  padding-right: 70px;
}

.padding-right-80 {
  padding-right: 80px;
}

.padding-right-90 {
  padding-right: 90px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-right-50 {
  padding-right: 50px;
}

.padding-right-100 {
  padding-right: 100px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-top-100 {
  padding-top: 100px;
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-10 {
    padding-top: 10px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-20 {
    padding-top: 20px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-30 {
    padding-top: 30px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-40 {
    padding-top: 40px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-50 {
    padding-top: 50px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-60 {
    padding-top: 60px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-70 {
    padding-top: 70px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-80 {
    padding-top: 80px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-90 {
    padding-top: 90px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-top-100 {
    padding-top: 100px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-10 {
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-20 {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-30 {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-40 {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-50 {
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-60 {
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-70 {
    padding-bottom: 70px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-80 {
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-90 {
    padding-bottom: 90px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-bottom-100 {
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-10 {
    padding-left: 10px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-20 {
    padding-left: 20px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-30 {
    padding-left: 30px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-40 {
    padding-left: 40px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-50 {
    padding-left: 50px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-60 {
    padding-left: 60px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-70 {
    padding-left: 70px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-80 {
    padding-left: 80px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-90 {
    padding-left: 90px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-left-100 {
    padding-left: 100px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-10 {
    padding-right: 10px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-20 {
    padding-right: 20px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-30 {
    padding-right: 30px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-40 {
    padding-right: 40px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-50 {
    padding-right: 50px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-60 {
    padding-right: 60px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-70 {
    padding-right: 70px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-80 {
    padding-right: 80px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-90 {
    padding-right: 90px;
  }
}

@media screen and (min-width: 920px) {
  .desktop-padding-right-100 {
    padding-right: 100px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-10 {
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-20 {
    padding-top: 20px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-30 {
    padding-top: 30px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-40 {
    padding-top: 40px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-50 {
    padding-top: 50px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-60 {
    padding-top: 60px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-70 {
    padding-top: 70px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-80 {
    padding-top: 80px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-90 {
    padding-top: 90px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-top-100 {
    padding-top: 100px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-10 {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-20 {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-30 {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-40 {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-50 {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-60 {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-70 {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-80 {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-90 {
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-bottom-100 {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-10 {
    padding-left: 10px !important;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-20 {
    padding-left: 20px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-30 {
    padding-left: 30px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-40 {
    padding-left: 40px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-50 {
    padding-left: 50px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-60 {
    padding-left: 60px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-70 {
    padding-left: 70px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-80 {
    padding-left: 80px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-90 {
    padding-left: 90px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-left-100 {
    padding-left: 100px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-10 {
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-20 {
    padding-right: 20px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-30 {
    padding-right: 30px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-40 {
    padding-right: 40px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-50 {
    padding-right: 50px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-60 {
    padding-right: 60px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-70 {
    padding-right: 70px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-80 {
    padding-right: 80px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-90 {
    padding-right: 90px;
  }
}

@media screen and (max-width: 920px) {
  .mobile-padding-right-100 {
    padding-right: 100px;
  }
}

.spacer {
  content: "";
  display: block;
  position: relative;
  height: 20px;
}
.spacer.spacer-5 {
  height: 5px;
}
.spacer .spacer-10 {
  height: 10px;
}
.spacer.spacer-15 {
  height: 15px;
}
.spacer.spacer-20 {
  height: 15px;
}
.spacer.spacer-25 {
  height: 15px;
}
.spacer.spacer-lrg {
  height: 30px;
}

/* Trigger element - inherits all typography from parent */
.call-trigger {
  cursor: pointer;
}

/* Modal overlay (hidden by default) */
.call-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-family: inherit;
}

.call-modal.is-open {
  display: flex;
}

/* Modal box */
.call-modal__box {
  background: #fff;
  border-radius: 8px;
  padding: 2rem 1.5rem;
  max-width: 420px;
  width: 100%;
  text-align: center;
  position: relative;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* Close button */
.call-modal__close {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  background: none;
  border: none;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
  padding: 0.25rem 0.5rem;
}

.call-modal__close:hover {
  opacity: 1;
}

/* Heading */
.call-modal__title {
  margin: 0 0 1.25rem;
  font-family: inherit;
  font-size: 1.25em;
}

/* Button container */
.call-modal__actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: stretch;
}

/* Prevent body scroll when modal open */
body.call-modal-open {
  overflow: hidden;
}

.page-hero {
  background-color: #1A3A2A;
  margin-top: 100px;
}
.page-hero .eyebrow {
  display: block;
  margin: 0 0 22px;
}
.page-hero h1 {
  margin: 0;
  color: #EEE9D8;
  font-weight: 300;
}
.page-hero h1 em {
  font-style: italic;
}
.page-hero__head p {
  margin: 24px 0 0;
  color: #EEE9D8;
}
.page-hero__body p {
  margin: 0;
  color: #fff;
}
@media screen and (min-width: 920px) {
  .page-hero__body p {
    padding-left: 30px;
  }
}
@media screen and (max-width: 920px) {
  .page-hero__body {
    margin-top: 30px;
  }
}

.content-statement {
  background-color: #EEE9D8;
}
.content-statement__intro h2 em {
  font-style: italic;
}
.content-statement__cols .container-lrg {
  display: flex;
}
@media screen and (min-width: 920px) {
  .content-statement .col-right {
    padding-left: 35px;
  }
}
.content-statement__col {
  flex: 1 1 50%;
}
.content-statement__col p {
  margin: 0 0 22px;
}
.content-statement__col p:last-child {
  margin-bottom: 0;
}
.content-statement__lede strong {
  font-weight: 700;
}
.content-statement__list {
  margin: 0 0 22px;
  padding-left: 20px;
}
.content-statement__list li {
  margin: 0 0 12px;
  padding-left: 6px;
}
.content-statement__list li:last-child {
  margin-bottom: 0;
}
.content-statement__lead {
  max-width: 1040px;
  margin: 0;
  font-size: 32px;
  line-height: 46px;
  font-weight: 300;
}
.content-statement__lead em {
  font-style: italic;
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .content-statement__intro .container-lrg {
    padding-bottom: 35px;
  }
  .content-statement__cols .container-lrg {
    flex-direction: column;
  }
  .content-statement__col {
    padding: 40px 0;
  }
  .content-statement__col:first-child {
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid #c6c1b3;
  }
  .content-statement__col:last-child {
    padding-left: 0;
  }
  .content-statement__lead {
    font-size: 24px;
    line-height: 36px;
  }
}

.media-intro {
  background-color: #1A3A2A;
  overflow: hidden;
}
.media-intro .container-lrg {
  position: relative;
  z-index: 1;
}
.media-intro__media img {
  display: block;
  width: 580px;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 920px) {
  .media-intro__media img {
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .media-intro__text {
    padding-left: 40px;
  }
}
.media-intro__text h2 {
  color: #EEE9D8;
  font-weight: 300;
}
.media-intro__text h2 em {
  font-style: italic;
}
.media-intro__text p {
  color: #fff;
}
.media-intro__list {
  margin: 22px 0;
  padding: 0;
  list-style: none;
}
.media-intro__list li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 22px;
  color: #fff;
}
.media-intro__list li:last-child {
  margin-bottom: 0;
}
.media-intro__list li:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #EEE9D8;
}
@media screen and (max-width: 920px) {
  .media-intro__text {
    margin-top: 35px;
  }
}

.reasons {
  background-color: #EEE9D8;
}
.reasons__intro {
  margin: 0 0 60px;
}
.reasons__intro h2 {
  font-weight: 300;
}
.reasons__intro h2 em {
  font-style: italic;
}
.reasons__intro-text p {
  margin: 0 0 20px;
}
.reasons__intro-text p:last-child {
  margin-bottom: 0;
}
.reasons__intro-media {
  position: relative;
  width: 100%;
  max-width: 496px;
  margin-left: auto;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.reasons__intro-mark {
  position: relative;
  z-index: 1;
  width: 130px;
  height: auto;
}
@media screen and (max-width: 920px) {
  .reasons__intro-media {
    max-width: none;
    margin: 30px 0 0;
  }
}
.reasons__rows {
  border-top: 1px solid #c6c1b3;
}
.reasons .reason-row {
  border-bottom: 1px solid #c6c1b3;
}
.reasons .reason-row .container-lrg {
  padding-top: 55px;
  padding-bottom: 55px;
}
.reasons .reason-row__title {
  margin: 0;
  color: #BD785C;
  font-weight: 400;
  letter-spacing: -1px;
}
.reasons .reason-row__body p {
  max-width: 496px;
  margin: 0 0 18px auto;
}
.reasons .reason-row__body p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 920px) {
  .reasons .reason-row .container-lrg {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .reasons .reason-row__title {
    margin-bottom: 18px;
    font-size: 32px;
  }
  .reasons .reason-row__body p {
    max-width: none;
    margin-left: 0;
  }
}

.cta-banner {
  background-color: #1D3327;
  overflow: hidden;
}
.cta-banner:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/wp-content/themes/canvas/img/herringbone-pattern-cream.svg);
  opacity: 0.05;
}
.cta-banner .container-lrg {
  position: relative;
  z-index: 1;
}
.cta-banner__card {
  position: relative;
  display: flex;
  align-items: stretch;
  background-color: #fff;
  border: 30px solid #efe8d5;
}
@media screen and (max-width: 920px) {
  .cta-banner__card {
    border-width: 15px;
  }
}
.cta-banner__content {
  flex: 1 1 58%;
  padding: 60px;
}
.cta-banner__content h2 {
  font-weight: 300;
}
.cta-banner__content h2 em {
  font-style: italic;
}
.cta-banner__mark {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 2;
  width: 44px;
  height: auto;
}
.cta-banner__actions {
  margin-top: 10px;
}
.cta-banner__actions .btn {
  color: #1A3A2A;
}
.cta-banner__actions .btn.orange {
  color: #fff;
}
.cta-banner__media {
  flex: 0 0 42%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 920px) {
  .cta-banner__card {
    flex-direction: column;
    border-width: 12px;
  }
  .cta-banner__content {
    padding: 35px;
  }
  .cta-banner__media {
    order: -1;
    flex: 0 0 auto;
    min-height: 280px;
  }
}

.pillar-grid {
  background-color: #173325;
  background-image: url(/wp-content/themes/canvas/img/herringbone-pattern-cream-light.svg);
  overflow: hidden;
}
.pillar-grid__frame {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  padding: 40px;
  background-color: #fff;
  border: 30px solid #efe8d5;
}
@media screen and (max-width: 920px) {
  .pillar-grid__frame {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0;
    border-width: 15px;
  }
}

.pillar-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 40px 0;
  background-color: #1A3A2A;
  color: #fff;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.pillar-card:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  border-top: 20px solid #BD785C;
  border-left: 20px solid transparent;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.pillar-card__icon {
  height: 48px;
  margin: 0 0 32px;
  padding: 0 40px;
}
.pillar-card__icon img {
  height: 100%;
  width: auto;
  filter: brightness(0) invert(1);
}
.pillar-card__eyebrow {
  display: flex;
  align-items: center;
  margin: 0 0 14px;
  color: #BD785C;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 0 40px;
  line-height: 1.4;
}
.pillar-card__eyebrow:before {
  content: "";
  flex: 0 0 auto;
  width: 22px;
  height: 1px;
  margin-right: 12px;
  background: #BD785C;
}
@media screen and (max-width: 920px) {
  .pillar-card__eyebrow:before {
    display: none;
  }
}
.pillar-card__title {
  margin: 0 0 18px;
  color: #fff;
  font-weight: 400;
  letter-spacing: -1px;
  padding: 0 40px;
}
.pillar-card__body {
  margin: 0 0 38px;
  color: #fff;
  padding: 0 40px;
}
.pillar-card__link {
  margin-top: auto;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  color: #BD785C;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 40px 40px 0;
}
@media screen and (max-width: 920px) {
  .pillar-card__link {
    font-size: 14px;
  }
}
.pillar-card:hover {
  transform: translateY(-6px);
}
.pillar-card:hover:after {
  top: 0;
  right: 0;
}
@media screen and (max-width: 920px) {
  .pillar-card {
    padding: 35px 0;
  }
}

.roster {
  background-color: #EEE9D8;
}
.roster__more {
  padding-top: 55px;
  padding-bottom: 0;
}
.roster__more .btn {
  color: #1A3A2A;
}

.roster-group {
  border-bottom: 1px solid #c6c1b3;
  scroll-margin-top: 100px;
}
.roster-group:last-of-type {
  border-bottom: none;
}
.roster-group .container-lrg {
  padding-top: 70px;
  padding-bottom: 70px;
}
.roster-group__label h2 {
  margin: 0;
  color: #BD785C;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.1;
}
@media screen and (min-width: 920px) {
  .roster-group__label h2 {
    position: -webkit-sticky;
    position: sticky;
    top: 130px;
  }
}
@media screen and (max-width: 920px) {
  .roster-group .container-lrg {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .roster-group__label {
    margin-bottom: 28px;
  }
}

.roster-item + .roster-item {
  margin-top: 55px;
}
.roster-item__logo {
  margin: 0 0 22px;
}
.roster-item__logo img {
  height: auto;
  max-width: 100%;
  filter: brightness(0);
}
.roster-item__icon {
  margin: 0 0 20px;
}
.roster-item__icon img {
  width: 54px;
  height: 54px;
  filter: brightness(0);
}
.roster-item__title {
  margin: 0 0 8px;
  color: #222325;
  font-weight: 400;
  letter-spacing: -1px;
}
.roster-item__eyebrow {
  display: block;
  margin: 0 0 18px;
  color: #BD785C;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
.roster-item__body p {
  margin: 0 0 18px;
}
.roster-item__body p:last-child {
  margin-bottom: 0;
}

.numbers {
  background-color: #EEE9D8;
}
.numbers .numbers-row {
  border-bottom: 1px solid #c6c1b3;
}
.numbers .numbers-cell {
  padding-top: 55px;
  padding-bottom: 55px;
}
@media screen and (min-width: 920px) {
  .numbers .numbers-cell--left {
    padding-right: 55px;
    border-right: 1px solid #c6c1b3;
  }
  .numbers .numbers-cell--right {
    padding-left: 55px;
  }
}
.numbers .numbers-cell__eyebrow {
  display: block;
  margin: 0 0 18px;
  color: #1A3A2A;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
.numbers .numbers-cell__stat {
  margin: 0 0 20px;
  color: #BD785C;
  font-size: 42px;
  line-height: 50px;
  font-weight: 400;
  letter-spacing: -1px;
}
.numbers .numbers-cell__desc {
  margin: 0;
}
@media screen and (max-width: 920px) {
  .numbers .numbers-cell {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .numbers .numbers-cell--left {
    padding-bottom: 0;
  }
  .numbers .numbers-cell__stat {
    font-size: 32px;
    line-height: 40px;
  }
}

.labs-posts {
  background-color: #122019;
  color: #EEE9D8;
  padding: 7em 0;
}
.labs-posts .eyebrow {
  display: block;
  margin-bottom: 36px;
}
.labs-posts__track {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.labs-posts__track::-webkit-scrollbar {
  display: none;
}
.labs-posts__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 50px;
}
.labs-posts__nav {
  display: flex;
  gap: 14px;
}
.labs-posts__arrow {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(238, 233, 216, 0.4);
  border-radius: 50%;
  background: transparent;
  color: #EEE9D8;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.labs-posts__arrow:hover {
  border-color: #BD785C;
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .labs-posts__foot {
    margin-top: 34px;
  }
}

.labs-post {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc((100% - 48px) / 3);
  min-height: 240px;
  padding: 34px 30px 30px;
  border: 1px solid rgba(238, 233, 216, 0.22);
  scroll-snap-align: start;
  color: #EEE9D8;
  text-decoration: none;
}
.labs-post:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #BD785C #BD785C transparent transparent;
}
.labs-post__date {
  margin-bottom: 20px;
  color: #BD785C;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.labs-post__title {
  flex: 1 0 auto;
  margin: 0 0 26px;
  color: #EEE9D8;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.3;
}
.labs-post__link {
  margin-top: auto;
  color: #BD785C;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.labs-post:hover {
  border-color: #BD785C;
}
.labs-post:hover .labs-post__link {
  color: #EEE9D8;
}
@media screen and (max-width: 920px) {
  .labs-post {
    flex: 0 0 78%;
  }
}
@media screen and (max-width: 480px) {
  .labs-post {
    flex: 0 0 88%;
    min-height: 200px;
  }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.wow {
  visibility: hidden;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.hinge {
  animation-duration: 2s;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  animation-name: bounce;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}

section.portfolio {
  background-color: #1A3A2A;
  overflow: hidden;
}
section.portfolio .container-lrg {
  position: relative;
  z-index: 1;
}
section.portfolio .eyebrow {
  display: block;
  margin: 0 0 20px;
}
section.portfolio h2 {
  color: #EEE9D8;
  font-weight: 300;
}
section.portfolio h2 em {
  font-style: italic;
}
section.portfolio .portfolio-intro {
  margin-bottom: 60px;
}
section.portfolio .portfolio-intro__copy p {
  color: #fff;
}
section.portfolio .portfolio-intro__copy p:last-of-type {
  margin-bottom: 30px;
}
@media screen and (max-width: 920px) {
  section.portfolio .portfolio-intro {
    margin-bottom: 40px;
  }
  section.portfolio .portfolio-intro__copy {
    margin-top: 30px;
  }
}
section.portfolio .portfolio-grid {
  background-color: #1D3327;
  border: 1px solid rgba(238, 233, 216, 0.12);
  border-width: 1px 0 0 1px;
}
section.portfolio .portfolio-card {
  padding: 60px 30px;
  border: 1px solid rgba(238, 233, 216, 0.12);
  border-width: 0 1px 1px 0;
  text-align: center;
}
section.portfolio .portfolio-card__media {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  margin: 0 0 30px;
}
section.portfolio .portfolio-card__media img {
  display: block;
  filter: brightness(0) invert(1);
}
section.portfolio .portfolio-card__media--logo img {
  height: auto;
  max-width: 100%;
}
section.portfolio .portfolio-card__media--placeholder img {
  height: auto;
  max-width: 100%;
}
section.portfolio .portfolio-card__media--icon img {
  width: 110px;
  height: auto;
  max-width: 100%;
}
section.portfolio .portfolio-card__title {
  margin: 0 0 8px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2.5px;
}
section.portfolio .portfolio-card__status {
  display: block;
  color: #BD785C;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
@media screen and (max-width: 920px) {
  section.portfolio .portfolio-card {
    padding: 45px 30px;
  }
}

section.standard {
  background-color: #EEE9D8;
}
section.standard h2 {
  font-weight: 300;
}
section.standard h2 em {
  font-style: italic;
}
section.standard .btn {
  color: #1A3A2A;
}
section.standard .standard-intro {
  margin-bottom: 70px;
}
section.standard .standard-intro .eyebrow {
  display: block;
  margin: 0 0 20px;
}
section.standard .standard-intro__media img {
  display: block;
  width: 550px;
  max-width: 100%;
  height: auto;
  margin-left: auto;
}
@media screen and (max-width: 920px) {
  section.standard .standard-intro__media img {
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  section.standard .standard-intro {
    margin-bottom: 45px;
  }
  section.standard .standard-intro__media {
    margin-top: 35px;
  }
  section.standard .standard-intro__media img {
    margin: 0 auto;
  }
}
section.standard .pillars {
  background-color: #fff;
  border: 1px solid rgba(34, 35, 37, 0.14);
}
@media only screen and (max-width: 920px) {
  section.standard .pillars {
    background-color: transparent;
  }
}
section.standard .pillar {
  position: relative;
  display: block;
  padding: 45px 30px 50px;
  color: #222325;
}
@media only screen and (max-width: 920px) {
  section.standard .pillar {
    background-color: transparent;
    border-bottom: 1px solid rgba(34, 35, 37, 0.14);
  }
  section.standard .pillar:last-of-type {
    border-bottom: none;
  }
}
section.standard .pillar + .pillar {
  border-left: 1px solid rgba(34, 35, 37, 0.14);
}
section.standard .pillar:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  border-top: 20px solid #BD785C;
  border-left: 20px solid transparent;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
section.standard .pillar__icon {
  height: 56px;
  margin: 0 0 35px;
}
section.standard .pillar__icon img {
  height: 100%;
  width: auto;
}
section.standard .pillar__eyebrow {
  display: flex;
  align-items: center;
  color: #BD785C;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
section.standard .pillar__eyebrow:before {
  content: "";
  width: 22px;
  height: 1px;
  margin-right: 12px;
  background: #BD785C;
}
@media screen and (max-width: 920px) {
  section.standard .pillar__eyebrow:before {
    display: none;
  }
}
section.standard .pillar__title {
  margin: 14px 0 18px;
  font-weight: 400;
  letter-spacing: -1px;
}
section.standard .pillar__body {
  margin: 0;
}
section.standard .pillar:hover:after {
  top: 0;
  right: 0;
}
@media screen and (max-width: 920px) {
  section.standard .pillar {
    padding: 40px 30px;
  }
  section.standard .pillar + .pillar {
    border-left: 0;
  }
}
@media screen and (max-width: 480px) {
  section.standard .pillar {
    text-align: center;
  }
  section.standard .pillar__eyebrow {
    justify-content: center;
  }
}
section.standard .callout {
  display: flex;
  align-items: center;
  margin-top: 7em;
}
@media screen and (max-width: 920px) {
  section.standard .callout {
    padding-top: 3.5em;
  }
}
section.standard .callout__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-right: 40px;
  background-color: #efe8d5;
}
section.standard .callout__icon img {
  width: 80px;
  height: 80px;
}
section.standard .callout__text {
  margin: 0;
  font-size: 40px;
  line-height: 52px;
}
section.standard .callout__text span {
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  section.standard .callout {
    margin-top: 45px;
  }
  section.standard .callout__text {
    font-size: 28px;
    line-height: 38px;
  }
}
@media screen and (max-width: 480px) {
  section.standard .callout {
    flex-direction: column;
    align-items: flex-start;
  }
  section.standard .callout__icon {
    margin: 0 0 20px;
  }
}

section.difference {
  background-color: #1A3A2A;
  overflow: hidden;
}
section.difference .container-lrg {
  position: relative;
  z-index: 1;
}
section.difference .eyebrow {
  display: block;
  margin: 0 0 20px;
}
section.difference h2 {
  color: #EEE9D8;
  font-weight: 300;
}
section.difference h2 em {
  font-style: italic;
}
section.difference .difference-intro {
  margin-bottom: 70px;
}
section.difference .difference-intro__media img {
  display: block;
  width: 580px;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 920px) {
  section.difference .difference-intro__media img {
    width: 100%;
  }
}
section.difference .difference-intro__text p {
  color: #fff;
}
@media screen and (max-width: 920px) {
  section.difference .difference-intro {
    margin-bottom: 45px;
  }
  section.difference .difference-intro__text {
    margin-top: 30px;
  }
}
section.difference .callouts {
  background-color: #EEE9D8;
  border: 1px solid rgba(34, 35, 37, 0.1);
}
section.difference .callout-card {
  display: flex;
  flex-direction: column;
  padding: 50px 40px;
  color: #222325;
}
section.difference .callout-card + .callout-card {
  border-left: 1px solid rgba(34, 35, 37, 0.1);
}
section.difference .callout-card__icon {
  margin: 0 0 30px;
}
section.difference .callout-card__icon img {
  width: 54px;
  height: 54px;
}
section.difference .callout-card__title {
  margin: 0 0 18px;
  color: #BD785C;
  font-weight: 400;
  letter-spacing: -1px;
}
section.difference .callout-card__body {
  margin: 0 0 35px;
}
section.difference .callout-card .btn {
  margin-top: auto;
  margin-right: 0;
  align-self: flex-start;
  color: #1A3A2A;
}
@media screen and (max-width: 920px) {
  section.difference .callout-card {
    padding: 40px 30px;
  }
  section.difference .callout-card + .callout-card {
    border-left: 0;
    border-top: 1px solid rgba(34, 35, 37, 0.1);
  }
}

section.statement-band {
  background-color: #1A3A2A;
  overflow: hidden;
}
section.statement-band .container-lrg {
  position: relative;
  z-index: 1;
}
section.statement-band .xlrg {
  max-width: 1040px;
  margin: 0;
  color: #EEE9D8;
  font-weight: 300;
}
section.statement-band .xlrg em {
  font-style: italic;
}
section.statement-band .xlrg span {
  color: #BD785C;
}

section.verticals {
  background-color: #EEE9D8;
}
section.verticals .verticals-intro {
  max-width: 880px;
  margin: 0 auto 60px;
}
section.verticals .verticals-intro .eyebrow {
  display: block;
  margin: 0 0 20px;
}
section.verticals .verticals-intro h2 {
  font-weight: 300;
}
section.verticals .verticals-intro h2 em {
  font-style: italic;
}
section.verticals .verticals-intro p {
  margin: 0;
}
@media screen and (max-width: 920px) {
  section.verticals .verticals-intro {
    margin-bottom: 40px;
  }
}
section.verticals .vcard {
  display: flex;
  align-items: stretch;
  background-color: #fff;
  border: 1px solid #c6c1b3;
  color: #222325;
}
@media screen and (min-width: 920px) {
  section.verticals .vcard {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
  }
}
section.verticals .vcard + .vcard {
  margin-top: 30px;
}
section.verticals .vcard:hover .vcard__content:after {
  top: 0;
  right: 0;
}
section.verticals .vcard__content {
  flex: 1 1 57%;
  padding: 40px 0;
  position: relative;
}
section.verticals .vcard__content:after {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  border-width: 0 18px 18px 0;
  border-style: solid;
  border-color: #BD785C #BD785C transparent transparent;
}
section.verticals .vcard__media {
  flex: 0 0 43%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
section.verticals .vcard__eyebrow {
  display: flex;
  align-items: center;
  margin: 0 0 18px;
  color: #BD785C;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 0 40px;
}
section.verticals .vcard__eyebrow:before {
  content: "";
  width: 22px;
  height: 1px;
  margin-right: 12px;
  background: #BD785C;
}
section.verticals .vcard__title {
  margin: 0 0 20px;
  color: #222325;
  font-weight: 400;
  letter-spacing: -1px;
  padding: 0 40px;
}
section.verticals .vcard__body {
  margin: 0 0 30px;
  padding: 0 40px;
}
section.verticals .vcard__body p {
  margin: 0 0 15px;
}
section.verticals .vcard__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px 30px;
  margin: 0 0 40px;
  padding: 0 40px;
}
section.verticals .vcard__logos img {
  height: auto;
  max-width: 100%;
  filter: brightness(0);
}
section.verticals .vcard__more {
  display: inline-block;
  color: #BD785C;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-top: 1px solid #D8D8D8;
  width: 100%;
  padding: 40px 40px 0;
}
@media screen and (max-width: 920px) {
  section.verticals .vcard__more {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 920px) {
  section.verticals .vcard {
    flex-direction: column;
  }
  section.verticals .vcard__media {
    order: -1;
    flex: 0 0 auto;
    min-height: 400px;
    background-position: 50% 30% !important;
  }
  section.verticals .vcard__content {
    padding: 35px 0;
  }
}
@media screen and (max-width: 480px) {
  section.verticals .vcard__logos {
    gap: 18px 24px;
  }
}

section.brands {
  background-color: #1A3A2A;
  overflow: hidden;
  background-image: url(/wp-content/themes/canvas/img/herringbone-bg-icon.svg);
  background-repeat: no-repeat;
  background-position: right;
}
@media screen and (min-width: 920px) {
  section.brands {
    background-attachment: fixed;
  }
}
section.brands .eyebrow {
  display: block;
  margin: 0 0 20px;
}
section.brands h2 {
  color: #EEE9D8;
  font-weight: 300;
}
section.brands h2 em {
  font-style: italic;
}
section.brands .brands-intro {
  max-width: 820px;
  margin: 0 auto 45px;
}
section.brands .brands-intro p {
  margin: 0;
  color: #fff;
}
section.brands .brands-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin: 0 0 60px;
}
section.brands .brands-tab {
  padding: 11px 26px;
  background: transparent;
  border: 1px solid #BD785C;
  color: #EEE9D8;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
section.brands .brands-tab.is-active {
  background: #fff;
  border-color: #fff;
  color: #1A3A2A;
}
section.brands .brands-marquees {
  position: relative;
}
section.brands .brands-marquee {
  overflow: hidden;
}
section.brands .brands-marquee[hidden] {
  display: none;
}
section.brands .brands-track {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  animation: brands-marquee 45s linear infinite;
}
section.brands .brands-track:hover {
  animation-play-state: paused;
}
section.brands .brands-set {
  display: flex;
  align-items: center;
  gap: 75px;
  padding-right: 75px;
}
section.brands .brand-logo {
  --logo-h: 46px;
  flex: 0 0 auto;
  width: auto;
  height: var(--logo-h);
}
section.brands img.brand-logo:not(.brand-logo--placeholder) {
  filter: brightness(0) invert(1);
}
@media screen and (max-width: 920px) {
  section.brands .brands-tabs {
    margin-bottom: 45px;
  }
  section.brands .brands-set {
    gap: 55px;
    padding-right: 55px;
  }
  section.brands .brand-logo {
    --logo-h: 38px;
  }
}
@media (prefers-reduced-motion: reduce) {
  section.brands .brands-track {
    animation: none;
  }
}

@keyframes brands-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
section.home-numbers {
  background-color: #EEE9D8;
}
section.home-numbers .numbers-intro {
  margin-bottom: 55px;
}
section.home-numbers .numbers-intro .eyebrow {
  display: block;
  margin: 0 0 20px;
}
section.home-numbers .numbers-intro h2 {
  margin: 0;
  font-weight: 300;
}
section.home-numbers .numbers-intro__copy p {
  margin: 0;
}
@media screen and (max-width: 920px) {
  section.home-numbers .numbers-intro {
    margin-bottom: 40px;
  }
  section.home-numbers .numbers-intro__copy {
    margin-top: 25px;
  }
}
section.home-numbers .numbers-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 920px) {
  section.home-numbers .numbers-grid {
    grid-template-columns: 1fr;
  }
}
section.home-numbers .stat-card {
  display: flex;
  background-color: #fff;
  border: 1px solid #c6c1b3;
  overflow: hidden;
}
section.home-numbers .stat-card__num {
  position: relative;
  flex: 0 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #BD785C;
  overflow: hidden;
}
section.home-numbers .stat-card__num:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/wp-content/themes/canvas/img/herringbone-pattern-cream.svg);
  opacity: 0.15;
}
section.home-numbers .stat-card__num span {
  position: relative;
  color: #fff;
  font-size: 54px;
  font-weight: 300;
  line-height: 1;
}
section.home-numbers .stat-card__body {
  flex: 1;
  padding: 28px 35px 30px;
}
section.home-numbers .stat-card__eyebrow {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  color: #BD785C;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
section.home-numbers .stat-card__eyebrow:before {
  content: "";
  width: 22px;
  height: 1px;
  margin-right: 12px;
  background: #BD785C;
}
section.home-numbers .stat-card__title {
  margin: 0 0 12px;
  font-weight: 400;
  letter-spacing: -1px;
}
section.home-numbers .stat-card__desc {
  margin: 0;
}
@media screen and (max-width: 480px) {
  section.home-numbers .stat-card__num {
    flex-basis: 62px;
  }
  section.home-numbers .stat-card__num span {
    font-size: 40px;
  }
  section.home-numbers .stat-card__body {
    padding: 24px;
  }
}

section.work {
  background-color: #1D3327;
  overflow: hidden;
}
section.work:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/wp-content/themes/canvas/img/herringbone-pattern-cream.svg);
  opacity: 0.05;
}
section.work .container-lrg {
  position: relative;
  z-index: 1;
}
section.work .work-card {
  position: relative;
  padding: 60px;
  background-color: #fff;
  border: 16px solid #efe8d5;
}
section.work .work-card .eyebrow {
  display: block;
  margin: 0 0 20px;
}
section.work .work-card h2 {
  font-weight: 300;
}
section.work .work-card h2 em {
  font-style: italic;
}
section.work .work-card__mark {
  position: absolute;
  top: 60px;
  right: 60px;
  width: 44px;
  height: auto;
}
@media screen and (max-width: 920px) {
  section.work .work-card__mark {
    display: none;
  }
}
section.work .work-card__lead {
  max-width: 760px;
  margin: 0 0 50px;
}
@media screen and (max-width: 920px) {
  section.work .work-card {
    padding: 35px 15px;
    border-width: 12px;
  }
  section.work .work-card__mark {
    top: 35px;
    right: 35px;
    width: 36px;
  }
  section.work .work-card__lead {
    margin-bottom: 35px;
  }
}
section.work .work-paths {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media screen and (max-width: 920px) {
  section.work .work-paths {
    grid-template-columns: 1fr;
  }
}
section.work .work-path {
  --pad-x: 45px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 45px var(--pad-x) 40px;
  background-color: #1A3A2A;
  color: #fff;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
section.work .work-path:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  border-top: 20px solid #BD785C;
  border-left: 20px solid transparent;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
section.work .work-path__title {
  margin: 0 0 22px;
  color: #fff;
  font-weight: 400;
  letter-spacing: -1px;
}
section.work .work-path__body {
  margin: 0 0 40px;
  color: #fff;
}
section.work .work-path__link {
  margin: auto calc(var(--pad-x) * -1) 0;
  padding: 40px var(--pad-x) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  color: #BD785C;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media screen and (max-width: 920px) {
  section.work .work-path__link {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
section.work .work-path:hover {
  transform: translateY(-6px);
}
section.work .work-path:hover:after {
  top: 0;
  right: 0;
}
@media screen and (max-width: 920px) {
  section.work .work-path {
    --pad-x: 30px;
    padding: 35px var(--pad-x) 32px;
  }
}

.team-hero__body p {
  margin: 0 0 22px;
}
.team-hero__body p:last-child {
  margin-bottom: 0;
}
.team-hero__emphasis {
  font-weight: 700;
}

section.team-intro {
  background-color: #EEE9D8;
}
section.team-intro__head h2 {
  margin: 0 0 10px;
  font-weight: 300;
}
section.team-intro__sub {
  margin: 0;
  font-size: 22px;
  color: #222325;
}
section.team-intro__sub em {
  font-style: italic;
  color: #BD785C;
}
section.team-intro__copy p {
  margin: 0;
}
@media screen and (max-width: 920px) {
  section.team-intro__copy {
    margin-top: 30px;
  }
}

section.founders {
  background-color: #EEE9D8;
  padding-bottom: 0;
}
@media screen and (max-width: 920px) {
  section.founders:after {
    display: none;
  }
}
section.founders .founders__group-head {
  margin: 60px 0 40px;
}
section.founders .founders__group-head .eyebrow {
  display: block;
  margin-bottom: 14px;
}
section.founders .founders__group-head h2 {
  margin: 0;
  max-width: 900px;
  font-weight: 300;
}
section.founders .founder-card {
  display: flex;
  align-items: stretch;
}
section.founders .founder-card + .founder-card {
  margin-top: 40px;
}
section.founders .founder-card__media {
  position: relative;
  flex: 0 0 36%;
  min-height: 520px;
  background-color: #c6c1b3;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
section.founders .founder-card__content {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #fff;
  border: 1px solid #c6c1b3;
}
section.founders .founder-card__name {
  margin: 0 0 14px;
  color: #BD785C;
  font-weight: 300;
  letter-spacing: -1px;
}
section.founders .founder-card__title {
  display: block;
  margin: 0 0 18px;
  color: #222325;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
section.founders .founder-card__bio {
  margin: 18px 0 0;
}
@media screen and (max-width: 920px) {
  section.founders .founder-card__bio {
    margin: 0;
  }
}
section.founders .founder-card__logo {
  margin: 28px 0 0;
}
section.founders .founder-card__logo img {
  display: block;
  margin-bottom: 50px;
  height: 60px;
  width: auto;
  filter: brightness(0);
}
section.founders .founder-card__logo--hennessey img {
  height: 90px;
}
section.founders .founder-card__link {
  display: block;
  margin: auto -40px 0;
  padding: 40px 40px 0;
  border-top: 1px solid #c6c1b3;
  color: #BD785C;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1em;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
section.founders .founder-card__link:hover {
  color: #1A3A2A;
}
@media screen and (max-width: 920px) {
  section.founders .founder-card {
    flex-direction: column;
  }
  section.founders .founder-card__media {
    flex: 0 0 auto;
    min-height: 0;
    aspect-ratio: 1/1;
  }
  section.founders .founder-card__content {
    padding: 35px;
  }
  section.founders .founder-card__link {
    margin: auto -35px 0;
    padding: 24px 35px 0;
  }
}

.play-trigger {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  padding: 0;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 10px 30px rgba(34, 35, 37, 0.18);
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.play-trigger__icon {
  width: 0;
  height: 0;
  margin-left: 6px;
  border-style: solid;
  border-width: 13px 0 13px 22px;
  border-color: transparent transparent transparent #BD785C;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.play-trigger:hover {
  background-color: #BD785C;
  transform: scale(1.05);
}
.play-trigger:hover .play-trigger__icon {
  border-left-color: #fff;
}
@media screen and (max-width: 920px) {
  .play-trigger {
    right: 10px;
    bottom: 10px;
    width: 70px;
    height: 70px;
  }
  .play-trigger__icon {
    border-width: 11px 0 11px 18px;
  }
}

section.team-grid-section {
  background-color: #EEE9D8;
  padding-top: 0;
}
section.team-grid-section .team-grid-intro {
  max-width: 760px;
  margin: 0 0 60px;
}
section.team-grid-section .team-grid-intro h2 {
  margin: 0 0 16px;
  font-size: 70px;
  line-height: 1.05;
  font-weight: 300;
  letter-spacing: -2px;
}
@media screen and (max-width: 920px) {
  section.team-grid-section .team-grid-intro h2 {
    font-size: 48px;
  }
}
@media screen and (max-width: 480px) {
  section.team-grid-section .team-grid-intro h2 {
    font-size: 38px;
  }
}
section.team-grid-section .team-grid-intro p {
  margin: 0;
  font-size: 22px;
  line-height: 1.7;
  font-weight: 300;
}
section.team-grid-section .team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 60px;
}
@media screen and (max-width: 920px) {
  section.team-grid-section .team-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 28px;
  }
}
@media screen and (max-width: 480px) {
  section.team-grid-section .team-grid {
    grid-template-columns: 1fr;
  }
}
section.team-grid-section .team-member {
  text-align: center;
}
section.team-grid-section .team-member__media {
  aspect-ratio: 1/1.08;
  margin: 0 0 22px;
  background-color: #c6c1b3;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 920px) {
  section.team-grid-section .team-member__media {
    margin: 0 0 10px;
  }
}
section.team-grid-section .team-member__media--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}
section.team-grid-section .team-member__media--placeholder::after {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 46px;
  color: rgba(255, 255, 255, 0.55);
}
section.team-grid-section .team-member__name {
  margin: 0 0 6px;
  color: #BD785C;
  font-weight: 300;
  font-size: 28px;
  letter-spacing: -0.5px;
}
section.team-grid-section .team-member__title {
  display: block;
  margin: 0 0 14px;
  color: #222325;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.team-social {
  display: flex;
  gap: 18px;
}
.team-social a {
  color: #BD785C;
  font-size: 17px;
  line-height: 1;
}
.team-social a:hover {
  color: #1A3A2A;
}

.founder-card .team-social {
  margin: 0;
}

.team-member .team-social {
  justify-content: center;
}

body.page-template-default section.content {
  padding: 0;
}
@media screen and (min-width: 920px) {
  body.page-template-default section.content .sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 160px;
  }
}
body.page-template-default section.content a.cta-block {
  text-align: center;
  display: block;
  position: relative;
  margin: 0 0 25px;
  overflow: hidden;
  width: 100%;
  height: 550px;
}
body.page-template-default section.content a.cta-block:last-of-type {
  margin: 0 !important;
}
@media only screen and (max-width: 920px) {
  body.page-template-default section.content a.cta-block {
    padding: 90px 30px;
    height: auto;
  }
}
body.page-template-default section.content a.cta-block:before {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 0;
  background: #222325;
  z-index: 5;
}
body.page-template-default section.content a.cta-block:after {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0.35;
}
body.page-template-default section.content a.cta-block .service-bg {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover !important;
}
body.page-template-default section.content a.cta-block h3 {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 30px 50px;
  color: #fff;
  z-index: 3;
  margin: 0;
  white-space: normal;
}
@media screen and (min-width: 920px) {
  body.page-template-default section.content a.cta-block h3 {
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 3;
    transform: translateY(-50%);
    margin: 0;
  }
}
body.page-template-default section.content a.cta-block h3 i {
  color: #222325;
  margin: 0 0 0 5px;
  height: 40px;
  width: 40px;
  border: 2px solid;
  font-size: 20px;
  line-height: 35px;
  border-radius: 40px;
  padding-left: 5px;
  vertical-align: middle;
}
body.page-template-default section.content a.cta-block:hover:before {
  width: 100%;
}
body.page-template-default section.content a.cta-block:hover:after {
  opacity: 0.5;
}
body.page-template-default section.content a.cta-block:hover .service-bg {
  transform: scale(1.15);
}
body.page-template-default section.content .sticky-row {
  text-align: center;
}
@media screen and (min-width: 920px) {
  body.page-template-default section.content .sticky-row {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    text-align: left;
  }
}
body.page-template-default section.content .sticky-row .sticky-col {
  padding-bottom: 30px;
}
@media screen and (min-width: 920px) {
  body.page-template-default section.content .sticky-row .sticky-col {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    background-size: cover !important;
    background-position: center !important;
    padding: 150px 50px;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
  }
}
@media screen and (min-width: 920px) {
  body.page-template-default section.content .sticky-row .sticky-col.normal {
    height: auto;
    padding: 120px 50px 0 0;
  }
}
body.page-template-default section.content .sticky-row .sticky-col .wrapper {
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 920px) {
  body.page-template-default section.content .sticky-row .sticky-col {
    background: none !important;
  }
}
@media screen and (min-width: 920px) {
  body.page-template-default section.content .sticky-row .sticky-col h5,
  body.page-template-default section.content .sticky-row .sticky-col h2,
  body.page-template-default section.content .sticky-row .sticky-col p {
    color: #fff;
  }
}
@media screen and (min-width: 920px) {
  body.page-template-default section.content .sticky-row .padded-col {
    padding: 0 0 0 25px;
  }
}
@media screen and (min-width: 920px) {
  body.page-template-default section.content .sticky-row .normal-content {
    padding-top: 120px;
  }
}
body.page-template-default .section-padding {
  padding: 7em 0;
}
@media only screen and (max-width: 920px) {
  body.page-template-default .section-padding {
    padding: 3.5em 0;
  }
}
body.page-template-default .section-padding-top {
  padding: 7em 0 0;
}
@media only screen and (max-width: 920px) {
  body.page-template-default .section-padding-top {
    padding: 3.5em 0 0;
  }
}
body.page-template-default .section-padding-bottom {
  padding: 0 0 7em;
}
@media only screen and (max-width: 920px) {
  body.page-template-default .section-padding-bottom {
    padding: 0 0 3.5em;
  }
}

@media screen and (max-width: 920px) {
  body.blog .container-fluid,
  body.blog .container,
  body.blog .container-lrg {
    max-width: 100%;
  }
}
body.blog section.blog-hero {
  margin: 100px 0 0;
  text-align: center;
}
@media screen and (max-width: 920px) {
  body.blog section.blog-hero {
    margin: 115px 0 0;
  }
}
body.blog section.blog-hero h1 {
  font-size: 60px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  body.blog section.blog-hero h1 {
    font-size: 32px;
  }
}
body.blog section.content {
  position: relative;
  padding: 3em 0;
  background: #efefef;
}
body.blog section.content .container-fluid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
body.blog section.content article {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  order: 0;
  flex: 0 1 29%;
  align-self: auto;
  margin: 0 2% 60px;
  min-height: 400px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 1140px) {
  body.blog section.content article {
    flex: 0 1 48%;
    margin: 0 1% 60px;
  }
}
@media screen and (max-width: 920px) {
  body.blog section.content article {
    flex: 0 1 100%;
    margin: 0 0 60px;
  }
}
body.blog section.content article:hover .entry-header {
  transform: translateY(-45px);
}
body.blog section.content article:hover .read-more h3 {
  opacity: 1;
  transform: translateY(0%);
}
body.blog section.content article:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.95) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.blog section.content article .entry-header {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  position: absolute;
  z-index: 9;
  bottom: 28px;
  left: 30px;
  margin: 0;
  padding: 0 30px 0 0;
  line-height: 1.1em;
}
body.blog section.content article .entry-header h3.entry-title {
  margin: 0;
}
body.blog section.content article .entry-header h3.entry-title a {
  font-size: 35px;
  color: #fff;
  line-height: 1.1em;
  display: block;
}
body.blog section.content article .read-more h3 {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  opacity: 0;
  position: absolute;
  z-index: 9;
  bottom: 28px;
  left: 30px;
  transform: translateY(100%);
  color: white;
  margin: 0;
  display: block;
  width: calc(100% - 60px);
  padding: 15px 0 0;
  border-top: 1px solid #fff;
  text-transform: lowercase;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
}
body.blog section.content article .read-more h3:hover {
  color: rgba(255, 255, 255, 0.5);
}
body.blog section.content article span.date {
  font-size: 15px;
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  margin: 0 0 8px;
  display: block;
}
body.blog section.content article span.date .fa {
  margin: 0 5px 0 0;
}

.blog-hero {
  background-color: #1A3A2A;
  margin-top: 100px;
}
.blog-hero .eyebrow {
  display: block;
  margin: 0 0 22px;
  padding-left: 45px;
}
.blog-hero h1 {
  margin: 0;
  max-width: 1120px;
  padding-left: 45px;
  color: #EEE9D8;
  font-weight: 300;
  font-size: 76px;
}
.blog-hero h1 em {
  font-style: italic;
}
@media only screen and (max-width: 1140px) {
  .blog-hero h1 {
    font-size: 54px;
  }
}
@media only screen and (max-width: 920px) {
  .blog-hero h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .blog-hero h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 920px) {
  .blog-hero .eyebrow,
  .blog-hero h1 {
    padding-left: 0;
  }
}

section.blog-listing {
  background-color: #EEE9D8;
}
section.blog-listing .blog-rows__more-btn {
  color: #1A3A2A;
}
section.blog-listing .blog-listing__intro {
  max-width: 1040px;
  margin: 0 0 45px;
  padding-left: 45px;
  font-size: 40px;
  line-height: 52px;
  font-weight: 300;
}
section.blog-listing .blog-listing__intro em {
  font-style: italic;
  color: #BD785C;
}
@media only screen and (max-width: 1140px) {
  section.blog-listing .blog-listing__intro {
    font-size: 32px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 920px) {
  section.blog-listing .blog-listing__intro {
    padding-left: 0;
    font-size: 24px;
    line-height: 36px;
  }
}

.blog-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding-left: 45px;
  margin: 0;
}
.blog-filters__btn {
  padding: 12px 30px;
  border: 1px solid #BD785C;
  color: #222325;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 1;
  text-transform: uppercase;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.blog-filters__btn:hover {
  background-color: #BD785C;
  color: #EEE9D8;
}
.blog-filters__btn.is-active {
  background-color: #1A3A2A;
  border-color: #1A3A2A;
  color: #EEE9D8;
}
.blog-filters__select {
  display: none;
  width: 100%;
  height: 54px;
  padding: 15px 44px 15px 18px;
  background-color: #fff;
  border: 1px solid rgba(42, 38, 32, 0.18);
  border-radius: 0;
  color: #2A2620;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232A2620' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  cursor: pointer;
}
.blog-filters__select:focus {
  outline: none;
  border-color: #BD785C;
}
@media screen and (max-width: 920px) {
  .blog-filters {
    padding-left: 0;
  }
  .blog-filters__btn {
    display: none;
  }
  .blog-filters__select {
    display: block;
  }
}

.blog-rows {
  margin-top: 55px;
  border-top: 1px solid #c6c1b3;
  padding: 0;
}
.blog-rows__more {
  margin-top: 55px;
}
.blog-rows__empty {
  margin: 0;
  padding: 45px 45px;
  font-size: 20px;
}

.post-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  padding: 42px 45px;
  border-bottom: 1px solid #c6c1b3;
  color: #222325;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.post-row__meta {
  flex: 0 0 30%;
}
.post-row__cat {
  display: block;
  margin: 0 0 8px;
  color: #1A3A2A;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.post-row__date {
  display: block;
  color: #BD785C;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.post-row__title {
  flex: 1;
  margin: 0;
  color: #BD785C;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -0.5px;
}
.post-row:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 240px;
  background: url(/wp-content/themes/canvas/img/herringbone-h-light.svg) no-repeat right center;
  background-size: auto 78%;
  opacity: 0;
  pointer-events: none;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.post-row:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: transparent;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.post-row:hover {
  background-color: #1A3A2A;
}
.post-row:hover .post-row__cat {
  color: #EEE9D8;
}
.post-row:hover:before {
  opacity: 0.08;
}
.post-row:hover:after {
  top: 0;
  right: 0;
  border-color: #BD785C #BD785C transparent transparent;
}
@media only screen and (max-width: 1140px) {
  .post-row__title {
    font-size: 34px;
  }
}
@media screen and (max-width: 920px) {
  .post-row {
    flex-direction: column;
    gap: 14px;
    padding: 32px 25px;
  }
  .post-row__meta {
    flex: none;
  }
  .post-row__title {
    font-size: 26px;
  }
  .post-row:before {
    display: none;
  }
}

/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/
.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 40px 0;
  font-family: inherit;
  text-align: center;
  width: 100%;
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  min-width: 38px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  color: #333;
  font-weight: 600;
  transition: all 0.25s ease;
  background-color: #fff;
}

.wp-pagenavi a:hover {
  border-color: #333;
  color: #111;
  background-color: #f5f5f5;
}

.wp-pagenavi span.current {
  background: linear-gradient(135deg, #007bff, #00c3ff);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  cursor: default;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  font-weight: 700;
  font-size: 1.1em;
}

body.single {
  background-color: #EEE9D8;
}

.single-post .single-hero {
  margin-top: 100px;
  padding-top: 70px;
  background-color: #1A3A2A;
  background-image: url(/wp-content/themes/canvas/img/herringbone-pattern-cream-light.svg);
  background-position: center top;
}
.single-post .single-hero__image {
  margin-bottom: -160px;
}
.single-post .single-hero__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 920px) {
  .single-post .single-hero {
    padding-top: 40px;
  }
  .single-post .single-hero__image {
    margin-bottom: -90px;
  }
}
.single-post .single-article {
  background-color: #EEE9D8;
  padding-top: 210px;
  padding-bottom: 7em;
}
.single-post .single-article--flat {
  padding-top: calc(100px + 70px);
}
.single-post .single-article__inner {
  max-width: 1040px;
  margin: 0 auto;
}
@media screen and (max-width: 920px) {
  .single-post .single-article {
    padding-top: 130px;
  }
  .single-post .single-article--flat {
    padding-top: calc(100px + 40px);
  }
}
.single-post .single-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0 0 26px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.single-post .single-meta__date {
  position: relative;
  padding-left: 42px;
  color: #BD785C;
}
.single-post .single-meta__date:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 28px;
  height: 2px;
  background-color: #BD785C;
}
.single-post .single-meta__author {
  position: relative;
  padding-left: 18px;
  color: #2A2620;
}
.single-post .single-meta__author:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: rgba(42, 38, 32, 0.35);
}
.single-post .single-title {
  margin: 0 0 40px;
  color: #2A2620;
  font-size: 54px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -1px;
}
.single-post .single-title em {
  font-style: italic;
}
.single-post .single-title span {
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .single-post .single-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .single-post .single-title {
    font-size: 30px;
  }
}
.single-post .single-rule {
  height: 2px;
  margin: 0 0 50px;
  background-color: #BD785C;
}

.single-post .entry-content {
  color: #2A2620;
  font-size: 16px;
  line-height: 32px;
}
.single-post .entry-content > *:first-child {
  margin-top: 0;
}
.single-post .entry-content > *:last-child {
  margin-bottom: 0;
}
.single-post .entry-content p {
  margin: 0 0 28px;
}
.single-post .entry-content a {
  color: #BD785C;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.single-post .entry-content a:hover {
  color: #1A3A2A;
}
.single-post .entry-content strong, .single-post .entry-content b {
  font-weight: 700;
}
.single-post .entry-content em, .single-post .entry-content i {
  font-style: italic;
}
.single-post .entry-content mark {
  background-color: rgba(189, 120, 92, 0.22);
  color: inherit;
}
.single-post .entry-content small {
  font-size: 13px;
}
.single-post .entry-content abbr {
  -webkit-text-decoration-color: rgba(42, 38, 32, 0.4);
          text-decoration-color: rgba(42, 38, 32, 0.4);
}
.single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 {
  color: #1A3A2A;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.single-post .entry-content h2 {
  margin: 50px 0 18px;
  font-size: 15px;
}
.single-post .entry-content h3 {
  margin: 42px 0 16px;
  font-size: 13px;
}
.single-post .entry-content h4 {
  margin: 34px 0 14px;
  font-size: 12px;
  letter-spacing: 1.5px;
}
.single-post .entry-content h5 {
  margin: 30px 0 12px;
  font-size: 12px;
  letter-spacing: 1.5px;
  color: #2A2620;
}
.single-post .entry-content h6 {
  margin: 28px 0 12px;
  font-size: 11px;
  color: #BD785C;
}
.single-post .entry-content ul, .single-post .entry-content ol {
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}
.single-post .entry-content li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 34px;
  line-height: 32px;
}
.single-post .entry-content li:last-child {
  margin-bottom: 0;
}
.single-post .entry-content ul > li:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #BD785C;
}
.single-post .entry-content ol {
  counter-reset: canvas-li;
}
.single-post .entry-content ol > li {
  counter-increment: canvas-li;
}
.single-post .entry-content ol > li:before {
  content: counter(canvas-li) ".";
  position: absolute;
  left: 0;
  top: 0;
  min-width: 24px;
  color: #BD785C;
  font-weight: 700;
}
.single-post .entry-content li > ul,
.single-post .entry-content li > ol {
  margin: 12px 0 0;
}
.single-post .entry-content ul ul > li:before {
  top: 11px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #BD785C;
}
.single-post .entry-content blockquote {
  margin: 40px 0;
  padding: 4px 0 4px 28px;
  border-left: 3px solid #BD785C;
}
.single-post .entry-content blockquote p {
  margin: 0 0 16px;
  color: #2A2620;
  font-size: 22px;
  font-style: italic;
  line-height: 38px;
}
.single-post .entry-content blockquote cite,
.single-post .entry-content blockquote footer,
.single-post .entry-content blockquote .wp-block-quote__citation {
  display: block;
  margin-top: 8px;
  color: #BD785C;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.single-post .entry-content blockquote > *:last-child {
  margin-bottom: 0;
}
.single-post .entry-content .wp-block-pullquote {
  margin: 44px 0;
  padding: 30px 0;
  border-left: 0;
  border-top: 3px solid #BD785C;
  border-bottom: 3px solid #BD785C;
  text-align: center;
}
.single-post .entry-content .wp-block-pullquote p {
  font-size: 26px;
}
.single-post .entry-content hr,
.single-post .entry-content .wp-block-separator {
  height: 1px;
  margin: 48px 0;
  border: 0;
  background-color: rgba(42, 38, 32, 0.14);
  color: rgba(42, 38, 32, 0.14);
}
.single-post .entry-content .wp-block-separator.is-style-dots {
  height: auto;
  background: none;
  text-align: center;
}
.single-post .entry-content .wp-block-separator.is-style-dots:before {
  content: "· · ·";
  color: #BD785C;
  font-size: 22px;
  letter-spacing: 8px;
}
.single-post .entry-content img {
  max-width: 100%;
  height: auto;
}
.single-post .entry-content figure,
.single-post .entry-content .wp-block-image {
  margin: 34px 0;
}
.single-post .entry-content figcaption,
.single-post .entry-content .wp-element-caption {
  margin-top: 12px;
  color: rgba(42, 38, 32, 0.7);
  font-size: 13px;
  font-style: italic;
  text-align: center;
}
.single-post .entry-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.single-post .entry-content .alignright {
  float: right;
  margin: 6px 0 20px 30px;
}
.single-post .entry-content .alignleft {
  float: left;
  margin: 6px 30px 20px 0;
}
.single-post .entry-content .wp-block-image.aligncenter {
  text-align: center;
}
.single-post .entry-content table,
.single-post .entry-content .wp-block-table table {
  width: 100%;
  margin: 0 0 32px;
  border-collapse: collapse;
  font-size: 15px;
}
.single-post .entry-content th, .single-post .entry-content td {
  padding: 12px 16px;
  border: 1px solid rgba(42, 38, 32, 0.14);
  text-align: left;
}
.single-post .entry-content th {
  background-color: #1A3A2A;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.single-post .entry-content tbody tr:nth-child(even) {
  background-color: rgba(42, 38, 32, 0.03);
}
.single-post .entry-content code {
  padding: 2px 6px;
  border-radius: 3px;
  background-color: rgba(42, 38, 32, 0.06);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.9em;
}
.single-post .entry-content pre {
  margin: 0 0 28px;
  padding: 22px 24px;
  border-radius: 4px;
  background-color: #2A2620;
  color: #EEE9D8;
  line-height: 1.6;
  overflow-x: auto;
}
.single-post .entry-content pre code {
  padding: 0;
  background: none;
  color: inherit;
}
.single-post .entry-content .wp-block-button__link {
  display: inline-block;
  padding: 15px 30px;
  background-color: #BD785C;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-transform: uppercase;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.single-post .entry-content .wp-block-button__link:hover {
  background-color: #1A3A2A;
  color: #fff;
}
.single-post .entry-content:after {
  content: "";
  display: table;
  clear: both;
}

.related-news {
  padding: 7em 0;
  background-color: #1D3327;
  background-image: url(/wp-content/themes/canvas/img/herringbone-pattern-cream-light.svg);
  background-position: center;
}
.related-news .eyebrow {
  display: block;
  margin-bottom: 40px;
}
.related-news__viewport {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.related-news__viewport::-webkit-scrollbar {
  display: none;
}
.related-news__track {
  display: flex;
  gap: 30px;
}
.related-news__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 45px;
  gap: 20px;
}
.related-news__nav {
  display: flex;
  gap: 14px;
}
.related-news__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  background-color: #EEE9D8;
  border: 1px solid rgba(238, 233, 216, 0.45);
  border-radius: 50%;
  color: #1D3327;
  font-size: 18px;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.related-news__arrow:hover {
  background-color: #BD785C;
  border-color: #BD785C;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .related-news__foot {
    flex-direction: column;
    align-items: stretch;
  }
}

.related-card {
  position: relative;
  display: flex;
  flex: 0 0 calc((100% - 60px) / 3);
  flex-direction: column;
  min-height: 300px;
  padding: 35px;
  background-color: #1A3A2A;
  border: 1px solid rgba(238, 233, 216, 0.18);
  color: #EEE9D8;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.related-card:after {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  border-width: 0 22px 22px 0;
  border-style: solid;
  border-color: #BD785C #BD785C transparent transparent;
}
.related-card:hover:after {
  top: 0;
  right: 0;
}
.related-card__date {
  color: rgba(238, 233, 216, 0.7);
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.related-card__title {
  margin: 18px 0 0;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
}
.related-card__link {
  margin: auto -35px 0;
  padding: 26px 35px 0;
  border-top: 1px solid rgba(238, 233, 216, 0.18);
  color: #BD785C;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.related-card:hover {
  background-color: #22482f;
}
.related-card:hover .related-card__title {
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .related-card {
    flex: 0 0 66%;
  }
}
@media screen and (max-width: 480px) {
  .related-card {
    flex: 0 0 84%;
  }
}

.pillar-figure {
  position: relative;
  aspect-ratio: 1/1;
  background-color: #33463a;
  background-image: linear-gradient(140deg, rgba(238, 233, 216, 0.06), rgba(0, 0, 0, 0.35)), var(--fig-img, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.pillar-page .pillar-hero {
  margin-top: 100px;
  background-color: #1A3A2A;
  color: #EEE9D8;
}
.pillar-page .pillar-hero .eyebrow {
  display: block;
  margin-bottom: 22px;
}
.pillar-page .pillar-hero h1 {
  margin: 0 0 24px;
  color: #EEE9D8;
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -1px;
}
.pillar-page .pillar-hero h1 em {
  font-style: italic;
}
.pillar-page .pillar-hero h1 span {
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .pillar-page .pillar-hero h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 480px) {
  .pillar-page .pillar-hero h1 {
    font-size: 32px;
  }
}
.pillar-page .pillar-hero__sub {
  margin: 0;
  max-width: 550px;
  color: rgba(238, 233, 216, 0.85);
  font-size: 22px;
  font-weight: 300;
}
.pillar-page .pillar-hero__body {
  color: rgba(238, 233, 216, 0.8);
  font-size: 15px;
  line-height: 1.9;
}
.pillar-page .pillar-hero__body p {
  margin: 0 0 18px;
}
.pillar-page .pillar-hero__body p:last-child {
  margin-bottom: 0;
}
.pillar-page .pillar-hero__body strong {
  color: #EEE9D8;
  font-weight: 700;
}
.pillar-page .pillar-hero__body ul {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}
.pillar-page .pillar-hero__body li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 22px;
}
.pillar-page .pillar-hero__body li:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #BD785C;
}
@media screen and (max-width: 920px) {
  .pillar-page .pillar-hero__body {
    margin-top: 34px;
  }
}
.pillar-page .pillar-mid {
  background-color: #EEE9D8;
}
@media screen and (max-width: 920px) {
  .pillar-page .pillar-mid:after {
    display: none !important;
  }
}
.pillar-page .pillar-mid h2 {
  margin: 0 0 30px;
  color: #2A2620;
  font-weight: 300;
  line-height: 1.1;
}
.pillar-page .pillar-mid h2 em {
  font-style: italic;
}
.pillar-page .pillar-mid h2 span {
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .pillar-page .pillar-mid h2 {
    font-size: 34px;
  }
}
.pillar-page .pillar-mid__media .pillar-figure {
  aspect-ratio: 1/0.95;
}
.pillar-page .pillar-mid__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}
.pillar-page .pillar-mid__cta .btn:not(.orange) {
  color: #1A3A2A;
}
@media screen and (max-width: 920px) {
  .pillar-page .pillar-mid__media {
    margin-bottom: 40px;
  }
}
.pillar-page .pillar-diff {
  background-color: #1A3A2A;
  color: #EEE9D8;
}
.pillar-page .pillar-diff h2 {
  margin: 0 0 26px;
  color: #EEE9D8;
  font-weight: 300;
  line-height: 1.1;
}
.pillar-page .pillar-diff h2 em {
  font-style: italic;
}
.pillar-page .pillar-diff h2 span {
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .pillar-page .pillar-diff h2 {
    font-size: 34px;
  }
}
.pillar-page .pillar-diff .pillar-copy {
  color: rgba(238, 233, 216, 0.85);
}
.pillar-page .pillar-diff .pillar-copy p.statement {
  color: #EEE9D8;
}
.pillar-page .pillar-diff__media .pillar-figure {
  aspect-ratio: 1/1.1;
}
.pillar-page .pillar-diff__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 920px) {
  .pillar-page .pillar-diff__media {
    margin-bottom: 40px;
  }
}
.pillar-page .pillar-diff .wrap {
  width: 570px;
  max-width: 100%;
  margin: auto;
}
@media screen and (max-width: 920px) {
  .pillar-page .pillar-diff .wrap {
    width: 100%;
  }
}
.pillar-page .pillar-copy {
  font-size: 16px;
  line-height: 1.75;
}
.pillar-page .pillar-copy p {
  margin: 0 0 20px;
}
.pillar-page .pillar-copy p:last-child {
  margin-bottom: 0;
}
.pillar-page .pillar-copy p.statement {
  font-size: 28px;
  line-height: 1.45;
}
@media only screen and (max-width: 920px) {
  .pillar-page .pillar-copy p.statement {
    font-size: 20px;
    line-height: 1.5;
  }
}
.pillar-page .pillar-copy ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pillar-page .pillar-copy ul.lrg {
  font-size: 22px;
  line-height: 38px;
}
@media only screen and (max-width: 920px) {
  .pillar-page .pillar-copy ul.lrg {
    font-size: 16px;
    line-height: 32px;
  }
}
.pillar-page .pillar-copy li {
  position: relative;
  margin: 0 0 20px;
  padding-left: 28px;
}
.pillar-page .pillar-copy li:last-child {
  margin-bottom: 0;
}
.pillar-page .pillar-copy li:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #BD785C;
}

.contact-page .contact-hero {
  margin-top: 100px;
  background-color: #1A3A2A;
  color: #EEE9D8;
}
.contact-page .contact-hero .eyebrow {
  display: block;
  margin-bottom: 22px;
}
.contact-page .contact-hero h1 {
  margin: 0;
  color: #EEE9D8;
  font-size: 64px;
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -1px;
}
.contact-page .contact-hero h1 em {
  font-style: italic;
}
.contact-page .contact-hero h1 span {
  color: #BD785C;
}
@media screen and (max-width: 920px) {
  .contact-page .contact-hero h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 480px) {
  .contact-page .contact-hero h1 {
    font-size: 34px;
  }
}
.contact-page .contact-hero__body {
  color: rgba(238, 233, 216, 0.8);
  font-size: 16px;
  line-height: 1.8;
}
.contact-page .contact-hero__body p {
  margin: 0;
}
.contact-page .contact-hero__body strong {
  color: #EEE9D8;
  font-weight: 700;
}
@media screen and (max-width: 920px) {
  .contact-page .contact-hero__body {
    margin-top: 30px;
  }
}
.contact-page .contact-statement {
  background-color: #EEE9D8;
  padding-bottom: 0;
}
.contact-page .contact-statement .xlrg {
  margin: 0;
  color: #2A2620;
  font-weight: 300;
}
.contact-page .contact-statement .xlrg em {
  font-style: italic;
}
.contact-page .contact-statement .xlrg span {
  color: #BD785C;
}
.contact-page .contact-form-section {
  background-color: #EEE9D8;
}
.contact-page .contact-form-section .contact-form__aside .pillar-figure {
  aspect-ratio: 1/0.82;
}
.contact-page .contact-form-section .contact-form__email {
  margin: 22px 0 0;
  font-size: 15px;
  color: #222325;
}
.contact-page .contact-form-section .contact-form__email a {
  color: #BD785C;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media screen and (max-width: 920px) {
  .contact-page .contact-form-section .contact-form__main {
    margin-top: 45px;
  }
}
.contact-page .gform_wrapper .gform_required_legend,
.contact-page .gform_wrapper .gform_heading {
  display: none;
}
.contact-page .gform_wrapper .gform_fields {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 26px;
}
.contact-page .gform_wrapper .gfield {
  grid-column: 1/-1;
  margin: 0;
  min-width: 0;
}
.contact-page .gform_wrapper .gfield--width-half {
  grid-column: span 6;
}
.contact-page .gform_wrapper .gfield_label {
  display: block;
  margin: 0 0 10px;
  color: #1A3A2A;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.contact-page .gform_wrapper .gfield_required {
  margin-left: 4px;
  color: #BD785C;
}
.contact-page .gform_wrapper .ginput_container input[type=text],
.contact-page .gform_wrapper .ginput_container input[type=email],
.contact-page .gform_wrapper .ginput_container select,
.contact-page .gform_wrapper .ginput_container textarea {
  width: 100%;
  height: 54px;
  padding: 15px 18px;
  background-color: #fff;
  border: 1px solid rgba(42, 38, 32, 0.18);
  border-radius: 0;
  color: #2A2620;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  transition-delay: 0s;
}
.contact-page .gform_wrapper .ginput_container input[type=text]:focus,
.contact-page .gform_wrapper .ginput_container input[type=email]:focus,
.contact-page .gform_wrapper .ginput_container select:focus,
.contact-page .gform_wrapper .ginput_container textarea:focus {
  outline: none;
  border-color: #BD785C;
}
.contact-page .gform_wrapper .ginput_container textarea {
  height: auto;
  resize: vertical;
  min-height: 160px;
}
.contact-page .gform_wrapper .ginput_container_select {
  position: relative;
}
.contact-page .gform_wrapper .ginput_container_select:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 9px;
  border-right: 2px solid #2A2620;
  border-bottom: 2px solid #2A2620;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}
.contact-page .gform_wrapper .ginput_container_select select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding-right: 44px;
  cursor: pointer;
}
.contact-page .gform_wrapper .gfield_error .gfield_label {
  color: #BD785C;
}
.contact-page .gform_wrapper .gfield_error input,
.contact-page .gform_wrapper .gfield_error select,
.contact-page .gform_wrapper .gfield_error textarea {
  border-color: #BD785C;
}
.contact-page .gform_wrapper .gfield_validation_message,
.contact-page .gform_wrapper .validation_message {
  margin-top: 8px;
  padding: 0;
  background: none;
  border: 0;
  color: #BD785C;
  font-size: 14px;
}
.contact-page .gform_wrapper .gform_validation_errors {
  margin: 0 0 26px;
  padding: 14px 18px;
  background-color: rgba(189, 120, 92, 0.12);
  border: 0;
  box-shadow: none;
}
.contact-page .gform_wrapper .gform_validation_errors > h2 {
  margin: 0;
  color: #BD785C;
  font-size: 16px;
}
.contact-page .gform_wrapper .gform_validation_errors ol, .contact-page .gform_wrapper .gform_validation_errors li {
  margin: 0;
}
.contact-page .gform_wrapper .gform_validation_errors a {
  color: #BD785C;
}
.contact-page .gform_wrapper .gform_footer {
  margin: 34px 0 0;
  padding: 0;
}
.contact-page .gform_wrapper .gform_footer input[type=submit],
.contact-page .gform_wrapper .gform_footer .gform_button {
  color: #1A3A2A;
}
.contact-page .gform_wrapper .gform_footer input[type=submit]:after,
.contact-page .gform_wrapper .gform_footer .gform_button:after {
  border-color: #1D3327 #1D3327 transparent transparent;
}
@media screen and (max-width: 480px) {
  .contact-page .gform_wrapper .gfield--width-half {
    grid-column: 1/-1;
  }
}
.contact-page .contact-thanks h2 {
  margin: 0 0 14px;
  color: #2A2620;
  font-weight: 300;
}
.contact-page .contact-thanks p {
  margin: 0;
  font-size: 18px;
  color: #222325;
}
@media screen and (min-width: 920px) {
  .contact-page .form-wrapper {
    padding-left: 30px;
  }
}

body.error404:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(34, 35, 37, 0.6);
  z-index: 1;
}
body.error404 .not-found {
  padding-top: 17em;
  padding-bottom: 0;
  text-align: center;
  background: transparent;
}
body.error404 .not-found h2 {
  color: #fff;
  margin-bottom: 0.8em;
  position: relative;
  z-index: 2;
}
body.error404 .not-found h2:after {
  left: 50%;
  margin: 0 0 0 -12.5px;
}
body.error404 .not-found p {
  color: #fff;
  position: relative;
  z-index: 2;
}
body.error404 .not-found a {
  position: relative;
  z-index: 2;
  margin: 0 10px;
}
@media only screen and (max-width: 920px) {
  body.error404 .not-found {
    padding-top: 10em;
    padding-bottom: 5em;
  }
}
body.error404 footer,
body.error404 .footer-cta {
  display: none;
}

body.page-template-no-header {
  overflow: visible;
}
body.page-template-no-header section.content {
  padding: 0;
  margin: 100px 0 0;
}
body.page-template-no-header section.content h1 {
  font-size: 26px;
}
@media screen and (min-width: 920px) {
  body.page-template-no-header section.content h1 {
    font-size: 40px;
    line-height: 1.2em;
  }
}
body.page-template-no-header section.content input[type=text],
body.page-template-no-header section.content input[type=tel],
body.page-template-no-header section.content input[type=email] {
  background: #fff;
  border: 2px solid #ededed;
  outline: none;
  padding: 12px 25px !important;
  width: 100% !important;
}
body.page-template-no-header section.content input {
  width: 100%;
}
body.page-template-no-header section.content input[type=radio] {
  width: auto !important;
}
body.page-template-no-header section.content .gfield-choice-input {
  width: auto !important;
}
body.page-template-no-header section.content label {
  color: #222325;
  opacity: 0.75;
}
body.page-template-no-header section.content .gform_confirmation_message {
  opacity: 1;
}
body.page-template-no-header .flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
body.page-template-no-header .flex-row .col-left,
body.page-template-no-header .flex-row .col-right {
  flex: 0 1 50%;
  padding: 100px 50px;
  max-width: 50%;
  min-height: 100vh;
}
@media screen and (max-width: 920px) {
  body.page-template-no-header .flex-row .col-left,
  body.page-template-no-header .flex-row .col-right {
    flex: 0 1 100%;
    padding: 50px 25px;
    min-height: 0;
    max-width: 100%;
  }
}
body.page-template-no-header .flex-row .col-right {
  background: #222325;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 920px) {
  body.page-template-no-header .flex-row .col-right {
    display: none;
  }
}
body.page-template-no-header .flex-row .col-right .container-sml {
  width: 100%;
  max-width: 500px;
}
body.page-template-no-header .flex-row .col-right .owl-nav {
  display: none;
}
body.page-template-no-header .flex-row .col-right .owl-theme .owl-dots .owl-dot span {
  margin: 5px 15px 0 0;
}
body.page-template-no-header .flex-row .col-right .owl-dots {
  margin: 20px 0 0;
}

.styleguide {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #2A2620;
  background: #EEE9D8;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.styleguide *,
.styleguide *::before,
.styleguide *::after {
  box-sizing: border-box;
}
.styleguide .layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  min-height: 100vh;
}
.styleguide .sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  overflow-y: auto;
  background: #1D3327;
  color: #EEE9D8;
  padding: 40px 28px;
}
.styleguide .sidebar .sb-logo {
  width: 186px;
  max-width: 100%;
  display: block;
  margin-bottom: 10px;
}
.styleguide .sidebar .sb-logo img,
.styleguide .sidebar .sb-logo svg {
  width: 100%;
  height: auto;
  display: block;
}
.styleguide .sidebar .sub {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(238, 233, 216, 0.55);
  margin-bottom: 32px;
}
.styleguide .sidebar nav a {
  display: block;
  color: rgba(238, 233, 216, 0.72);
  text-decoration: none;
  font-size: 13px;
  padding: 7px 0;
  letter-spacing: 0.3px;
  border-bottom: 1px solid rgba(238, 233, 216, 0.08);
  transition: color 0.15s;
}
.styleguide .sidebar nav a:hover {
  color: #BD785C;
}
.styleguide .sidebar .foot {
  margin-top: 32px;
  font-size: 11px;
  color: rgba(238, 233, 216, 0.4);
  line-height: 1.5;
}
.styleguide .nav-div {
  margin: 22px 0 8px;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #BD785C;
  border-top: 1px solid rgba(238, 233, 216, 0.15);
  padding-top: 18px;
}
.styleguide main {
  padding: 0;
  max-width: 100%;
}
.styleguide .wrap {
  max-width: 1200px;
  padding: 0 64px;
  margin: 0 auto;
}
.styleguide .hero {
  background: #11281D;
  color: #EEE9D8;
  padding: 96px 0 80px;
}
.styleguide .hero h1 {
  font-weight: 200;
  font-size: 64px;
  line-height: 1.1;
  margin: 0 0 24px;
  letter-spacing: -0.5px;
  color: #fff;
}
.styleguide .hero h1 em {
  font-style: italic;
  color: #BD785C;
  font-weight: 300;
}
.styleguide .hero p {
  font-size: 20px;
  font-weight: 300;
  max-width: 620px;
  color: rgba(238, 233, 216, 0.82);
  line-height: 1.5;
}
.styleguide .eyebrow {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #BD785C;
  margin: 0 0 20px;
}
.styleguide section.block {
  padding: 72px 0;
  border-bottom: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide section.block:nth-child(even) {
  background: #F4EFDE;
}
.styleguide section.print {
  background: #EEE9D8;
}
.styleguide section.print:nth-of-type(even) {
  background: #F4EFDE;
}
.styleguide .section-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #BD785C;
  margin: 0 0 8px;
}
.styleguide .section-title {
  font-weight: 300;
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 8px;
  color: #1A3A2A;
}
.styleguide .section-note {
  font-size: 15px;
  font-weight: 300;
  color: rgba(42, 38, 32, 0.7);
  max-width: 640px;
  margin: 0 0 40px;
}
.styleguide .rule {
  border: 0;
  border-top: 2px solid #1A3A2A;
  margin: 0 0 40px;
}
.styleguide .part-rule {
  border: 0;
  border-top: 4px solid #1A3A2A;
  margin: 0;
}
.styleguide .spec {
  font-size: 12px;
  color: rgba(42, 38, 32, 0.55);
  letter-spacing: 0.4px;
  margin-top: 6px;
  font-weight: 500;
}
.styleguide .tag-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #BD785C;
  margin-bottom: 4px;
}
.styleguide .usage-layout {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 48px;
  align-items: start;
  margin-top: 24px;
}
.styleguide .variant-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(42, 38, 32, 0.14);
  margin-top: 12px;
}
.styleguide .variant-tile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  min-height: 200px;
  padding: 24px;
}
.styleguide .variant-tile .vt-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.styleguide .variant-tile .vt-logo svg {
  width: 130px;
  height: auto;
}
.styleguide .variant-tile .vt-variant {
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 2px;
}
.styleguide .variant-tile .vt-surface {
  font-size: 13px;
  margin: 0;
}
.styleguide .vt-cream {
  background: #EEE9D8;
  border-right: 1px solid rgba(42, 38, 32, 0.14);
  border-bottom: 1px solid rgba(42, 38, 32, 0.14);
}
.styleguide .vt-cream .vt-variant,
.styleguide .vt-cream .vt-surface {
  color: #2A2620;
}
.styleguide .vt-cream .vt-surface {
  opacity: 0.65;
}
.styleguide .vt-forest {
  background: #11281D;
  border-bottom: 1px solid rgba(42, 38, 32, 0.14);
}
.styleguide .vt-forest .vt-variant {
  color: #EEE9D8;
}
.styleguide .vt-forest .vt-surface {
  color: rgba(238, 233, 216, 0.65);
}
.styleguide .vt-ink {
  background: #222325;
  border-right: 1px solid rgba(42, 38, 32, 0.14);
}
.styleguide .vt-ink .vt-variant {
  color: #EEE9D8;
}
.styleguide .vt-ink .vt-surface {
  color: rgba(238, 233, 216, 0.65);
}
.styleguide .vt-terracotta {
  background: #BD785C;
}
.styleguide .vt-terracotta .vt-variant {
  color: #fff;
}
.styleguide .vt-terracotta .vt-surface {
  color: rgba(255, 255, 255, 0.8);
}
.styleguide .usage-rules {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.styleguide .usage-rule {
  display: flex;
  gap: 18px;
}
.styleguide .usage-rule .ur-num {
  flex: none;
  width: 30px;
  font-size: 13px;
  font-weight: 700;
  color: #BD785C;
  padding-top: 3px;
}
.styleguide .usage-rule .ur-title {
  font-weight: 700;
  font-size: 19px;
  color: #2A2620;
  margin: 0 0 8px;
}
.styleguide .usage-rule .ur-desc {
  font-size: 15px;
  color: rgba(42, 38, 32, 0.68);
  margin: 0;
  line-height: 1.5;
}
.styleguide .colorrules-layout {
  align-items: start;
}
.styleguide .colorrules-col .usage-rules {
  margin-top: 20px;
  gap: 26px;
}
.styleguide .x-list {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
.styleguide .x-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 18px;
  font-size: 16px;
  color: #2A2620;
  line-height: 1.5;
}
.styleguide .x-list li::before {
  content: "\2715";
  position: absolute;
  left: 0;
  top: 2px;
  color: #BD785C;
  font-size: 12px;
  font-weight: 700;
}
.styleguide .x-list li:last-child {
  margin-bottom: 0;
}
.styleguide .rule-pair-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 28px;
}
.styleguide .rule-pair {
  border: 1px solid rgba(42, 38, 32, 0.14);
  padding: 18px 20px;
  font-size: 15px;
}
.styleguide .rule-pair strong {
  font-weight: 700;
}
.styleguide .rule-pair .rp-check {
  margin: 0 4px;
}
.styleguide .rp-cream {
  background: #EEE9D8;
  color: #2A2620;
}
.styleguide .rp-forest {
  background: #11281D;
  color: #EEE9D8;
  border-color: transparent;
}
.styleguide .specimen-layout {
  align-items: start;
}
.styleguide .specimen-glyphs {
  display: flex;
  align-items: baseline;
  gap: 4px;
  line-height: 0.8;
}
.styleguide .sg-a {
  font-size: 200px;
  font-weight: 500;
  color: #2A2620;
  letter-spacing: -0.02em;
}
.styleguide .sg-a--accent {
  color: #BD785C;
}
.styleguide .specimen-rule {
  border: 0;
  border-top: 1px solid rgba(42, 38, 32, 0.14);
  margin: 20px 0;
}
.styleguide .specimen-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.styleguide .specimen-name {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #2A2620;
}
.styleguide .specimen-source {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #BD785C;
}
.styleguide .specimen-italic-a {
  margin-top: 24px;
  font-size: 160px;
  font-style: italic;
  font-weight: 500;
  line-height: 0.8;
  color: #BD785C;
}
.styleguide .specimen-heading {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
  color: #2A2620;
  margin: 0 0 20px;
}
.styleguide .specimen-body {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(42, 38, 32, 0.72);
  max-width: 520px;
  margin: 0 0 8px;
}
.styleguide .weight-table {
  margin-top: 24px;
  border-top: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .weight-row {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .weight-row .wt-sample {
  flex: 1;
  font-size: 26px;
  color: #2A2620;
}
.styleguide .weight-row .wt-label {
  flex: none;
  width: 110px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2A2620;
}
.styleguide .weight-row .wt-num {
  flex: none;
  width: 36px;
  text-align: right;
  font-size: 14px;
  color: #BD785C;
  font-variant-numeric: tabular-nums;
}
.styleguide .hier-list {
  border-top: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .hier-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 26px 0;
  border-bottom: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .hier-sample {
  flex: 1;
  color: #2A2620;
  margin: 0;
}
.styleguide .hier-meta {
  flex: none;
  width: 260px;
}
.styleguide .hier-meta p {
  margin: 0;
}
.styleguide .hier-role {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #BD785C;
}
.styleguide .hier-spec {
  font-size: 15px;
  color: #2A2620;
  margin-top: 4px !important;
}
.styleguide .hier-use {
  font-size: 14px;
  color: rgba(42, 38, 32, 0.6);
  margin-top: 2px !important;
}
.styleguide .fallback-grid {
  align-items: start;
}
.styleguide .fallback-card .tag-label {
  margin-bottom: 18px;
}
.styleguide .fallback-sample {
  font-size: 64px;
  font-weight: 400;
  color: #2A2620;
  line-height: 1.05;
  margin: 0;
}
.styleguide .fallback-glyphs {
  font-size: 52px;
  font-weight: 400;
  color: #BD785C;
  line-height: 1;
  margin: 14px 0 0;
}
.styleguide .motif-layout {
  align-items: start;
}
.styleguide .motif-graphic img {
  width: 100%;
  height: auto;
  display: block;
}
.styleguide .motif-dodont {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 28px;
}
.styleguide .motif-card {
  border-top: 2px solid rgba(42, 38, 32, 0.14);
  padding-top: 18px;
}
.styleguide .motif-card.do {
  border-top-color: #2A2620;
}
.styleguide .motif-card.dont {
  border-top-color: #BD785C;
}
.styleguide .motif-card-label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #2A2620;
}
.styleguide .motif-card-label .mc-icon {
  margin-right: 4px;
}
.styleguide .motif-card.dont .motif-card-label {
  color: #BD785C;
}
.styleguide .motif-card-desc {
  font-size: 15px;
  color: rgba(42, 38, 32, 0.7);
  line-height: 1.5;
  margin: 0;
}
.styleguide .photo-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}
.styleguide .photo-tile {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #EEE9D8;
}
.styleguide .photo-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(18%) contrast(1.05);
}
.styleguide .photo-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.styleguide .photodir-layout {
  align-items: start;
}
.styleguide .photodir-examples {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.styleguide .photodir-tile img {
  width: 100%;
  height: auto;
  display: block;
  filter: grayscale(18%) contrast(1.05);
}
.styleguide .photodir-cap {
  margin: 12px 0 0;
  font-size: 14px;
  font-weight: 700;
}
.styleguide .photodir-cap.do {
  color: #2A2620;
}
.styleguide .photodir-cap.dont {
  color: #BD785C;
}
.styleguide .direction-list {
  margin-top: 16px;
  border-top: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .direction-row {
  display: flex;
  gap: 24px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .direction-row .dir-label {
  flex: none;
  width: 120px;
  font-weight: 700;
  color: #2A2620;
  font-size: 15px;
}
.styleguide .direction-row .dir-desc {
  flex: 1;
  color: rgba(42, 38, 32, 0.72);
  font-size: 15px;
  line-height: 1.5;
}
.styleguide .grid-layout {
  align-items: start;
}
.styleguide .gd-box {
  border: 1px solid rgba(42, 38, 32, 0.14);
  padding: 24px;
}
.styleguide .gd-rule {
  border: 0;
  border-top: 1px solid rgba(189, 120, 92, 0.4);
}
.styleguide .gd-rule-top {
  margin: 0 0 24px;
}
.styleguide .gd-rule-bottom {
  margin: 24px 0 0;
}
.styleguide .gd-cols {
  display: flex;
  gap: 10px;
  height: 260px;
}
.styleguide .gd-cols span {
  flex: 1;
  background: rgba(189, 120, 92, 0.16);
}
.styleguide .gd-caption {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  font-size: 14px;
  color: #2A2620;
}
.styleguide .app-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.styleguide .app-tile {
  border: 1px solid rgba(42, 38, 32, 0.14);
  background: #EEE9D8;
  min-height: 440px;
  display: flex;
}
.styleguide .tile-deck {
  padding: 10px;
}
.styleguide .tile-social {
  padding: 22px;
}
.styleguide .tile-biz {
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
}
.styleguide .app-dark-card {
  background: #11281D;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
}
.styleguide .app-dark-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.styleguide .app-dark-top .app-logo img {
  width: 120px;
  display: block;
}
.styleguide .app-year {
  font-size: 12px;
  color: rgba(238, 233, 216, 0.75);
}
.styleguide .app-headline {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
  color: #EEE9D8;
  margin: 0;
}
.styleguide .app-headline .text-color-terracotta {
  font-style: normal;
}
.styleguide .app-dark-foot {
  border-top: 1px solid rgba(238, 233, 216, 0.2);
  padding-top: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #BD785C;
}
.styleguide .bizcard-inner {
  background: #F4EFDE;
  width: 280px;
  flex: none;
  aspect-ratio: 3.5 / 2;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: 1px solid rgba(42, 38, 32, 0.12);
  overflow: hidden;
}
.styleguide .bizcard-inner .sg-logo svg {
  width: 110px;
  height: auto;
}
.styleguide .bizcard-name {
  font-size: 18px;
  color: #2A2620;
  margin: 10px 0 0px;
}
.styleguide .bizcard-title {
  font-size: 12px;
  color: #BD785C;
  margin: 0;
}
.styleguide .bizcard-contact {
  font-size: 11px;
  color: #2A2620;
  margin: 0;
  line-height: 1.2;
}
.styleguide .bizcard-contact a {
  color: #BD785C;
  text-decoration: none;
}
.styleguide .app-caption {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  font-size: 15px;
  color: #2A2620;
}
.styleguide .app-caption .val {
  color: #BD785C;
}
.styleguide .lexicon-layout {
  align-items: start;
}
.styleguide .rewrite-list {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.styleguide .rw-off {
  margin: 0 0 4px;
  color: rgba(42, 38, 32, 0.5);
  text-decoration: line-through;
  font-size: 16px;
}
.styleguide .rw-on {
  margin: 0;
  color: #2A2620;
  font-weight: 700;
  font-size: 16px;
}
.styleguide .lexicon-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 16px;
}
.styleguide .lex-label {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 12px;
}
.styleguide .lex-label.use {
  color: #2A2620;
}
.styleguide .lex-label.avoid {
  color: #BD785C;
}
.styleguide .lex-words {
  font-size: 15px;
  color: rgba(42, 38, 32, 0.8);
  line-height: 1.6;
  margin: 0;
}
.styleguide h1,
.styleguide h2,
.styleguide h3,
.styleguide h4,
.styleguide h5,
.styleguide h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  line-height: 1.1;
  color: #1A3A2A;
  margin: 0;
}
.styleguide .type-row {
  padding: 18px 0;
  border-bottom: 1px solid rgba(42, 38, 32, 0.1);
}
.styleguide .type-row:last-child {
  border-bottom: 0;
}
.styleguide .h-xlarge {
  font-size: 60px;
  font-weight: 200;
  letter-spacing: -0.5px;
}
.styleguide .h-large {
  font-size: 48px;
  font-weight: 200;
  letter-spacing: -0.3px;
}
.styleguide .h-medium {
  font-size: 38px;
  font-weight: 300;
}
.styleguide .h-regular {
  font-size: 30px;
  font-weight: 300;
}
.styleguide .h-small {
  font-size: 22px;
  font-weight: 400;
}
.styleguide .h-xsmall {
  font-size: 18px;
  font-weight: 500;
}
.styleguide .doc-h1 {
  font-size: 48px;
  font-weight: 200;
  line-height: 1.1;
}
.styleguide .doc-h2 {
  font-size: 38px;
  font-weight: 300;
  line-height: 1.1;
}
.styleguide .doc-h3 {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.15;
}
.styleguide .doc-h4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}
.styleguide .doc-h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
.styleguide .doc-h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.2px;
}
.styleguide p {
  margin: 0 0 16px;
}
.styleguide a {
  color: #9A5236;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.styleguide a:hover {
  color: #7E4530;
}
.styleguide blockquote {
  margin: 0 0 20px;
  padding: 8px 0 8px 24px;
  border-left: 2px solid #BD785C;
  font-weight: 300;
  font-size: 20px;
  font-style: italic;
  color: #1A3A2A;
}
.styleguide .body-copy {
  max-width: 640px;
  font-weight: 400;
}
.styleguide .text-size-large {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.5;
}
.styleguide .text-size-medium {
  font-size: 18px;
  line-height: 1.55;
}
.styleguide .text-size-regular {
  font-size: 16px;
  line-height: 1.6;
}
.styleguide .text-size-small {
  font-size: 14px;
  line-height: 1.6;
}
.styleguide .text-size-xsmall {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.2px;
}
.styleguide .text-style-italic {
  font-style: italic;
}
.styleguide .text-style-strikethrough {
  text-decoration: line-through;
}
.styleguide .text-style-underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.styleguide .text-style-allcaps {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
}
.styleguide .text-style-nowrap {
  white-space: nowrap;
}
.styleguide .text-style-terracotta {
  color: #BD785C;
  font-style: italic;
}
.styleguide .text-clamp-2,
.styleguide .text-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 520px;
}
.styleguide .text-clamp-2 {
  -webkit-line-clamp: 2;
}
.styleguide .text-clamp-3 {
  -webkit-line-clamp: 3;
}
.styleguide .text-weight-light {
  font-weight: 300;
}
.styleguide .text-weight-regular {
  font-weight: 400;
}
.styleguide .text-weight-medium {
  font-weight: 500;
}
.styleguide .text-weight-semibold {
  font-weight: 600;
}
.styleguide .text-weight-bold {
  font-weight: 700;
}
.styleguide .text-align-left {
  text-align: left;
}
.styleguide .text-align-center {
  text-align: center;
}
.styleguide .text-align-right {
  text-align: right;
}
.styleguide .text-color-forest {
  color: #1A3A2A;
}
.styleguide .text-color-warm-text {
  color: #2A2620;
}
.styleguide .text-color-ink {
  color: #222325;
}
.styleguide .text-color-terracotta {
  color: #BD785C;
}
.styleguide .text-color-link {
  color: #9A5236;
}
.styleguide .text-color-muted-60 {
  color: rgba(42, 38, 32, 0.6);
}
.styleguide .text-color-cream {
  color: #EEE9D8;
}
.styleguide .text-color-bone {
  color: #F4EFDE;
}
.styleguide .text-color-cream-65 {
  color: rgba(238, 233, 216, 0.65);
}
.styleguide .color-roles,
.styleguide .color-roles-dark {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 8px;
}
.styleguide .color-roles p,
.styleguide .color-roles-dark p {
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
}
.styleguide .color-roles-dark {
  background: #11281D;
  padding: 24px;
  margin-top: 16px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.styleguide .color-roles-dark p {
  padding: 0;
}
.styleguide .swatch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
}
.styleguide .swatch {
  border: 1px solid rgba(42, 38, 32, 0.12);
  background: #fff;
}
.styleguide .swatch .chip {
  height: 110px;
  border-bottom: 1px solid rgba(42, 38, 32, 0.08);
}
.styleguide .swatch .chip.is-white {
  box-shadow: inset 0 0 0 1px rgba(42, 38, 32, 0.1);
}
.styleguide .swatch .meta {
  padding: 12px 14px;
}
.styleguide .swatch .name {
  font-weight: 600;
  font-size: 14px;
  color: #1A3A2A;
}
.styleguide .swatch .hex {
  font-size: 12px;
  letter-spacing: 0.5px;
  color: rgba(42, 38, 32, 0.6);
  margin-top: 2px;
  font-variant-numeric: tabular-nums;
}
.styleguide .swatch .use {
  font-size: 11px;
  color: rgba(42, 38, 32, 0.5);
  margin-top: 6px;
  line-height: 1.4;
}
.styleguide .pswatch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
.styleguide .pswatch {
  border: 1px solid rgba(42, 38, 32, 0.12);
  background: #fff;
}
.styleguide .pswatch .chip {
  height: 96px;
}
.styleguide .pswatch .meta {
  padding: 14px 16px;
}
.styleguide .pswatch .role {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #BD785C;
  font-weight: 600;
}
.styleguide .pswatch .pname {
  font-size: 20px;
  font-weight: 300;
  color: #1A3A2A;
  margin: 2px 0 10px;
}
.styleguide .pswatch dl {
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 12px;
  font-size: 12px;
}
.styleguide .pswatch dt {
  color: rgba(42, 38, 32, 0.5);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 10px;
  align-self: center;
}
.styleguide .pswatch dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
  color: #2A2620;
}
.styleguide .btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 14px 30px;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.15s;
  border: 2px solid transparent;
  line-height: 1;
}
.styleguide .btn-primary {
  background: #BD785C;
  color: #fff;
  border-color: #BD785C;
}
.styleguide .btn-primary:hover {
  background: #9A5236;
  border-color: #9A5236;
  color: #fff;
}
.styleguide .btn-outline {
  background: transparent;
  color: #BD785C;
  border-color: #BD785C;
}
.styleguide .btn-outline:hover {
  background: #BD785C;
  color: #fff;
}
.styleguide .btn-forest {
  background: #1A3A2A;
  color: #EEE9D8;
  border-color: #1A3A2A;
}
.styleguide .btn-forest:hover {
  background: #11281D;
  color: #fff;
}
.styleguide .btn-ghost {
  background: transparent;
  color: #1A3A2A;
  border-color: rgba(42, 38, 32, 0.25);
}
.styleguide .btn-ghost:hover {
  border-color: #1A3A2A;
}
.styleguide .btn-sort {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 1px solid rgba(42, 38, 32, 0.25);
  color: #1A3A2A;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 0;
}
.styleguide .btn-sort.active {
  border-color: #BD785C;
  color: #BD785C;
}
.styleguide .pill {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 14px;
  border: 1px solid #BD785C;
  color: #BD785C;
  background: transparent;
}
.styleguide .btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}
.styleguide .btn-flag {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  pointer-events: none;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
  transition: transform 0.18s ease;
  transform: translate(-5px, 5px);
}
.styleguide .btn:hover .btn-flag {
  transform: translate(0, 0);
}
.styleguide .btn-primary .btn-flag,
.styleguide .btn-forest .btn-flag {
  background: #EEE9D8;
}
.styleguide .btn-ghost .btn-flag {
  background: #1A3A2A;
}
.styleguide a.btn.btn-outline:after {
  display: none;
}
.styleguide a.btn.btn-outline .btn-flag {
  background: #BD785C;
}
.styleguide a.btn.btn-outline:hover .btn-flag {
  background: #fff;
}
.styleguide .play-wrap {
  width: 280px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1D3327;
  background-image: repeating-linear-gradient(135deg, rgba(189, 120, 92, 0.12) 0 8px, transparent 8px 16px);
}
.styleguide .play-btn {
  width: 78px;
  height: 78px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  transition: transform 0.18s ease;
}
.styleguide .play-btn:hover {
  transform: scale(1.07);
}
.styleguide .play-btn svg {
  width: 34px;
  height: 34px;
  margin-left: 5px;
  fill: #BD785C;
}
.styleguide .card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}
.styleguide .card {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(42, 38, 32, 0.14);
  padding: 40px;
  overflow: hidden;
  border-radius: 0;
  transition: transform 0.18s ease, border-color 0.18s ease;
}
.styleguide .card:hover {
  transform: translateY(-3px);
  border-color: #BD785C;
}
.styleguide .card.on-cream {
  background: #fff;
}
.styleguide .card.on-forest {
  background: #11281D;
}
.styleguide .card .c-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #BD785C;
  margin: 0 0 14px;
}
.styleguide .card .c-eyebrow::before {
  content: "";
  width: 26px;
  height: 1px;
  background: #BD785C;
  display: inline-block;
}
.styleguide .card .c-title {
  font-size: 34px;
  font-weight: 300;
  line-height: 1.1;
  margin: 0 0 14px;
}
.styleguide .card.on-cream .c-title {
  color: #1A3A2A;
}
.styleguide .card.on-forest .c-title {
  color: #fff;
}
.styleguide .card .c-body {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.55;
  margin: 0;
}
.styleguide .card.on-cream .c-body {
  color: rgba(42, 38, 32, 0.72);
}
.styleguide .card.on-forest .c-body {
  color: rgba(238, 233, 216, 0.82);
}
.styleguide .card .c-link {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #BD785C;
}
.styleguide .card .c-icon {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(42, 38, 32, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
}
.styleguide .card .c-icon svg {
  width: 26px;
  height: 26px;
  stroke: #1A3A2A;
  fill: none;
  stroke-width: 1.3;
}
.styleguide .card .c-divider {
  border-top: 1px solid rgba(238, 233, 216, 0.2);
  margin: auto -40px 40px;
}
.styleguide .card.on-cream .c-divider {
  border-top-color: rgba(42, 38, 32, 0.12);
}
.styleguide .card-flag {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #BD785C;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
  transition: transform 0.18s ease;
  transform: translate(-5px, 5px);
}
.styleguide .card:hover .card-flag {
  transform: translate(0, 0);
}
.styleguide .card-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 0;
  margin-top: 24px;
}
.styleguide .card-split .c-body {
  margin-bottom: 34px;
}
.styleguide .card-split .c-inner {
  padding: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.styleguide .card-split .c-image {
  background: #E8E1CB;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: repeating-linear-gradient(135deg, rgba(189, 120, 92, 0.1) 0 8px, transparent 8px 16px);
}
.styleguide .card-split .c-image span {
  font-size: 13px;
  font-weight: 600;
  color: #1A3A2A;
}
.styleguide .field-group {
  max-width: 460px;
  margin-bottom: 24px;
}
.styleguide label.field-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #1A3A2A;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.styleguide input[type=text],
.styleguide input[type=email],
.styleguide textarea,
.styleguide select {
  width: 100%;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  color: #2A2620;
  background: #fff;
  border: 1px solid rgba(42, 38, 32, 0.18);
  border-radius: 0;
  padding: 12px 14px;
  transition: border-color 0.15s;
}
.styleguide input:focus,
.styleguide textarea:focus,
.styleguide select:focus {
  outline: none;
  border-color: #BD785C;
  border-width: 1px;
}
.styleguide input.error {
  border: 1px solid #BD785C;
}
.styleguide .helper {
  font-size: 12px;
  color: #BD785C;
  margin-top: 6px;
}
.styleguide textarea {
  min-height: 100px;
  resize: vertical;
}
.styleguide .control {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 15px;
  cursor: pointer;
}
.styleguide .control input {
  width: 18px;
  height: 18px;
  accent-color: #BD785C;
}
.styleguide .sg-divider {
  border-top: 1px solid #c6c1b3;
}
.styleguide .icon-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.styleguide .icon-grid.dark {
  background: #11281D;
  padding: 28px 24px;
}
.styleguide .icon-grid.dark .icon-box svg {
  stroke: #EEE9D8;
}
.styleguide .icon-box {
  width: 84px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styleguide .icon-box svg {
  width: 74px;
  height: 74px;
  stroke: #1A3A2A;
  fill: none;
  stroke-width: 1;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.styleguide .social-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.styleguide .social {
  width: 44px;
  height: 44px;
  border-radius: 0;
  background: #1A3A2A;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.styleguide .social svg {
  width: 20px;
  height: 20px;
  fill: #EEE9D8;
}
.styleguide .social i {
  color: #EEE9D8;
  font-size: 20px;
  line-height: 1;
}
.styleguide .social:hover {
  background: #BD785C;
}
.styleguide .ratio-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 20px;
}
.styleguide .ratio {
  background: #E8E1CB;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: repeating-linear-gradient(135deg, rgba(189, 120, 92, 0.1) 0 8px, transparent 8px 16px);
  border: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .ratio span {
  font-size: 13px;
  font-weight: 600;
  color: #1A3A2A;
}
.styleguide .r-3-4 {
  aspect-ratio: 3/4;
}
.styleguide .r-1-1 {
  aspect-ratio: 1/1;
}
.styleguide .r-4-3 {
  aspect-ratio: 4/3;
}
.styleguide .r-3-2 {
  aspect-ratio: 3/2;
}
.styleguide .r-16-9 {
  aspect-ratio: 16/9;
}
.styleguide .r-4-5 {
  aspect-ratio: 4/5;
}
.styleguide .markimg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}
.styleguide .markimg {
  position: relative;
  overflow: hidden;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .markimg .ph {
  position: absolute;
  inset: 0;
  opacity: 0.4;
  background: #4a4844;
  background-image: linear-gradient(135deg, #7b7873 0%, #2c2b28 100%);
}
.styleguide .markimg img,
.styleguide .markimg svg {
  position: relative;
  z-index: 1;
  width: 44%;
  max-width: 120px;
  display: block;
  height: auto;
}
.styleguide .logo-showcase {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.styleguide .logo-showcase.wide {
  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));
}
.styleguide .logo-tile {
  border: 1px solid rgba(42, 38, 32, 0.12);
  padding: 34px 32px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  align-items: flex-start;
  justify-content: center;
  min-height: 150px;
}
.styleguide .logo-tile img,
.styleguide .logo-tile svg {
  max-width: 100%;
  height: auto;
}
.styleguide .logo-tile.full img,
.styleguide .logo-tile.full svg {
  width: 100%;
  max-height: none;
}
.styleguide .logo-tile.mark img,
.styleguide .logo-tile.mark svg {
  max-height: 66px;
  width: auto;
}
.styleguide .logo-tile.lt {
  background: #EEE9D8;
}
.styleguide .logo-tile.wt {
  background: #fff;
}
.styleguide .logo-tile.ft {
  background: #11281D;
}
.styleguide .logo-tile.it {
  background: #222325;
}
.styleguide .logo-tile .cap {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.styleguide .logo-tile.lt .cap, .styleguide .logo-tile.wt .cap {
  color: rgba(42, 38, 32, 0.5);
}
.styleguide .logo-tile.ft .cap, .styleguide .logo-tile.it .cap {
  color: rgba(238, 233, 216, 0.6);
}
.styleguide .sg-logo--mono {
  filter: brightness(0);
}
.styleguide .sg-logo--reversed {
  filter: brightness(0) invert(1);
}
.styleguide .voice-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.styleguide .voice-col {
  padding: 28px;
  border: 1px solid rgba(42, 38, 32, 0.12);
  background: #fff;
}
.styleguide .voice-col h4 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 16px;
}
.styleguide .voice-col.do h4 {
  color: #1A3A2A;
}
.styleguide .voice-col.dont h4 {
  color: #BD785C;
}
.styleguide .voice-col ul {
  margin: 0;
  padding-left: 18px;
}
.styleguide .voice-col li {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 1.45;
}
.styleguide .grid-demo {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}
.styleguide .grid-demo .cell {
  background: rgba(189, 120, 92, 0.14);
  border: 1px solid rgba(189, 120, 92, 0.3);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #BD785C;
  font-weight: 600;
}
.styleguide .two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.styleguide .mono {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 12px;
  background: #11281D;
  color: #F4EFDE;
  padding: 16px 18px;
  overflow-x: auto;
  line-height: 1.6;
  border-left: 3px solid #BD785C;
}
.styleguide .mono .k {
  color: #BD785C;
}
.styleguide .tabs {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 30;
  background: #EEE9D8;
  border-bottom: 1px solid rgba(42, 38, 32, 0.16);
}
.styleguide .tabs .wrap-tabs {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 64px;
  display: flex;
  gap: 10px;
}
.styleguide .tab-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(42, 38, 32, 0.5);
  padding: 20px 10px;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
}
.styleguide .tab-btn:hover {
  color: #1A3A2A;
}
.styleguide .tab-btn.active {
  color: #1A3A2A;
  border-bottom-color: #BD785C;
}
.styleguide .tab-panel[hidden] {
  display: none;
}
.styleguide .sig-card {
  background: #fff;
  border: 1px solid rgba(42, 38, 32, 0.14);
  padding: 36px 40px;
  display: flex;
  align-items: center;
  gap: 30px;
  max-width: 620px;
}
.styleguide .sig-card .sig-mark {
  width: 84px;
  flex: none;
}
.styleguide .sig-card .sig-mark img,
.styleguide .sig-card .sig-mark svg {
  width: 100%;
  display: block;
  height: auto;
}
.styleguide .sig-card .sig-body {
  border-left: 1px solid rgba(42, 38, 32, 0.22);
  padding-left: 28px;
}
.styleguide .sig-card .sig-name {
  font-size: 22px;
  font-weight: 700;
  color: #2A2620;
  margin: 0 0 2px;
}
.styleguide .sig-card .sig-title {
  font-size: 15px;
  color: #5B6B73;
  margin: 0 0 14px;
}
.styleguide .sig-card .sig-contact {
  font-size: 15px;
  color: #1A3A2A;
  line-height: 1.5;
}
.styleguide .divider-band {
  background: #11281D;
  color: #fff;
  padding: 72px 0;
}
.styleguide .divider-band .d-eyebrow {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #BD785C;
  margin: 0 0 18px;
}
.styleguide .divider-band h2 {
  font-weight: 200;
  font-size: 52px;
  line-height: 1.05;
  margin: 0 0 18px;
  color: #fff;
  letter-spacing: -0.5px;
}
.styleguide .divider-band p {
  font-size: 18px;
  font-weight: 300;
  max-width: 660px;
  color: rgba(255, 255, 255, 0.92);
  margin: 0;
}
.styleguide .divider-band .idx {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 24px;
  line-height: 1.9;
}
.styleguide .spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-top: 6px;
}
.styleguide .spec-table th,
.styleguide .spec-table td {
  text-align: left;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .spec-table th {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #BD785C;
  font-weight: 600;
}
.styleguide .spec-table td {
  color: #2A2620;
}
.styleguide .spec-table td.num,
.styleguide .spec-table td.mono {
  font-variant-numeric: tabular-nums;
}
.styleguide .misuse-grid,
.styleguide .tri-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 16px;
}
.styleguide .misuse {
  border: 1px solid rgba(42, 38, 32, 0.14);
  padding: 20px;
  background: #fff;
}
.styleguide .misuse .x {
  color: #BD785C;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.styleguide .misuse .mt {
  font-weight: 600;
  font-size: 15px;
  color: #1A3A2A;
  margin: 10px 0 4px;
}
.styleguide .misuse .md {
  font-size: 13px;
  color: rgba(42, 38, 32, 0.62);
  line-height: 1.4;
}
.styleguide .misuse-demo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
  margin: -20px -20px 16px;
  padding: 20px;
  background: #EEE9D8;
  overflow: hidden;
}
.styleguide .misuse-demo .sg-logo,
.styleguide .misuse-demo .sg-logo svg {
  display: block;
}
.styleguide .misuse-demo .sg-logo svg {
  width: 140px;
  height: auto;
}
.styleguide .demo-stretch .sg-logo {
  transform: scale(1.7, 0.5);
}
.styleguide .demo-rotate .sg-logo {
  transform: rotate(-30deg);
}
.styleguide .demo-shadow .sg-logo {
  filter: drop-shadow(3px 4px 0 rgba(17, 40, 29, 0.4)) drop-shadow(5px 8px 5px rgba(0, 0, 0, 0.4));
}
.styleguide .ml-mask {
  display: block;
  width: 140px;
  height: 30px;
  background-color: #e8341c;
  -webkit-mask: url(/wp-content/themes/canvas/img/logo.svg) no-repeat center / contain;
  mask: url(/wp-content/themes/canvas/img/logo.svg) no-repeat center / contain;
}
.styleguide .ml-outline-box {
  display: inline-flex;
  padding: 10px 16px;
  border: 2px solid #BD785C;
}
.styleguide .demo-overlay {
  background-image: url(/wp-content/themes/canvas/img/sg-misuse-overlay-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.styleguide .dodont {
  display: grid;
  grid-template-columns: 120px 1fr 1fr;
}
.styleguide .dodont > div {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(42, 38, 32, 0.12);
  font-size: 14px;
}
.styleguide .dodont .hd {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
}
.styleguide .dodont .cat {
  font-weight: 600;
  color: #1A3A2A;
}
.styleguide .dodont .cok {
  color: #2A2620;
}
.styleguide .dodont .cno {
  color: rgba(42, 38, 32, 0.58);
}
.styleguide .dodont .h-ok {
  color: #1A3A2A;
}
.styleguide .dodont .h-no {
  color: #BD785C;
}
.styleguide .file-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
}
.styleguide .file-tile {
  padding: 16px;
  border: 1px solid rgba(42, 38, 32, 0.14);
  background: #fff;
}
.styleguide .file-tile .fn {
  font-weight: 600;
  color: #1A3A2A;
  font-size: 14px;
}
.styleguide .file-tile .fb {
  color: rgba(42, 38, 32, 0.55);
  margin-top: 6px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
}
.styleguide .kv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 22px;
  font-size: 15px;
  max-width: 560px;
}
.styleguide .kv dt {
  color: #BD785C;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  align-self: center;
}
.styleguide .kv dd {
  margin: 0;
  color: #2A2620;
}
.styleguide .clearspace-diagram {
  margin-top: 28px;
  max-width: 560px;
  border: 1px solid rgba(42, 38, 32, 0.14);
  background: #EEE9D8;
  padding: 32px 40px 26px;
}
.styleguide .csd-top {
  margin: 0 0 32px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
  color: #BD785C;
}
.styleguide .csd-frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 64px;
}
.styleguide .csd-frame .csd-mark svg {
  display: block;
  width: 100px;
  height: auto;
}
.styleguide .csd-tag {
  position: absolute;
  font-size: 20px;
  font-weight: 500;
  color: #BD785C;
  line-height: 1;
}
.styleguide .csd-tag.csd-tag--tl {
  top: 2px;
  left: 2px;
}
.styleguide .csd-tag.csd-tag--br {
  bottom: 2px;
  right: 2px;
}
.styleguide .csd-tab {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(90deg);
  background: #F4EFDE;
  border: 1px solid rgba(42, 38, 32, 0.14);
  padding: 6px 16px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #BD785C;
  white-space: nowrap;
}
.styleguide .csd-bottom {
  margin: 26px 0 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #BD785C;
}
.styleguide .prop-bar {
  display: flex;
  height: 56px;
  border: 1px solid rgba(42, 38, 32, 0.12);
  overflow: hidden;
  font-size: 13px;
  font-weight: 600;
}
.styleguide .prop-bar > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styleguide .prop-bar .prop-cream {
  flex: 60;
  background: #EEE9D8;
  color: #2A2620;
}
.styleguide .prop-bar .prop-forest {
  flex: 30;
  background: #1A3A2A;
  color: #EEE9D8;
}
.styleguide .prop-bar .prop-terracotta {
  flex: 10;
  background: #BD785C;
  color: #fff;
}
.styleguide .pair-list {
  margin-top: 16px;
}
.styleguide .pair-row {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: 32px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .pair-row:first-child {
  padding-top: 0;
}
.styleguide .pair-swatch {
  display: flex;
  gap: 4px;
}
.styleguide .pair-swatch span {
  flex: 1;
  height: 56px;
  display: block;
  border: 1px solid rgba(42, 38, 32, 0.12);
}
.styleguide .swatch-cream {
  background: #EEE9D8;
}
.styleguide .swatch-ink {
  background: #2A2620;
}
.styleguide .swatch-forest {
  background: #1A3A2A;
}
.styleguide .swatch-terracotta {
  background: #BD785C;
}
.styleguide .pair-label {
  font-size: 18px;
  color: #2A2620;
  font-weight: 500;
}
.styleguide .pair-ratio {
  text-align: right;
  font-size: 14px;
}
.styleguide .pair-ratio .pr-num {
  color: #2A2620;
  font-weight: 600;
}
.styleguide .pair-ratio .pr-check {
  color: #BD785C;
  font-size: 16px;
  font-weight: 700;
  margin-left: 8px;
}
.styleguide .pair-ratio .pr-large {
  color: #BD785C;
  font-weight: 600;
  font-size: 13px;
  display: block;
  line-height: 1.4;
}
.styleguide .rewrite {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 2px solid #1A3A2A;
}
.styleguide .rewrite > div {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(42, 38, 32, 0.12);
  font-size: 14px;
}
.styleguide .rewrite .off {
  color: rgba(42, 38, 32, 0.55);
  font-style: italic;
}
.styleguide .rewrite .on {
  color: #1A3A2A;
  font-weight: 500;
}
.styleguide .mark-row {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.styleguide .mark-row .mark-art {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(42, 38, 32, 0.12);
  background: #EEE9D8;
}
.styleguide .mark-row .mark-art svg,
.styleguide .mark-row .mark-art img {
  width: 100%;
  height: auto;
  display: block;
}
.styleguide .mark-row p {
  margin: 0;
  max-width: 400px;
}
.styleguide .sg-footer {
  background: #11281D;
  color: rgba(238, 233, 216, 0.7);
  padding: 48px 0;
}
.styleguide .sg-footer .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.styleguide .sg-footer .sg-footer__logo {
  width: 190px;
  display: block;
}
.styleguide .sg-footer .sg-footer__logo svg,
.styleguide .sg-footer .sg-footer__logo img {
  width: 100%;
  height: auto;
  display: block;
}
.styleguide .sg-footer .sg-footer__note {
  font-size: 12px;
}
@media (max-width: 900px) {
  .styleguide .divider-band h2 {
    font-size: 36px;
  }
  .styleguide .dodont,
  .styleguide .rewrite,
  .styleguide .kv,
  .styleguide .layout,
  .styleguide .voice-grid,
  .styleguide .two-col,
  .styleguide .card-split,
  .styleguide .usage-layout {
    grid-template-columns: 1fr;
  }
  .styleguide .variant-grid {
    grid-template-columns: 1fr;
  }
  .styleguide .vt-cream,
  .styleguide .vt-ink {
    border-right: 0;
  }
  .styleguide .hier-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .styleguide .hier-meta {
    width: 100%;
  }
  .styleguide .sg-a {
    font-size: 120px;
  }
  .styleguide .specimen-italic-a {
    font-size: 100px;
  }
  .styleguide .photo-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .styleguide .photo-meta-grid {
    grid-template-columns: 1fr;
  }
  .styleguide .photodir-examples {
    grid-template-columns: 1fr 1fr;
  }
  .styleguide .grid-layout {
    grid-template-columns: 1fr;
  }
  .styleguide .app-grid {
    grid-template-columns: 1fr;
  }
  .styleguide .sidebar {
    position: static;
    height: auto;
  }
  .styleguide .wrap {
    padding: 0 28px;
  }
  .styleguide .hero h1 {
    font-size: 44px;
  }
  .styleguide .grid-demo {
    grid-template-columns: repeat(6, 1fr);
  }
  .styleguide .tabs .wrap-tabs {
    padding: 0 28px;
  }
}

body.page-template-styleguide header,
body.page-template-styleguide footer,
body.page-template-styleguide .mobile-bar,
body.page-template-styleguide #loader {
  display: none !important;
}