input:-webkit-autofill {
  border: $border-style !important;
  -webkit-text-fill-color: $c-white !important;
  background-color: $c-blue !important;
  -webkit-box-shadow: 0 0 0px 10px $c-blue inset;
  transition: background-color 5000s ease-in-out 0s;
  }
#__bs_notify__ {
  background: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #fff !important;
  font: small-caption !important;
  padding: 3px 6px !important;
  pointer-events: none;
  position: fixed;
  right: 0;
  opacity: .5;
  z-index: 100;
  bottom: 19px !important;
  top: auto !important; }

/**
Standard 15 column grid
*/
/**
A wider grid with two extra columns.
Only use within a .l-container--17 container
*/
/**
A narrow grid mad up of 9 standard columns
Only use within a .l-container--9 container
*/
/**
Additional grids used infrequently
*/
/* LAYERS */
/**
Keep z-indexes in check.
When add a new element, add it to this list
Add a new lisst for each stacking context
If scoped to a specific object then don't update here - create a new list in that object's scss
More info here - https://www.smashingmagazine.com/2014/06/sassy-z-index-management-for-complex-layouts/

Usage:

z-index: index($layers, modal);
*/
body:before {
  background: #000 !important;
  border: none !important;
  bottom: 0 !important;
  color: #fff !important;
  display: none !important;
  opacity: .5;
  top: auto !important; }

html[data-craftenv=\"local\"] body:before {
  display: block !important; }

/**
Weights reference

Nimbus
------

Bold:      700


Gotham - no italics
-------------------

Regular:   400
Medium:    500
Bold:      700


Caslon - italics only
---------------------

Regular:   400
Semibold:  600
Bold:      700
*/
/* Nimbus */
body:before {
  background-color: #FCF8E3;
  border-bottom: 1px solid #FBEED5;
  border-left: 1px solid #FBEED5;
  color: #C09853;
  font: small-caption;
  padding: 3px 6px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100; }
  @media (min-width: 20em) {
    body:before {
      content: \"s = 320px (20em)\"; } }
  @media (min-width: 46.25em) {
    body:before {
      content: \"m = 740px (46.25em)\"; } }
  @media (min-width: 61.25em) {
    body:before {
      content: \"l = 980px (61.25em)\"; } }
  @media (min-width: 83.75em) {
    body:before {
      content: \"xl = 1340px (83.75em)\"; } }

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/**
Use to convert character tracking values in Adobe CS to CSS letter-spacing
*/
/*------------------------------------*$DISPLAY
\\*------------------------------------*/
.u-sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.u-white-space-nowrap {
  white-space: nowrap; }

.u-hidden {
  display: none !important; }

.u-display-block {
  display: block !important; }

.u-display-inline {
  display: inline !important; }

.u-display-inline-block {
  display: inline-block !important; }

.u-full-width {
  width: 100%; }

/*------------------------------------*$MARGINS, SPACING, ALIGNMENT
\\*------------------------------------*/
.u-flush {
  margin: 0; }

.u-flush--bottom {
  margin-bottom: 0; }

.u-push--top {
  margin-top: 1rem; }

.u-push--top--2 {
  margin-top: 2rem; }

.u-push--top--4 {
  margin-top: 4rem; }

.u-push--bottom {
  margin-bottom: 1rem; }

.u-push--bottom--2 {
  margin-bottom: 2rem; }

.u-push--bottom--4 {
  margin-bottom: 4rem; }

.u-push--bottom--6 {
  margin-bottom: 6rem; }

/*------------------------------------*$IMAGES
\\*------------------------------------*/
.u-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

/*------------------------------------*$TEXT
\\*------------------------------------*/
.u-swash {
  font-feature-settings: \"swsh\"; }

.u-text-s {
  font-size: 0.85em; }

/*------------------------------------*$COLORS
\\*------------------------------------*/

.u-col-salmon {
  color: #f3866b; }

.u-col-green {
  color: #36a97f; }

.u-col-green--l {
  color: #72c4af; }

.u-col-navy {
  color: #174053; }

.button:not(.flickity-prev-next-button),
button:not(.flickity-prev-next-button), input[type=\"button\"]:not(.flickity-prev-next-button), input[type=\"reset\"]:not(.flickity-prev-next-button), input[type=\"submit\"]:not(.flickity-prev-next-button), .link-button {
  display: block;
  appearance: none;
  background-color: #f3866b;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 3;
  padding: 0 1em;
  text-align: center;
  text-decoration: none;
  transition: all 200ms ease;
  text-transform: uppercase;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  letter-spacing: 0.075em;
  /* Size variants */
  /* Color variants */
  /* Other variants */ }
  .button:not(.flickity-prev-next-button):hover, .button:not(.flickity-prev-next-button):focus,
  button:not(.flickity-prev-next-button):hover,
  button:not(.flickity-prev-next-button):focus, input[type=\"button\"]:not(.flickity-prev-next-button):hover, input[type=\"button\"]:not(.flickity-prev-next-button):focus, input[type=\"reset\"]:not(.flickity-prev-next-button):hover, input[type=\"reset\"]:not(.flickity-prev-next-button):focus, input[type=\"submit\"]:not(.flickity-prev-next-button):hover, input[type=\"submit\"]:not(.flickity-prev-next-button):focus, .link-button:focus, .link-button:hover {
    background-color: #36a97f;
    color: #fff; }
  .button:not(.flickity-prev-next-button):disabled,
  button:not(.flickity-prev-next-button):disabled, input[type=\"button\"]:not(.flickity-prev-next-button):disabled, input[type=\"reset\"]:not(.flickity-prev-next-button):disabled, input[type=\"submit\"]:not(.flickity-prev-next-button):disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .button:not(.flickity-prev-next-button):disabled:hover,
    button:not(.flickity-prev-next-button):disabled:hover, input[type=\"button\"]:not(.flickity-prev-next-button):disabled:hover, input[type=\"reset\"]:not(.flickity-prev-next-button):disabled:hover, input[type=\"submit\"]:not(.flickity-prev-next-button):disabled:hover {
      background-color: #f3866b; }
  .button:not(.flickity-prev-next-button).button--xs,
  button:not(.flickity-prev-next-button).button--xs, input[type=\"button\"]:not(.flickity-prev-next-button).button--xs, input[type=\"reset\"]:not(.flickity-prev-next-button).button--xs, input[type=\"submit\"]:not(.flickity-prev-next-button).button--xs {
    padding: 0 0.5em;
    line-height: 2.5;
    font-size: 0.66667rem;
    letter-spacing: 0.075em; }
  .button:not(.flickity-prev-next-button).button--xl,
  button:not(.flickity-prev-next-button).button--xl, input[type=\"button\"]:not(.flickity-prev-next-button).button--xl, input[type=\"reset\"]:not(.flickity-prev-next-button).button--xl, input[type=\"submit\"]:not(.flickity-prev-next-button).button--xl {
    font-size: 1.4rem;
    line-height: 2;
    padding-left: 2em;
    padding-right: 2em; }
    .wf-nimbussanscondensed-n7-active .button:not(.flickity-prev-next-button).button--xl, .wf-nimbussanscondensed-n7-active
    button:not(.flickity-prev-next-button).button--xl, .wf-nimbussanscondensed-n7-active input[type=\"button\"]:not(.flickity-prev-next-button).button--xl, .wf-nimbussanscondensed-n7-active input[type=\"reset\"]:not(.flickity-prev-next-button).button--xl, .wf-nimbussanscondensed-n7-active input[type=\"submit\"]:not(.flickity-prev-next-button).button--xl {
      font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
      font-size: 1.8888rem; }
  .button:not(.flickity-prev-next-button).button--wide,
  button:not(.flickity-prev-next-button).button--wide, input[type=\"button\"]:not(.flickity-prev-next-button).button--wide, input[type=\"reset\"]:not(.flickity-prev-next-button).button--wide, input[type=\"submit\"]:not(.flickity-prev-next-button).button--wide {
    width: 90%;
    max-width: 20em; }
  .button:not(.flickity-prev-next-button).button--outline,
  button:not(.flickity-prev-next-button).button--outline, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline {
    background: none;
    color: #f3866b;
    border: 2px solid; }
    .button:not(.flickity-prev-next-button).button--outline:focus, .button:not(.flickity-prev-next-button).button--outline:hover,
    button:not(.flickity-prev-next-button).button--outline:focus,
    button:not(.flickity-prev-next-button).button--outline:hover, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline:focus, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline:hover, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline:focus, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline:hover, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline:focus, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline:hover {
      color: #36a97f; }
  .button:not(.flickity-prev-next-button).button--outline-white,
  button:not(.flickity-prev-next-button).button--outline-white, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline-white, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline-white, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline-white {
    background: none;
    color: #FFF;
    border: 2px solid; }
    .button:not(.flickity-prev-next-button).button--outline-white:focus, .button:not(.flickity-prev-next-button).button--outline-white:hover,
    button:not(.flickity-prev-next-button).button--outline-white:focus,
    button:not(.flickity-prev-next-button).button--outline-white:hover, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline-white:focus, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline-white:hover, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline-white:focus, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline-white:hover, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline-white:focus, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline-white:hover {
      color: #f3866b; }
  .button:not(.flickity-prev-next-button).button--outline-navy,
  button:not(.flickity-prev-next-button).button--outline-navy, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline-navy, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline-navy, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline-navy {
    background: none;
    color: #174053;
    border: 2px solid; }
    .button:not(.flickity-prev-next-button).button--outline-navy:focus, .button:not(.flickity-prev-next-button).button--outline-navy:hover,
    button:not(.flickity-prev-next-button).button--outline-navy:focus,
    button:not(.flickity-prev-next-button).button--outline-navy:hover, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline-navy:focus, input[type=\"button\"]:not(.flickity-prev-next-button).button--outline-navy:hover, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline-navy:focus, input[type=\"reset\"]:not(.flickity-prev-next-button).button--outline-navy:hover, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline-navy:focus, input[type=\"submit\"]:not(.flickity-prev-next-button).button--outline-navy:hover {
      color: #36a97f; }
  .button:not(.flickity-prev-next-button).button--neutral, .quick-contact .hs-form .button.hs-button:not(.flickity-prev-next-button),
  button:not(.flickity-prev-next-button).button--neutral,
  .quick-contact .hs-form button.hs-button:not(.flickity-prev-next-button), input[type=\"button\"]:not(.flickity-prev-next-button).button--neutral, .quick-contact .hs-form input[type=\"button\"].hs-button:not(.flickity-prev-next-button), input[type=\"reset\"]:not(.flickity-prev-next-button).button--neutral, .quick-contact .hs-form input[type=\"reset\"].hs-button:not(.flickity-prev-next-button), input[type=\"submit\"]:not(.flickity-prev-next-button).button--neutral, .quick-contact .hs-form input[type=\"submit\"].hs-button:not(.flickity-prev-next-button) {
    background-color: #174053; }
    .button:not(.flickity-prev-next-button).button--neutral:focus, .quick-contact .hs-form .button.hs-button:not(.flickity-prev-next-button):focus, .button:not(.flickity-prev-next-button).button--neutral:hover, .quick-contact .hs-form .button.hs-button:not(.flickity-prev-next-button):hover,
    button:not(.flickity-prev-next-button).button--neutral:focus,
    .quick-contact .hs-form button.hs-button:not(.flickity-prev-next-button):focus,
    button:not(.flickity-prev-next-button).button--neutral:hover,
    .quick-contact .hs-form button.hs-button:not(.flickity-prev-next-button):hover, input[type=\"button\"]:not(.flickity-prev-next-button).button--neutral:focus, .quick-contact .hs-form input[type=\"button\"].hs-button:not(.flickity-prev-next-button):focus, input[type=\"button\"]:not(.flickity-prev-next-button).button--neutral:hover, .quick-contact .hs-form input[type=\"button\"].hs-button:not(.flickity-prev-next-button):hover, input[type=\"reset\"]:not(.flickity-prev-next-button).button--neutral:focus, .quick-contact .hs-form input[type=\"reset\"].hs-button:not(.flickity-prev-next-button):focus, input[type=\"reset\"]:not(.flickity-prev-next-button).button--neutral:hover, .quick-contact .hs-form input[type=\"reset\"].hs-button:not(.flickity-prev-next-button):hover, input[type=\"submit\"]:not(.flickity-prev-next-button).button--neutral:focus, .quick-contact .hs-form input[type=\"submit\"].hs-button:not(.flickity-prev-next-button):focus, input[type=\"submit\"]:not(.flickity-prev-next-button).button--neutral:hover, .quick-contact .hs-form input[type=\"submit\"].hs-button:not(.flickity-prev-next-button):hover {
      background-color: #36a97f; }
  .button:not(.flickity-prev-next-button).button--positive,
  button:not(.flickity-prev-next-button).button--positive, input[type=\"button\"]:not(.flickity-prev-next-button).button--positive, input[type=\"reset\"]:not(.flickity-prev-next-button).button--positive, input[type=\"submit\"]:not(.flickity-prev-next-button).button--positive {
    background-color: #36a97f; }
    .button:not(.flickity-prev-next-button).button--positive:focus, .button:not(.flickity-prev-next-button).button--positive:hover,
    button:not(.flickity-prev-next-button).button--positive:focus,
    button:not(.flickity-prev-next-button).button--positive:hover, input[type=\"button\"]:not(.flickity-prev-next-button).button--positive:focus, input[type=\"button\"]:not(.flickity-prev-next-button).button--positive:hover, input[type=\"reset\"]:not(.flickity-prev-next-button).button--positive:focus, input[type=\"reset\"]:not(.flickity-prev-next-button).button--positive:hover, input[type=\"submit\"]:not(.flickity-prev-next-button).button--positive:focus, input[type=\"submit\"]:not(.flickity-prev-next-button).button--positive:hover {
      background-color: #174053; }
  .button:not(.flickity-prev-next-button).button--rnd,
  button:not(.flickity-prev-next-button).button--rnd, input[type=\"button\"]:not(.flickity-prev-next-button).button--rnd, input[type=\"reset\"]:not(.flickity-prev-next-button).button--rnd, input[type=\"submit\"]:not(.flickity-prev-next-button).button--rnd {
    border-radius: 3px;
    border-top-left-radius: 0; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

input,
label,
select {
  display: block; }

label {
  color: #174053;
  margin-bottom: .5em;
  font-size: 0.88889rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.025em; }
  label.required::after {
    content: \"*\"; }
  label abbr {
    display: none; }
  label.error {
    color: #ff0000;
    margin-top: .25em; }

input[type=\"color\"], input[type=\"date\"], input[type=\"datetime\"], input[type=\"datetime-local\"], input[type=\"email\"], input[type=\"month\"], input[type=\"number\"], input[type=\"password\"], input[type=\"search\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"time\"], input[type=\"url\"], input[type=\"week\"], input:not([type]), textarea,
select,
select[multiple=multiple] {
  appearance: none;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #aaa;
  color: #000;
  display: block;
  font-family: inherit;
  font-size: 1em;
  padding: 0.9em;
  max-width: 100%;
  transition: all .3s ease;
  width: 100%; }
  input[type=\"color\"]::placeholder, input[type=\"date\"]::placeholder, input[type=\"datetime\"]::placeholder, input[type=\"datetime-local\"]::placeholder, input[type=\"email\"]::placeholder, input[type=\"month\"]::placeholder, input[type=\"number\"]::placeholder, input[type=\"password\"]::placeholder, input[type=\"search\"]::placeholder, input[type=\"tel\"]::placeholder, input[type=\"text\"]::placeholder, input[type=\"time\"]::placeholder, input[type=\"url\"]::placeholder, input[type=\"week\"]::placeholder, input:not([type])::placeholder, textarea::placeholder,
  select::placeholder,
  select[multiple=multiple]::placeholder {
    color: #ccc; }
  input[type=\"color\"].error, input[type=\"date\"].error, input[type=\"datetime\"].error, input[type=\"datetime-local\"].error, input[type=\"email\"].error, input[type=\"month\"].error, input[type=\"number\"].error, input[type=\"password\"].error, input[type=\"search\"].error, input[type=\"tel\"].error, input[type=\"text\"].error, input[type=\"time\"].error, input[type=\"url\"].error, input[type=\"week\"].error, input:not([type]).error, textarea.error,
  select.error,
  select[multiple=multiple].error {
    border: 1px solid #ff0000 !important; }
  input[type=\"color\"]:hover, input[type=\"date\"]:hover, input[type=\"datetime\"]:hover, input[type=\"datetime-local\"]:hover, input[type=\"email\"]:hover, input[type=\"month\"]:hover, input[type=\"number\"]:hover, input[type=\"password\"]:hover, input[type=\"search\"]:hover, input[type=\"tel\"]:hover, input[type=\"text\"]:hover, input[type=\"time\"]:hover, input[type=\"url\"]:hover, input[type=\"week\"]:hover, input:not([type]):hover, textarea:hover,
  select:hover,
  select[multiple=multiple]:hover {
    border-color: #000; }
  input[type=\"color\"]:focus, input[type=\"date\"]:focus, input[type=\"datetime\"]:focus, input[type=\"datetime-local\"]:focus, input[type=\"email\"]:focus, input[type=\"month\"]:focus, input[type=\"number\"]:focus, input[type=\"password\"]:focus, input[type=\"search\"]:focus, input[type=\"tel\"]:focus, input[type=\"text\"]:focus, input[type=\"time\"]:focus, input[type=\"url\"]:focus, input[type=\"week\"]:focus, input:not([type]):focus, textarea:focus,
  select:focus,
  select[multiple=multiple]:focus {
    outline: none; }
  input[type=\"color\"]:disabled, input[type=\"date\"]:disabled, input[type=\"datetime\"]:disabled, input[type=\"datetime-local\"]:disabled, input[type=\"email\"]:disabled, input[type=\"month\"]:disabled, input[type=\"number\"]:disabled, input[type=\"password\"]:disabled, input[type=\"search\"]:disabled, input[type=\"tel\"]:disabled, input[type=\"text\"]:disabled, input[type=\"time\"]:disabled, input[type=\"url\"]:disabled, input[type=\"week\"]:disabled, input:not([type]):disabled, textarea:disabled,
  select:disabled,
  select[multiple=multiple]:disabled {
    cursor: not-allowed; }

textarea {
  resize: vertical; }

input[type=\"checkbox\"],
input[type=\"radio\"] {
  display: inline;
  margin-right: .5em; }
  input[type=\"checkbox\"] + label,
  input[type=\"radio\"] + label {
    display: inline-block; }

input[type=\"file\"] {
  margin-bottom: 1em;
  outline: 0;
  width: 100%; }

form .button {
  padding-top: 0.9em;
  padding-bottom: 0.9em; }

img,
picture,
figure {
  margin: 0;
  max-width: 100%; }

img[src$=\".svg\"] {
  display: block;
  width: 100%;
  height: auto; }

ul,
ol {
  list-style-type: none;
  margin: 0 0 2em 0;
  padding: 0;
  line-height: 1.5; }page
  ul li,
  ol li {
    margin-bottom: 0.5em; }

ul {
  list-style-type: none; }
  ul ul {
    margin-top: 1em;
    margin-bottom: 1em; }
    ul ul li {
      margin-bottom: 0; }

.style-type-default {
  list-style-type: disc;
}

.bullet-list, .wysiwyg ul {
  list-style-type: none;
  margin-left: 1.4em; }
  .bullet-list li:not(.grid-item), .wysiwyg ul li:not(.grid-item) {
    text-indent: -1.4em; }
    .bullet-list li:not(.grid-item)::before, .wysiwyg ul li:not(.grid-item)::before {
      content: \"�\";
      font-size: 0.8em;
      position: relative;
      top: -0.1em;
      margin-right: 0.9em; }

ol {
  counter-reset: section;
  list-style-type: none; }
  ol ol {
    margin-top: -1.5em;
    margin-bottom: 1em; }
  ol li {
    counter-increment: section;
    margin-bottom: .5em; }

.numbered-list, .wysiwyg ol {
  margin-left: 1.1em;
  list-style-type: decimal; }

dl {
  margin-bottom: 2em; }
  dl dt {
    font-weight: bold;
    margin-top: .5em; }
  dl dd {
    margin: 0; }

table {
  font-feature-settings: \"kern\", \"liga\", \"tnum\";
  width: 100%;
  border-collapse: collapse; }

tr,
td,
th {
  word-wrap: break-word;
  white-space: nowrap;
  vertical-align: middle; }

th {
  cursor: pointer;
  font-weight: 700;
  padding: 0.5em .7em;
  text-align: left;
  border-bottom: 2px solid #6d6d6d; }

td {
  color: inherit;
  font-weight: 400;
  padding: .5em .7em;
  font-size: 0.9em; }

tr {
  border-bottom: 1px solid #E1E1E1; }
  tr:focus, tr:hover {
    background-color: rgba(170, 170, 170, 0.1); }

::selection {
  background: #99dfc5;
  color: #444;
  text-shadow: none; }

html {
  background-color: #fff;
  box-sizing: border-box;
  min-height: 100%;
  font-size: 16px; }
  @media (min-width: 30em) {
    html {
      font-size: 18px; } }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  color: #262626;
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  font-feature-settings: \"kern\", \"liga\", \"pnum\";
  line-height: 1.8;
  min-height: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
  font-size: 21.6px;
  line-height: 1.55;
  margin: 0 0 1em; }

h2,
.beta {
  font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
  font-style: italic;
  font-weight: 400;
  color: #174053;
  font-size: 1.66667rem;
  line-height: 1.33; }

ul + h2 {
  margin-top: 3rem; }

h5,
.epsilon {
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  color: #f3866b;
  font-size: 0.88889rem;
  letter-spacing: 0.2em;
  font-weight: 700;
  text-transform: uppercase; }

/**
Special headings used infrequently
*/
.heading-a {
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  font-size: 1.55556rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  font-style: normal; }

p {
  margin: 0 0 0em; }

a {
  color: #36a97f;
  text-decoration: none;
  transition: color 200ms ease; }
  a:active, a:focus, a:hover {
    color: #174836; }

hr {
  border-bottom: 1px solid #36a97f;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1em 0; }

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

blockquote {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 0; }
  blockquote p {
    margin-top: 0;
    margin-bottom: 0.3em;
    line-height: 1.3;
    font-size: 1.5em;
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-style: italic;
    font-weight: 400;
    color: #36a97f;
    font-feature-settings: \"swsh\"; }
    blockquote p:first-of-type::before {
      content: \"�\";
      position: relative;
      left: -0.1em; }
    blockquote p:last-of-type {
      margin-bottom: 0; }
      blockquote p:last-of-type::after {
        content: \"�\"; }
  blockquote cite {
    display: block;
    margin-top: 1em;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    color: #174053;
    font-size: 0.77778rem;
    letter-spacing: 0.04em;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal; }
    blockquote cite::before {
      content: \"�\"; }

sup {
  font-size: 120%;
  top: auto; }

.html {
  background-color: #fff;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll; }
  @media (max-width: 73.74em) {
    .html.site-nav-is-open {
      height: 100%;
      overflow: hidden;
      position: fixed;
      width: 100%; } }

.body {
  background-color: #36a97f;
  padding-top: 15vh; }
  @media screen and (min-width: 1180px) {
    .body {
      padding-top: 90px;
      transition: padding-top 350ms ease; } }
  @media screen and (min-height: 600px) and (min-width: 1180px) {
    .body {
      padding-top: 18vh; } }
  .modal-open .body {
    overflow: hidden;
    height: 100%;
    left: 0;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    width: 100%; }

.main {
  background-color: #FFF; }
  .body--about .main {
    overflow-x: hidden; }

.l-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  padding-left: 15px;
  padding-right: 15px; }
  .l-container::after {
    clear: both;
    content: \"\";
    display: block; }
  @media (min-width: 46.25em) {
    .l-container {
      padding-left: 20px;
      padding-right: 20px; } }
  .l-container--9 {
    position: relative;
    max-width: 740px; }
  .l-container--11 {
    max-width: 880px; }
  .l-container--13 {
    max-width: 1040px; }
  .l-container--17 {
    max-width: 1340px; }

.l-container .l-flush {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 46.25em) {
    .l-container .l-flush {
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px; } }

.l-grid {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px); }
  .l-grid::after {
    clear: both;
    content: \"\";
    display: block; }
  .l-grid--3-col > * {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (min-width: 46.25em) {
      .l-grid--3-col > * {
        width: calc(46.66667% - 29.33333px);
        float: left;
        margin-left: 20px; }
        .l-grid--3-col > *:nth-child(2n+3) {
          clear: both; } }
    @media (min-width: 61.25em) {
      .l-grid--3-col > * {
        width: calc(33.33333% - 26.66667px);
        float: left;
        margin-left: 20px; }
        .l-grid--3-col > *:nth-child(2n+3) {
          clear: none; }
        .l-grid--3-col > *:nth-child(3n+4) {
          clear: both; } }

.l-home-intro {
  overflow-x: hidden; }
  @media (min-width: 56.25em) {
    .l-home-intro {
      background: linear-gradient(to right, #FFF 0%, #FFF 50%, #f3f3f3 50%, #f3f3f3 100%); } }
  .l-home-intro .left {
    margin-top: 4rem;
    max-width: 40rem;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (min-width: 56.25em) {
      .l-home-intro .left {
        width: calc(46.66667% - 29.33333px);
        float: left;
        margin-left: 20px;
        margin-top: 8rem; } }
  .l-home-intro .right {
    background: #f3f3f3;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (min-width: 56.25em) {
      .l-home-intro .right {
        width: calc(46.66667% - 29.33333px);
        float: left;
        margin-left: 20px;
        margin-left: calc(6.66667% - 21.33333px + 40px); } }
  @media (min-width: 56.25em) {
    .l-home-intro .lede {
      margin-top: 4rem; } }
  .l-home-intro .title-list {
    margin-top: 4rem;
    margin-bottom: 4rem; }

/* Must be within .l-container--17 wide container */
.l-grid.l-left-sidebar > .left {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-bottom: 3rem; }
  @media (min-width: 61.25em) {
    .l-grid.l-left-sidebar > .left {
      width: calc(41.17647% - 28.23529px);
      float: left;
      margin-left: 20px; } }
  @media (min-width: 83.75em) {
    .l-grid.l-left-sidebar > .left {
      width: calc(35.29412% - 27.05882px);
      float: left;
      margin-left: 20px; } }

.l-grid.l-left-sidebar > .right {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }
  @media (min-width: 61.25em) {
    .l-grid.l-left-sidebar > .right {
      width: calc(52.94118% - 30.58824px);
      float: left;
      margin-left: 20px;
      margin-left: calc(5.88235% - 21.17647px + 40px); } }
  @media (min-width: 83.75em) {
    .l-grid.l-left-sidebar > .right {
      width: calc(58.82353% - 31.76471px);
      float: left;
      margin-left: 20px;
      margin-left: calc(5.88235% - 21.17647px + 40px); } }

@media (min-width: 37.5em) {
  .l-matrix--3 {
    display: flex;
    flex-wrap: wrap; } }

@media (min-width: 37.5em) {
  .l-matrix--3 > * {
    width: 50%;
    padding-right: 20px; } }

@media (min-width: 56.25em) {
  .l-matrix--3 > * {
    width: 33.33%;
    padding-right: 20px; } }

@media (min-width: 37.5em) {
  .l-matrix--4 {
    display: flex;
    flex-wrap: wrap; } }

@media (min-width: 37.5em) {
  .l-matrix--4 > * {
    width: 50%;
    padding-right: 20px; } }

@media (min-width: 56.25em) {
  .l-matrix--4 > * {
    width: 25%;
    padding-right: 20px; } }

.adopted {
  text-transform: capitalize !important; }
  .adopted i {
    font-style: normal;
    text-transform: uppercase;
    position: relative; }
    .adopted i::after {
      content: \"\";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0.05em;
      height: 0.08em;
      background: #fff; }

/* header */
.big-heading {
  display: flex;
  flex-direction: column;
  height: 10.5555rem;
  justify-content: center;
  margin-bottom: 3rem;
  text-align: center; }
  @media (max-width: 46.1875em) {
    .big-heading {
      margin-top: -3rem; } }
  .big-heading::after {
    bottom: 0;
    background-color: #E1E1E1;
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 700px; }
  .big-heading__title {
    margin-bottom: 0;
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-style: italic;
    font-size: 2.55556rem;
    line-height: 1;
    color: #36a8b3;
    font-weight: 400;
    font-feature-settings: \"swsh\"; }
  .big-heading__subtitle {
    margin-bottom: 0;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-size: 1.16667rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    color: #174053; }
  @media (min-width: 81.25em) {
    .big-heading.mobile-only {
      display: none; }
      .big-heading.mobile-only + .wysiwyg {
        padding-top: 3rem !important; } }

/*
 * CHECKBOXES AND RADIOS
 * Based on WTF Forms � https://github.com/mdo/wtf-forms
 */
.control {
  position: relative;
  display: inline-block;
  padding-left: 2rem;
  color: #555;
  cursor: pointer; }

.control input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */ }

.control-indicator {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1rem;
  font-size: 65%;
  color: #eee;
  text-align: center;
  background-color: #eee;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transform: translateY(-50%); }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.control:hover .control-indicator {
  color: #fff;
  background-color: #ccc;
}
*/
/* Focus */
.control input:focus ~ .control-indicator {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #f3866b; }

/* Checked state */
.control input:checked ~ .control-indicator {
  color: #fff;
  background-color: #f3866b; }

/* Active */
.control input:active ~ .control-indicator {
  color: #fff;
  background-color: #f3866b; }

/* Checkbox modifiers */
.checkbox .control-indicator {
  border-radius: .25rem; }

.checkbox input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

/* Radio modifiers */
.radio .control-indicator {
  border-radius: 50%; }

.radio input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

/* Alternately, use another character */
.control-x input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==); }

.control-dash input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }

.form-actions {
  text-align: center; }

/* ul */
.form-fields {
  color: #174053;
  /* Same as label color */ }
  .form-fields li {
    margin-bottom: 1.5rem; }
  @media (min-width: 46.25em) {
    .form-fields .single-line {
      display: flex; } }
  .form-fields .single-line input {
    margin-bottom: 1rem; }
    @media (min-width: 46.25em) {
      .form-fields .single-line input {
        margin-bottom: 0;
        margin-left: 0.5rem;
        margin-right: 0.5rem; }
        .form-fields .single-line input:first-of-type {
          margin-left: 0; }
        .form-fields .single-line input:last-of-type {
          margin-right: 0; } }
  .form-fields .extra-field label {
    color: #464648;
    margin-bottom: .5em;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0em; }
  .form-fields--center label {
    text-align: center; }

ol.form-fields {
  margin-left: 2.5em;
  list-style-type: decimal;
  color: #174053;
  /* Same text styles as label */
  margin-bottom: .5em;
  font-size: 0.88889rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.025em; }
  ol.form-fields li.extra-field,
  ol.form-fields li.form-actions {
    list-style-type: none; }
  ol.form-fields li {
    margin-left: -1rem; }

body.has-grid-overlay::after {
  content: \"\";
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 1340px;
  transform: translateX(-50%);
  background-image: repeating-linear-gradient(to right, transparent, transparent 20px, rgba(255, 0, 0, 0.2) 20px, rgba(255, 0, 0, 0.2) calc(4.3% + 20px));
  z-index: 9999; }

.icon {
  width: 1em;
  height: 1em; }

.icon-person {
  position: relative;
  top: 0.1em; }

.icon-person--f {
  fill: #f3866b; }

.icon-heart {
  fill: #f1512b; }

.icon-dollar {
  fill: #36a97f; }

.icon-group {
  fill: #36a97f; }

.indicator {
  color: #f3866b;
  font-size: 120%;
  font-weight: 900;
  line-height: 1; }

a.inline-link {
  display: inline-block; }
  a.inline-link:link, a.inline-link:visited {
    color: inherit;
    font-weight: 700;
    border-bottom: 1px solid #36a97f; }
  a.inline-link:focus, a.inline-link:hover {
    color: #36a97f; }

.lede {
  margin-top: 2rem;
  font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
  font-style: italic;
  font-size: 1.55556rem;
  line-height: 1.4;
  color: #174053; }
  .lede:first-child {
    margin-top: 0; }
  .lede em {
    color: #36a97f; }
  .lede a {
    border: none !important; }

.line-title {
  position: relative;
  z-index: 1; }
  .line-title span {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding-right: 1em;
    overflow: visible; }
    .line-title span::after {
      content: \"\";
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -3px;
      margin-right: -2px;
      width: 6px;
      height: 6px;
      border-radius: 6px;
      background: #E1E1E1; }
  .line-title::after {
    content: \"\";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: 0px;
    height: 1px;
    background: #E1E1E1; }

/* dl */
.meta-list {
  margin-top: 0;
  margin-bottom: 1.5em;
  /* Inline horizontal version */ }
  .meta-list::after {
    clear: both;
    content: \"\";
    display: table; }
  .meta-list,
  .meta-list dl,
  .meta-list dt {
    line-height: 1.66667rem; }
  .meta-list dt {
    clear: both;
    float: left;
    position: relative;
    top: 0.16em;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.5em;
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-style: italic;
    font-size: 1rem;
    font-weight: 700;
    color: #174053; }
  .meta-list dd {
    float: left;
    margin-bottom: 0;
    margin-top: 0; }
  .meta-list dd,
  .meta-list dt em {
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-size: 0.83333rem;
    font-weight: 500;
    color: #464648;
    letter-spacing: 0.05em;
    font-style: normal; }
  .meta-list dt.indent {
    margin-left: 1em; }
  .meta-list--inline dt,
  .meta-list--inline dd {
    display: inline-block;
    float: none;
    clear: none; }
  .meta-list--inline dt {
    display: inline-block;
    top: 0;
    margin-right: 0.15em; }
  .meta-list--inline dd {
    display: inline-block; }
    .meta-list--inline dd:not(:last-of-type)::after {
      display: inline-block;
      margin-left: 0.5em;
      margin-right: 0.5em;
      content: \"|\"; }

.mfp-fade {
  /* overlay at start */ }
  .mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 300ms ease-out;
    /* overlay animate in */
    /* overlay animate out */ }
    .mfp-fade.mfp-bg.mfp-ready {
      opacity: 1; }
    .mfp-fade.mfp-bg.mfp-removing {
      opacity: 0; }
  .mfp-fade.mfp-wrap {
    /* content at start */ }
    .mfp-fade.mfp-wrap .mfp-content {
      opacity: 0;
      transition: all 300ms ease-out; }
    .mfp-fade.mfp-wrap.mfp-ready {
      /* content animate in */ }
      .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1; }
    .mfp-fade.mfp-wrap.mfp-removing {
      /* content animate out */ }
      .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0; }

a.plain-link:link, a.plain-link:visited {
  color: inherit;
  text-decoration: none; }

a.plain-link:focus, a.plain-link:hover {
  color: #36a97f; }

/**
Based on WTF Forms � https://github.com/mdo/wtf-forms
*/
.select {
  position: relative;
  display: inline-block;
  color: #262626;
  width: 100%; }

.select select {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0.9em 3em 0.9em 0.9em;
  line-height: 1;
  color: #262626;
  background-color: #FFF;
  border: 0;
  line-height: 1.1;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Undo the Firefox inner focus ring */
.select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* Dropdown arrow */
.select:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: \"\";
  width: 0;
  height: 0;
  margin-top: -.15rem;
  pointer-events: none;
  border-top: .35rem solid;
  border-right: .35rem solid transparent;
  border-bottom: .35rem solid transparent;
  border-left: .35rem solid transparent; }

.select--salmon .select::after {
  right: 1rem;
  color: #fff;
  transform: translateX(50%);
  z-index: 2; }
  @media (min-width: 21.875em) {
    .select--salmon .select::after {
      right: 1.5rem; } }

.select--salmon .select::before {
  position: absolute;
  top: 0;
  bottom: -1px;
  right: 0;
  display: block;
  content: \"\";
  background-color: #f3866b;
  width: 2em;
  pointer-events: none;
  z-index: 1; }
  @media (min-width: 21.875em) {
    .select--salmon .select::before {
      width: 3em; } }

.select--green--d .select::after {
  right: 1rem;
  color: #fff;
  transform: translateX(50%);
  z-index: 2; }
  @media (min-width: 21.875em) {
    .select--green--d .select::after {
      right: 1.5rem; } }

.select--green--d .select::before {
  position: absolute;
  top: 0;
  bottom: -1px;
  right: 0;
  display: block;
  content: \"\";
  background-color: #28795c;
  width: 2em;
  pointer-events: none;
  z-index: 1; }
  @media (min-width: 21.875em) {
    .select--green--d .select::before {
      width: 3em; } }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
    background-color: #ddd;
}
*/
/* Focus */
.select select:focus {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/* Active/open */
.select select:active {
  color: #fff;
  background-color: #0074d9; }

/* Hide the arrow in IE10 and up */
.select select::-ms-expand {
  display: none; }

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  /* <option> elements inherit styles from <select>, so reset them. */
  .select select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem; }
  .select option {
    background-color: #fff; } }

/* IE9 hack to hide the arrow */
@media screen and (min-width: 0\\0) {
  .select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem; }
  .select:after {
    z-index: 5; }
  .select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: \"\";
    display: block;
    width: 1.5rem;
    background-color: #FFF; }
  .select select:hover,
  .select select:focus,
  .select select:active {
    color: #262626;
    background-color: #FFF; } }

.underline-title {
  font-feature-settings: \"swsh\";
  border-bottom: 2px solid #E1E1E1;
  color: #36a97f !important;
  display: block;
  font-size: 2rem !important;
  font-weight: 400 !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0 !important;
  max-width: 880px;
  padding-bottom: 2rem;
  position: relative;
  text-align: center; }
  .underline-title::after, .underline-title::before {
    content: \"\";
    display: block;
    position: absolute;
    bottom: -4px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #E1E1E1; }
  .underline-title::after {
    right: 0;
    margin-right: -2px; }
  .underline-title::before {
    left: 0;
    margin-left: -2px; }

.address-list h3 {
  margin-top: 2rem;
  margin-bottom: 0.25em;
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #36a97f;
  font-size: 1rem; }

.address-list p {
  font-size: 0.77778rem; }

.address-list .group {
  display: block; }

/* ul */
.article-snippet-list {
  font-size: 0.88889rem;
  line-height: 1.6; }
  .article-snippet-list li {
    margin-bottom: 1.4rem; }
    .article-snippet-list li a {
      display: inline-block; }
    .article-snippet-list li:last-child {
      margin-bottom: 0; }

/* header */
.banner {
  align-items: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3rem;
  min-height: 50vw;
  padding: 3rem 1rem;
  text-align: center;
  /* Variants */ }
  @media (min-width: 46.25em) {
    .banner {
      margin-bottom: 4.3333rem; } }
  @media (min-width: 50em) {
    .banner {
      min-height: 24vw; } }
  @media screen and (min-width: 1180px) {
    .subnav + .banner {
      margin-top: 50px; } }
  .banner__heading, .banner__subheading {
    width: 100%;
    color: #fff;
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.8);
    -webkit-font-smoothing: antialised; }
  .banner__heading {
    line-height: 1;
    margin-bottom: 0;
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-weight: 600;
    font-style: italic;
    font-size: 3.33333rem;
    font-feature-settings: \"swsh\"; }
    @media (min-width: 46.25em) {
      .banner__heading {
        font-size: 4.44444rem; } }
    .banner__heading > span {
      font-size: 0.3em;
      font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
      font-style: normal;
      text-transform: uppercase;
      letter-spacing: 0.4em;
      font-weight: 500; }
    .banner__heading--s {
      text-shadow: none; 
      font-size: 1.55556rem;}
  .banner__subheading {
    margin-top: 0.2em;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-size: 0.88889rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em; }
  .banner--plain {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: url('https://mygladney.com/img/topography.png');
    background-size: 50%;
    /* background: #168793;
    background-repeat: no-repeat;
    background-size: cover;*/
    min-height: 17vw;
    padding-bottom: 3rem;
    padding-top: 3rem; 
    text-shadow: none; 
    font-size: 1.55556rem;}
    .banner--plain .banner__heading {
      font-weight: 400;
      line-height: 1.4;
      max-width: 26em; }
      .banner--plain .banner__heading em {
        color: #36a97f; }
  @media (min-width: 46.25em) {
    .banner--tall {
      min-height: 35vw;
      padding-bottom: 14vw; } }
  @media (min-width: 46.25em) {
    .banner--text-bottom {
      justify-content: flex-end;
      min-height: 42vw;
      padding-bottom: 14vw; }
      .banner--text-bottom.short {
        justify-content: flex-end;
        min-height: 36vw;
        padding-bottom: 5vw; } }
  @media (min-width: 46.25em) {
    .banner--text-bottom .banner__heading {
      font-size: 3.33333rem; } }
  .banner--with-cta {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 60vh;
    justify-content: center;
    margin: 0;
    padding: 3rem 1rem; }
    .banner--with-cta .cta {
      color: #000;
      font-size: 2rem;
      letter-spacing: 0.01em;
      line-height: 1;
      margin-bottom: 2rem;
      text-transform: uppercase; }
      @media (min-width: 31.25em) {
        .banner--with-cta .cta {
          font-size: 2.3rem; } }
      .wf-nimbussanscondensed-n7-active .banner--with-cta .cta {
        font-family: 'nimbus-sans-condensed', Arial, Helvetica, sans-serif;
        font-size: 3rem; }
        @media (min-width: 31.25em) {
          .wf-nimbussanscondensed-n7-active .banner--with-cta .cta {
            font-size: 4rem; } }
      .banner--with-cta .cta em {
        color: #FFF;
        font-style: normal; }
    @media (max-width: 29.9375em) {
      .banner--with-cta .button.button--xl {
        padding-left: 1.5em;
        padding-right: 1.5em; } }
    @media (min-width: 30em) {
      .wf-nimbussanscondensed-n7-active .banner--with-cta .button.button--xl {
        font-size: 1.8888rem; } }
    .banner--with-cta .button.button--xl:hover {
      border-color: #FFF;
      color: #FFF; }
  .banner.contact {
    min-height: 66vh; }

.big-three {
  padding-top: 3rem;
  padding-bottom: 2rem;
  background: #72c4af; }
  @media (min-width: 50em) {
    .big-three {
      display: flex;
      justify-content: space-between;
      padding-top: 0;
      padding-bottom: 0; } }
  .big-three a {
    display: block;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    @media (min-width: 46.25em) {
      .big-three a {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    .big-three a:last-child {
      margin-bottom: 0;
      border: none; }
    @media (min-width: 50em) {
      .big-three a {
        width: 33%;
        padding-top: 3.5rem;
        padding-bottom: 3rem;
        margin-bottom: 0;
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, 0.2); } }
    @media (min-width: 61.25em) {
      .big-three a {
        padding-left: 3rem;
        padding-right: 3rem; } }
    .big-three a:link, .big-three a:visited {
      color: #fff; }
    .big-three a:focus, .big-three a:hover {
      color: #174053; }
  .big-three strong {
    display: block;
    font-size: 3.66667rem;
    line-height: 0.9;
    font-family: 'nimbus-sans-condensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase; }
  .big-three br {
    display: none; }
    @media (min-width: 50em) {
      .big-three br {
        display: block; } }
  .big-three span {
    display: block;
    margin-top: 0.5em;
    font-family: 'adobe-caslon-pro', 'Hoefler Text', Georgia, Garamond, Times, serif;
    font-style: italic;
    font-size: 1.33333rem;
    font-weight: 600; }
    .big-three span::before {
      content: \"� \"; }

/* ul */
.block-links {
  margin-bottom: 3rem;
  /* Colors */ }
  .block-links::after {
    clear: both;
    content: \"\";
    display: block; }
  .block-links li {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (min-width: 31.25em) {
      .block-links li {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px; } }
    @media (min-width: 75em) {
      .block-links li {
        width: calc(20% - 24px);
        float: left;
        margin-left: 20px; } }
  .block-links a {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 8rem;
    padding: 4rem;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 0.88889rem;
    line-height: 1.625;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color 200ms ease;
    border: 2px solid; }
    @media (min-width: 31.25em) {
      .block-links a {
        height: 10rem;
        padding-left: 1rem;
        padding-right: 1rem; } }
    @media (min-width: 75em) {
      .block-links a {
        height: 11rem;
        padding-left: 1rem;
        padding-right: 1rem; } }
    .block-links a::after {
      display: none;
      content: \"� Get Support\";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0.5rem;
      font-family: 'adobe-caslon-pro', 'Hoefler Text', Georgia, Garamond, Times, serif;
      font-style: italic;
      font-size: 0.88889rem;
      color: #fff;
      text-transform: capitalize;
      letter-spacing: 0;
      font-weight: 400; }
    .block-links a:focus, .block-links a:hover {
      background: blue;
      color: #fff; }
      .block-links a:focus::after, .block-links a:hover::after {
        display: block; }
  .block-links li:nth-child(1) a {
    color: #174053; }
    .block-links li:nth-child(1) a:focus, .block-links li:nth-child(1) a:hover {
      color: #fff;
      background-color: #174053;
      border-color: #174053; }
  .block-links li:nth-child(2) a {
    color: #36a97f; }
    .block-links li:nth-child(2) a:focus, .block-links li:nth-child(2) a:hover {
      color: #fff;
      background-color: #36a97f;
      border-color: #36a97f; }
  .block-links li:nth-child(3) a {
    color: #72c4af; }
    .block-links li:nth-child(3) a:focus, .block-links li:nth-child(3) a:hover {
      color: #fff;
      background-color: #72c4af;
      border-color: #72c4af; }
  .block-links li:nth-child(4) a {
    color: #36a8b3; }
    .block-links li:nth-child(4) a:focus, .block-links li:nth-child(4) a:hover {
      color: #fff;
      background-color: #36a8b3;
      border-color: #36a8b3; }
  .block-links li:nth-child(5) a {
    color: #f3866b; }
    .block-links li:nth-child(5) a:focus, .block-links li:nth-child(5) a:hover {
      color: #fff;
      background-color: #f3866b;
      border-color: #f3866b; }

.board-members {
  padding-bottom: 5rem; }
  .board-members__title {
    margin-bottom: 2rem;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-style: normal; }
  .board-members ul {
    margin-bottom: 0; }
    .board-members ul li {
      font-size: 18px;
      line-height: 1.25;
      margin-bottom: 0.75em; }
      @media (min-width: 37.5em) {
        .board-members ul li {
          font-size: 1.33333rem; } }
    .board-members ul em {
      font-size: 20px;
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-style: italic;
      color: #36a97f; }
      @media (min-width: 37.5em) {
        .board-members ul em {
          font-size: 1.5rem; } }
  .board-members__officers {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-bottom: 2rem; }
    @media (min-width: 61.25em) {
      .board-members__officers {
        width: calc(40% - 28px);
        float: left;
        margin-left: 20px; } }
  .board-members__members {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (min-width: 30em) {
      .board-members__members ul {
        display: flex;
        flex-wrap: wrap;
        padding-right: 1rem; }
        .board-members__members ul li {
          flex: 1 1 50%; } }
    @media (min-width: 61.25em) {
      .board-members__members {
        width: calc(60% - 32px);
        float: left;
        margin-left: 20px; } }

.contact-card {
  margin: 0 auto 4rem;
  max-width: 840px;
  position: relative; }
  @media (min-width: 46.25em) {
    .contact-card {
      display: flex;
      flex-wrap: wrap; } }
  .contact-card__intro {
    padding: 2rem 2rem;
    background-color: #fff;
    text-align: center; }
    @media (min-width: 46.25em) {
      .contact-card__intro {
        bottom: 100%;
        padding: 2rem 4rem;
        position: absolute;
        width: 100%; } }
    .contact-card__intro .lede {
      margin-top: 0;
      margin-bottom: 0;
      color: #174053; }
      .contact-card__intro .lede em {
        color: #36a97f; }
  .contact-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background-color: #72c4af; }
    @media (min-width: 46.25em) {
      .contact-card__logo {
        width: 50%; } }
    .contact-card__logo img {
      max-width: 300px; }
  .contact-card__address {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background-color: #36a97f;
    color: #fff;
    font-size: 0.88889rem;
    line-height: 1.75; }
    @media (min-width: 46.25em) {
      .contact-card__address {
        width: 50%; } }
    .contact-card__address > *:last-child {
      margin-bottom: 0; }
    .contact-card__address a:link, .contact-card__address a:visited {
      color: #fff; }

.content-carousel__item {
  display: block;
  width: 100%;
  overflow: hidden; }

.content-carousel .flickity-prev-next-button {
  width: 30px;
  height: 30px;
  background-color: #174053;
  top: auto;
  bottom: -3rem; }
  .content-carousel .flickity-prev-next-button:focus, .content-carousel .flickity-prev-next-button:hover {
    background-color: #36a97f; }
  .content-carousel .flickity-prev-next-button svg,
  .content-carousel .flickity-prev-next-button svg path {
    fill: #fff; }
  @media (max-width: 47.5em) {
    .content-carousel .flickity-prev-next-button {
      left: auto;
      right: auto; }
      .content-carousel .flickity-prev-next-button.next {
        left: 2rem; } }
  @media (min-width: 47.5em) {
    .content-carousel .flickity-prev-next-button {
      bottom: -2rem;
      left: 50%; }
      .content-carousel .flickity-prev-next-button.previous {
        margin-left: -36px; }
      .content-carousel .flickity-prev-next-button.next {
        margin-right: -36px; } }
  @media (min-width: 83.75em) {
    .content-carousel .flickity-prev-next-button {
      top: 50%;
      bottom: auto; }
      .content-carousel .flickity-prev-next-button.previous {
        left: 0;
        right: auto;
        margin-left: -3rem; }
      .content-carousel .flickity-prev-next-button.next {
        left: auto;
        right: 0;
        margin-right: -3rem; } }

.cta-bucket {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 4rem; }
  .cta-bucket .l-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 43.75em) {
      .cta-bucket .l-container {
        flex-direction: row; } }
    .cta-bucket .l-container::after {
      display: none; }
  .cta-bucket p {
    flex: 1 1 60%;
    font-size: 0.88889rem;
    text-align: center; }
    @media (min-width: 43.75em) {
      .cta-bucket p {
        margin-bottom: 0;
        margin-right: 6.667%;
        text-align: left; } }
  .cta-bucket .button.button {
    border-width: 3px;
    white-space: normal;
    line-height: 1;
    padding: 0.5em;
    flex: 0 1 33.3333%;
    align-self: center;
    letter-spacing: 0;
    margin: 10px; }
  .cta-bucket--shadow {
    background-color: #f9f9f9;
    background-image: url(\"/static/img/bg-cta-bucket.png\");
    background-repeat: repeat-x;
    background-size: auto 100%;
    margin-top: 4rem; }
  .cta-bucket--image {
    align-items: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    min-height: 26vw;
    padding-bottom: 3rem;
    padding-top: 3rem; }
    .cta-bucket--image::after {
      display: none; }
    .cta-bucket--image .l-container {
      width: 100%; }
    .cta-bucket--image .button.button {
      color: #fff !important;
      flex: 0 1 auto;
      font-size: 1.8888rem;
      padding: 0.8em 1.5em;
      text-shadow: 0 0 18px rgba(0, 0, 0, 0.5); }
      .cta-bucket--image .button.button:focus, .cta-bucket--image .button.button:hover {
        color: #f3866b !important; }
  @media (min-width: 43.75em) {
    .cta-bucket.has-text .l-container {
      justify-content: space-between; } }

/* section */
.featured-profiles {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 1rem;
  background-color: #72c4af;
  -webkit-font-smoothing: antialiased; }
  .featured-profiles__title {
    text-align: center;
    margin-bottom: 2rem;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1.33333rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-font-smoothing: antialiased; }
  .featured-profiles__list {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 80em) {
      .featured-profiles__list {
        max-width: none;
        display: flex; } }
  .featured-profiles__item {
    margin-bottom: 2rem;
    padding-bottom: 1rem; }
    @media (min-width: 37.5em) {
      .featured-profiles__item {
        flex: 1 1 auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
        .featured-profiles__item:first-child {
          border-top: 1px solid rgba(255, 255, 255, 0.5); } }
    @media (min-width: 80em) {
      .featured-profiles__item {
        padding-right: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.5); } }
    .featured-profiles__item a {
      color: #fff; }
      @media (min-width: 37.5em) {
        .featured-profiles__item a {
          display: flex;
          align-items: center;
          text-align: left; } }
    .featured-profiles__item h4 {
      margin-bottom: 0;
      font-size: 2.55556rem;
      line-height: 0.85;
      text-transform: uppercase; }
      @media (min-width: 31.25em) {
        .featured-profiles__item h4 {
          font-size: 3.66667rem; } }
      @media (min-width: 37.5em) {
        .featured-profiles__item h4 {
          margin-left: 1rem; } }
    .featured-profiles__item span {
      display: block;
      margin-top: 0.5rem;
      font-size: 1.33333rem;
      line-height: 1;
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-style: italic;
      font-weight: 600;
      text-transform: none; }
      @media (min-width: 37.5em) {
        .featured-profiles__item span::before {
          content: \"�\";
          margin-right: 0.25em; } }
    .featured-profiles__item img {
      opacity: 1;
      transition: opacity 0.3s ease; }
    .featured-profiles__item:hover img {
      opacity: 0.8; }
  .featured-profiles .button {
    background-color: #36a97f;
    border-radius: 4px; }
    .featured-profiles .button:focus, .featured-profiles .button:hover {
      background-color: #f3866b; }

/* ul */
.filters {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 2px solid #E1E1E1;
  border-bottom: 2px solid #E1E1E1;
  line-height: 0.77778rem; }
  .filters li {
    margin-bottom: 0;
    margin-right: 2rem; }
    .filters li strong {
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-size: 0.77778rem;
      font-style: italic;
      font-weight: 700;
      color: #174053;
      letter-spacing: 0.05em; }
    .filters li a {
      font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
      font-size: 0.66667rem;
      font-weight: 500;
      text-transform: uppercase;
      color: #464648;
      letter-spacing: 0.05em; }
      .filters li a .icon {
        fill: #464648;
        width: 0.8em;
        height: 0.8em;
        position: relative;
        top: 0.05em;
        margin-left: -0.1em; }
      .filters li a:focus, .filters li a:hover {
        color: #262626; }
        .filters li a:focus .icon, .filters li a:hover .icon {
          fill: #f3866b; }
    .filters li:not(.filters__clear) {
      display: none; }
      @media (min-width: 46.25em) {
        .filters li:not(.filters__clear) {
          display: block; } }
  @media (min-width: 46.25em) {
    .filters li.filters__clear {
      margin-left: auto;
      margin-right: 0; } }
  @media (min-width: 46.25em) and (min-width: 46.25em) {
    .filters li.filters__clear span {
      display: none; } }

.hero {
  align-items: center;
  background-color: #ccc;
  background-position: 50% bottom;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 80vh;
  justify-content: space-around;
  padding-bottom: 6vh;
  padding-top: 6vh;
  position: relative; }
  .hero::after {
    content: \"\";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1.5rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.07) 0%, transparent 100%); }
  .hero .l-container {
    margin: 0;
    width: 100%; }
    .hero .l-container::after {
      display: none; }
  .hero__top {
    margin-bottom: 3rem !important; }
  .hero__bottom p {
    color: #fff;
    font-size: 16px;
    max-width: 26em;
    text-shadow: 2px 2px 10px #000; }
    .hero__bottom p:last-child {
      margin-bottom: 0; }
  .hero h1 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 0; }
    .hero h1 span {
      display: block;
      margin-bottom: 1rem;
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif !important;
      font-style: italic;
      font-weight: 400;
      text-transform: capitalize;
      color: #36a97f;
      font-size: 1.66667rem; }
    .hero h1 a {
      text-transform: uppercase;
      font-size: 5.5vmin;
      line-height: 1;
      margin-bottom: 0.15em; }
      .wf-nimbussanscondensed-n7-active .hero h1 a {
        font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
        font-size: 10vmin; }
      .hero h1 a:link, .hero h1 a:visited {
        color: #174053; }
      .hero h1 a:focus, .hero h1 a:hover, .hero h1 a.is-active {
        color: #36a97f; }

.highlight-grid {
  position: relative;
  overflow: visible;
  max-width: 600px;
  margin: 0 auto 5rem;
  /* Flowers */ }
  @media (min-width: 73.75em) {
    .highlight-grid {
      max-width: none;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .highlight-grid__item {
    padding: 2rem 1.5rem;
    position: relative;
    color: rgba(255, 255, 255, 0.9);
    z-index: 1; }
    @media (min-width: 31.25em) {
      .highlight-grid__item {
        padding: 3rem 2rem; } }
    @media (min-width: 73.75em) {
      .highlight-grid__item {
        width: calc(50% - 0.25rem);
        min-height: 30rem;
        margin-bottom: 0.5rem; } }
  .highlight-grid__title {
    color: rgba(255, 255, 255, 0.9);
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-style: normal;
    margin-bottom: 1.5rem;
    font-size: 0.88889rem;
    letter-spacing: 0.1em;
    font-weight: 700;
    text-transform: uppercase; }
    @media (min-width: 31.25em) {
      .highlight-grid__title {
        font-size: 1.22222rem;
        margin-bottom: 3rem; } }
  .highlight-grid__item--logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(\"/static/img/highlight-grid-logo-bg.jpg\");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }
    .highlight-grid__item--logo img {
      width: 50%;
      height: auto; }
  .highlight-grid__item--mission {
    background-color: #174053; }
    .highlight-grid__item--mission p {
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-style: italic;
      font-size: 2.22222rem;
      line-height: 1.05;
      margin-bottom: 0; }
      @media (min-width: 31.25em) {
        .highlight-grid__item--mission p {
          font-size: 3.88889rem; } }
  .highlight-grid__item--numbers {
    background: linear-gradient(to bottom, #f18469 0%, #c75b40 100%);
    text-align: center; }
    .highlight-grid__item--numbers p {
      margin: 0 auto;
      max-width: 16em;
      font-size: 1rem;
      letter-spacing: 0.1em;
      font-weight: 500;
      text-transform: uppercase; }
      @media (min-width: 31.25em) {
        .highlight-grid__item--numbers p {
          font-size: 1.22222rem; } }
    .highlight-grid__item--numbers strong {
      display: block;
      margin-bottom: 2.5rem;
      font-size: 7.22222rem;
      line-height: 0.8;
      font-weight: 400; }
      @media (min-width: 31.25em) {
        .highlight-grid__item--numbers strong {
          font-size: 12.72222rem; } }
  .highlight-grid__item--vision {
    background-color: #72c4af; }
    .highlight-grid__item--vision p {
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-style: italic;
      font-size: 1.33333rem;
      line-height: 1.5;
      margin-bottom: 0; }
      @media (min-width: 31.25em) {
        .highlight-grid__item--vision p {
          font-size: 2.22222rem; } }
  .highlight-grid::after {
    content: url(\"/static/img/flowers-1.png\");
    display: block;
    position: absolute;
    right: 51%;
    top: 50%;
    z-index: 0; }
    @media (min-width: 73.75em) {
      .highlight-grid::after {
        top: 27%; } }
  .highlight-grid::before {
    content: url(\"/static/img/flowers-2.png\");
    display: block;
    position: absolute;
    left: 46%;
    bottom: 50%;
    z-index: 0; }
    @media (min-width: 73.75em) {
      .highlight-grid::before {
        bottom: 10%; } }
  .highlight-grid__flowers {
    display: none; }
    @media (min-width: 73.75em) {
      .highlight-grid__flowers {
        display: block;
        position: absolute;
        z-index: 2; } }
    .highlight-grid__flowers--3 {
      width: 176px;
      height: 245px;
      background: url(\"/static/img/flowers-3.png\") 0 0 no-repeat;
      right: 50%;
      top: 59%;
      margin-right: 464px;
      margin-top: 235px; }
    .highlight-grid__flowers--4 {
      width: 137px;
      height: 101px;
      background: url(\"/static/img/flowers-4.png\") 0 0 no-repeat;
      right: 50%;
      top: 50%;
      margin-top: -112px;
      margin-right: -28px; }
    .highlight-grid__flowers--5 {
      width: 82px;
      height: 350px;
      background: url(\"/static/img/flowers-5.png\") 0 0 no-repeat;
      left: 50%;
      top: 50%;
      margin-top: -386px;
      margin-left: 512px; }

/* section */
.i-am-gladney-small {
  margin-bottom: 3rem;
  margin-top: 2rem;
  text-align: center; }
  @media (min-width: 43.75em) {
    .i-am-gladney-small {
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-align: left; } }
  .i-am-gladney-small img.i-am-gladney-small__graphic {
    display: block;
    flex: 0 0 auto;
    width: 185px;
    max-width: 100%;
    height: auto;
    margin: 0 auto 1rem auto; }
    @media (min-width: 43.75em) {
      .i-am-gladney-small img.i-am-gladney-small__graphic {
        margin-left: 0;
        margin-right: 2rem; } }
  .i-am-gladney-small__text {
    flex: 1 1 auto;
    line-height: 1.8;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 43.75em) {
      .i-am-gladney-small__text {
        margin-left: 0;
        margin-right: 0; } }

/* section */
.i-am-gladney {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #174053;
  text-align: center;
  color: #fff; }
  .i-am-gladney::before, .i-am-gladney::after {
    content: \"\";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background-image: url(\"/static/img/multi-border.png\");
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: 50% top; }
  .i-am-gladney::after {
    top: auto;
    bottom: 0;
    transform: scaleX(-1); }
  .i-am-gladney .l-container {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 83.75em) {
      .i-am-gladney .l-container {
        flex-direction: row;
        justify-content: space-between; } }
  .i-am-gladney__top {
    margin-bottom: 3rem; }
    @media (min-width: 56.25em) {
      .i-am-gladney__top {
        display: flex;
        align-items: center;
        justify-content: center; } }
    @media (min-width: 83.75em) {
      .i-am-gladney__top {
        justify-content: flex-start;
        flex: 1 1 auto;
        width: 60%;
        margin-bottom: 1rem; } }
  .i-am-gladney img.i-am-gladney__graphic {
    display: inline-block;
    width: 185px;
    max-width: 80%;
    margin-bottom: 2rem; }
    @media (min-width: 56.25em) {
      .i-am-gladney img.i-am-gladney__graphic {
        margin-bottom: 0; } }
  .i-am-gladney__title {
    margin-bottom: 0;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-size: 0.72222rem;
    line-height: 1.5;
    font-weight: 70;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8); }
    @media (min-width: 46.25em) {
      .i-am-gladney__title {
        font-size: 0.88889rem;
        color: #fff; } }
    @media (min-width: 56.25em) {
      .i-am-gladney__title {
        margin-left: 2rem; } }
    .i-am-gladney__title strong {
      display: block;
      margin-top: 0.3em;
      margin-bottom: 0.3em;
      font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
      font-size: 2.61111rem;
      line-height: 1;
      letter-spacing: 0.025em;
      color: #fff; }
    .i-am-gladney__title br {
      display: none; }
      @media (min-width: 27.5em) {
        .i-am-gladney__title br {
          display: block; } }
  .i-am-gladney__text {
    font-size: 0.77778rem;
    line-height: 2.14;
    max-width: 35em; }
    @media (min-width: 56.25em) {
      .i-am-gladney__text {
        max-width: 50em; } }
    @media (min-width: 83.75em) {
      .i-am-gladney__text {
        flex: 1 1 auto;
        width: 40%;
        max-width: none; } }
    .i-am-gladney__text .button {
      margin-top: 1em;
      font-size: 0.88889rem;
      background-color: #c2573d; }

.icons-nav {
  background-color: #FFF;
  padding: 1rem; }
  @media (min-width: 48em) {
    .icons-nav {
      padding: 6.1111rem 1rem; } }
  .icons-nav .nav-list {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 85rem; }
    @media (min-width: 30em) {
      .icons-nav .nav-list {
        max-width: 28rem; } }
    @media (min-width: 48em) {
      .icons-nav .nav-list {
        flex-direction: row;
        max-width: 85rem; } }
  .icons-nav li {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    padding: 2rem 0;
    text-align: center; }
    @media (min-width: 48em) {
      .icons-nav li {
        padding: 0 1rem; } }
    .icons-nav li:not(:last-child) {
      border-bottom: 1px solid #b4b4b4; }
      @media (min-width: 48em) {
        .icons-nav li:not(:last-child) {
          border: none;
          border-right: 1px solid #b4b4b4; } }
  .icons-nav svg {
    height: 8.3333rem;
    width: 8.3333rem;
    display: block;
    margin: 0 auto 2.6666rem; }
    @media (min-width: 30em) and (max-width: 47.9375em) {
      .icons-nav svg {
        margin: 0 2rem 0 0; } }
    .icons-nav svg .bg {
      fill: rgba(54, 169, 127, 0);
      transition: fill 200ms ease; }
    .icons-nav svg .ring {
      stroke: #f3866b;
      stroke-width: 6px;
      transition: stroke 200ms ease; }
    .icons-nav svg .icon {
      fill: #f3866b;
      transition: fill 200ms ease; }
    .international .icons-nav svg .bg {
      fill: rgba(23, 64, 83, 0); }
    .international .icons-nav svg .ring {
      stroke: #174053; }
    .international .icons-nav svg .icon {
      fill: #174053; }
  .icons-nav .ttl,
  .icons-nav .sub {
    display: block;
    transition: color 200ms ease; }
  .icons-nav .ttl {
    color: #174053;
    font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
    font-size: 1.75rem;
    letter-spacing: 0.01em;
    line-height: 1;
    text-transform: uppercase; }
    @media (min-width: 75em) {
      .icons-nav .ttl {
        font-size: 2.6666rem; } }
  .icons-nav .sub {
    color: #36a97f;
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-size: 0.9888rem; }
    @media (min-width: 75em) {
      .icons-nav .sub {
        font-size: 1.2222rem; } }
    .international .icons-nav .sub {
      color: #174053;
      font-size: 1.2222rem; }
  .icons-nav a {
    display: block; }
    @media (min-width: 30em) and (max-width: 47.9375em) {
      .icons-nav a {
        align-items: center;
        display: flex;
        max-width: 22rem;
        width: 100%; } }
    .icons-nav a:hover svg .bg {
      fill: #36a97f; }
    .icons-nav a:hover svg .ring {
      stroke: #36a97f; }
    .icons-nav a:hover svg .icon {
      fill: #FFF; }
    .international .icons-nav a:hover svg .bg {
      fill: #174053; }
    .international .icons-nav a:hover svg .ring {
      stroke: #174053; }

.image-carousel {
  margin-top: 2rem;
  margin-bottom: 3rem; }
  @media (min-width: 46.25em) {
    .image-carousel {
      margin-top: 4rem;
      margin-bottom: 5rem; } }
  .image-carousel:not(:last-child) {
    margin-bottom: 3rem; }
  @media (min-width: 62em) {
    .body--super-kids .image-carousel {
      margin-bottom: 0; } }
  .image-carousel img {
    width: 1180px;
    max-width: calc(100% - 60px);
    height: auto;
    opacity: 0.5; }
    @media (min-width: 46.25em) {
      .image-carousel img {
        width: 70%;
        max-width: 1140px;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 1; } }
    .image-carousel img.is-selected {
      opacity: 1; }
  .image-carousel--small img {
    display: inline-block;
    width: auto;
    max-width: none;
    height: 10rem; }

.impressum {
  background-color: #FFF;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative; }
  @media (min-width: 31.25em) {
    .impressum__logos {
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  @media (min-width: 68.75em) {
    .impressum__logos {
      width: calc(41.17647% - 28.23529px);
      float: left;
      margin-left: 20px; } }
  .impressum__logos a {
    display: block;
    text-align: center;
    margin-bottom: 1.5rem;
    transition: opacity 0.3s ease; }
    .impressum__logos a:focus, .impressum__logos a:hover {
      opacity: 0.7; }
  .impressum__text {
    font-size: 0.55556rem;
    color: #000; }
    @media (min-width: 68.75em) {
      .impressum__text {
        width: calc(58.82353% - 31.76471px);
        float: left;
        margin-left: 20px; } }

@media (max-width: 81.1875em) {
  .level-3-nav + .l-container {
    order: -1; } }

.level-3-nav nav {
  background: #f3866b;
  color: #FFF;
  margin: 0 auto 2.5rem;
  max-width: 320px;
  width: 100%; }
  .level-3-nav nav ul {
    margin-bottom: 0; }
  .level-3-nav nav li {
    margin-bottom: 0;
    border-bottom: 2px solid #b46450; }
    .level-3-nav nav li:last-child {
      border: none; }
  .level-3-nav nav a {
    display: block;
    padding: 0.6rem 0.25rem;
    font-size: 0.66667rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: background-color 200ms ease;
    letter-spacing: 0.05em; }
    .level-3-nav nav a:before {
      content: \"�\";
      margin-left: 0.4rem;
      margin-right: 0.4rem;
      font-size: 1.5em;
      line-height: 0;
      position: relative;
      top: 0.15em; }
    .level-3-nav nav a:link, .level-3-nav nav a:visited {
      color: #fff; }
    .level-3-nav nav a:focus, .level-3-nav nav a:hover {
      background-color: #d3755d;
      color: #fff; }
    .level-3-nav nav a.is-active {
      color: #FFF;
      background-color: #b46450; }
  @media (min-width: 81.25em) {
    .level-3-nav nav {
      max-width: 230px;
      position: absolute;
      right: 100%;
      margin-right: 2.7777rem;
      top: 100%; } }
  @media (min-width: 92.5em) {
    .level-3-nav nav {
      max-width: 320px; }
      .level-3-nav nav a {
        font-size: 0.88889rem; } }

.location-map {
  margin: 0 auto 4rem;
  max-width: 1180px; }
  @media (min-width: 43.75em) {
    .location-map {
      display: flex;
      align-items: stretch; } }
  .location-map__map {
    flex: 1 1 auto;
    height: 15rem;
    background-color: #E1E1E1; }
    @media (min-width: 43.75em) {
      .location-map__map {
        height: auto;
        min-height: 360px; } }
  .location-map__location {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 0 0 auto;
    padding: 2rem 1rem;
    background-color: #36a97f;
    text-align: center;
    color: #fff;
    font-size: 0.88889rem;
    line-height: 1.75; }
    @media (min-width: 43.75em) {
      .location-map__location {
        align-items: flex-start;
        margin-left: auto;
        padding: 3rem 2rem;
        text-align: left; } }
    @media (min-width: 50em) {
      .location-map__location {
        padding: 5rem 3rem; } }
    .location-map__location > *:last-child {
      margin-bottom: 0; }
    .location-map__location a:link, .location-map__location a:visited {
      color: #fff; }
  .location-map__title {
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0; }
  .location-map .button {
    background-color: #28795c; }
    .location-map .button:focus, .location-map .button:hover {
      background-color: #f3866b; }

.modal.login-modal {
  padding-top: 7rem;
  padding-bottom: 10rem; }

.login-modal {
  -webkit-font-smoothing: antialiased; }
  .login-modal .l-container {
    max-width: 660px; }
  .login-modal img.login-modal__icon {
    display: inline-block;
    width: 60px;
    height: auto;
    margin-bottom: 3rem; }
  .login-modal__intro {
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-style: italic;
    font-weight: 600;
    font-size: 1.55556rem;
    line-height: 1.17; }
  .login-modal__form {
    margin: 3rem auto;
    max-width: 400px; }
    .login-modal__form label {
      color: #fff;
      font-weight: 500;
      font-size: 1rem; }
    .login-modal__form input {
      border-radius: 2px;
      border: 1px solid #72c4af; }
      .login-modal__form input:hover {
        border: 1px solid #72c4af; }
      .login-modal__form input:focus {
        border: 1px solid #72c4af; }
    .login-modal__form .button.button {
      padding-left: 3rem;
      padding-right: 3rem;
      background-color: #72c4af;
      border-radius: 2px;
      border: none; }
      .login-modal__form .button.button:focus, .login-modal__form .button.button:hover {
        background-color: #f3866b; }
  .login-modal__extra {
    font-size: 0.88889rem;
    color: #72c4af;
    letter-spacing: 0.05em; }
    .login-modal__extra a {
      color: #72c4af;
      display: inline-block;
      font-weight: 600; }
      .login-modal__extra a:link, .login-modal__extra a:visited {
        border-bottom: 1px solid; }
      .login-modal__extra a:focus, .login-modal__extra a:hover {
        color: #f3866b; }

.meet-our-team {
  padding-top: 4rem; }
  .meet-our-team h2 {
    font-feature-settings: \"swsh\";
    color: #36a97f;
    font-size: 2.3333rem;
    text-align: center; }

/* div */
.modal {
  position: relative;
  width: 1200px;
  max-width: calc(100% - 2rem);
  margin: 1rem auto;
  padding: 4rem 1rem 2rem 1rem;
  background: #174053;
  text-align: center;
  color: #fff; }
  @media (min-width: 37.5em) {
    .modal {
      padding-left: 2rem;
      padding-right: 2rem; } }

.mfp-bg {
  background: rgba(23, 64, 83, 0.95); }

.mfp-close.mfp-close {
  display: flex;
  position: fixed;
  top: 0.5rem;
  right: 1rem;
  width: auto;
  height: auto;
  padding: 10px 0;
  line-height: 1;
  font-size: 0.66667rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.05em;
  opacity: 0.8;
  cursor: pointer; }
  .mfp-close.mfp-close::after {
    content: \"\";
    margin-left: 0.25em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(\"/static/img/icons/close-circle.svg\");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }
  .mfp-close.mfp-close:focus, .mfp-close.mfp-close:hover {
    opacity: 1; }
  .wizard .mfp-close.mfp-close {
    border: 2px solid #FFF;
    font-size: 12px;
    right: 1rem;
    padding: 0.75em 1.25em;
    top: 1rem; }
    .wizard .mfp-close.mfp-close::after {
      content: '';
      display: none; }

/* Video embed version */
/* Wizard version */
.modal--wizard .mfp-container {
  padding: 0; }

.modal--wizard .mfp-content {
  max-height: 100vh;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  padding: 0; }
  @media (min-width: 68.75em) {
    .modal--wizard .mfp-content {
      overflow-y: visible; } }

.newsletter-signup {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  background-color: #174053;
  background-image: url(\"/static/img/newsletter-signup-bg.jpg\");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .newsletter-signup h5 {
    margin-bottom: 1.5rem;
    color: #fff;
    -webkit-font-smoothing: antialiased; }
  .newsletter-signup form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem; }
  .newsletter-signup .field-group {
    flex: 1 1 100%;
    padding: 0 0.5rem; }
    @media (min-width: 37.5em) {
      .newsletter-signup .field-group {
        flex-basis: 50%; } }
    @media (min-width: 62em) {
      .newsletter-signup .field-group {
        flex-basis: 25%; } }
  .newsletter-signup .field {
    position: relative; }
    .newsletter-signup .field.error::after {
      height: 1.5rem;
      width: 1.5rem;
      align-items: center;
      background-color: #F00;
      border-radius: 50%;
      color: #FFF;
      content: '!';
      display: flex;
      font-weight: 900;
      justify-content: center;
      line-height: 1;
      position: absolute;
      right: 0;
      top: 0;
      transform: translate(10px, -10px); }
  .newsletter-signup input {
    margin-bottom: 0.75rem;
    border: 0;
    width: 100%; }
    .newsletter-signup input:focus, .newsletter-signup input:hover {
      box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.3); }
  .newsletter-signup .button {
    display: block;
    line-height: 1.75;
    padding: 0.6rem;
    width: 100%; }
  .newsletter-signup .signup-success {
    color: #FFF;
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 1rem;
    text-align: center;
    text-shadow: 1px 1px 2px #000; }

/*! nouislider - 10.1.0 - 2017-07-28 13:09:54 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.

Removed this from bower since we need to edit it. Line 64 onwards is where our changes start.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  /* Fix 401 */ }
  .noUi-base::before, .noUi-base::after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #28795c;
    cursor: default;
    width: 26px;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif; }
  .noUi-base::before {
    left: -13px;
    content: \"0\"; }
  .noUi-base::after {
    right: -13px;
    content: \"18\"; }

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 8px; }

.noUi-horizontal .noUi-handle {
  width: 26px;
  height: 26px;
  left: -13px;
  top: -9px;
  outline: none; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-target {
  background: #28795c;
  border-radius: 4px; }

.noUi-connect {
  background: #184837;
  border-radius: 4px;
  -webkit-transition: background 450ms;
  transition: background 450ms; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  background: #184837;
  cursor: default;
  width: 20px;
  height: 20px;
  border-radius: 20px; }

.noUi-active {
  box-shadow: inset 0 0px 8px 0px rgba(0, 0, 0, 0.6); }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px; }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  left: 0;
  top: 0; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }


.page {
  display: flex;
  flex-direction: column;
  position: relative; }
  .page .l-container {
    width: 100%; }
  .page.success-story header {
    padding-top: 3rem; }
    @media (min-width: 48em) {
      .page.success-story header {
        padding-top: 5rem; } }
    .page.success-story header h1 {
      color: #f3866b;
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-feature-settings: \"swsh\";
      font-size: 1.3333rem;
      font-style: italic;
      font-weight: 400;
      line-height: 1.3;
      margin-bottom: 0.5em; }
    .page.success-story header h2 {
      font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
      font-size: 1.5555rem;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.05em;
      line-height: 1;
      margin-bottom: 1.5em;
      text-transform: uppercase; }
  .page.success-story > .l-container {
    max-width: 880px; }
  .has-image-float .page.success-story .image-float-right {
    display: block;
    height: auto;
    margin-bottom: 2rem;
    transition: transform 0ms linear;
    width: 100%; }
    @media (min-width: 31.25em) {
      .has-image-float .page.success-story .image-float-right {
        max-width: 40vw;
        margin-bottom: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto; }
        .has-image-float .page.success-story .image-float-right.stuck {
          position: fixed;
          transition: transform 350ms ease;
          z-index: 0; }
          .header-pinned .has-image-float .page.success-story .image-float-right.stuck {
            transform: translateY(calc(15vh + 50px)); } }
    @media (min-width: 48em) {
      .has-image-float .page.success-story .image-float-right {
        max-width: 30vw; } }
  .has-image-float .page.success-story > .l-container {
    max-width: 1180px; }
    @media (min-width: 31.25em) {
      .has-image-float .page.success-story > .l-container {
        padding-right: calc(40vw + 1rem); } }
    @media (min-width: 48em) {
      .has-image-float .page.success-story > .l-container {
        padding-right: calc(30vw + 2rem); } }
    @media (min-width: 73.75em) {
      .has-image-float .page.success-story > .l-container {
        padding-right: calc((30vw - ((100vw - 1180px) / 2)) + 5rem); } }
  .page.has-aside aside {
    width: 100%; }
    @media (min-width: 62em) {
      .page.has-aside aside {
        max-width: 30vw;
        margin-bottom: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: auto; } }
  @media (min-width: 62em) {
    .page.has-aside > .l-container {
      padding-left: calc(30vw + 2rem); } }
  @media (min-width: 73.75em) {
    .page.has-aside > .l-container {
      padding-left: calc((30vw - ((100vw - 1180px) / 2)) + 5rem); } }
  .page.banner-overlap {
    z-index: 1; }
    @media (min-width: 46.25em) {
      .page.banner-overlap {
        margin-top: -12rem; } }
    .page.banner-overlap .level-3-nav nav {
      top: 3rem; }
      @media (min-width: 46.25em) {
        .page.banner-overlap .level-3-nav nav {
          top: 12rem; } }
    @media (min-width: 46.25em) {
      .page.banner-overlap--big {
        margin-top: -17.75vw; } }
    @media (min-width: 73.75em) {
      .page.banner-overlap--big {
        margin-top: -13.75vw; } }
    @media (min-width: 46.25em) {
      .page.banner-overlap--big .level-3-nav nav {
        top: calc(17vw - 2.6666rem); } }
    @media (min-width: 73.75em) {
      .page.banner-overlap--big .level-3-nav nav {
        top: calc(14vw - 2.6666rem); } }
    .page.banner-overlap .big-heading,
    .page.banner-overlap .wysiwyg:first-of-type {
      background-color: #FFF; }
      @media (min-width: 52.5em) {
        .page.banner-overlap .big-heading,
        .page.banner-overlap .wysiwyg:first-of-type {
          max-width: 840px;
          padding: 0 3.8888rem; } }
    @media (min-width: 46.25em) {
      .page.banner-overlap .wysiwyg:first-of-type {
        padding-top: 3rem; } }
    .page.banner-overlap .big-heading + .wysiwyg {
      padding-top: 0; }
  @media screen and (min-width: 1180px) {
    .subnav + .page {
      margin-top: 50px; } }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline;
    margin: 0;
    padding: 0;
    text-align: center; }
    .pagination ul li {
      display: inline;
      list-style: none; }
    .pagination ul ul li {
      display: none; }
      .pagination ul ul li:nth-child(1), .pagination ul ul li:nth-child(2), .pagination ul ul li:nth-child(3), .pagination ul ul li:nth-child(4) {
        display: inline; }
        .pagination ul ul li:nth-child(1) a, .pagination ul ul li:nth-child(2) a, .pagination ul ul li:nth-child(3) a, .pagination ul ul li:nth-child(4) a {
          display: inline-block; }
      .pagination ul ul li:nth-child(4)::after {
        content: \"...\"; }
    .pagination ul li a {
      border: 2px solid transparent;
      color: #262626;
      outline: none;
      padding: 0.25em 0.5em;
      text-decoration: none;
      font-size: 0.72222rem;
      font-weight: 500;
      transition: all 0.2s ease; }
      .pagination ul li a:hover, .pagination ul li a:focus {
        border-color: rgba(54, 169, 127, 0.5); }
      .pagination ul li a.is-active {
        border-color: #36a97f; }
  .pagination__prev a::before,
  .pagination__prev a::after, .pagination__first a::before,
  .pagination__first a::after, .pagination__next a::before,
  .pagination__next a::after, .pagination__last a::before,
  .pagination__last a::after {
    font-size: 0.75em;
    position: relative;
    top: -0.01em;
    font-weight: 600; }
  .pagination__prev a::before {
    content: \"<\";
    margin-right: 0.2em; }
  .pagination__first a::before {
    content: \"�\";
    margin-right: 0.2em; }
  .pagination__next a::after {
    content: \">\";
    margin-left: 0.2em; }
  .pagination__last a::after {
    content: \"�\";
    margin-left: 0.2em; }

.photo-collage {
  padding-top: 3rem;
  padding-bottom: 2rem;
  background-color: #f3f3f3;
  background-image: url(\"/static/img/flowers-6.png\");
  background-position: right  top;
  background-size: cover;
  background-repeat: no-repeat;
  /* Pull background outside container */
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 46.25em) {
    .photo-collage {
      margin-left: -50px;
      margin-right: -50px;
      padding-left: 50px;
      padding-right: 50px; } }
  .photo-collage__wrapper {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
      .photo-collage__wrapper {
        max-width: 650px; } }
    @media (min-width: 83.75em) {
      .photo-collage__wrapper {
        margin-left: 0;
        margin-right: 0; } }
  .photo-collage__heading {
    font-size: 2rem;
    line-height: 1;
    color: #72c4af;
    max-width: 7em; }
    @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
      .photo-collage__heading {
        position: relative;
        top: 6rem; } }
  .photo-collage__list::after {
    clear: both;
    content: \"\";
    display: table; }
  @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
    .photo-collage__list {
      margin-top: -4rem; } }
  .photo-collage__list li {
    position: relative;
    display: block;
    clear: both;
    width: 75%;
    margin-bottom: -15%;
    transition: box-shadow 0.3s ease; }
    @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
      .photo-collage__list li {
        width: 60%;
        margin-bottom: -35%; } }
    .photo-collage__list li:nth-child(1) {
      z-index: 2; }
    .photo-collage__list li:nth-child(2) {
      z-index: 3; }
    .photo-collage__list li:nth-child(3) {
      z-index: 4; }
    .photo-collage__list li:last-child {
      margin-bottom: 0; }
    .photo-collage__list li:nth-child(even) {
      float: right;
      margin-bottom: -15%; }
      @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
        .photo-collage__list li:nth-child(even) {
          float: none; } }
    @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
      .photo-collage__list li:nth-child(odd) {
        float: right; } }
    @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
      .photo-collage__list li:last-child {
        margin-right: 10%; } }
    .photo-collage__list li a {
      display: block; }
    .photo-collage__list li img {
      display: block;
      line-height: 0;
      width: 100%;
      height: auto;
      filter: grayscale(100%);
      transition: all 0.3s ease; }
    .photo-collage__list li span {
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 1rem;
      bottom: 10%;
      width: 140px;
      height: 140px;
      padding: 1rem;
      border-radius: 140px;
      background-color: #f3866b;
      text-align: center;
      font-size: 1.44444rem;
      font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
      line-height: 1;
      text-transform: uppercase;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      transition: all 0.3s 0.01s ease; }
      @media (min-width: 31.25em) {
        .photo-collage__list li span {
          right: -1.5rem;
          bottom: 15%; } }
      @media (min-width: 62.5em) {
        .photo-collage__list li span {
          width: 164px;
          height: 164px;
          padding: 1.5rem;
          border-radius: 164px;
          font-size: 1.55556rem; } }
      @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
        .photo-collage__list li span {
          right: auto;
          left: -1.5rem;
          bottom: 10%; } }
    .photo-collage__list li:nth-child(odd) span {
      right: auto;
      left: 1rem; }
      @media (min-width: 31.25em) {
        .photo-collage__list li:nth-child(odd) span {
          left: -1.5rem; } }
      @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
        .photo-collage__list li:nth-child(odd) span {
          left: auto;
          right: -1.5rem; } }
    .photo-collage__list li:focus, .photo-collage__list li:hover {
      box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.2);
      z-index: 5; }
      .photo-collage__list li:focus img, .photo-collage__list li:hover img {
        filter: grayscale(0); }
      .photo-collage__list li:focus span, .photo-collage__list li:hover span {
        background-color: #174053; }

/* header */
.profile-list-header {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 0.5rem; }
  @media (min-width: 46.25em) {
    .profile-list-header {
      justify-content: space-between; } }
  .profile-list-header h2 {
    display: none; }
    @media (min-width: 46.25em) {
      .profile-list-header h2 {
        display: block;
        margin-bottom: 0; } }

/* ul */
@media (min-width: 37.5em) {
  .profile-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.profile-list li {
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 37.5em) {
    .profile-list li {
      max-width: none;
      width: calc(50% - 0.5rem);
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 50em) {
    .profile-list li {
      width: calc(33.33% - 0.66rem); } }
  @media (min-width: 61.25em) {
    .profile-list li {
      width: calc(50% - 0.5rem); } }
  @media (min-width: 83.75em) {
    .profile-list li {
      width: calc(33.33% - 0.66rem); } }

/* section */
.profile-login {
  padding: 1.5rem;
  background-color: #f3866b;
  text-align: center;
  color: #733425;
  -webkit-font-smoothing: antialiased;
  font-size: 0.88889rem; }
  @media (max-width: 61.24em) {
    .profile-login {
      padding: 1rem 0.5rem 0.25rem 0.5rem; } }
  .profile-login__title {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em; }
    @media (max-width: 61.24em) {
      .profile-login__title {
        display: none; } }
  .profile-login form {
    margin-top: 1rem; }
    @media (max-width: 61.24em) {
      .profile-login form {
        display: none; } }
    .profile-login form li {
      margin-bottom: 1rem; }
    .profile-login form label {
      color: #fff;
      font-weight: 500;
      margin-bottom: 0.25em; }
    .profile-login form input[type=\"color\"], .profile-login form input[type=\"date\"], .profile-login form input[type=\"datetime\"], .profile-login form input[type=\"datetime-local\"], .profile-login form input[type=\"email\"], .profile-login form input[type=\"month\"], .profile-login form input[type=\"number\"], .profile-login form input[type=\"password\"], .profile-login form input[type=\"search\"], .profile-login form input[type=\"tel\"], .profile-login form input[type=\"text\"], .profile-login form input[type=\"time\"], .profile-login form input[type=\"url\"], .profile-login form input[type=\"week\"], .profile-login form input:not([type]), .profile-login form textarea {
      border-color: #c2573d; }
    .profile-login form .button {
      background-color: #c2573d; }
  .profile-login__extra {
    margin-bottom: 0;
    line-height: 1.5; }
    @media (max-width: 61.24em) {
      .profile-login__extra {
        display: none; } }
    .profile-login__extra a {
      display: inline-block; }
      .profile-login__extra a:link, .profile-login__extra a:visited {
        color: #733425;
        font-weight: 700;
        border-bottom: 1px solid; }
  .profile-login__small {
    display: block;
    margin-bottom: 0; }
    @media (min-width: 61.25em) {
      .profile-login__small {
        display: none; } }

/* nav */
.profile-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #174053;
  color: #fff;
  font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
  font-size: 1.33333rem;
  line-height: 2.3;
  font-weight: 700;
  text-transform: uppercase; }
  @media (min-width: 46.25em) {
    .profile-navigation {
      font-size: 1.66667rem; } }
  @media (min-width: 83.75em) {
    .profile-navigation {
      font-size: 2rem; } }
  .profile-navigation a {
    text-align: center; }
    .profile-navigation a:link, .profile-navigation a:visited {
      color: #fff; }
    .profile-navigation a:focus, .profile-navigation a:hover {
      color: #72c4af; }
  .profile-navigation__prev, .profile-navigation__next {
    width: 50%; }
  .profile-navigation__prev {
    border-right: 2px solid #215e7a; }
  .profile-navigation__all {
    width: 100%;
    border-top: 2px solid #215e7a; }

/* section */
.profile-search {
  padding: 0 1.5rem;
  background-color: #36a97f;
  text-align: center;
  color: #184837;
  -webkit-font-smoothing: antialiased;
  font-size: 0.88889rem;
  /**
    Style checkbox filters
    Based on WTF Forms � https://github.com/mdo/wtf-forms
    */
  /* Checked state */
  /* Active */ }
  .profile-search__title {
    display: block;
    margin: 0 -1.5rem;
    padding: 0.5rem 0;
    background-color: #28795c;
    font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 2.66667rem;
    line-height: 1;
    color: #FFF;
    /* Title and toggle link for small screens */
    /* Title for big screens */ }
    .profile-search__title .small {
      display: block; }
      .profile-search__title .small:link, .profile-search__title .small:visited {
        color: #fff; }
      .profile-search__title .small:focus, .profile-search__title .small:hover {
        color: #fff; }
      @media (min-width: 61.25em) {
        .profile-search__title .small {
          display: none; } }
    .profile-search__title .big {
      display: none; }
      @media (min-width: 61.25em) {
        .profile-search__title .big {
          display: block; } }
  .profile-search form {
    margin-top: 1.5rem;
    padding-bottom: 1rem;
    /* Show/hide */ }
    @media (max-width: 61.24em) {
      .profile-search form {
        display: none; }
        .profile-search form.is-open {
          display: block; } }
    .profile-search form .form-fields {
      margin-bottom: 0; }
    .profile-search form li {
      margin-bottom: 1rem; }
    .profile-search form .select {
      width: 100%; }
    @media (min-width: 25em) {
      .profile-search form .cols-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
    .profile-search form .cols-2 > * {
      display: block;
      width: calc(50% - 0.5rem); }
    .profile-search form .cols-2 input {
      margin-bottom: 1rem; }
      @media (min-width: 25em) {
        .profile-search form .cols-2 input {
          margin-bottom: 0; } }
    .profile-search form label,
    .profile-search form legend {
      color: #184837;
      font-weight: 500;
      margin-bottom: 0.25em; }
    .profile-search form input[type=\"color\"], .profile-search form input[type=\"date\"], .profile-search form input[type=\"datetime\"], .profile-search form input[type=\"datetime-local\"], .profile-search form input[type=\"email\"], .profile-search form input[type=\"month\"], .profile-search form input[type=\"number\"], .profile-search form input[type=\"password\"], .profile-search form input[type=\"search\"], .profile-search form input[type=\"tel\"], .profile-search form input[type=\"text\"], .profile-search form input[type=\"time\"], .profile-search form input[type=\"url\"], .profile-search form input[type=\"week\"], .profile-search form input:not([type]), .profile-search form textarea {
      border-color: #28795c; }
    .profile-search form .button {
      background-color: #28795c; }
      .profile-search form .button:focus, .profile-search form .button:hover {
        background-color: #f3866b; }
    .profile-search form fieldset {
      display: block;
      border: 0;
      margin: 0;
      padding: 0; }
  .profile-search .age-range {
    margin-bottom: 2rem; }
  .profile-search .control {
    position: relative;
    display: inline-block;
    padding: 0.75em;
    color: #FFF;
    cursor: pointer;
    background-color: #28795c;
    border-radius: 3px;
    margin-bottom: 0.75rem; }
  .profile-search .control input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    /* Put the input behind the label so it doesn't overlay text */ }
  .profile-search .control strong {
    font-weight: 400;
    position: relative;
    z-index: 2;
    color: #fff; }
  .profile-search .control-indicator {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 3px; }
  .profile-search .control input:checked ~ .control-indicator {
    background-color: #184837; }
  .profile-search .control input:active ~ .control-indicator {
    background-color: #0b221a; }

/* div */
.profile-snippet {
  width: 100%;
  max-width: 20rem;
  background-color: #E1E1E1; }
  .profile-snippet__photo {
    display: block; }
    .profile-snippet__photo img {
      width: 100%;
      transition: opacity 0.3s ease; }
    .profile-snippet__photo:focus img, .profile-snippet__photo:hover img {
      opacity: 0.8; }
  .profile-snippet__details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0.5rem; }
    .profile-snippet__details h4 {
      margin: 0 auto 0 0;
      font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
      font-size: 1.33333rem;
      text-transform: uppercase;
      color: #464648; }
  .profile-snippet__link {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background-color: none;
    border-top: 1px solid #CCCCCC;
    text-align: center;
    font-size: 0.66667rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    color: #464648; }
    .profile-snippet__link:focus, .profile-snippet__link:hover {
      background-color: #174053;
      color: #fff; }
  .profile-snippet .meta-list--inline {
    margin-top: 0;
    margin-bottom: 0; }
    .profile-snippet .meta-list--inline,
    .profile-snippet .meta-list--inline dt,
    .profile-snippet .meta-list--inline dd {
      font-size: 0.72222rem;
      line-height: 1.75; }

/* article */
.profile__photos img {
  width: 100%; }

@media (min-width: 46.25em) {
  .profile__photos {
    float: left;
    width: 50%;
    padding-right: 1rem; } }

@media (min-width: 46.25em) {
  .profile__meta {
    float: left;
    width: 50%;
    padding-left: 1rem; } }

@media (min-width: 46.25em) {
  .profile__body {
    clear: both;
    width: 100%;
    padding-top: 2rem; } }

.profile__actions {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }
  @media (min-width: 31.25em) {
    .profile__actions {
      position: absolute;
      right: 0; } }
  @media (min-width: 46.25em) {
    .profile__actions {
      position: static;
      text-align: right; } }
  .profile__actions .button {
    min-width: 7em; }

.profile__title {
  margin-top: 0.1em;
  margin-bottom: 0;
  font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  color: #464648; }

@media (min-width: 31.25em) {
  .pull-content {
    display: block;
    max-width: 50%;
    margin-top: 2rem;
    margin-bottom: 1em; } }

@media (min-width: 31.25em) {
  .pull-content--left {
    float: left;
    margin-right: 1.5em; } }

@media (min-width: 61.25em) {
  .pull-content--left {
    max-width: none;
    width: 53.336%;
    margin-left: -13.334%; } }

@media (min-width: 83.75em) {
  .pull-content--left {
    width: 66.67%;
    margin-left: -26.668%; } }

@media (min-width: 31.25em) {
  .pull-content--right {
    float: right;
    margin-left: 1.5em; } }

@media (min-width: 61.25em) {
  .pull-content--right {
    max-width: none;
    width: 53.336%;
    margin-right: -13.334%; } }

@media (min-width: 83.75em) {
  .pull-content--right {
    width: 66.67%;
    margin-right: -26.668%; } }

.quick-contact {
  padding-top: 3rem;
  padding-bottom: 4rem;
  background-color: #72c4af;
  background-image: url(\"/static/img/contours.jpg\");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover; }
  .quick-contact .l-container {
    max-width: 960px; }
  .quick-contact__title {
    text-align: center;
    margin-bottom: 2rem;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1.33333rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-font-smoothing: antialiased; }
  .quick-contact .hs-form {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }
    .quick-contact .hs-form > div {
      flex: 1 1 100%;
      margin-bottom: 30px;
      padding: 0 15px; }
      @media (min-width: 31.25em) {
        .quick-contact .hs-form > div.hs_firstname, .quick-contact .hs-form > div.hs_lastname {
          flex-basis: 50%; }
        .quick-contact .hs-form > div.hs_state, .quick-contact .hs-form > div.hs_zip {
          flex-basis: 50%; } }
      @media (min-width: 43.75em) {
        .quick-contact .hs-form > div.hs_firstname, .quick-contact .hs-form > div.hs_lastname, .quick-contact .hs-form > div.hs_email {
          flex-basis: 33.3333%; }
        .quick-contact .hs-form > div.hs_city {
          flex-basis: 50%; }
        .quick-contact .hs-form > div.hs_state, .quick-contact .hs-form > div.hs_zip {
          flex-basis: 25%; } }
    .quick-contact .hs-form .hs-dependent-field {
      margin-bottom: 0; }
      .quick-contact .hs-form .hs-dependent-field .hs-form-field {
        margin-bottom: 30px; }
    .quick-contact .hs-form .inputs-list {
      align-items: center;
      display: flex;
      margin-bottom: 0; }
      .quick-contact .hs-form .inputs-list li {
        margin-bottom: 0;
        margin-right: 2rem; }
        .quick-contact .hs-form .inputs-list li label {
          margin: 0; }
    .quick-contact .hs-form label {
      color: #174053;
      font-size: 0.7777rem;
      line-height: 1; }
      .quick-contact .hs-form label .hs-form-required {
        color: #F00;
        font-size: 1.5em;
        line-height: 0.5; }
    .quick-contact .hs-form textarea {
      min-height: 13em; }
    .quick-contact .hs-form .actions {
      text-align: center; }
    .quick-contact .hs-form .hs-button {
      font-size: 0.875rem; }
      @media (max-width: 35em) {
        .quick-contact .hs-form .hs-button {
          max-width: none;
          width: 100%; } }
    .quick-contact .hs-form .hs-error-msgs,
    .quick-contact .hs-form .hs-field-desc {
      display: none !important; }
  .quick-contact input[type=\"color\"], .quick-contact input[type=\"date\"], .quick-contact input[type=\"datetime\"], .quick-contact input[type=\"datetime-local\"], .quick-contact input[type=\"email\"], .quick-contact input[type=\"month\"], .quick-contact input[type=\"number\"], .quick-contact input[type=\"password\"], .quick-contact input[type=\"search\"], .quick-contact input[type=\"tel\"], .quick-contact input[type=\"text\"], .quick-contact input[type=\"time\"], .quick-contact input[type=\"url\"], .quick-contact input[type=\"week\"], .quick-contact input:not([type]), .quick-contact textarea,
  .quick-contact select,
  .quick-contact select[multiple=multiple] {
    border-color: transparent;
    border-width: 2px !important; }
    .quick-contact input[type=\"color\"]:hover, .quick-contact input[type=\"date\"]:hover, .quick-contact input[type=\"datetime\"]:hover, .quick-contact input[type=\"datetime-local\"]:hover, .quick-contact input[type=\"email\"]:hover, .quick-contact input[type=\"month\"]:hover, .quick-contact input[type=\"number\"]:hover, .quick-contact input[type=\"password\"]:hover, .quick-contact input[type=\"search\"]:hover, .quick-contact input[type=\"tel\"]:hover, .quick-contact input[type=\"text\"]:hover, .quick-contact input[type=\"time\"]:hover, .quick-contact input[type=\"url\"]:hover, .quick-contact input[type=\"week\"]:hover, .quick-contact input:not([type]):hover, .quick-contact textarea:hover,
    .quick-contact select:hover,
    .quick-contact select[multiple=multiple]:hover {
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); }
    .quick-contact input[type=\"color\"]:focus, .quick-contact input[type=\"date\"]:focus, .quick-contact input[type=\"datetime\"]:focus, .quick-contact input[type=\"datetime-local\"]:focus, .quick-contact input[type=\"email\"]:focus, .quick-contact input[type=\"month\"]:focus, .quick-contact input[type=\"number\"]:focus, .quick-contact input[type=\"password\"]:focus, .quick-contact input[type=\"search\"]:focus, .quick-contact input[type=\"tel\"]:focus, .quick-contact input[type=\"text\"]:focus, .quick-contact input[type=\"time\"]:focus, .quick-contact input[type=\"url\"]:focus, .quick-contact input[type=\"week\"]:focus, .quick-contact input:not([type]):focus, .quick-contact textarea:focus,
    .quick-contact select:focus,
    .quick-contact select[multiple=multiple]:focus {
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3); }

.reading-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
  padding-bottom: 4rem; }
  .reading-list::after {
    content: '';
    display: none; }
  .reading-list .book {
    align-items: center;
    display: flex;
    flex: 0 1 50%;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    text-align: center; }
    @media (min-width: 30em) {
      .reading-list .book {
        flex-basis: 33.3333%; } }
    .reading-list .book .img {
      margin-bottom: 0.75rem; }
      .reading-list .book .img a {
        border: 4px solid #f0f0f0;
        display: block;
        transition: border-color 200ms ease; }
        .reading-list .book .img a:hover {
          border-color: #f3866b; }
      .reading-list .book .img img {
        display: block; }
    .reading-list .book .label {
      font-size: 14px;
      line-height: 1.2; }

/* section */
.share-your-story {
  text-align: center;
  padding-top: 3rem;
  background-color: #E1E1E1;
  position: relative; }
  @media (min-width: 83.75em) {
    .share-your-story {
      text-align: left; } }
  @media (max-width: 83.74em) {
    .share-your-story .l-container {
      max-width: 30em; } }
  .share-your-story__title {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-bottom: 2rem;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-size: 0.88889rem;
    line-height: 2.125;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #f3866b;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: \"swsh\"; }
    @media (min-width: 83.75em) {
      .share-your-story__title {
        width: calc(23.52941% - 24.70588px);
        float: left;
        margin-left: 20px; } }
    .share-your-story__title strong {
      display: block;
      margin-top: 0.5rem;
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-style: italic;
      font-size: 3.83333rem;
      line-height: 1.09;
      text-transform: none;
      font-weight: 600;
      color: #174053; }
  .share-your-story__intro {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-bottom: 2rem;
    font-size: 0.88889rem;
    line-height: 1.8125; }
    @media (min-width: 83.75em) {
      .share-your-story__intro {
        width: calc(23.52941% - 24.70588px);
        float: left;
        margin-left: 20px; } }
  .share-your-story__list {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-bottom: 3rem;
    font-size: 0.88889rem;
    line-height: 1.8125; }
    @media (min-width: 83.75em) {
      .share-your-story__list {
        width: calc(23.52941% - 24.70588px);
        float: left;
        margin-left: 20px;
        margin-left: calc(5.88235% - 21.17647px + 40px); } }
    .share-your-story__list li::before {
      color: #36a97f; }
  .share-your-story__disclaimer {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-bottom: 2rem;
    font-size: 0.66667rem;
    line-height: 1.667; }
    @media (min-width: 83.75em) {
      .share-your-story__disclaimer {
        width: calc(23.52941% - 24.70588px);
        float: left;
        margin-left: 20px; } }
    .share-your-story__disclaimer strong {
      display: block;
      font-weight: 400;
      text-transform: uppercase; }
  .share-your-story__cta {
    display: block;
    padding: 0.5em 0;
    background-color: #72c4af;
    font-size: 1.11111rem;
    line-height: 1.7;
    color: #262626; }
    .share-your-story__cta:focus, .share-your-story__cta:hover {
      background-color: #f3866b; }

@media (min-width: 62em) {
  .signposts {
    display: flex; } }

.signposts__box {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  flex: 1 1 50%;
  min-height: 50vw;
  padding: 3.3333em 0;
  position: relative; }
  @media (min-width: 30em) {
    .signposts__box {
      padding-left: 1em;
      padding-right: 1em; } }
  @media (min-width: 43.75em) {
    .signposts__box {
      padding-left: 3.3333em;
      padding-right: 3.3333em; } }
  @media (min-width: 62em) {
    .signposts__box {
      min-height: 23.8888em; } }
  .signposts__box::before {
    bottom: 0;
    content: ' ';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 200ms ease;
    z-index: 0; }
    @media (min-width: 50em) {
      .signposts__box::before {
        opacity: 0; } }
  .signposts__box:nth-child(2) {
    border-top: 4px solid #FFF; }
    @media (min-width: 62em) {
      .signposts__box:nth-child(2) {
        border-top: none;
        border-left: 4px solid #FFF; } }
  .signposts__box.brand-green::before {
    background-color: rgba(54, 169, 127, 0.7); }
  .signposts__box.brand-salmon::before {
    background-color: rgba(243, 134, 107, 0.7); }
  .signposts__box.brand-blue::before {
    background-color: rgba(19, 153, 166, 0.7); }

.signposts .l-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1; }
  .signposts .l-container::after {
    display: none; }

.signposts__title {
  font-size: 2.5em;
  font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  line-height: 1;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.5); }
  @media (min-width: 47.5em) and (max-width: 56.25em) {
    .signposts__title {
      font-size: 2em; } }
  .signposts__title::after {
    content: \"\";
    display: block;
    width: 0.95em;
    height: 0.12em;
    background-color: #FFF;
    margin-top: 0.15em; }

.signposts__content {
  margin-bottom: 0;
  margin-top: auto;
  text-align: right;
  transition: opacity 200ms ease; }
  @media (min-width: 50em) {
    .signposts__content {
      opacity: 0; } }
  .signposts__content .subtext {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.01em;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75;
    text-align: left; }
  .signposts__content .cta {
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 500;
    border-bottom: 2px solid;
    line-height: 1; }
    .signposts__content .cta::after {
      content: \"�\";
      font-weight: 700;
      margin-left: 0.2em; }

div + .signposts__box::before,
div + .signposts__box .signposts__content,
.signposts a:hover::before,
.signposts a:hover .signposts__content,
.signposts a:focus::before,
.signposts a:focus .signposts__content {
  opacity: 1; }

.wysiwyg + .signposts {
  margin-top: 4rem; }

/* footer */
.site-footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #174053;
  -webkit-font-smoothing: antialiased;
  position: relative; }
  @media (min-width: 61.25em) {
    .site-footer {
      padding-top: 5rem;
      padding-bottom: 5rem; } }
  .site-footer .l-wrapper {
    position: relative; }
    .site-footer .l-wrapper > section:last-child {
      margin-bottom: 0; }
  .site-footer__title {
    font-size: 0.77778rem;
    color: #72c4af;
    margin-bottom: 2rem; }
    .site-footer__title a {
      border-bottom: 1px solid transparent;
      color: #72c4af;
      transition: all 200ms ease; }
      .site-footer__title a:hover {
        border-color: #FFF;
        color: #FFF; }
  .site-footer__links {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #174053;
    text-transform: uppercase;
    line-height: 1; }
    @media (min-width: 67.5em) {
      .site-footer__links {
        width: calc(33.33333% - 26.66667px);
        float: left;
        margin-left: 20px; } }
    .site-footer__links ul {
      margin-bottom: 2rem; }
    .site-footer__links li {
      margin-bottom: -0.35em; }
    .site-footer__links a:link, .site-footer__links a:visited {
      color: #fff; }
    .site-footer__links a:focus, .site-footer__links a:hover {
      color: #f3866b; }
    .site-footer__links .social-icons {
      font-size: 0.75em;
      padding-bottom: 2rem; }
      .site-footer__links .social-icons ul {
        margin-bottom: 0; }
      @media (min-width: 67.5em) {
        .site-footer__links .social-icons {
          margin-bottom: 0;
          padding-bottom: 0; } }
  .site-footer__events, .site-footer__posts {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (min-width: 45em) {
      .site-footer__events, .site-footer__posts {
        width: calc(46.66667% - 29.33333px);
        float: left;
        margin-left: 20px; } }
    @media (min-width: 67.5em) {
      .site-footer__events, .site-footer__posts {
        width: calc(33.33333% - 26.66667px);
        float: left;
        margin-left: 20px; } }
  @media (max-width: 44.9375em) {
    .site-footer__events {
      margin-bottom: 2.5rem; } }
  .site-footer .article-snippet-list a:link, .site-footer .article-snippet-list a:visited {
    color: #fff; }
  .site-footer .article-snippet-list a:focus, .site-footer .article-snippet-list a:hover {
    color: #f3866b; }

.site-header {
  background-color: #FFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 7; }
  .site-header .l-container {
    align-items: center;
    display: flex;
    height: 15vh;
    justify-content: space-between;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    transition: height 350ms ease; }
    @media screen and (min-width: 1180px) {
      .site-header .l-container {
        height: 90px; } }
    @media screen and (min-height: 600px) and (min-width: 1180px) {
      .site-header .l-container {
        height: 18vh; }
        .scrolled .site-header .l-container {
          height: 15vh; } }
  .site-header__branding {
    display: block;
    width: 45vw;
    max-width: 230px;
    position: relative;
    z-index: 8; }
    @media screen and (min-width: 1180px) {
      .site-header__branding {
        max-width: 260px; } }

.headroom {
  transition: transform 350ms ease; }

.headroom--unpinned {
  transform: translateY(-100%); }

/* nav */
.site-nav {
  margin-left: auto; }
  @media (max-width: 73.74em) {
    .site-nav {
      background: #174053;
      bottom: 0;
      left: 0;
      opacity: 0;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      padding: 1.75rem 1rem 2rem 1rem;
      pointer-events: none;
      position: fixed;
      right: 0;
      top: 15vh;
      transition: opacity 250ms ease;
      z-index: 7; }
      .site-nav-is-open .site-nav {
        opacity: 1;
        pointer-events: auto; } }
  @media (min-width: 43.75em) and (max-width: 73.74em) {
    .site-nav {
      display: flex; } }
  .site-nav__primary {
    flex: 0 1 50%;
    margin-bottom: 0; }
    .site-nav__primary > li > a {
      color: #174053;
      display: block;
      font-size: 0.77778rem;
      font-weight: 700;
      text-transform: uppercase; }
      .wf-nimbussanscondensed-n7-active .site-nav__primary > li > a {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
        font-size: 30px; }
        @media (min-width: 73.75em) {
          .wf-nimbussanscondensed-n7-active .site-nav__primary > li > a {
            font-size: 1.22222rem; } }
    @media (max-width: 73.74em) {
      .site-nav__primary {
        margin-bottom: 1.5rem; }
        .site-nav__primary > li > a:link, .site-nav__primary > li > a:visited {
          color: #fff; }
        .site-nav__primary > li > a:focus, .site-nav__primary > li > a:hover, .site-nav__primary > li > a.is-active {
          color: #f3866b; } }
    @media (min-width: 73.75em) {
      .site-nav__primary {
        display: flex;
        margin-top: 1rem; }
        .site-nav__primary > li {
          margin-bottom: 0; }
          .site-nav__primary > li:not(:last-child) {
            margin-right: 0.25rem; }
          .site-nav__primary > li > a {
            line-height: 1;
            padding: 1vh 0.75rem; }
            .site-nav__primary > li > a:link, .site-nav__primary > li > a:visited {
              color: #174053; }
            .site-nav__primary > li > a:focus, .site-nav__primary > li > a:hover, .site-nav__primary > li > a.is-active {
              color: #36a97f; }
            .site-nav__primary > li > a.is-active {
              border: 2px solid; } }
    .site-nav__primary .subnav-list {
      display: none;
      background-color: #11313f;
      margin-top: 0.5em;
      padding: 0.5rem 0; }
      @media (max-width: 73.74em) {
        .site-nav__primary .subnav-list.is-active {
          display: block; } }
      .site-nav__primary .subnav-list a {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #62b0d4;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.08em;
        display: block;
        padding: 0.4rem 1rem;
        line-height: 1.2; }
        .site-nav__primary .subnav-list a.is-active {
          color: #FFF; }
  .site-nav__secondary {
    font-size: 0.77778rem;
    font-weight: 500;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased; }
    @media (max-width: 73.74em) {
      .site-nav__secondary {
        margin-bottom: 5rem;
        padding-top: 1rem;
        border-top: 1px solid rgba(255, 255, 255, 0.3); }
        .site-nav__secondary a {
          display: inline-block;
          padding-top: 0.25em;
          padding-bottom: 0.25em; }
          .site-nav__secondary a:link, .site-nav__secondary a:visited {
            color: #fff; }
          .site-nav__secondary a:focus, .site-nav__secondary a:hover {
            color: #f3866b; } }
    @media (min-width: 43.75em) and (max-width: 73.74em) {
      .site-nav__secondary {
        border: none;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        margin-left: 2rem;
        padding-left: 2rem;
        padding-top: 0; } }
    @media (min-width: 73.75em) {
      .site-nav__secondary {
        display: flex;
        position: absolute;
        top: 7px;
        right: 1.75rem; }
        .site-nav__secondary li {
          margin-bottom: 0; }
          .site-nav__secondary li:not(:last-child) {
            margin-right: 1.5rem; }
        .site-nav__secondary a:link, .site-nav__secondary a:visited {
          color: #36a97f; }
        .site-nav__secondary a:focus, .site-nav__secondary a:hover {
          color: #f3866b; } }
    @media screen and (min-height: 600px) {
      .site-nav__secondary {
        top: 1.25vh; } }

a.site-nav-toggle {
  display: none; }
  @media (max-width: 73.74em) {
    a.site-nav-toggle {
      display: block;
      width: 5rem;
      margin-left: auto;
      text-align: center;
      z-index: 9999;
      padding: 0.25rem 0 0.2rem;
      background: #174053;
      color: #fff;
      font-size: 0.88889rem;
      transition: background-color 200ms ease; } }
  @media (max-width: 73.74em) and (min-width: 46.25em) {
    a.site-nav-toggle {
      top: 3rem;
      right: 1.5rem; } }
  @media (max-width: 73.74em) {
      a.site-nav-toggle:focus, a.site-nav-toggle:hover {
        color: #fff;
        background: #f3866b; }
      a.site-nav-toggle::after {
        content: \"Menu\"; }
        .site-nav-is-open a.site-nav-toggle::after {
          content: \"Close\"; }
      a.site-nav-toggle::before {
        content: url(\"http://adoptionsbygladney.com/static/img/icons/nav-toggle-open.svg\");
        position: relative;
        margin-right: 0.4em;
        display: inline-block;
        line-height: 10px;
        vertical-align: -15%; }
        .site-nav-is-open a.site-nav-toggle::before {
          content: url(\"http://adoptionsbygladney.com/static/img/icons/nav-toggle-close.svg\"); } }

.social-icons li {
  display: inline-block;
  margin-right: 0.25em; }

.social-icons a {
  display: inline-block;
  width: 1em;
  height: 1em; }
  .social-icons a svg {
    width: 1em;
    height: 1em;
    fill: #f3866b; }
  .social-icons a:focus svg, .social-icons a:hover svg {
    fill: #36a97f; }

.story-prev-next {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 2rem; }
  .story-prev-next::after {
    content: '';
    display: none; }
  .story-prev-next hr {
    border-color: #dadada;
    width: 100%; }
  .story-prev-next a {
    font-feature-settings: \"swsh\";
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-style: italic; }
  .story-prev-next:last-child {
    margin-left: auto; }

@media (min-width: 47.5em) {
  .story {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

.story__image {
  display: block;
  max-width: 250px;
  position: relative;
  text-align: center;
  font-size: 1.66667rem;
  line-height: 1;
  font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  margin-bottom: 2rem;
  color: #fff; }
  @media (min-width: 47.5em) {
    .story__image {
      width: 30%; } }
  @media (min-width: 56.25em) {
    .story__image {
      width: 32%;
      max-width: none; } }
  .story__image img {
    display: block;
    border-radius: 100%;
    width: 100%;
    height: auto; }
  .story__image span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    position: absolute;
    right: -1rem;
    bottom: -0.75rem;
    padding: 1rem;
    border-radius: 100%;
    background-color: #f3866b; }

.story a.story__image:focus img, .story a.story__image:hover img {
  opacity: 0.8;
  transition: opacity 0.3s ease; }

.story a.story__image:focus span, .story a.story__image:hover span {
  color: #fff;
  background-color: #36a97f;
  transition: background-color 0.3s ease; }

.story__content {
  font-size: 1.11111rem; }
  @media (min-width: 47.5em) {
    .story__content {
      width: 80%;
      padding-left: 4rem; } }
  @media (min-width: 56.25em) {
    .story__content {
      width: 60%;
      padding-left: 4rem; } }
  .story__content p {
    font-weight: 500; }

.story__heading {
  color: #36a8b3;
  line-height: 1;
  margin-bottom: 2rem; }
  @media (min-width: 56.25em) {
    .story__heading {
      margin-left: -3rem;
      font-size: 2.5rem; } }
  .story__heading::after {
    content: \"\";
    display: block;
    width: 0.95em;
    height: 4px;
    background-color: #36a8b3;
    margin-top: 0.15em; }
  .story__heading h3 {
    font-size: 2.66667rem;
    font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1; }
  .story__heading h4 {
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-style: italic;
    font-size: 0.88889rem;
    font-weight: 400;
    color: #262626;
    margin-bottom: 0;
    margin-top: 0.5rem;
    letter-spacing: 0.01em; }

.story--staff .story__image span {
  width: 10rem;
  height: 10rem;
  background-color: #36a97f; }
  .story--staff .story__image span em {
    display: block;
    margin-top: 0.75em;
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 0.72222rem;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase; }

.story--staff .story__content {
  font-size: 0.77778rem; }

/**
Styles specific to style guide section, not used on actual tempaltes
*/
.style-guide > h1 {
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.08em;
  color: #CCC;
  margin-left: 1rem;
  margin-top: 8rem;
  margin-bottom: 4rem; }
  .style-guide > h1:first-of-type {
    margin-top: 2rem; }

.style-guide__grid .sg-full {
  background: rgba(0, 0, 0, 0.07);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 4rem; }

.style-guide__grid .l-grid {
  background: rgba(255, 0, 0, 0.2); }

.style-guide__grid .l-container {
  background: rgba(0, 128, 0, 0.1);
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 46.25em) {
    .style-guide__grid .l-container {
      padding-left: 20px;
      padding-right: 20px; } }

.style-guide__grid .col {
  background: rgba(255, 255, 0, 0.5);
  min-height: 4rem; }

.style-guide__grid .sg-three-cols {
  margin-top: 4rem;
  margin-bottom: 4rem; }
  .style-guide__grid .sg-three-cols .col {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }

.style-guide__grid .sg-two-cols {
  margin-top: 4rem;
  margin-bottom: 4rem; }
  .style-guide__grid .sg-two-cols .col {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }

.style-guide__grid .sg-fifteen-cols {
  margin-top: 4rem;
  margin-bottom: 4rem; }
  .style-guide__grid .sg-fifteen-cols .col {
    width: calc(6.66667% - 21.33333px);
    float: left;
    margin-left: 20px; }

.style-guide__grid .l-container--17 {
  max-width: 1340px; }

.style-guide__grid .l-container--9 .l-grid .col {
  width: calc(11.11111% - 22.22222px);
  float: left;
  margin-left: 20px; }

.style-guide__grid .sg-seventeen-cols {
  margin-top: 4rem;
  margin-bottom: 4rem; }
  .style-guide__grid .sg-seventeen-cols .col {
    width: calc(5.88235% - 21.17647px);
    float: left;
    margin-left: 20px; }

/* div */
.subnav {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: #36a97f;
  color: #FFF;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  @media screen and (min-width: 1180px) {
    .subnav {
      padding: 0;
      position: fixed;
      top: 90px;
      transition: top 350ms ease, transform 350ms ease;
      width: 100%;
      z-index: 6; } }
  @media screen and (min-height: 600px) and (min-width: 1180px) {
    .subnav {
      top: 18vh; }
      .scrolled .subnav {
        top: 15vh; } }
  @media screen and (min-width: 1180px) {
    .header-unpinned .subnav {
      transform: translateY(calc((50px + 15vh) * -1)); } }
  .subnav .l-container {
    display: flex;
    align-items: center; }
    @media (max-width: 73.74em) {
      .subnav .l-container {
        justify-content: space-between;
        width: 100%; }
        .subnav .l-container::after {
          height: 0.75rem;
          width: 0.75rem;
          border-right: 2px solid #FFF;
          border-bottom: 2px solid #FFF;
          color: #FFF;
          content: ' ';
          display: block;
          pointer-events: none;
          position: absolute;
          transform-origin: 50% 50%;
          transform: translateY(-3px) rotate(45deg);
          transition: transform 200ms ease;
          right: 1.5rem;
          top: 37%; }
          .site-subnav-is-open .subnav .l-container::after {
            transform: translateY(3px) rotate(-135deg); } }
    @media (min-width: 73.75em) {
      .subnav .l-container {
        justify-content: center; } }
  .subnav__label {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em; }
    @media (max-width: 73.74em) {
      .subnav__label {
        cursor: pointer;
        flex: 1 1 auto; }
        .subnav__label::before {
          font-feature-settings: \"swsh\";
          content: 'More in ';
          font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
          font-style: italic;
          text-transform: none;
          font-weight: 300;
          color: rgba(255, 255, 255, 0.8);
          line-height: 1;
          display: inline-block;
          margin-right: 0.1em; }
        .subnav__label strong {
          display: inline-block;
          line-height: 0.8;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: calc(100% - 7em); }
        .subnav__label .desktop-only {
          display: none; } }
    @media (max-width: 24.9375em) {
      .subnav__label .hide-mobile {
        display: none; } }
    @media (min-width: 73.75em) {
      .subnav__label {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.88889rem;
        margin-right: 1rem; }
        .subnav__label a {
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          color: #FFF;
          transition: border-color 200ms ease; }
          .subnav__label a:hover {
            border-color: #FFF; }
        .subnav__label.mobile-only {
          display: none; } }
  .subnav__select {
    font-size: 0.77778rem; }
    @media (min-width: 73.75em) {
      .subnav__select {
        display: none; } }
  @media (max-width: 73.74em) {
    .subnav__nav {
      background-color: #236f53;
      left: 0;
      opacity: 0;
      padding: 0.5rem 1rem;
      pointer-events: none;
      position: absolute;
      top: 100%;
      transition: opacity 250ms ease;
      width: 100%;
      z-index: 6; }
      .subnav__nav li {
        margin: 0; }
        .subnav__nav li:not(:last-child) {
          border-bottom: 1px solid #2d8e6b; }
      .subnav__nav a {
        color: #73d2af;
        display: block;
        padding: 0.5em 0; }
        .subnav__nav a::after {
          color: #36a97f;
          content: '\\00ab';
          display: inline-block;
          margin-left: 0.5rem;
          opacity: 0;
          position: relative;
          transform: translateX(10px);
          transition: opacity 200ms ease, transform 200ms ease; }
        .subnav__nav a:hover {
          color: #FFF; }
          .subnav__nav a:hover::after {
            opacity: 1;
            transform: translateX(0); }
        .subnav__nav a.is-active {
          color: #FFF; }
          .subnav__nav a.is-active::after {
            color: #f3866b;
            opacity: 1;
            transform: translateX(0); }
      .site-subnav-is-open .subnav__nav {
        opacity: 1;
        pointer-events: auto; } }
  @media (min-width: 73.75em) {
    .subnav__nav {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0;
      margin-left: 1.5rem; }
      .subnav__nav li {
        margin-bottom: 0;
        margin-right: 0.5rem; }
        .subnav__nav li:last-child {
          margin-right: 0; }
      .subnav__nav a {
        font-size: 0.88889rem;
        padding: 0.35em 0.5em; }
        .subnav__nav a:link, .subnav__nav a:visited {
          color: rgba(255, 255, 255, 0.9);
          border: 1px solid transparent; }
        .subnav__nav a:focus, .subnav__nav a:hover {
          color: #FFF;
          border-color: rgba(255, 255, 255, 0.3); }
        .subnav__nav a.is-active {
          color: #FFF;
          border-color: #FFF; } }

/* aside */
.superkids {
  margin-left: auto;
  margin-right: auto; }
  .superkids__header {
    background-color: #174053;
    padding-top: 1rem;
    text-align: center; }
    @media (min-width: 62em) {
      .superkids__header {
        padding-top: 4rem; } }
  .superkids__title {
    margin-top: 1rem;
    margin-bottom: 0;
    color: #fff;
    font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    line-height: 2.3;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #72c4af; }
    @media (min-width: 62em) {
      .superkids__title {
        font-size: 1.5rem;
        margin-top: 4rem; } }
    @media (min-width: 75em) {
      .superkids__title {
        font-size: 2rem; } }
  .superkids__posts {
    margin-bottom: 0;
    background-color: #f1f1f1; }
    @media (min-width: 48em) and (max-width: 61.9375em) {
      .superkids__posts {
        display: flex; } }
    .superkids__posts > li {
      display: flex;
      margin-bottom: 0;
      min-height: 36vw; }
      .superkids__posts > li:not(:last-child) {
        border-bottom: 2px solid #E1E1E1; }
      @media (min-width: 48em) and (max-width: 61.9375em) {
        .superkids__posts > li {
          border: none;
          display: block; }
          .superkids__posts > li:not(:last-child) {
            border-right: 2px solid #E1E1E1; } }
      @media (min-width: 62em) {
        .superkids__posts > li {
          min-height: 200px; } }
  .superkids__image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    flex: 0 0 36vw;
    width: 50%; }
    @media (min-width: 48em) and (max-width: 61.9375em) {
      .superkids__image {
        margin: 1rem 0.75rem 0.5rem;
        height: calc(33.3333vw - 1.5rem);
        width: calc(33.3333vw - 1.5rem); } }
    @media (min-width: 62em) {
      .superkids__image {
        flex-basis: 10.8vw; } }
  .superkids__extract {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    margin: 0.5rem 1.5rem; }
    @media (min-width: 48em) and (max-width: 61.9375em) {
      .superkids__extract {
        margin: 0.5rem 0.75rem; } }
    .superkids__extract h3 {
      margin-bottom: 0;
      font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      color: #174053;
      letter-spacing: 0.01em;
      font-size: 0.88889rem; }
    .superkids__extract p {
      font-size: 0.66667rem;
      line-height: 1.6667;
      color: #000; }
    .superkids__extract > a {
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-style: italic;
      font-size: 1rem;
      margin-left: auto; }
      .superkids__extract > a:link, .superkids__extract > a:visited {
        color: #174053; }
      .superkids__extract > a:focus, .superkids__extract > a:hover {
        color: #36a97f; }
      .superkids__extract > a::before {
        content: \"�\";
        margin-right: 0.2em; }
  .superkids__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #72c4af; }
    .superkids__links a {
      color: #fff;
      font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
      font-size: 1.5rem;
      line-height: 2.3;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center; }
      @media (min-width: 75em) {
        .superkids__links a {
          font-size: 2rem; } }
      .superkids__links a:link, .superkids__links a:visited {
        color: #fff; }
      .superkids__links a:focus, .superkids__links a:hover {
        color: #174053; }
        .superkids__links a:focus .icon, .superkids__links a:hover .icon {
          fill: #174053; }
    .superkids__links .icon {
      fill: #fff;
      width: 0.75em;
      height: 0.75em;
      margin-left: 0.1em;
      position: relative;
      top: 0.05em; }
  .superkids__facebook, .superkids__blog {
    width: 50%; }
  .superkids__facebook {
    border-right: 2px solid #619d8d; }
  .superkids__donate {
    width: 100%;
    background-color: #36a97f; }

.survey-form {
  counter-reset: fields;
  padding-bottom: 4rem; }
  .survey-form .field-group {
    margin-bottom: 3rem; }
    .survey-form .field-group label {
      line-height: 1.5;
      margin-bottom: 1em;
      padding-left: 1.25em;
      text-indent: -1.25em; }
      .survey-form .field-group label::before {
        counter-increment: fields;
        content: counter(fields) \".\"; }
  .survey-form input[type=\"color\"], .survey-form input[type=\"date\"], .survey-form input[type=\"datetime\"], .survey-form input[type=\"datetime-local\"], .survey-form input[type=\"email\"], .survey-form input[type=\"month\"], .survey-form input[type=\"number\"], .survey-form input[type=\"password\"], .survey-form input[type=\"search\"], .survey-form input[type=\"tel\"], .survey-form input[type=\"text\"], .survey-form input[type=\"time\"], .survey-form input[type=\"url\"], .survey-form input[type=\"week\"], .survey-form input:not([type]), .survey-form textarea,
  .survey-form select,
  .survey-form select[multiple=multiple] {
    border: 1px solid transparent;
    background-color: #ececed;
    font-size: 1rem;
    font-family: inherit; }
    .survey-form input[type=\"color\"]::placeholder, .survey-form input[type=\"date\"]::placeholder, .survey-form input[type=\"datetime\"]::placeholder, .survey-form input[type=\"datetime-local\"]::placeholder, .survey-form input[type=\"email\"]::placeholder, .survey-form input[type=\"month\"]::placeholder, .survey-form input[type=\"number\"]::placeholder, .survey-form input[type=\"password\"]::placeholder, .survey-form input[type=\"search\"]::placeholder, .survey-form input[type=\"tel\"]::placeholder, .survey-form input[type=\"text\"]::placeholder, .survey-form input[type=\"time\"]::placeholder, .survey-form input[type=\"url\"]::placeholder, .survey-form input[type=\"week\"]::placeholder, .survey-form input:not([type])::placeholder, .survey-form textarea::placeholder,
    .survey-form select::placeholder,
    .survey-form select[multiple=multiple]::placeholder {
      color: #6d6d6d; }
    .survey-form input[type=\"color\"]:focus, .survey-form input[type=\"date\"]:focus, .survey-form input[type=\"datetime\"]:focus, .survey-form input[type=\"datetime-local\"]:focus, .survey-form input[type=\"email\"]:focus, .survey-form input[type=\"month\"]:focus, .survey-form input[type=\"number\"]:focus, .survey-form input[type=\"password\"]:focus, .survey-form input[type=\"search\"]:focus, .survey-form input[type=\"tel\"]:focus, .survey-form input[type=\"text\"]:focus, .survey-form input[type=\"time\"]:focus, .survey-form input[type=\"url\"]:focus, .survey-form input[type=\"week\"]:focus, .survey-form input:not([type]):focus, .survey-form textarea:focus,
    .survey-form select:focus,
    .survey-form select[multiple=multiple]:focus {
      border-color: #174053; }
  .survey-form textarea {
    height: 11em; }

/* ul */
.tabbed-content__item {
  list-style: none; }
  @media (min-width: 46.25em) {
    .tabbed-content__item {
      display: inline; } }

.tabbed-content__title {
  display: block;
  border: 2px solid #E1E1E1;
  padding: 0.75rem 0.5rem;
  margin-bottom: 1rem;
  border-radius: 2px; }
  @media (min-width: 46.25em) {
    .tabbed-content__title {
      position: relative;
      top: 2px;
      display: inline-block;
      margin-bottom: 0;
      margin-right: 0.5rem;
      padding: 0.5rem;
      min-width: 8em;
      text-align: center; } }
  .tabbed-content__title:focus, .tabbed-content__title:hover {
    background-color: whitesmoke; }
  .tabbed-content__title.is-active {
    background-color: #E1E1E1; }
  .tabbed-content__title h3 {
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #464648;
    font-size: 0.77778rem;
    font-weight: 500;
    margin: 0;
    line-height: 1; }

.tabbed-content__content {
  display: none;
  width: 100%;
  padding: 0 0.15rem; }
  @media (min-width: 46.25em) {
    .tabbed-content__content {
      float: left;
      border-top: 2px solid #E1E1E1;
      padding-top: 1rem; } }
  .tabbed-content__content.is-open {
    margin-bottom: 2rem; }

.team-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 4rem; }
  @media (max-width: 26.1875em) {
    .team-grid {
      justify-content: center; } }
  .team-grid .team-member {
    flex: 0 0 16rem;
    padding: 0 20px;
    margin-bottom: 3rem; }
    @media (min-width: 26.25em) {
      .team-grid .team-member {
        flex-basis: 50%; } }
    @media (min-width: 31.25em) {
      .team-grid .team-member {
        flex-basis: 100%; } }
    @media (min-width: 43.75em) {
      .team-grid .team-member {
        flex-basis: 33.3333%; } }

@media (min-width: 31.25em) and (max-width: 43.75em) {
  .team-member {
    display: flex;
    align-items: flex-start; } }

.team-member__photo {
  display: block;
  width: 100%;
  margin-bottom: 1rem; }
  @media (min-width: 31.25em) and (max-width: 43.75em) {
    .team-member__photo {
      width: 40%; } }

@media (min-width: 31.25em) and (max-width: 43.75em) {
  .team-member__details {
    padding-left: 1rem; } }

.team-member__name {
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 1em; }
  @media (min-width: 43.75em) {
    .team-member__name {
      font-size: 1rem; } }

.team-member__title {
  margin-bottom: 0.8rem;
  font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
  font-size: 20px;
  font-style: italic;
  line-height: 1.25; }
  @media (min-width: 43.75em) {
    .team-member__title {
      font-size: 1.33333rem; } }
  .team-member__title em {
    font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
    font-size: 0.88889rem;
    font-style: normal; }

.team-member__contacts a {
  letter-spacing: 0.2em;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.75;
  text-transform: uppercase; }
  @media (min-width: 43.75em) {
    .team-member__contacts a {
      font-size: 0.88889rem; } }
  .team-member__contacts a .icon {
    position: relative;
    top: 0.1em; }
  .team-member__contacts a:link, .team-member__contacts a:visited {
    color: #174053; }
    .team-member__contacts a:link .icon, .team-member__contacts a:visited .icon {
      fill: #174053; }
  .team-member__contacts a:focus, .team-member__contacts a:hover {
    color: #36a97f; }
    .team-member__contacts a:focus .icon, .team-member__contacts a:hover .icon {
      fill: #36a97f; }

/* ul */
.team-profiles {
  line-height: 1.7;
  margin-bottom: 0;
  padding-bottom: 6rem; }
  .team-profiles > li {
    position: relative; }
    @media (min-width: 46.25em) {
      .team-profiles > li {
        padding-left: calc(24% + 2rem); } }
    .team-profiles > li:not(:last-child) {
      margin-bottom: 5rem; }
  .team-profiles__photo {
    border: 1px solid #36a97f;
    background-color: #FCFCFC;
    margin-bottom: 1rem; }
    @media (min-width: 31.25em) {
      .team-profiles__photo {
        float: right;
        margin-left: 2rem; } }
    @media (min-width: 46.25em) {
      .team-profiles__photo {
        position: absolute;
        left: 0;
        top: 0.5rem;
        width: 24%;
        margin-left: 0; } }
  .team-profiles__header {
    line-height: 1.2;
    margin-bottom: 1rem; }
    .team-profiles__header strong {
      font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
      font-weight: 500;
      font-size: 1.33333rem;
      color: #f3866b;
      font-style: normal; }
    .team-profiles__header em {
      color: #174053;
      font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
      font-size: 1.27778rem;
      font-styke: italic;
      font-weight: 400; }
      @media (max-width: 31.1875em) {
        .team-profiles__header em {
          display: inline-block; } }
      @media (min-width: 46.25em) {
        .team-profiles__header em {
          display: inline-block; } }
  .team-profiles p {
    font-size: 16px; }

/* dl */
.telephone-list dt {
  display: inline-block;
  font-weight: 700;
  color: #36a97f;
  margin-top: 1em; }

.telephone-list dd {
  display: inline-block;
  color: #464648;
  font-weight: normal; }
  .telephone-list dd::before {
    content: \"::\";
    margin-right: 0.25em; }

.thumbnail-carousel {
  max-width: 408px;
  margin-left: auto;
  margin-right: auto; }
  .thumbnail-carousel__carousel img {
    margin-left: 8px;
    margin-right: 8px; }
  .thumbnail-carousel__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px; }
  .thumbnail-carousel__thumbs {
    display: flex;
    align-items: center;
    justify-content: center; }
    .thumbnail-carousel__thumbs a {
      display: block;
      width: 54px;
      height: 54px;
      margin-right: 4px;
      margin-left: 4px; }
      .thumbnail-carousel__thumbs a img {
        width: 100%;
        transition: opacity 0.3s ease; }
        .thumbnail-carousel__thumbs a img:focus, .thumbnail-carousel__thumbs a img:hover {
          opacity: 0.8; }
  .thumbnail-carousel__prev, .thumbnail-carousel__next {
    display: block;
    width: 24px;
    height: 24px; }
    .thumbnail-carousel__prev:hover svg, .thumbnail-carousel__next:hover svg {
      fill: #36a97f; }
    .thumbnail-carousel__prev svg, .thumbnail-carousel__next svg {
      width: 24px;
      height: 24px;
      fill: #36a8b3; }
  .thumbnail-carousel__prev {
    margin-right: 12px; }
  .thumbnail-carousel__next {
    margin-left: 12px; }

/* ol */
.timeline {
  position: relative;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12rem;
  background: linear-gradient(#72c4af, #72c4af) repeat-y 50% 0;
  background-size: 3px 30px;
  background-position: 1rem 0;
  padding-left: calc(1rem + 3px);
  /* Cover first part of background line */ }
  .timeline::after {
    clear: both;
    content: \"\";
    display: table; }
  @media (min-width: 30em) {
    .timeline {
      padding-left: 90px;
      background-position: 45px 0; } }
  @media (min-width: 60em) {
    .timeline {
      max-width: none;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      background-position: 50% 0; } }
  .timeline::after {
    content: \"\";
    display: block;
    position: absolute;
    top: 0;
    left: calc(1rem - 5px);
    width: 20px;
    height: 1rem;
    background: #FFF; }
  @media (min-width: 60em) {
    .timeline__primary {
      width: calc(50% - 65px - 2rem);
      padding-right: 1rem;
      flex: 0 0 auto;
      order: 1; } }
  @media (min-width: 83.75em) {
    .timeline__primary {
      padding-left: 3rem;
      padding-right: 2rem; } }
  .timeline__primary > *:last-child {
    margin-bottom: 0; }
  .timeline__secondary {
    max-width: 200px;
    margin-bottom: 1rem; }
    @media (min-width: 60em) {
      .timeline__secondary {
        width: calc(50% - 65px - 2rem);
        max-width: none;
        flex: 0 0 auto;
        order: 3;
        margin-bottom: 0; } }
    .timeline__secondary img {
      display: block; }
      @media (min-width: 60em) {
        .timeline__secondary img {
          max-height: 400px;
          width: auto;
          margin-left: auto;
          margin-right: auto; } }
      .timeline__secondary img.xs {
        max-height: 140px;
        margin-left: 0;
        margin-right: auto; }
  .timeline__event {
    z-index: 1;
    clear: both;
    display: block;
    position: relative;
    margin-bottom: 5rem;
    padding-left: 1.5rem;
    font-size: 0.83333rem;
    line-height: 1.8;
    color: #000;
    font-weight: 500;
    /* Cover first part of background line */ }
    @media (min-width: 30em) {
      .timeline__event {
        font-size: 0.88889rem;
        min-height: 10rem;
        margin-bottom: 8rem; } }
    @media (min-width: 60em) {
      .timeline__event {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0; } }
    .timeline__event::after {
      content: \"\";
      display: block;
      position: absolute;
      top: 0.3rem;
      left: 0;
      width: 16px;
      height: 16px;
      margin-left: -10px;
      background: #FFF;
      border: 4px solid #72c4af;
      border-radius: 130px; }
      @media (min-width: 30em) {
        .timeline__event::after {
          display: none; } }
    @media (min-width: 60em) {
      .timeline__event:first-child {
        margin-top: -5rem; } }
    @media (min-width: 60em) {
      .timeline__event:first-child::after {
        z-index: -1;
        content: \"\";
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        height: 50%;
        width: 20px;
        background: #FFF;
        border: 0; } }
    .timeline__event:last-child {
      margin-bottom: 0; }
    @media (min-width: 60em) {
      .timeline__event--rtl {
        flex-direction: row-reverse; } }
    @media (min-width: 60em) {
      .timeline__event--rtl .timeline__primary {
        padding-right: 0;
        padding-left: 1rem; } }
    @media (min-width: 83.75em) {
      .timeline__event--rtl .timeline__primary {
        padding-left: 2rem;
        padding-right: 3rem; } }
    .timeline__event--a blockquote {
      font-size: 0.83333rem; }
      @media (min-width: 60em) {
        .timeline__event--a blockquote {
          font-size: 1rem; } }
    .timeline__event--a cite span {
      display: block;
      color: #262626;
      text-transform: none; }
    @media (min-width: 60em) {
      .timeline__event--a:first-child img {
        position: relative;
        top: 6rem; } }
    .timeline__event--b {
      font-size: 1.11111rem; }
      @media (min-width: 30em) {
        .timeline__event--b {
          font-size: 1.44444rem; } }
    .timeline__event--c blockquote, .timeline__event--d blockquote {
      margin-top: 0; }
      .timeline__event--c blockquote p, .timeline__event--d blockquote p {
        color: #f3866b;
        font-size: 1.66667rem; }
    .timeline__event--c br, .timeline__event--d br {
      display: none; }
    @media (min-width: 60em) {
      .timeline__event--c, .timeline__event--d {
        display: block;
        width: 100%;
        margin-top: 10rem;
        padding-top: 7rem;
        padding-bottom: 5rem;
        background: #fff;
        border-top: 8px solid #72c4af;
        border-bottom: 8px solid #72c4af;
        text-align: center; }
        .timeline__event--c br, .timeline__event--d br {
          display: block; }
        .timeline__event--c .timeline__primary, .timeline__event--d .timeline__primary {
          width: 100%;
          max-width: 46rem;
          margin-left: auto;
          margin-right: auto;
          padding-left: 0;
          padding-right: 0; }
        .timeline__event--c .timeline__date, .timeline__event--d .timeline__date {
          position: absolute;
          left: calc(50% - 65px);
          top: -68px; }
        .timeline__event--c .timeline__primary > p, .timeline__event--d .timeline__primary > p {
          max-width: 40rem;
          margin-left: auto;
          margin-right: auto; }
        .timeline__event--c blockquote, .timeline__event--d blockquote {
          margin-top: 2rem; }
          .timeline__event--c blockquote p, .timeline__event--d blockquote p {
            font-size: 3.11111rem;
            line-height: 1.1; }
          .timeline__event--c blockquote cite, .timeline__event--d blockquote cite {
            max-width: 20em;
            padding-bottom: 1rem;
            margin-bottom: 2rem;
            margin-left: auto;
            margin-right: auto;
            font-size: 0.88889rem;
            border-bottom: 1px solid #E1E1E1; }
            .timeline__event--c blockquote cite::before, .timeline__event--d blockquote cite::before {
              display: none; }
        .timeline__event--c img, .timeline__event--d img {
          margin-top: -2rem; } }
    .timeline__event--c img.small {
      width: 360px;
      height: auto; }
    .timeline__event--d .timeline__primary {
      max-width: none; }
    @media (min-width: 60em) {
      .timeline__event--d {
        padding-bottom: 3rem; }
        .timeline__event--d blockquote cite {
          border: none; } }
  .timeline__date {
    display: inline-block;
    line-height: 1.25;
    margin-bottom: 2rem;
    border-bottom: 2px solid;
    font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #174053; }
    @media (min-width: 30em) {
      .timeline__date {
        position: absolute;
        left: -90px;
        width: 90px;
        height: 90px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #174053;
        border-radius: 90px;
        border: 0;
        color: #fff;
        font-size: 2rem; } }
    @media (min-width: 60em) {
      .timeline__date {
        left: -130px;
        width: 130px;
        height: 130px;
        border-radius: 130px;
        position: relative;
        left: 0;
        flex: 0 0 130px;
        order: 2;
        font-size: 2.55556rem; } }
    .timeline__date + * {
      display: block; }
  .timeline__hotline {
    margin-bottom: 0;
    font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
    color: #f3866b;
    font-weight: 700;
    font-size: 12vw; }
    @media (min-width: 40em) {
      .timeline__hotline {
        font-size: 3.88889rem;
        line-height: 1.2; } }
    @media (min-width: 60em) {
      .timeline__hotline {
        max-width: none !important;
        font-size: 8.88889rem; } }

.title-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  padding: 3rem 0;
  border: 1px solid #f3866b; }
  .title-list__title {
    color: #72c4af;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 0 1rem; }
  .title-list__content {
    flex-shrink: 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 0 1rem; }
  .title-list__list {
    margin-bottom: 1rem;
    color: #174053; }
    .title-list__list a {
      border-bottom: 1px solid #D0D0D0;
      color: #262626;
      transition: all 200ms ease; }
      .title-list__list a:hover {
        border-color: #36a97f;
        color: #36a97f; }
  .title-list__link {
    font-size: 0.66667rem;
    text-transform: uppercase;
    border-bottom: 1px dotted;
    font-weight: 500;
    letter-spacing: 0.2em; }
    .title-list__link:link, .title-list__link:visited {
      color: #f3866b; }
    .title-list__link:focus, .title-list__link:hover {
      color: #36a97f; }

/**
Video tease contains a preview image and play icon, which triggers a modal containing the video
*/
.video-tease {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 70vh;
  position: relative; }
  .wysiwyg + .video-tease {
    margin-top: 4rem; }
  .video-tease__icon {
    display: block;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 160px;
    max-width: 30%;
    transform: translate(-50%, -50%);
    outline: none; }

#video-embed {
  height: 44.8vw;
  width: 80vw;
  margin: 0 auto; }
  #video-embed iframe {
    height: 100%;
    width: 100%; }
  #video-embed + .wysiwyg {
    margin-top: 4rem; }

ul.visiting-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 0; }
  ul.visiting-grid .grid-item {
    flex: 0 1 100%;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 2rem;
    padding: 0 20px; }
    @media (min-width: 30em) {
      ul.visiting-grid .grid-item {
        font-size: 0.77778rem; } }
    ul.visiting-grid .grid-item::before {
      content: '';
      display: none; }
    ul.visiting-grid .grid-item a svg {
      fill: #36a97f;
      transition: fill 200ms ease;
      vertical-align: -5%; }
    ul.visiting-grid .grid-item a:hover {
      color: #f3866b; }
      ul.visiting-grid .grid-item a:hover svg {
        fill: inherit; }
  @media (min-width: 37.5em) {
    ul.visiting-grid.three-col .grid-item {
      flex-basis: 50%; } }
  @media (min-width: 62em) {
    ul.visiting-grid.three-col .grid-item {
      flex-basis: 33.3333%; } }
  @media (min-width: 30em) {
    ul.visiting-grid.four-col .grid-item {
      flex-basis: 50%; } }
  @media (min-width: 37.5em) {
    ul.visiting-grid.four-col .grid-item {
      flex-basis: 33.3333%; } }
  @media (min-width: 62em) {
    ul.visiting-grid.four-col .grid-item {
      flex-basis: 25%; } }

.wizard {
  padding: 0 0.5rem 50vh; }
  .wizard .question {
    margin-bottom: 9vh;
    padding-top: 17vh;
    text-align: center;
    transition: opacity 500ms ease; }
    @media (min-width: 48em) {
      .wizard .question {
        padding-top: 25vh; }
        .wizard .question:not(:first-child) {
          margin-top: -16vh; } }
    .wizard .question:not(:first-child) {
      opacity: 0;
      pointer-events: none; }
    .wizard .question.viewed {
      opacity: 1;
      pointer-events: auto; }
  .wizard .status {
    height: 3.3333rem;
    width: 3.3333rem;
    align-items: center;
    border: 2px solid #34ceaa;
    border-radius: 50%;
    color: #FFF;
    display: flex;
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-size: 0.8333rem;
    font-style: italic;
    justify-content: center;
    margin: 0 auto 2rem; }
    .wizard .status .index,
    .wizard .status .total {
      font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
      font-style: normal;
      padding: 0 0.25rem; }
  .wizard p {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 auto 2.5rem;
    max-width: 28em; }
    @media (min-width: 48em) {
      .wizard p {
        font-size: 1.6666rem; } }
  .wizard .option-buttons .button {
    font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
    margin: 0 0.25rem;
    min-width: 5.25rem; }
    @media (min-width: 48em) {
      .wizard .option-buttons .button {
        margin: 0 0.5rem;
        min-width: 8rem; } }
    .wizard .option-buttons .button.selected {
      color: #174053;
      background-color: #f3866b;
      border-color: #f3866b; }
  .wizard .answer {
    opacity: 0;
    padding-top: 17vh;
    pointer-events: none;
    text-align: center;
    transition: opacity 500ms ease; }
    @media (min-width: 48em) {
      .wizard .answer {
        padding-top: 35vh; } }
    .wizard .answer.viewed {
      opacity: 1;
      pointer-events: auto; }
    .wizard .answer p {
      color: #FFF;
      font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif;
      font-size: 2.5rem;
      letter-spacing: 0.01em;
      line-height: 0.9;
      margin-bottom: 3rem;
      max-width: 16em;
      text-transform: uppercase; }
      @media (min-width: 48em) {
        .wizard .answer p {
          font-size: 4rem; } }
      .wizard .answer p em {
        color: #f3866b;
        display: inline-block;
        font-style: normal; }
    .wizard .answer .button {
      border-color: #36a97f;
      color: #FFF;
      font-family: \"nimbus-sans-condensed\", Helvetica, Arial, sans-serif; }
  .wizard .btn-start-over {
    color: #FFF;
    display: block;
    font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
    font-style: italic;
    margin-top: 2.5rem;
    opacity: 0.7;
    transition: opacity 200ms ease; }
    .wizard .btn-start-over:hover {
      opacity: 1; }

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5 {
  margin-bottom: 1em; }
  .wysiwyg h1:not(:first-child),
  .wysiwyg h2:not(:first-child),
  .wysiwyg h3:not(:first-child),
  .wysiwyg h4:not(:first-child),
  .wysiwyg h5:not(:first-child) {
    margin-top: 2em; }

.wysiwyg h1,
.wysiwyg .alpha {
  font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
  font-style: italic;
  font-weight: 400;
  color: #174053;
  font-size: 2rem; }

.wysiwyg h2,
.wysiwyg .beta {
  font-family: \"adobe-caslon-pro\", \"Hoefler Text\", Georgia, Garamond, Times, serif;
  font-style: italic;
  font-weight: 600;
  color: #174053;
  font-size: 1.33333rem; }

.wysiwyg h3,
.wysiwyg .gamma {
  margin-top: 2.5em;
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  color: #f3866b;
  font-size: 0.88889rem;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-transform: uppercase; }

.wysiwyg h4,
.wysiwyg .delta {
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  color: #6d6d6d;
  font-size: 0.77778rem;
  letter-spacing: 0.04em;
  font-weight: 600;
  text-transform: uppercase; }

.wysiwyg h5,
.wysiwyg .epsilon {
  font-family: \"Gotham A\", \"Gotham B\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 0.77778rem;
  letter-spacing: 0em;
  font-weight: 600;
  text-transform: none; }

.wysiwyg p:only-child {
  margin-bottom: 0; }

/*.wysiwyg a {
  border-bottom: 1px solid #36a97f; }*/

.wysiwyg:last-child, .wysiwyg:only-child {
  margin-bottom: 4rem; }

/*------------------------------------*$DISPLAY
\\*------------------------------------*/
.u-sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.u-white-space-nowrap {
  white-space: nowrap; }

.u-hidden {
  display: none !important; }

.u-display-block {
  display: block !important; }

.u-display-inline {
  display: inline !important; }

.u-display-inline-block {
  display: inline-block !important; }

.u-full-width {
  width: 100%; }

/*------------------------------------*$MARGINS, SPACING, ALIGNMENT
\\*------------------------------------*/
.u-flush {
  margin: 0; }

.u-flush--bottom {
  margin-bottom: 0; }

.u-push--top {
  margin-top: 1rem; }

.u-push--top--2 {
  margin-top: 2rem; }

.u-push--top--4 {
  margin-top: 4rem; }

.u-push--bottom {
  margin-bottom: 1rem; }

.u-push--bottom--2 {
  margin-bottom: 2rem; }

.u-push--bottom--4 {
  margin-bottom: 4rem; }

.u-push--bottom--6 {
  margin-bottom: 6rem; }

/*------------------------------------*$IMAGES
\\*------------------------------------*/
.u-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

/*------------------------------------*$TEXT
\\*------------------------------------*/
.u-swash {
  font-feature-settings: \"swsh\"; }

.u-text-s {
  font-size: 0.85em; }

/*------------------------------------*$COLORS
\\*------------------------------------*/
.u-col-salmon {
  color: #f3866b; }

.u-col-green {
  color: #36a97f; }

.u-col-green--l {
  color: #72c4af; }

.u-col-navy {
  color: #174053; }
","/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

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

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

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

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 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\"], /* 1 */
[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 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * 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 macOS.
 */

[type=\"search\"]::-webkit-search-cancel-button,
[type=\"search\"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
","::selection {
\tbackground:lighten(palette(branding,pri),30);
\tcolor:#444;
\ttext-shadow:none;
}

html {
\tbackground-color:palette(base,body);
\tbox-sizing:border-box;
\tmin-height:100%;
\tfont-size: 16px;

    @include mq( 480px ) {
        font-size: 18px;
    }
}

*, *:before, *:after {
\tbox-sizing: inherit;
}

body {
\tcolor:palette(base,font);
\tfont-family:$base-font-family;
\tfont-feature-settings:\"kern\", \"liga\", \"pnum\";
\tline-height:$base-line-height;
\tmin-height:100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
\tfont-family:$heading-font-family;
\tfont-size:$base-font-size * 1.2;
\tline-height:$heading-line-height;
\tmargin:0 0 1em;
}

h2,
.beta {
\tfont-family: $font3;
\tfont-style: italic;
\tfont-weight: 400;
\tcolor: palette(branding, navy);
\tfont-size: rem(30px);
\tline-height: 1.33;
}

ul + h2 {
\tmargin-top: 3rem;
}

h5,
.epsilon {
\tfont-family: $font1;
\tcolor: palette(branding, salmon);
\tfont-size: rem(16px);
\t@include tracking(200);
\tfont-weight: 700;
\ttext-transform: uppercase;
}


/**
Special headings used infrequently
*/
.heading-a {
\tfont-family: $font1;
\tfont-size: rem(28px);
\tline-height: 1;
\t@include tracking(50);
\tfont-weight: 500;
\tcolor: palette(base, font--d);
\ttext-transform: uppercase;
\tfont-style: normal;
}


p {
\tmargin:0 0 1em;
}

a {
\tcolor:palette(branding,pri);
\ttext-decoration:none;
\ttransition: color 200ms ease;

\t&:active,
\t&:focus,
\t&:hover {
\t\tcolor:darken(palette(branding,pri), 25);
\t}
}

hr {
\tborder-bottom:1px solid palette(branding,pri);
\tborder-left:0;
\tborder-right:0;
\tborder-top:0;
\tmargin:1em 0;
}


abbr,
acronym {
\tborder-bottom:1px dotted #ddd;
\tcursor:help;
}

address {
}

hgroup {
}

del {
}

blockquote {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 0;

    p {
        margin-top: 0;
        margin-bottom: 0.3em;
        line-height: 1.3;
        font-size: 1.5em;
        font-family: $font3;
        font-style: italic;
        font-weight: 400;
        color: palette(branding, green);
        @include swash();

        &:first-of-type::before {
            content: \"�\";
            position: relative;
            left: -0.1em;
        }

        &:last-of-type {
            margin-bottom: 0;

            &::after {
                content: \"�\";
            }
        }
    }

    cite {
        display: block;
        margin-top: 1em;
        font-family: $font1;
        color: palette(branding, navy);
        font-size: rem(14px);
        @include tracking(40);
        font-weight: 600;
        text-transform: uppercase;
        font-style: normal;

        &::before {
            content: \"�\";
        }
    }
}

cite {
}

sup {
    font-size: 120%;
    top: auto;
}","#__bs_notify__ {
\tbackground:#000!important;
\tborder:none!important;
\tborder-radius:0!important;
\tcolor:#fff!important;
\tfont:small-caption!important;
\tpadding:3px 6px!important;
\tpointer-events:none;
\tposition:fixed;
\tright:0;
\topacity:.5;
\tz-index:100;

\t// Toggle the below comments if the notification is getting in the way of where you're working

\tbottom:19px!important;
\ttop:auto!important;

\t// left:0!important;
\t// right:auto!important;
}","$mq-show-breakpoints: (s, m, l, xl);

$mq-breakpoints: (
\ts:\t\t  320px,
\tm:\t\t  740px,
\tl:\t\t  980px,
\txl:\t\t  1340px,
\txxl:      1500px,
\tsite-nav: 1180px,
);

// MQ debug styles
body:before {
\tbackground:#000!important;
\tborder:none!important;
\tbottom:0!important;
\tcolor:#fff!important;
\tdisplay:none!important;
\topacity:.5;
\ttop:auto!important;
}

html[data-craftenv=\"local\"] body:before {
\tdisplay:block!important;
}","@charset \"UTF-8\"; // Fixes an issue where Ruby locale is not set properly
                  // See https://github.com/sass-mq/sass-mq/pull/10

/// Base font size on the `<body>` element
/// @type Number (unit)
$mq-base-font-size: 16px !default;

/// Responsive mode
///
/// Set to `false` to enable support for browsers that do not support @media queries,
/// (IE <= 8, Firefox <= 3, Opera <= 9)
///
/// You could create a stylesheet served exclusively to older browsers,
/// where @media queries are rasterized
///
/// @example scss
///  // old-ie.scss
///  $mq-responsive: false;
///  @import 'main'; // @media queries in this file will be rasterized up to $mq-static-breakpoint
///                   // larger breakpoints will be ignored
///
/// @type Boolean
/// @link https://github.com/sass-mq/sass-mq#responsive-mode-off Disabled responsive mode documentation
$mq-responsive: true !default;

/// Breakpoint list
///
/// Name your breakpoints in a way that creates a ubiquitous language
/// across team members. It will improve communication between
/// stakeholders, designers, developers, and testers.
///
/// @type Map
/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples
$mq-breakpoints: (
    mobile:  320px,
    tablet:  740px,
    desktop: 980px,
    wide:    1300px
) !default;

/// Static breakpoint (for fixed-width layouts)
///
/// Define the breakpoint from $mq-breakpoints that should
/// be used as the target width for the fixed-width layout
/// (i.e. when $mq-responsive is set to 'false') in a old-ie.scss
///
/// @example scss
///  // tablet-only.scss
///  //
///  // Ignore all styles above tablet breakpoint,
///  // and fix the styles (e.g. layout) at tablet width
///  $mq-responsive: false;
///  $mq-static-breakpoint: tablet;
///  @import 'main'; // @media queries in this file will be rasterized up to tablet
///                   // larger breakpoints will be ignored
///
/// @type String
/// @link https://github.com/sass-mq/sass-mq#adding-custom-breakpoints Full documentation and examples
$mq-static-breakpoint: desktop !default;

/// Show breakpoints in the top right corner
///
/// If you want to display the currently active breakpoint in the top
/// right corner of your site during development, add the breakpoints
/// to this list, ordered by width, e.g. (mobile, tablet, desktop).
///
/// @type map
$mq-show-breakpoints: () !default;

/// Customize the media type (e.g. `@media screen` or `@media print`)
/// By default sass-mq uses an \"all\" media type (`@media all and �`)
///
/// @type String
/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and examples
$mq-media-type: all !default;

/// Convert pixels to ems
///
/// @param {Number} $px - value to convert
/// @param {Number} $base-font-size ($mq-base-font-size) - `<body>` font size
///
/// @example scss
///  $font-size-in-ems: mq-px2em(16px);
///  p { font-size: mq-px2em(16px); }
///
/// @requires $mq-base-font-size
/// @returns {Number}
@function mq-px2em($px, $base-font-size: $mq-base-font-size) {
    @if unitless($px) {
        @warn \"Assuming #{$px} to be in pixels, attempting to convert it into pixels.\";
        @return mq-px2em($px * 1px, $base-font-size);
    } @else if unit($px) == em {
        @return $px;
    }
    @return ($px / $base-font-size) * 1em;
}

/// Get a breakpoint's width
///
/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints
///
/// @example scss
///  $tablet-width: mq-get-breakpoint-width(tablet);
///  @media (min-width: mq-get-breakpoint-width(desktop)) {}
///
/// @requires {Variable} $mq-breakpoints
///
/// @returns {Number} Value in pixels
@function mq-get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {
    @if map-has-key($breakpoints, $name) {
        @return map-get($breakpoints, $name);
    } @else {
        @warn \"Breakpoint #{$name} wasn't found in $breakpoints.\";
    }
}

/// Media Query mixin
///
/// @param {String | Boolean} $from (false) - One of $mq-breakpoints
/// @param {String | Boolean} $until (false) - One of $mq-breakpoints
/// @param {String | Boolean} $and (false) - Additional media query parameters
/// @param {String} $media-type ($mq-media-type) - Media type: screen, print�
///
/// @ignore Undocumented API, for advanced use only:
/// @ignore @param {Map} $breakpoints ($mq-breakpoints)
/// @ignore @param {String} $static-breakpoint ($mq-static-breakpoint)
///
/// @content styling rules, wrapped into a @media query when $responsive is true
///
/// @requires {Variable} $mq-media-type
/// @requires {Variable} $mq-breakpoints
/// @requires {Variable} $mq-static-breakpoint
/// @requires {function} mq-px2em
/// @requires {function} mq-get-breakpoint-width
///
/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples
///
/// @example scss
///  .element {
///    @include mq($from: mobile) {
///      color: red;
///    }
///    @include mq($until: tablet) {
///      color: blue;
///    }
///    @include mq(mobile, tablet) {
///      color: green;
///    }
///    @include mq($from: tablet, $and: '(orientation: landscape)') {
///      color: teal;
///    }
///    @include mq(950px) {
///      color: hotpink;
///    }
///    @include mq(tablet, $media-type: screen) {
///      color: hotpink;
///    }
///    // Advanced use:
///    $my-breakpoints: (L: 900px, XL: 1200px);
///    @include mq(L, $breakpoints: $my-breakpoints, $static-breakpoint: L) {
///      color: hotpink;
///    }
///  }
@mixin mq(
    $from: false,
    $until: false,
    $and: false,
    $media-type: $mq-media-type,
    $breakpoints: $mq-breakpoints,
    $responsive: $mq-responsive,
    $static-breakpoint: $mq-static-breakpoint
) {
    $min-width: 0;
    $max-width: 0;
    $media-query: '';

    // From: this breakpoint (inclusive)
    @if $from {
        @if type-of($from) == number {
            $min-width: mq-px2em($from);
        } @else {
            $min-width: mq-px2em(mq-get-breakpoint-width($from, $breakpoints));
        }
    }

    // Until: that breakpoint (exclusive)
    @if $until {
        @if type-of($until) == number {
            $max-width: mq-px2em($until);
        } @else {
            $max-width: mq-px2em(mq-get-breakpoint-width($until, $breakpoints)) - .01em;
        }
    }

    // Responsive support is disabled, rasterize the output outside @media blocks
    // The browser will rely on the cascade itself.
    @if $responsive == false {
        $static-breakpoint-width: mq-get-breakpoint-width($static-breakpoint, $breakpoints);
        $target-width: mq-px2em($static-breakpoint-width);

        // Output only rules that start at or span our target width
        @if (
            $and == false
            and $min-width <= $target-width
            and (
                $until == false or $max-width >= $target-width
            )
        ) {
            @content;
        }
    }

    // Responsive support is enabled, output rules inside @media queries
    @else {
        @if $min-width != 0 { $media-query: '#{$media-query} and (min-width: #{$min-width})'; }
        @if $max-width != 0 { $media-query: '#{$media-query} and (max-width: #{$max-width})'; }
        @if $and            { $media-query: '#{$media-query} and #{$and}'; }

        // Remove unnecessary media query prefix 'all and '
        @if ($media-type == 'all' and $media-query != '') {
            $media-type: '';
            $media-query: str-slice(unquote($media-query), 6);
        }

        @media #{$media-type + $media-query} {
            @content;
        }
    }
}

/// Add a breakpoint
///
/// @param {String} $name - Name of the breakpoint
/// @param {Number} $width - Width of the breakpoint
///
/// @requires {Variable} $mq-breakpoints
///
/// @example scss
///  @include mq-add-breakpoint(tvscreen, 1920px);
///  @include mq(tvscreen) {}
@mixin mq-add-breakpoint($name, $width) {
    $new-breakpoint: ($name: $width);
    $mq-breakpoints: map-merge($mq-breakpoints, $new-breakpoint) !global;
}

/// Show the active breakpoint in the top right corner of the viewport
/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint
///
/// @param {List} $show-breakpoints ($mq-show-breakpoints) - List of breakpoints to show in the top right corner
/// @param {Map} $breakpoints ($mq-breakpoints) - Breakpoint names and sizes
///
/// @requires {Variable} $mq-breakpoints
/// @requires {Variable} $mq-show-breakpoints
///
/// @example scss
///  // Show breakpoints using global settings
///  @include mq-show-breakpoints;
///
///  // Show breakpoints using custom settings
///  @include mq-show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));
@mixin mq-show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {
    body:before {
        background-color: #FCF8E3;
        border-bottom: 1px solid #FBEED5;
        border-left: 1px solid #FBEED5;
        color: #C09853;
        font: small-caption;
        padding: 3px 6px;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 100;

        // Loop through the breakpoints that should be shown
        @each $show-breakpoint in $show-breakpoints {
            $width: mq-get-breakpoint-width($show-breakpoint, $breakpoints);
            @include mq($show-breakpoint, $breakpoints: $breakpoints) {
                content: \"#{$show-breakpoint} = #{$width} (#{mq-px2em($width)})\";
            }
        }
    }
}

@if length($mq-show-breakpoints) > 0 {
    @include mq-show-breakpoints;
}
","/* Magnific Popup CSS */

@import \"settings\";

////////////////////////
//
// Contents:
//
// 1. General styles
//    - Transluscent overlay
//    - Containers, wrappers
//    - Cursors
//    - Helper classes
// 2. Appearance
//    - Preloader & text that displays error messages
//    - CSS reset for buttons
//    - Close icon
//    - \"1 of X\" counter
//    - Navigation (left/right) arrows
//    - Iframe content type styles
//    - Image content type styles
//    - Media query where size of arrows is reduced
//    - IE7 support
//
////////////////////////



////////////////////////
// 1. General styles
////////////////////////

// Transluscent overlay
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: $mfp-z-index-base + 2;
  overflow: hidden;
  position: fixed;

  background: $mfp-overlay-color;
  opacity: $mfp-overlay-opacity;
}

// Wrapper for popup
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: $mfp-z-index-base + 3;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; // fixes webkit bug that can cause \"false\" scrollbar
}

// Root container
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 $mfp-popup-padding-left;
  box-sizing: border-box;
}

// Vertical centerer helper
.mfp-container {
  &:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

// Remove vertical centering when popup has class `mfp-align-top`
.mfp-align-top {
  .mfp-container {
    &:before {
      display: none;
    }
  }
}

// Popup content holder
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: $mfp-z-index-base + 5;
}
.mfp-inline-holder,
.mfp-ajax-holder {
  .mfp-content {
    width: 100%;
    cursor: auto;
  }
}

// Cursors
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur {
  &, .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor {
  .mfp-content {
    cursor: auto;
  }
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select:none;
  -moz-user-select: none;
  user-select: none;
}

// Hide the image during the loading
.mfp-loading {
  &.mfp-figure {
    display: none;
  }
}

// Helper class that hides stuff
@if $mfp-use-visuallyhidden {
  // From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden
  .mfp-hide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
} @else {
  .mfp-hide {
    display: none !important;
  }
}


////////////////////////
// 2. Appearance
////////////////////////

// Preloader and text that displays error messages
.mfp-preloader {
  color: $mfp-controls-text-color;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: $mfp-z-index-base + 4;
  a {
    color: $mfp-controls-text-color;
    &:hover {
      color: $mfp-controls-text-color-hover;
    }
  }
}

// Hide preloader when content successfully loaded
.mfp-s-ready {
  .mfp-preloader {
    display: none;
  }
}

// Hide content when it was not loaded
.mfp-s-error {
  .mfp-content {
    display: none;
  }
}

// CSS-reset for buttons
button {
  &.mfp-close,
  &.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: $mfp-z-index-base + 6;
    box-shadow: none;
    touch-action: manipulation;
  }
  &::-moz-focus-inner {
      padding: 0;
      border: 0
  }
}


// Close icon
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;

  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: $mfp-controls-opacity;
  padding: 0 0 18px 10px;
  color: $mfp-controls-color;

  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;

  &:hover,
  &:focus {
    opacity: 1;
  }

  &:active {
    top: 1px;
  }
}
.mfp-close-btn-in {
  .mfp-close {
    color: $mfp-inner-close-icon-color;
  }
}
.mfp-image-holder,
.mfp-iframe-holder {
  .mfp-close {
    color: $mfp-controls-color;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
  }
}

// \"1 of X\" counter
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: $mfp-controls-text-color;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

// Navigation arrows
@if $mfp-include-arrows {
  .mfp-arrow {
    position: absolute;
    opacity: $mfp-controls-opacity;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    &:active {
      margin-top: -54px;
    }
    &:hover,
    &:focus {
      opacity: 1;
    }
    &:before,
    &:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: medium inset transparent;
    }

    &:after {

      border-top-width: 13px;
      border-bottom-width: 13px;
      top:8px;
    }

    &:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: 0.7;
    }

  }

  .mfp-arrow-left {
    left: 0;
    &:after {
      border-right: 17px solid $mfp-controls-color;
      margin-left: 31px;
    }
    &:before {
      margin-left: 25px;
      border-right: 27px solid $mfp-controls-border-color;
    }
  }

  .mfp-arrow-right {
    right: 0;
    &:after {
      border-left: 17px solid $mfp-controls-color;
      margin-left: 39px
    }
    &:before {
      border-left: 27px solid $mfp-controls-border-color;
    }
  }
}



// Iframe content type
@if $mfp-include-iframe-type {
  .mfp-iframe-holder {
    padding-top: $mfp-iframe-padding-top;
    padding-bottom: $mfp-iframe-padding-top;
    .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: $mfp-iframe-max-width;
    }
    .mfp-close {
      top: -40px;
    }
  }
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: $mfp-iframe-ratio * 100%;
    iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: $mfp-shadow;
      background: $mfp-iframe-background;
    }
  }
}



// Image content type
@if $mfp-include-image-type {

  /* Main image in popup */
  img {
    &.mfp-img {
      width: auto;
      max-width: 100%;
      height: auto;
      display: block;
      line-height: 0;
      box-sizing: border-box;
      padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;
      margin: 0 auto;
    }
  }

  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0;
    &:after {
      content: '';
      position: absolute;
      left: 0;
      top: $mfp-image-padding-top;
      bottom: $mfp-image-padding-bottom;
      display: block;
      right: 0;
      width: auto;
      height: auto;
      z-index: -1;
      box-shadow: $mfp-shadow;
      background: $mfp-image-background;
    }
    small {
      color: $mfp-caption-subtitle-color;
      display: block;
      font-size: 12px;
      line-height: 14px;
    }
    figure {
      margin: 0;
    }
  }
  .mfp-bottom-bar {
    margin-top: -$mfp-image-padding-bottom + 4;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
  }
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: $mfp-caption-title-color;
    word-wrap: break-word;
    padding-right: 36px; // leave some space for counter at right side
  }

  .mfp-image-holder {
    .mfp-content {
      max-width: 100%;
    }
  }

  .mfp-gallery {
    .mfp-image-holder {
      .mfp-figure {
        cursor: pointer;
      }
    }
  }


  @if $mfp-include-mobile-layout-for-image {
    @media screen and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) {
      /**
       * Remove all paddings around the image on small screen
       */
      .mfp-img-mobile {
        .mfp-image-holder {
          padding-left: 0;
          padding-right: 0;
        }
        img {
          &.mfp-img {
            padding: 0;
          }
        }
        .mfp-figure {
          // The shadow behind the image
          &:after {
            top: 0;
            bottom: 0;
          }
          small {
            display: inline;
            margin-left: 5px;
          }
        }
        .mfp-bottom-bar {
          background: rgba(0,0,0,0.6);
          bottom: 0;
          margin: 0;
          top: auto;
          padding: 3px 5px;
          position: fixed;
          box-sizing: border-box;
          &:empty {
            padding: 0;
          }
        }
        .mfp-counter {
          right: 5px;
          top: 3px;
        }
        .mfp-close {
          top: 0;
          right: 0;
          width: 35px;
          height: 35px;
          line-height: 35px;
          background: rgba(0, 0, 0, 0.6);
          position: fixed;
          text-align: center;
          padding: 0;
        }
      }
    }
  }
}



// Scale navigation arrows and reduce padding from sides
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: $mfp-popup-padding-left-mobile;
    padding-right: $mfp-popup-padding-left-mobile;
  }
}

","table {
\tfont-feature-settings:\"kern\", \"liga\", \"tnum\";
\twidth:100%;
    border-collapse: collapse;
}

tr,
td,
th {
\tword-wrap: break-word;
\twhite-space: nowrap;
\tvertical-align:middle;
}

th {
\tcolor:palette(base,fon--d);
\tcursor:pointer;
\tfont-weight:700;
\tpadding:0.5em .7em;
\ttext-align:left;
\tborder-bottom: 2px solid palette(base, font--xl);
}

td {
\tcolor: inherit;
\tfont-weight:400;
\tpadding:.5em .7em;
\tfont-size:0.9em;
}

tr {
\tborder-bottom: 1px solid palette(ui, grey);

\t&:focus,
\t&:hover {
\t\tbackground-color: rgba(#aaa,.1);
\t}
}","/*! nouislider - 10.1.0 - 2017-07-28 13:09:54 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.

Removed this from bower since we need to edit it. Line 64 onwards is where our changes start.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  /* Fix 401 */

  &::before,
  &::after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: palette(branding, green--d);
    cursor: default;
    width: 26px;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: $font1;
  }

  &::before {
    left: -13px;
    content: \"0\";
  }

  &::after {
    right: -13px;
    content: \"18\";
  }
}
.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 8px;
}
.noUi-horizontal .noUi-handle {
  width: 26px;
  height: 26px;
  left: -13px;
  top: -9px;
  outline: none;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
/* Styling;
 */
.noUi-target {
  background: palette(branding, green--d);
  border-radius: 4px;
}
.noUi-connect {
  background: palette(branding, green--xd);
  border-radius: 4px;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  background: palette(branding, green--xd);
  cursor: default;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.noUi-active {
  box-shadow: inset 0 0px 8px 0px rgba(0,0,0, 0.6);
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: $font1;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  left: 0;
  top: 0;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
","form {
}

fieldset {
\tborder: none;
\tmargin: 0;
\tpadding: 0;
}

input,
label,
select {
\tdisplay:block;
}

label {
\tcolor:palette(branding,navy);
\tmargin-bottom:.5em;
\tfont-size: rem(16px);
\ttext-transform: uppercase;
\tfont-weight: 700;
\t@include tracking(25);

\t&.required::after {
\t\tcontent:\"*\";
\t}

\tabbr {
\t\tdisplay:none;
\t}

\t&.error {
\t\tcolor:palette(status, error);;
\t\tmargin-top:.25em;
\t}
}

#{$all-text-inputs},
select,
select[multiple=multiple] {
\tappearance:none;
\tborder-radius:0;
\tbackground-color:#fff;
\tborder:1px solid #aaa;
\tcolor:#000;
\tdisplay:block;
\tfont-family: inherit;
\tfont-size:1em;
\tpadding: 0.9em;
\tmax-width:100%;
\ttransition:all .3s ease;
\twidth:100%;

\t&::placeholder {
\t\tcolor:#ccc;
\t}

\t&.error {
\t\tborder:1px solid palette(status, error) !important;
\t}

\t&:hover {
\t\tborder-color:#000;
\t}

\t&:focus {
\t\toutline:none;
\t}

\t&:disabled {
\t\tcursor:not-allowed;
\t}
}

textarea {
\tresize:vertical;
}

input[type=\"checkbox\"],
input[type=\"radio\"] {
\tdisplay:inline;
\tmargin-right:.5em;

\t+ label {
\t\tdisplay:inline-block;
\t}
}

input[type=\"file\"] {
\tmargin-bottom:1em;
\toutline:0;
\twidth:100%;
}

form .button {
\tpadding-top: 0.9em;
\tpadding-bottom: 0.9em;
}","/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
",".html {
    background-color:palette(base,body);
    min-height:100%;
    overflow-x: hidden;
    overflow-y: scroll;

    @include mq($until: site-nav) {

        &.site-nav-is-open {
            height:100%;
            overflow:hidden;
            position:fixed;
            width:100%;
        }
    }
}

.body {
    background-color: palette(branding, pri);
    padding-top: 15vh;

    @media screen and ( min-width: 1180px ) {
        padding-top: 90px;
        transition: padding-top 350ms ease;
    }
    @media screen and ( min-height: 600px ) and ( min-width: 1180px ) {
        padding-top: 18vh;
    }

    .modal-open & {
        overflow: hidden;
        height: 100%;
        left: 0;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        width: 100%;
    }
}

.main {
    background-color: #FFF;

    .body--about & {
        overflow-x: hidden;
    }
}",".l-home-intro {
    overflow-x: hidden;

    @include mq(900px) {
       background: linear-gradient(to right, #FFF 0%, #FFF 50%, #f3f3f3 50%, #f3f3f3 100%);
    }

    .left {
        margin-top: 4rem;
        max-width: 40rem;
        @include grid-column(15);

        @include mq(900px) {
            @include grid-column(7);
            margin-top: 8rem;
        }
    }


    .right {
        background: #f3f3f3;
        @include grid-column(15);

        @include mq(900px) {
            @include grid-column(7);
            @include grid-push(1);
        }
    }

    .lede {
        @include mq(900px) {
            margin-top: 4rem;
        }
    }


    .title-list {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}","img,
picture,
figure {
\tmargin:0;
\tmax-width:100%;
}

img[src$=\".svg\"] {
    display: block;
    width: 100%;
    height: auto;
}
","ul,
ol {
\tlist-style-type:none;
\tmargin:0 0 2em 0;
\tpadding:0;
\tline-height: 1.5;

\tli {
\t\tmargin-bottom: 0.5em;
\t}
}

ul{
\tlist-style-type:none;

\tul {
\t\tmargin-top:1em;
\t\tmargin-bottom:1em;

\t\tli {
\t\t\tmargin-bottom:0;
\t\t}
\t}
}

.bullet-list {
    list-style-type: none;
    margin-left: 1.4em;

    li:not(.grid-item) {
        text-indent: -1.4em;

        &::before {
            content:\"�\";
            font-size: 0.8em;
            position: relative;
            top: -0.1em;
            // margin-left: -1.4em;
            margin-right: 0.9em;
        }
    }
}

ol {
\tcounter-reset:section;
\tlist-style-type:none;

\tol {
\t\tmargin-top:-1.5em;
\t\tmargin-bottom:1em;
\t}

\tli {
\t\tcounter-increment:section;
\t\tmargin-bottom:.5em;
\t}
}

.numbered-list {
    margin-left: 1.1em;
    list-style-type: decimal;
}

dl {
\tmargin-bottom:2em;

\tdt {
\t\tfont-weight:bold;
\t\tmargin-top:.5em;
\t}

\tdd {
\t\tmargin:0;
\t}
}
",".button,
#{$all-buttons} {
\t&:not(.flickity-prev-next-button) {
\t\tdisplay: block;
\t\tappearance:none;
\t\tbackground-color:palette(branding,salmon);
\t\tborder:0;
\t\tborder-radius:0;
\t\tcolor:#fff;
\t\tcursor:pointer;
\t\tdisplay:inline-block;
\t\tfont-family:$base-font-family;
\t\tfont-size:1em;
\t\t-webkit-font-smoothing:antialiased;
\t\tfont-weight:600;
\t\tline-height: 3;
\t\tpadding: 0 1em;
\t\ttext-align:center;
\t\ttext-decoration:none;
\t\ttransition: all 200ms ease;
\t\ttext-transform:uppercase;
\t\tuser-select:none;
\t\tvertical-align:middle;
\t\twhite-space:nowrap;
\t\t@include tracking(75);

\t\t&:hover,
\t\t&:focus {
\t\t\tbackground-color: palette(branding, green);
\t\t\tcolor:#fff;
\t\t}

\t\t&:disabled {
\t\t\tcursor:not-allowed;
\t\t\topacity:0.5;

\t\t\t&:hover {
\t\t\t\tbackground-color:palette(branding,salmon);
\t\t\t}
\t\t}


\t\t/* Size variants */
\t\t&.button--xs {
\t\t\tpadding: 0 0.5em;
\t\t\tline-height: 2.5;
\t\t\tfont-size: rem(12px);
\t\t\t@include tracking(75);
\t\t}


\t\t&.button--xl {
\t\t\tfont-size: 1.4rem;
\t\t\tline-height: 2;
\t\t\tpadding-left: 2em;
\t\t\tpadding-right: 2em;

\t\t\t.wf-nimbussanscondensed-n7-active & {
\t\t\t\tfont-family: $font2;
\t\t\t\tfont-size: 1.8888rem;
\t\t\t}
\t\t}


\t\t&.button--wide {
\t\t\twidth: 90%;
\t\t\tmax-width: 20em;
\t\t}


\t\t/* Color variants */
\t\t&.button--outline {
\t\t\tbackground: none;
\t\t\tcolor: palette(branding, salmon);
\t\t\tborder: 2px solid;

\t\t\t&:focus,
\t\t\t&:hover {
\t\t\t\tcolor: palette(branding, green);
\t\t\t}
\t\t}


\t\t&.button--outline-white {
\t\t\tbackground: none;
\t\t\tcolor: #FFF;
\t\t\tborder: 2px solid;

\t\t\t&:focus,
\t\t\t&:hover {
\t\t\t\tcolor: palette(branding, salmon);
\t\t\t}
\t\t}


\t\t&.button--outline-navy {
\t\t\tbackground: none;
\t\t\tcolor: palette(branding, navy);
\t\t\tborder: 2px solid;

\t\t\t&:focus,
\t\t\t&:hover {
\t\t\t\tcolor: palette(branding, green);
\t\t\t}
\t\t}


\t\t&.button--neutral {
\t\t\tbackground-color: palette(branding, navy);

\t\t\t&:focus,
\t\t\t&:hover {
\t\t\t\tbackground-color: palette(branding, green)
\t\t\t}
\t\t}


\t\t&.button--positive {
\t\t\tbackground-color: palette(branding, green);

\t\t\t&:focus,
\t\t\t&:hover {
\t\t\t\tbackground-color: palette(branding, navy)
\t\t\t}
\t\t}


\t\t/* Other variants */
\t\t&.button--rnd {
\t\t\tborder-radius: 3px;
\t\t\tborder-top-left-radius: 0;
\t\t}
\t}
}","/**
Use to convert character tracking values in Adobe CS to CSS letter-spacing
*/
@mixin tracking($tracking) {
    letter-spacing: ($tracking/1000) * 1em;
}","/* header */.big-heading {
    display: flex;
    flex-direction: column;
    height: 10.5555rem;
    justify-content: center;
    margin-bottom: 3rem;
    text-align: center;

    @include mq( $until: 739px ) {
        margin-top: -3rem;
    }

    &::after {
        bottom: 0;
        background-color: palette(ui, grey);
        height: 1px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 700px;
    }

    &__title {
        margin-bottom: 0;
        font-family: $font3;
        font-style: italic;
        font-size: rem(46px);
        line-height: 1;
        color: palette(branding, teal);
        font-weight: 400;
        @include swash();
    }


    &__subtitle {
        margin-bottom: 0;
        font-family: $font1;
        font-size: rem(21px);
        line-height: 1.5;
        @include tracking(100);
        font-weight: 500;
        font-style: normal;
        text-transform: uppercase;
        color: palette(branding, navy);
    }

    &.mobile-only {

        @include mq( 1300px ) {
            display: none;

            & + .wysiwyg {
                padding-top: 3rem !important;
            }
        }
    }
}","@mixin swash() {
    font-feature-settings: \"swsh\";
}",".adopted {
    text-transform: capitalize!important;

    i {
        font-style: normal;
        text-transform: uppercase;
        position: relative;

        &::after {
            content: \"\";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0.05em;
            height: 0.08em;
            background: #fff;
        }
    }
}",".l-container {
    @include grid-container();
\tmargin-left: auto;
    margin-right: auto;
\tmax-width: $max-width;
    padding-left: 15px;
    padding-right: 15px;

    @include mq(m) {
        padding-left: 20px;
        padding-right: 20px;
    }


    &--9 {
        position: relative;
        max-width: $max-width--9;
    }

    &--11 {
        max-width: $max-width--11;
    }

    &--13 {
        max-width: $max-width--13;
    }

    &--17 {
        max-width: $max-width--17;
    }
}",".l-grid {
    @include grid-container();
    @include grid-collapse();


    &--3-col > * {
        @include grid-column(15);

        @include mq(m) {
            @include grid-column(7);

            &:nth-child(2n+3) {
                clear: both;
            }
        }
        @include mq(l) {
            @include grid-column(5);

            &:nth-child(2n+3) {
                clear: none;
            }

            &:nth-child(3n+4) {
                clear: both;
            }
        }
    }
}","body.has-grid-overlay::after {
    content:\"\";
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: $max-width--17;
    transform: translateX(-50%);
    background-image: repeating-linear-gradient(to right, transparent,
        transparent 20px,
        rgba(red, 0.2) $gutter,
        rgba(red, 0.2) calc(4.3% + 20px));
    z-index: 9999;
}","@charset \"UTF-8\";
/// Creates a grid container with clearfix.
///
/// @group features
///
/// @name Grid container
///
/// @example scss
///   .element {
///     @include grid-container;
///   }
///
/// @example css
///   .element::after {
///     clear: both;
///     content: \"\";
///     display: block;
///   }

@mixin grid-container($grid: $neat-grid) {
  @if $grid != $neat-grid {
    @warn \"`grid-container` does not use grid propertes.
      Custom grids do not need to be passed in to this mixin.\";
  }

  &::after {
    clear: both;
    content: \"\";
    display: block;
  }
}
",".l-container .l-flush {
\tmargin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;

    @include mq(m) {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}","@charset \"UTF-8\";
/// Creates collapsed grid object that consumes the gutters of its container,
/// for use in nested layouts.
///
/// @group features
///
/// @name Grid collapse
///
/// @argument {map} $grid [$neat-grid]
///   The grid to be used to generate the collapsed container.
///   By default, the global `$neat-grid` will be used.
///
/// @example scss
///   .element {
///     @include grid-collapse;
///   }
///
/// @example css
///   .element {
///     margin-left: -20px;
///     margin-right: -20px;
///     width: calc(100% + 40px);
///   }

@mixin grid-collapse($grid: $neat-grid) {
  $_grid-gutter: _retrieve-neat-setting($grid, gutter);

  @if unit($_grid-gutter) == \"%\" {
    @warn \"`grid-collapse` is not compatible with percentage based gutters.\";
  }

  margin-#{_neat-float-direction($grid)}: -($_grid-gutter);
  margin-#{_neat-opposite-direction($grid)}: -($_grid-gutter);
  width: calc(100% + #{($_grid-gutter * 2)});
}
","@charset \"UTF-8\";
/// Creates a grid column of requested size.
///
/// @group features
///
/// @name Grid column
///
/// @argument {number (unitless)} $columns [null]
///   Specifies the number of columns an element should span based on the total
///   columns of the grid.
///
///   This can also be defined in a shorthand syntaxt which also contains the
///   total column count such as `3 of 5`.
///
/// @argument {map} $grid [$neat-grid]
///   The grid to be used to generate the column.
///   By default, the global `$neat-grid` will be used.
///
/// @example scss
///   .element {
///     @include grid-column(3);
///   }
///
/// @example css
///   .element {
///     width: calc(25% - 25px);
///     float: left;
///     margin-left: 20px;
///   }

@mixin grid-column($columns: null, $grid: $neat-grid) {
  $columns: _neat-column-default($grid, $columns);
  $_grid-columns: _retrieve-neat-setting($grid, columns);
  $_grid-gutter: _retrieve-neat-setting($grid, gutter);

  width: calc(#{_neat-column-width($grid, $columns)});
  float: _neat-float-direction($grid);
  margin-#{_neat-float-direction($grid)}: $_grid-gutter;
}
","@charset \"UTF-8\";
/// Push or pull a grid column by manipulating its left margin.
///
/// @group features
///
/// @name Grid push
///
/// @argument {number (unitless)} $push [false]
///   The number of columns to push the column.
///
/// @argument {map} $grid [$neat-grid]
///   The grid to be used to determine how far to push the column.
///   By default, the global `$neat-grid` will be used.
///
/// @example scss
///   .element {
///     @include grid-push(3);
///   }
///
/// @example css
///   .element {
///     margin-left: calc(25% - 25px + 40px);
///   }

@mixin grid-push($push: false, $grid: $neat-grid) {
  $_grid-columns: _retrieve-neat-setting($grid, columns);
  $_grid-gutter: _retrieve-neat-setting($grid, gutter);

  @if $push {
    $_gutter-affordance: $_grid-gutter * 2;
    $_margin-value: calc(#{_neat-column-width($grid, $push)} + #{$_gutter-affordance});
    margin-#{_neat-float-direction($grid)}: $_margin-value;
  } @else {
    $_margin-value: _retrieve-neat-setting($grid, gutter);
    margin-#{_neat-float-direction($grid)}: $_margin-value;
  }
}
","/* Must be within .l-container--17 wide container */

.l-grid.l-left-sidebar {

    > .left {
        @include grid-column(17, $grid--17);
        margin-bottom: 3rem;

        @include mq(l) {
            @include grid-column(7, $grid--17);
        }

        @include mq(xl) {
            @include grid-column(6, $grid--17);
            // margin-left: -1*$col-width-pc;
        }
    }

    > .right {
        @include grid-column(17, $grid--17);

        @include mq(l) {
            @include grid-column(9, $grid--17);
            @include grid-push(1, $grid--17);
        }

        @include mq(xl) {
            @include grid-column(10, $grid--17);
            @include grid-push(1, $grid--17);
        }
    }
}",".l-matrix {

    &--3 {
        @include mq(600px) {
            display: flex;
            flex-wrap: wrap;
        }

        > * {
            @include mq(600px) {
                width: 50%;
                padding-right: $gutter;
            }

            @include mq(900px) {
                width: 33.33%;
                padding-right: $gutter;
            }
        }
    }


    &--4 {
        @include mq(600px) {
            display: flex;
            flex-wrap: wrap;
        }

        > * {
            @include mq(600px) {
                width: 50%;
                padding-right: $gutter;
            }

            @include mq(900px) {
                width: 25%;
                padding-right: $gutter;
            }
        }
    }
}","/* header */.banner {
    align-items: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3rem;
    min-height: 50vw;
    padding: 3rem 1rem;
    text-align: center;

    @include mq(m) {
        margin-bottom: 4.3333rem;
    }
    @include mq( 800px ) {
        min-height: 24vw;
    }

    .subnav + & {

        @media screen and ( min-width: 1180px ) {
            margin-top: 50px;
        }
    }

    &__heading,
    &__subheading {
        width: 100%;
        // max-width: $max-width--9;
        // padding-left: 1rem;
        // padding-right: 1rem;
        color: #fff;
        text-shadow: 0 0 18px rgba(0,0,0, 0.8);
        -webkit-font-smoothing: antialised;
    }


    &__heading {
        line-height: 1;
        margin-bottom: 0;
        font-family: $font3;
        font-weight: 600;
        font-style: italic;
        font-size: rem(60px);
        @include swash();

        @include mq(m) {
            font-size: rem(80px);
        }

        > span {
            font-size: 0.3em;
            font-family: $font1;
            font-style: normal;
            text-transform: uppercase;
            @include tracking(400);
            font-weight: 500;
        }

        &--s {
            font-size: rem(28px);
            text-shadow: none;
        }
    }


    &__subheading {
        margin-top: 0.2em;
        font-family: $font1;
        font-size: rem(16px);
        text-transform: uppercase;
        font-weight: 500;
        @include tracking(100);
    }


    /* Variants */
    &--plain {
        @include no-smoothing();
        background: palette(branding, navy);
        min-height: 17vw;
        padding-bottom: 3rem;
        padding-top: 3rem;

        .banner__heading {
            font-weight: 400;
            line-height: 1.4;
            max-width: 26em;

            em {
                color: palette(branding, green)
            }
        }
    }


    &--tall {

        @include mq( 740px ) {
            min-height: 35vw;
            padding-bottom: 14vw;
        }
    }


    &--text-bottom {

        @include mq( 740px ) {
            justify-content: flex-end;
            min-height: 42vw;
            padding-bottom: 14vw;

            &.short {
                justify-content: flex-end;
                min-height: 36vw;
                padding-bottom: 5vw;
            }
        }

        .banner__heading {

            @include mq(m) {
                font-size: rem(60px);
            }
        }
        .banner__top_heading {

          @include mq(m) {
              font-size: rem(70px);
              justify-content: flex-start;
          }
      }
    }

    &--with-cta {
        align-items: center;
        display: flex;
        flex-direction: column;
        min-height: 60vh;
        justify-content: center;
        margin: 0;
        padding: 3rem 1rem;

        .cta {
            color: palette(branding, pri);
            font-size: 2rem;
            letter-spacing: 0.01em;
            line-height: 1;
            margin-bottom: 2rem;
            text-transform: uppercase;

            @include mq( 500px ) {
                font-size: 2.3rem;
            }

            .wf-nimbussanscondensed-n7-active & {
                font-family: $font2;
                font-size: 3rem;

                @include mq( 500px ) {
                    font-size: 4rem;
                }
            }

            em {
                color: #FFF;
                font-style: normal;
            }
        }

        .button.button--xl {

            @include mq( $until: 479px ) {
                padding-left: 1.5em;
                padding-right: 1.5em;
            }
            @include mq( 480px ) {

                .wf-nimbussanscondensed-n7-active & {
                    font-size: 1.8888rem;
                }
            }

            &:hover {
                border-color: #FFF;
                color: #FFF;
            }
        }
    }

    &.contact {
        min-height: 66vh;
    }
}



",".cta-bucket {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 4rem;

    .l-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        // flex-wrap: wrap;
        // width: calc(100vw - 40px);
        padding-left: 10px;
        padding-right: 10px;

        @include mq( 700px ) {
            flex-direction: row;
        }

        &::after {
            display: none;
        }
    }

    p {
        flex: 1 1 60%;
        font-size: rem(16px);
        text-align: center;

        @include mq(700px) {
            margin-bottom: 0;
            margin-right: $col-width-pc;
            text-align: left;
        }
    }

    .button.button {
        border-width: 3px;
        white-space: normal;
        line-height: 1;
        padding: 0.5em;
        flex: 0 1 33.3333%;
        align-self: center;
        letter-spacing: 0;
        margin: 10px;
    }

    &--shadow {
        background-color: #f9f9f9;
        background-image: url('/static/img/bg-cta-bucket.png');
        background-repeat: repeat-x;
        background-size: auto 100%;
        margin-top: 4rem;
    }


    &--image {
        align-items: center;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        margin-top: 4rem;
        min-height: 26vw;
        padding-bottom: 3rem;
        padding-top: 3rem;

        &::after {
            display: none;
        }

        .l-container {
            width: 100%;
        }

        .button.button {
            color: #fff !important;
            flex: 0 1 auto;
            font-size: 1.8888rem;
            padding: 0.8em 1.5em;
            text-shadow: 0 0 18px rgba(0,0,0, 0.5);

            &:focus,
            &:hover {
                color: palette(branding, salmon) !important;
            }
        }
    }


    &.has-text {

        .l-container {

            @include mq(700px) {
                justify-content: space-between;
            }
        }
    }
}",".underline-title {
    @include swash();
    border-bottom: 2px solid palette(ui, grey);
    color: palette(branding, pri) !important;
    display: block;
    font-size: rem(36) !important;
    font-weight: 400 !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    max-width: $max-width--11;
    padding-bottom: 2rem;
    position: relative;
    text-align: center;

    &::after,
    &::before {
        content: \"\";
        display: block;
        position: absolute;
        bottom: -4px;
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background: palette(ui, grey);
    }

    &::after {
        right: 0;
        margin-right: -2px;
    }

    &::before {
        left: 0;
        margin-left: -2px;
    }
}",".lede {
    margin-top: 2rem;
    font-family: $font3;
    font-style: italic;
    font-size: rem(28px);
    line-height: 1.4;
    color: palette(branding, navy);

    &:first-child {
        margin-top: 0;
    }

    em {
      color: palette(branding, green);
    }

    a {
        border: none !important;
    }
}","/* dl */.meta-list {
    @include clearfix();
    margin-top: 0;
    margin-bottom: 1.5em;

    &,
    dl,
    dt {
        line-height: rem(30px);
    }


    dt {
        clear: both;
        float: left;
        position: relative;
        top: 0.16em;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0.5em;
        font-family: $font3;
        font-style: italic;
        font-size: rem(18px);
        font-weight: 700;
        color: palette(branding, navy);
    }


    dd {
        float: left;
        margin-bottom: 0;
        margin-top: 0;
    }


    dd,
    dt em {
        font-family: $font1;
        font-size: rem(15px);
        font-weight: 500;
        color: palette(base, font--l);
        @include tracking(50);
        font-style: normal;
    }


    dt.indent {
        margin-left: 1em;
    }


    /* Inline horizontal version */
    &--inline {
        dt,
        dd {
            display: inline-block;
            float: none;
            clear: none;
        }

        dt {
            display: inline-block;
            top: 0;
            margin-right: 0.15em;
        }


        dd {
            display: inline-block;

            &:not(:last-of-type)::after {
                display: inline-block;
                margin-left: 0.5em;
                margin-right: 0.5em;
                content: \"|\"
            }
        }
    }
}","/*
 * CHECKBOXES AND RADIOS
 * Based on WTF Forms � https://github.com/mdo/wtf-forms
 */

.control {
  position: relative;
  display: inline-block;
  padding-left: 2rem;
  color: #555;
  cursor: pointer;
}
.control input {
  position: absolute;
  opacity: 0;
  z-index: -1; /* Put the input behind the label so it doesn't overlay text */
}
.control-indicator {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width:  1.5rem;
  height: 1.5rem;
  line-height: 1rem;
  font-size: 65%;
  color: #eee;
  text-align: center;
  background-color: #eee;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transform: translateY(-50%);
}

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.control:hover .control-indicator {
  color: #fff;
  background-color: #ccc;
}
*/

/* Focus */
.control input:focus ~ .control-indicator {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem palette(branding, sec);
}

/* Checked state */
.control input:checked ~ .control-indicator {
  color: #fff;
  background-color: palette(branding, sec);
}

/* Active */
.control input:active ~ .control-indicator {
  color: #fff;
  background-color: palette(branding, sec);
}

/* Checkbox modifiers */
.checkbox .control-indicator {
  border-radius: .25rem;
}
.checkbox input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}

/* Radio modifiers */
.radio .control-indicator {
  border-radius: 50%;
}
.radio input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}

/* Alternately, use another character */
.control-x input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==);
}
.control-dash input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K)
}",".form-actions {
    text-align: center;
}","/* ul */.form-fields {
    color: palette(branding, navy); /* Same as label color */

    li {
        margin-bottom: 1.5rem;
    }

    .single-line {

        @include mq(m) {
            display: flex;
        }

        input {
            margin-bottom: 1rem;

            @include mq(m) {
                margin-bottom: 0;
                margin-left: 0.5rem;
                margin-right: 0.5rem;

                &:first-of-type { margin-left: 0 }

                &:last-of-type { margin-right: 0; }
            }
        }
    }


    .extra-field label {
        color: palette(base, font--l);
        margin-bottom:.5em;
        font-size: rem(18px);
        text-transform: none;
        font-weight: 400;
        @include tracking(0);
    }


    &--center {
        label {
            text-align: center;
        }
    }
}


ol.form-fields {
    margin-left: 2.5em;
    list-style-type: decimal;
    color: palette(branding, navy); /* Same text styles as label */
    margin-bottom:.5em;
    font-size: rem(16px);
    text-transform: uppercase;
    font-weight: 700;
    @include tracking(25);

    li.extra-field,
    li.form-actions {
        list-style-type: none;
    }

    li {
        // padding-left: 1em;
        margin-left: -1rem;
    }
}",".line-title {
    position: relative;
    z-index: 1;

    span {
        position: relative;
        display: inline-block;
        background-color: palette(base, body);
        padding-right: 1em;
        overflow: visible;

        &::after {
            content: \"\";
            display: block;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -3px;
            margin-right: -2px;
            width: 6px;
            height: 6px;
            border-radius: 6px;
            background: palette(ui, grey);
        }
    }

    &::after {
        content: \"\";
        display: block;
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: 0px;
        height: 1px;
        background: palette(ui, grey);
    }
}","a.inline-link {
    display: inline-block;
    &:link,
    &:visited {
        color: inherit;
        font-weight: 700;
        border-bottom: 1px solid palette(branding, green);
    }

    &:focus,
    &:hover {
        color: palette(branding, green);
    }
}",".icon {
    width: 1em;
    height:1em;
}

.icon-person {
    position: relative;
    top: 0.1em;
}

.icon-person--f {
    fill: palette(branding, salmon);
}

.icon-heart {
    fill: #f1512b;
}

.icon-dollar {
    fill: palette(branding, green);
}

.icon-group {
    fill: palette(branding, green);
}",".indicator {
    color: palette(branding, sec);
    font-size: 120%;
    font-weight: 900;
    line-height: 1;
}","@charset \"UTF-8\";

/// Provides an easy way to include a clearfix for containing floats.
///
/// @link http://cssmojo.com/latest_new_clearfix_so_far/
///
/// @example scss - Usage
///   .element {
///     @include clearfix;
///   }
///
/// @example css - CSS Output
///   .element::after {
///     clear: both;
///     content: \"\";
///     display: table;
///   }

@mixin clearfix {
  &::after {
    clear: both;
    content: \"\";
    display: table;
  }
}
","
/**
Based on WTF Forms � https://github.com/mdo/wtf-forms
*/

.select {
    position: relative;
    display: inline-block;
    color: palette(base, font);
    width: 100%;
}

.select select {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0.9em 3em 0.9em 0.9em;
    line-height: 1;
    color: palette(base, font);
    background-color: #FFF;
    border: 0;
    line-height: 1.1;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
         -moz-appearance: none;
                    appearance: none;
}
/* Undo the Firefox inner focus ring */
.select select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
/* Dropdown arrow */
.select:after {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    display: inline-block;
    content: \"\";
    width: 0;
    height: 0;
    margin-top: -.15rem;
    pointer-events: none;
    border-top: .35rem solid;
    border-right: .35rem solid transparent;
    border-bottom: .35rem solid transparent;
    border-left: .35rem solid transparent;
}

.select--salmon .select {
    &::after {
        right: 1rem;
        color: #fff;
        transform: translateX(50%);
        z-index: 2;

        @include mq( 350px ) {
            right: 1.5rem;
        }
    }

    &::before {
       position: absolute;
       top: 0;
       bottom: -1px;
       right: 0;
       display: block;
       content: \"\";
       background-color: palette(branding, salmon);
       width: 2em;
       pointer-events: none;
       z-index: 1;

       @include mq( 350px ) {
           width: 3em;
       }
    }
}

.select--green--d .select {
    &::after {
        right: 1rem;
        color: #fff;
        transform: translateX(50%);
        z-index: 2;

        @include mq( 350px ) {
            right: 1.5rem;
        }
    }

    &::before {
       position: absolute;
       top: 0;
       bottom: -1px;
       right: 0;
       display: block;
       content: \"\";
       background-color: palette(branding, green--d);
       width: 2em;
       pointer-events: none;
       z-index: 1;

       @include mq( 350px ) {
           width: 3em;
       }
    }
}


/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
    background-color: #ddd;
}
*/

/* Focus */
.select select:focus {
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}

/* Active/open */
.select select:active {
    color: #fff;
    background-color: #0074d9;
}

/* Hide the arrow in IE10 and up */
.select select::-ms-expand {
    display: none;
}

/* Media query to target Firefox only */
@-moz-document url-prefix() {
    /* Firefox hack to hide the arrow */
    .select select {
        text-indent: 0.01px;
        text-overflow: '';
        padding-right: 1rem;
    }

    /* <option> elements inherit styles from <select>, so reset them. */
    .select option {
        background-color: #fff;
    }
}

/* IE9 hack to hide the arrow */
@media screen and (min-width:0\\0) {
    .select select {
        z-index: 1;
        padding: .5rem 1.5rem .5rem 1rem;
    }
    .select:after {
        z-index: 5;
    }
    .select:before {
        position: absolute;
        top: 0;
        right: 1rem;
        bottom: 0;
        z-index: 2;
        content: \"\";
        display: block;
        width: 1.5rem;
        background-color: #FFF;
    }
    .select select:hover,
    .select select:focus,
    .select select:active {
        color: palette(base, font);
        background-color: #FFF;
    }
}
",".address-list {
    h3 {
        margin-top: 2rem;
        margin-bottom: 0.25em;
        font-family: $font1;
        font-weight: 700;
        color: palette(branding, green);
        font-size: rem(18px);
    }


    p {
        font-size: rem(14px);
    }

    .group {
        display: block;
    }
}","// MAGNIFIC POPUP FADE IN/OUT ANIMATION
.mfp-fade {

    /* overlay at start */
    &.mfp-bg {
        opacity: 0;
        transition: all 300ms ease-out;

        /* overlay animate in */
        &.mfp-ready {
            opacity: 1;
        }
        /* overlay animate out */
        &.mfp-removing {
            opacity: 0;
        }
    }

    &.mfp-wrap {

        /* content at start */
        .mfp-content {
            opacity: 0;
            transition: all 300ms ease-out;
        }

        &.mfp-ready {

            /* content animate in */
            .mfp-content {
                opacity: 1;
            }
        }

        &.mfp-removing {

            /* content animate out */
            .mfp-content {
                opacity: 0;
            }
        }
    }
}","a.plain-link {

    &:link,
    &:visited {
        color: inherit;
        text-decoration: none;
    }

    &:focus,
    &:hover {
        color: palette(branding, green);
    }
}","/* ul */.article-snippet-list {
    font-size: rem(16px);
    line-height: 1.6;

    li {
        margin-bottom: 1.4rem;

        a {
            display: inline-block;
        }

        &:last-child {
            margin-bottom: 0;
        }
    }
}","/* ul */.block-links {
    @include grid-container();
    margin-bottom: 3rem;

    @include mq(600px) {
    }

    li {
        @include grid-column(15);

        @include mq(500px) {
            @include grid-column(7.5);
        }

        @include mq(1200px) {
            @include grid-column(3);
        }
    }


    a {
        position: relative;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        height: 8rem;
        padding: 4rem;
        margin-bottom: 1rem;
        text-align: center;
        font-size: rem(16px);
        line-height: 1.625;
        @include tracking(200);
        font-weight: 700;
        text-transform: uppercase;
        transition: background-color 200ms ease;
        border: 2px solid;

        @include mq(500px) {
            height: 10rem;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        @include mq(1200px) {
            height: 11rem;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        &::after {
            display: none;
            content: \"� Get Support\";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0.5rem;
            font-family: $font3;
            font-style: italic;
            font-size: rem(16px);
            color: #fff;
            text-transform: capitalize;
            letter-spacing: 0;
            font-weight: 400;
        }

        &:focus,
        &:hover {
            background: blue;
            color: #fff;

            &::after {
                display: block;
            }
        }
    }


    /* Colors */
    li:nth-child(1) a {
        color: palette(branding, navy);

        &:focus,
        &:hover {
            color: #fff;
            background-color: palette(branding, navy);
            border-color: palette(branding, navy);
        }
    }

    li:nth-child(2) a {
        color: palette(branding, green);

        &:focus,
        &:hover {
            color: #fff;
            background-color: palette(branding, green);
            border-color: palette(branding, green);
        }
    }

    li:nth-child(3) a {
        color: palette(branding, green--l);

        &:focus,
        &:hover {
            color: #fff;
            background-color: palette(branding, green--l);
            border-color: palette(branding, green--l);
        }
    }

    li:nth-child(4) a {
        color: palette(branding, teal);

        &:focus,
        &:hover {
            color: #fff;
            background-color: palette(branding, teal);
            border-color: palette(branding, teal);
        }
    }

    li:nth-child(5) a {
        color: palette(branding, salmon);

        &:focus,
        &:hover {
            color: #fff;
            background-color: palette(branding, salmon);
            border-color: palette(branding, salmon);
        }
    }
}",".meet-our-team {
    padding-top: 4rem;

    h2 {
        @include swash();
        color: palette(branding, pri);
        font-size: 2.3333rem;
        text-align: center;
    }
}",".page {
    display: flex;
    flex-direction: column;
    position: relative;

    .l-container {
        width: 100%;
    }

    &.success-story {

        header {
            padding-top: 3rem;

            @include mq( 768px ) {
                padding-top: 5rem;
            }

            h1 {
                color: palette(branding, sec);
                font-family: $font3;
                font-feature-settings: \"swsh\";
                font-size: 1.3333rem;
                font-style: italic;
                font-weight: 400;
                line-height: 1.3;
                margin-bottom: 0.5em;
            }
            h2 {
                font-family: $font1;
                font-size: 1.5555rem;
                font-style: normal;
                font-weight: 700;
                letter-spacing: 0.05em;
                line-height: 1;
                margin-bottom: 1.5em;
                text-transform: uppercase;
            }
        }

        > .l-container {
            max-width: 880px;
        }

        .has-image-float & {

            .image-float-right {
                display: block;
                height: auto;
                margin-bottom: 2rem;
                transition: transform 0ms linear;
                width: 100%;

                @include mq( 500px ) {
                    max-width: 40vw;
                    margin-bottom: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: auto;

                    &.stuck {
                        position: fixed;
                        transition: transform 350ms ease;
                        z-index: 0;

                        .header-pinned & {
                            transform: translateY(calc(15vh + 50px));
                        }
                    }
                }
                @include mq( 768px ) {
                    max-width: 30vw;
                }
            }

            > .l-container {
                max-width: 1180px;

                @include mq( 500px ) {
                    padding-right: calc(40vw + 1rem);
                }
                @include mq( 768px ) {
                    padding-right: calc(30vw + 2rem);
                }
                @include mq( 1180px ) {
                    padding-right: calc((30vw - ((100vw - 1180px) / 2)) + 5rem);
                }
            }
        }
    }

    &.has-aside {

        aside {
            width: 100%;

            @include mq( 992px ) {
                max-width: 30vw;
                margin-bottom: 0;
                position: absolute;
                left: 0;
                top: 0;
                width: auto;
            }
        }

        > .l-container {

            @include mq( 992px ) {
                padding-left: calc(30vw + 2rem);
            }
            @include mq( 1180px ) {
                padding-left: calc((30vw - ((100vw - 1180px) / 2)) + 5rem);
            }
        }
    }

    &.banner-overlap {
        z-index: 1;

        @include mq(m) {
            margin-top: -12rem;
        }

        .level-3-nav {

            nav {
                top: 3rem;

                @include mq( m ) {
                    top: 12rem;
                }
            }
        }

        &--big {

            @include mq( m ) {
                margin-top: -17.75vw;
            }
            @include mq( 1180px ) {
                margin-top: -13.75vw
            }

            .level-3-nav {

                nav {

                    @include mq( m ) {
                        top: calc(17vw - 2.6666rem);
                    }
                    @include mq( 1180px ) {
                        top: calc(14vw - 2.6666rem);
                    }
                }
            }
        }

        .big-heading,
        .wysiwyg:first-of-type {
            background-color: #FFF;

            @include mq( 840px ) {
                max-width: 840px;
                padding: 0 3.8888rem;
            }
        }
        .wysiwyg:first-of-type {

            @include mq( 740px ) {
                padding-top: 3rem;
            }
        }
        .big-heading + .wysiwyg {
            padding-top: 0;
        }
    }

    &:not(.banner-overlap) {

        @include mq( $until: 739px ) {
            // padding-top: 3rem;
        }
    }

    .subnav + & {

        @media screen and ( min-width: 1180px ) {
            margin-top: 50px;
        }
    }
}","/* section */.share-your-story {
    text-align: center;
    padding-top: 3rem;
    background-color: palette(ui, grey);
    position: relative;

    @include mq(xl) {
        text-align: left;
    }


    .l-container {
        @include mq($until: xl) {
            max-width: 30em;
        }
    }


    &__title {
        @include grid-column(17, $grid--17);
        margin-bottom: 2rem;
        font-family: $font1;
        font-size: rem(16px);
        line-height: 2.125;
        font-weight: 700;
        @include tracking(50);
        text-transform: uppercase;
        color: palette(branding, salmon);
        @include no-smoothing();
        @include swash();

        @include mq(xl) {
            @include grid-column(4, $grid--17);
        }

        strong {
            display: block;
            margin-top: 0.5rem;
            font-family: $font3;
            font-style: italic;
            font-size: rem(69px);
            line-height: 1.09;
            text-transform: none;
            font-weight: 600;
            color: palette(branding, navy);
        }
    }


    &__intro {
        @include grid-column(17, $grid--17);
        margin-bottom: 2rem;
        font-size: rem(16px);
        line-height: 1.8125;

        @include mq(xl) {
            @include grid-column(4, $grid--17);
        }
    }


    &__list {
        @include grid-column(17, $grid--17);
        margin-bottom: 3rem;
        font-size: rem(16px);
        line-height: 1.8125;

        @include mq(xl) {
            @include grid-column(4, $grid--17);
            @include grid-push(1, $grid--17);
        }

        li::before {
            color: palette(branding, green);
        }
    }


    &__disclaimer {
        @include grid-column(17, $grid--17);
        margin-bottom: 2rem;
        font-size: rem(12px);
        line-height: 1.667;

        @include mq(xl) {
            @include grid-column(4, $grid--17);
        }

        strong {
            display: block;
            font-weight: 400;
            text-transform: uppercase;
        }
    }


    &__cta {
        display: block;
        padding: 0.5em 0;
        background-color: palette(branding, green--l);
        font-size: rem(20px);
        line-height: 1.7;
        color: palette(base, font);

        &:focus,
        &:hover {
            background-color: palette(branding, salmon);
        }
    }
}",".big-three {
    padding-top: 3rem;
    padding-bottom: 2rem;
    background: palette(branding, green--l);

    @include mq(m) {
    }

    @include mq(800px) {
        display: flex;
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 0;
    }


    a {
        display: block;
        margin-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(#fff, 0.2);

        @include mq(m) {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        &:last-child {
            margin-bottom: 0;
            border: none;
        }

        @include mq(800px) {
            width: 33%;
            padding-top: 3.5rem;
            padding-bottom: 3rem;
            margin-bottom: 0;
            border-bottom: none;
            border-right: 1px solid rgba(#fff, 0.2);
        }

        @include mq(l) {
            padding-left: 3rem;
            padding-right: 3rem
        }

        &:link,
        &:visited {
            color: #fff;
        }

        &:focus,
        &:hover {
            color: palette(branding, navy);
        }
    }


    strong {
        display: block;
        font-size: rem(66px);
        line-height: 0.9;
        font-family: $font2;
        text-transform: uppercase;
    }


    br {
        display: none;

        @include mq(800px) {
            display: block;
        }
    }


    span {
        display: block;
        margin-top: 0.5em;
        font-family: $font3;
        font-style: italic;
        font-size: rem(24px);
        font-weight: 600;

        &::before {
            content: \"� \";
        }
    }
}","@mixin no-smoothing {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@mixin smoothing($bool: false) {
    @if $bool == true {
        text-rendering: auto;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
    }
    @else {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}
",".board-members {
    padding-bottom: 5rem;

    &__title {
        margin-bottom: 2rem;
        font-family: $font1;
        font-size: rem(18px);
        font-weight: 700;
        @include tracking(200);
        text-transform: uppercase;
        font-style: normal;
    }

    ul {
        margin-bottom: 0;

        li {
            font-size: 18px;
            line-height: 1.25;
            margin-bottom: 0.75em;

            @include mq( 600px ) {
                font-size: rem(24px);
            }
        }

        em {
            font-size: 20px;
            font-family: $font3;
            font-style: italic;
            color: palette(branding, green);

            @include mq( 600px ) {
                font-size: rem(27px);
            }
        }
    }


    &__officers {
        @include grid-column(15);
        margin-bottom: 2rem;

        @include mq(l) {
            @include grid-column(6);
        }
    }


    &__members {
        @include grid-column(15);

        @include mq(480px) {

            ul {
                display: flex;
                flex-wrap: wrap;
                padding-right: 1rem;

                li {
                    flex: 1 1 50%;
                }
            }
        }

        @include mq(l) {
            @include grid-column(9);
        }
    }
}",".contact-card {
    margin: 0 auto 4rem;
    max-width: 840px;
    position: relative;

    @include mq(m) {
        display: flex;
        flex-wrap: wrap;
    }


    &__intro {
        padding: 2rem 2rem;
        background-color: #fff;
        text-align: center;

        @include mq(m) {
            bottom: 100%;
            padding: 2rem 4rem;
            position: absolute;
            width: 100%;
        }

        .lede {
            margin-top: 0;
            margin-bottom: 0;
            color: palette(branding, navy);

            em {
                color: palette(branding, green);
            }
        }
    }


    &__logo {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        background-color: palette(branding, green--l);

        @include mq(m) {
            width: 50%;
        }

        img {
            max-width: 300px;
        }
    }


    &__address {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        background-color: palette(branding, green);
        color: #fff;
        font-size: rem(16px);
        line-height: 1.75;

        @include mq(m) {
            width: 50%;
        }

        > *:last-child {
            margin-bottom: 0;
        }

        a {
            &:link,
            &:visited {
                color: #fff;
            }
        }
    }
}",".hero {
    align-items: center;
    background-color: #ccc;
    background-position: 50% bottom;
    background-size: cover;
    display: flex;
    flex-direction: column;
    min-height: 80vh;
    justify-content: space-around;
    padding-bottom: 6vh;
    padding-top: 6vh;
    position: relative;

    &::after {
        content: \"\";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1.5rem;
        background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 100%);
    }

    .l-container {
        margin: 0;
        width: 100%;

        &::after {
            display: none;
        }
    }

    &__top {
        margin-bottom: 3rem !important;
    }

    &__bottom {

        p {
            color: #fff;
            font-size: 16px;
            max-width: 26em;
            text-shadow: 2px 2px 10px #000;

            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    h1 {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;

        span {
            display: block;
            margin-bottom: 1rem;
            font-family: $font3 !important;
            font-style: italic;
            font-weight: 400;
            text-transform: capitalize;
            color: palette(branding, green);
            font-size: rem(30px);
        }

        a {
            text-transform: uppercase;
            font-size: 5.5vmin;
            line-height: 1;
            margin-bottom: 0.15em;

            .wf-nimbussanscondensed-n7-active & {
                font-family: $font2;
                font-size: 10vmin;
            }

            &:link,
            &:visited {
                color: palette(branding, navy);
            }

            &:focus,
            &:hover,
            &.is-active {
                color: palette(branding, pri);
            }
        }
    }
}",".content-carousel {

    &__item {
        display: block;
        width: 100%;
        overflow: hidden;
    }


    .flickity-prev-next-button {
        width: 30px;
        height: 30px;
        background-color: palette(branding, navy);
        top: auto;
        bottom: -3rem;

        &:focus,
        &:hover {
           background-color: palette(branding, green);
        }

        svg,
        svg path {
            fill: #fff;
        }

        @include mq($until: 760px) {

            left: auto;
            right: auto;

            &.next {
                left: 2rem;
            }
        }

        @include mq(760px) {
            bottom: -2rem;
            left: 50%;

            &.previous {
                margin-left: -36px;
            }

            &.next {
                margin-right: -36px;
            }
        }

        @include mq(xl) {
            top: 50%;
            bottom: auto;

            &.previous {
                left: 0;
                right: auto;
                margin-left: -3rem;
            }

            &.next {
                left: auto;
                right: 0;
                margin-right: -3rem;
            }
        }

    }
}","/* section */.i-am-gladney {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: palette(branding, navy);
    text-align: center;
    color: #fff;


    &::before,
    &::after {
        content: \"\";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 10px;
        background-image: url('/static/img/multi-border.png');
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: 50% top;
    }


    &::after {
        top: auto;
        bottom: 0;
        transform: scaleX(-1);
    }


    .l-container {
        display: flex;
        flex-direction: column;
        align-items: center;

        @include mq(xl) {
            flex-direction: row;
            justify-content: space-between;
        }
    }


    &__top {
        margin-bottom: 3rem;

        @include mq(900px) {
           display: flex;
           align-items: center;
           justify-content: center;
        }

        @include mq(xl) {
            justify-content: flex-start;
            flex: 1 1 auto;
            width: 60%;
            margin-bottom: 1rem;
        }
    }


    img.i-am-gladney__graphic {
        display: inline-block;
        width: 185px;
        max-width: 80%;
        margin-bottom: 2rem;
        // flex: 0 1 22%;

        @include mq(900px) {
            margin-bottom: 0;
        }
    }


    &__title {
        margin-bottom: 0;
        font-family: $font1;
        font-size: rem(13px);
        line-height: 1.5;
        font-weight: 70;
        @include tracking(200);
        text-transform: uppercase;
        color: rgba(#fff, 0.8);

        @include mq(m) {
            font-size: rem(16px);
            color: #fff;
        }

        @include mq(900px) {
            margin-left: 2rem;
        }

        strong {
            display: block;
            margin-top: 0.3em;
            margin-bottom: 0.3em;
            font-family: $font2;
            font-size: rem(47px);
            line-height: 1;
            @include tracking(25);
            color: #fff;
        }

        br {
            display: none;

            @include mq(440px) {
                display: block;
            }
        }
    }


    &__text {
        font-size: rem(14px);
        line-height: 2.14;
        max-width: 35em;

        @include mq(900px) {
            max-width: 50em;
        }

        @include mq(xl) {
            flex: 1 1 auto;
            width: 40%;
            max-width: none;
        }

        .button {
            margin-top: 1em;
            font-size: rem(16px);
            background-color: palette(branding, salmon--d);
        }
    }
}","/* section */.featured-profiles {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 1rem;
    background-color: palette(branding, green--l);
    -webkit-font-smoothing: antialiased;


    &__title {
        text-align: center;
        margin-bottom: 2rem;
        font-family: $font1;
        color: #fff;
        font-size: rem(24px);
        @include tracking(200);
        text-transform: uppercase;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
    }


    &__list {
        max-width: $max-width--9;
        margin-left: auto;
        margin-right: auto;

        @include mq(1280px) {
            max-width: none;
            display: flex;
        }
    }



    &__item {
        margin-bottom: 2rem;
        padding-bottom: 1rem;


        @include mq(600px) {
            flex: 1 1 auto;
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 1px solid rgba(#fff, 0.5);

            &:first-child {
                border-top: 1px solid rgba(#fff, 0.5);
            }
        }

        @include mq(1280px) {
            padding-right: 2rem;
            border-top: 1px solid rgba(#fff, 0.5);
        }



        a {
            color: #fff;

            @include mq(600px) {
                display: flex;
                align-items: center;
                text-align: left;
            }
        }

        h4 {
            margin-bottom: 0;
            font-size: rem(46px);
            line-height: 0.85;
            text-transform: uppercase;

            @include mq(500px) {
                font-size: rem(66px);
            }

            @include mq(600px) {
                margin-left: 1rem;
            }
        }

        span {
            display: block;
            margin-top: 0.5rem;
            font-size: rem(24px);
            line-height: 1;
            font-family: $font3;
            font-style: italic;
            font-weight: 600;
            text-transform: none;

            @include mq(600px) {
                &::before {
                    content: \"�\";
                    margin-right: 0.25em;
                }
            }
        }

        img {
            opacity: 1;
            transition: opacity 0.3s ease;
        }


        &:hover {
            img {
                opacity: 0.8;
            }
        }
    }

    .button {
        background-color: palette(branding, green);
        border-radius: 4px;

        &:focus,
        &:hover {
            background-color: palette(branding, salmon);
        }
    }
}","/* section */.profile-search {
    padding: 0 1.5rem;
    background-color: palette(branding, green);
    text-align: center;
    color: palette(branding, green--xd);
    -webkit-font-smoothing: antialiased;
    font-size: rem(16px);


    &__title {
        display: block;
        margin: 0 -1.5rem;
        padding: 0.5rem 0;
        background-color: palette(branding, green--d);
        font-family: $font2;
        text-transform: uppercase;
        font-size: rem(48px);
        line-height: 1;
        color: #FFF;


        /* Title and toggle link for small screens */
        .small {
            display: block;

            &:link,
            &:visited {
                color: #fff;
            }

            &:focus,
            &:hover {
                color: #fff;
            }

            @include mq(l) {
                display: none;
            }
        }


        /* Title for big screens */
        .big {
            display: none;

            @include mq(l) {
                display: block;
            }
        }
    }


    form {
        margin-top: 1.5rem;
        padding-bottom: 1rem;

        /* Show/hide */
        @include mq($until: l) {
            display: none;

            &.is-open {
                display: block;
            }
        }

        .form-fields {
            margin-bottom: 0;
        }

        li {
            margin-bottom: 1rem;
        }

        .select {
            width: 100%;
        }

        .cols-2 {
            @include mq(400px) {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }

            > * {
                display: block;
                width: calc(50% - 0.5rem);
            }

            input {
                margin-bottom: 1rem;

                @include mq(400px) {
                    margin-bottom: 0;
                }
            }
        }

        label,
        legend {
            color: palette(branding, green--xd);
            font-weight: 500;
            margin-bottom: 0.25em;
        }

        #{$all-text-inputs} {
            border-color: palette(branding, green--d);
        }

        .button {
            background-color: palette(branding, green--d);

            &:focus,
            &:hover {
                background-color: palette(branding, salmon);
            }
        }

        fieldset {
            display: block;
            border: 0;
            margin: 0;
            padding: 0;
        }
    }

    .age-range {
        margin-bottom: 2rem;
    }




    /**
    Style checkbox filters
    Based on WTF Forms � https://github.com/mdo/wtf-forms
    */
    .control {
        position: relative;
        display: inline-block;
        padding: 0.75em;
        color: #FFF;
        cursor: pointer;
        background-color: palette(branding, green--d);
        border-radius: 3px;
        margin-bottom: 0.75rem;
    }
    .control input {
        position: absolute;
        opacity: 0;
        z-index: -1; /* Put the input behind the label so it doesn't overlay text */
    }

    .control strong {
        font-weight: 400;
        position: relative;
        z-index: 2;
        color: #fff;
    }

    .control-indicator {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        border-radius: 3px;
    }

    /* Checked state */
    .control input:checked ~ .control-indicator {
        background-color: palette(branding, green--xd);
    }

    /* Active */
    .control input:active ~ .control-indicator {
        background-color: darken(palette(branding, green--xd), 10)
    }
}","/*------------------------------------*\\
$DISPLAY
\\*------------------------------------*/

.u-sr-only {
\tborder:0;
\tclip:rect(0,0,0,0);
\theight:1px;
\tmargin:-1px;
\toverflow:hidden;
\tpadding:0;
\tposition:absolute;
\twidth:1px;
}

.u-white-space-nowrap {
\twhite-space:nowrap;
}

.u-hidden {
\tdisplay:none!important;
}

.u-display-block {
\tdisplay:block!important;
}

.u-display-inline {
\tdisplay:inline!important;
}

.u-display-inline-block {
\tdisplay:inline-block!important;
}

.u-full-width {
\twidth: 100%;
}






/*------------------------------------*\\
$MARGINS, SPACING, ALIGNMENT
\\*------------------------------------*/
.u-flush {
\tmargin: 0;
}

.u-flush--bottom {
\tmargin-bottom: 0;
}

.u-push--top {
\tmargin-top: 1rem;
}

.u-push--top--2 {
\tmargin-top: 2rem;
}

.u-push--top--4 {
\tmargin-top: 4rem;
}

.u-push--bottom {
\tmargin-bottom: 1rem;
}

.u-push--bottom--2 {
\tmargin-bottom: 2rem;
}

.u-push--bottom--4 {
\tmargin-bottom: 4rem;
}

.u-push--bottom--6 {
\tmargin-bottom: 6rem;
}








/*------------------------------------*\\
$IMAGES
\\*------------------------------------*/

.u-img-responsive {
\tdisplay:block;
\theight:auto;
\tmax-width:100%;
}





/*------------------------------------*\\
$TEXT
\\*------------------------------------*/

.u-swash {
\tfont-feature-settings: \"swsh\";
}

.u-text-s {
\tfont-size: 0.85em;
}






/*------------------------------------*\\
$COLORS
\\*------------------------------------*/

.u-col-salmon {
\tcolor: palette(branding, salmon);
}

.u-col-green {
\tcolor: palette(branding, green);
}


.u-col-green--l {
\tcolor: palette(branding, green--l);
}

.u-col-navy {
\tcolor: palette(branding, navy);
}","/* ul */.filters {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-top: 2px solid palette(ui, grey);
    border-bottom: 2px solid palette(ui, grey);
    line-height: rem(14px);


    li {
        margin-bottom: 0;
        margin-right: 2rem;
        strong {
            font-family: $font3;
            font-size: rem(14px);
            font-style: italic;
            font-weight: 700;
            color: palette(branding, navy);
            @include tracking(50);
        }

        a {
            font-family: $font1;
            font-size: rem(12px);
            font-weight: 500;
            text-transform: uppercase;
            color: palette(base, font--l);
            @include tracking(50);

            .icon {
                fill: palette(base, font--l);
                width: 0.8em;
                height: 0.8em;
                position: relative;
                top:0.05em;
                margin-left: -0.1em;
            }

            &:focus,
            &:hover {
                color: palette(base, font);

                .icon {
                    fill: palette(branding, salmon);
                }
            }
        }

        &:not(.filters__clear) {
            display: none;

            @include mq(m) {
                display: block;
            }
        }
    }


    li.filters__clear {
        @include mq(m) {
            margin-left: auto;
            margin-right: 0;

            span {
                @include mq(m) {
                    display: none;
                }
            }
        }
    }
}",".highlight-grid {
    position: relative;
    overflow: visible;
    max-width: 600px;
    margin: 0 auto 5rem;

    @include mq($max-width) {
        max-width: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    &__item {
        padding: 2rem 1.5rem;
        position: relative;
        color: rgba(#fff, 0.9);
        z-index: 1;

        @include mq(500px) {
            padding: 3rem 2rem;
        }

        @include mq($max-width) {
            width: calc(50% - 0.25rem);
            min-height: 30rem;
            margin-bottom: 0.5rem;
        }
    }


    &__title {
        color: rgba(#fff, 0.9);
        font-family: $font1;
        font-style: normal;
        margin-bottom: 1.5rem;
        font-size: rem(16px);
        @include tracking(100);
        font-weight: 700;
        text-transform: uppercase;

        @include mq(500px) {
            font-size: rem(22px);
            margin-bottom: 3rem;
        }
    }


    &__item--logo {
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url('/static/img/highlight-grid-logo-bg.jpg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;

        img {
            width: 50%;
            height: auto;
        }
    }


    &__item--mission {
        background-color: palette(branding, navy);

        p {
            font-family: $font3;
            font-style: italic;
            font-size: rem(40px);
            line-height: 1.05;
            margin-bottom: 0;

            @include mq(500px) {
               font-size: rem(70px);
            }
        }
    }


    &__item--numbers {
        background: linear-gradient(to bottom, #f18469 0%, #c75b40 100%);
        text-align: center;

        p {
            margin: 0 auto;
            max-width: 16em;
            font-size: rem(18px);
            @include tracking(100);
            font-weight: 500;
            text-transform: uppercase;

            @include mq(500px) {
                font-size: rem(22px);
            }
        }

        strong {
            display: block;
            margin-bottom: 2.5rem;
            font-size: rem(130px);
            line-height: 0.8;
            font-weight: 400;

            @include mq(500px) {
                font-size: rem(229px);
            }
        }
    }


    &__item--vision {
        background-color: palette(branding, green--l);

        p {
            font-family: $font3;
            font-style: italic;
            font-size: rem(24px);
            line-height: 1.5;
            margin-bottom: 0;

            @include mq(500px) {
               font-size: rem(40px);
            }
        }
    }


    /* Flowers */
    &::after {
        content: url('/static/img/flowers-1.png');
        display: block;
        position: absolute;
        right: 51%;
        top: 50%;
        z-index: 0;

        @include mq($max-width) {
            top: 27%;
        }
    }


    &::before {
        content: url('/static/img/flowers-2.png');
        display: block;
        position: absolute;
        left: 46%;
        bottom: 50%;
        z-index: 0;

        @include mq($max-width) {
            bottom: 10%;
        }
    }


    &__flowers {
        display: none;

        @include mq($max-width) {
            display: block;
            position: absolute;
            z-index: 2;
        }

        &--3 {
            width: 176px;
            height: 245px;
            background: url('/static/img/flowers-3.png') 0 0 no-repeat;
            right: 50%;
            top: 59%;
            margin-right: 464px;
            margin-top: 235px;
        }

        &--4 {
            width: 137px;
            height: 101px;
            background: url('/static/img/flowers-4.png') 0 0 no-repeat;
            right: 50%;
            top: 50%;
            margin-top: -112px;
            margin-right: -28px;
        }

        &--5 {
            width: 82px;
            height: 350px;
            background: url('/static/img/flowers-5.png') 0 0 no-repeat;
            left: 50%;
            top: 50%;
            margin-top: -386px;
            margin-left: 512px;
        }
    }
}",".icons-nav {
    background-color: #FFF;
    padding: 1rem;

    @include mq( 768px ) {
        padding: 6.1111rem 1rem;
    }

    .nav-list {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin: 0 auto;
        max-width: 85rem;

        @include mq( 480px ) {
            max-width: 28rem;
        }
        @include mq( 768px ) {
            flex-direction: row;
            max-width: 85rem;
        }
    }
    li {
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
        padding: 2rem 0;
        text-align: center;

        @include mq( 768px ) {
            padding: 0 1rem;
        }

        &:not(:last-child) {
            border-bottom: 1px solid #b4b4b4;

            @include mq( 768px ) {
                border: none;
                border-right: 1px solid #b4b4b4;
            }
        }
    }
    svg {
        @include size( 8.3333rem );
        display: block;
        margin: 0 auto 2.6666rem;

        @include mq( $from: 480px, $until: 767px ) {
            margin: 0 2rem 0 0;
        }

        .bg {
            fill: rgba(palette(branding, pri), 0);
            transition: fill 200ms ease;
        }
        .ring {
            stroke: palette(branding, sec);
            stroke-width: 6px;
            transition: stroke 200ms ease;
        }
        .icon {
            fill: palette(branding, sec);
            transition: fill 200ms ease;
        }

        .international & {

            .bg {
                fill: rgba(palette(branding, navy), 0);
            }
            .ring {
                stroke: palette(branding, navy);
            }
            .icon {
                fill: palette(branding, navy);
            }
        }
    }
    .ttl,
    .sub {
        display: block;
        transition: color 200ms ease;
    }
    .ttl {
        color: palette(branding, navy);
        font-family: $font2;
        font-size: 1.75rem;
        letter-spacing: 0.01em;
        line-height: 1;
        text-transform: uppercase;

        @include mq( 1200px ) {
            font-size: 2.6666rem;
        }
    }
    .sub {
        color: palette(branding, pri);
        font-family: $font3;
        font-size: 0.8888rem;

        @include mq( 1200px ) {
            font-size: 1.2222rem;
        }

        .international & {
            color: palette(branding, navy);
            font-size: 1.2222rem;
        }
    }
    a {
        display: block;

        @include mq( $from: 480px, $until: 767px ) {
            align-items: center;
            display: flex;
            max-width: 22rem;
            width: 100%;
        }

        &:hover {

            svg {

                .bg {
                    fill: palette(branding, pri);
                }
                .ring {
                    stroke: palette(branding, pri);
                }
                .icon {
                    fill: #FFF;
                }

                .international & {

                    .bg {
                        fill: palette(branding, navy);
                    }
                    .ring {
                        stroke: palette(branding, navy);
                    }
                }
            }
        }
    }
}","$level-3-nav-break: 1300px;

.level-3-nav {

    @include mq( $until: $level-3-nav-break - 1px ) {

        & + .l-container {
            order: -1;
        }
    }

    nav {
        background: palette(branding, salmon);
        color: #FFF;
        margin: 0 auto 2.5rem;
        max-width: 320px;
        width: 100%;

        ul {
            margin-bottom: 0;
        }

        li {
            margin-bottom: 0;
            border-bottom: 2px solid #b46450;

            &:last-child {
                border: none;
            }
        }

        a {
            display: block;
            padding: 0.6rem 0.25rem;
            font-size: rem(12px);
            font-weight: 500;
            text-transform: uppercase;
            transition: background-color 200ms ease;
            @include tracking(50);

            &:before {
                content: \"�\";
                margin-left: 0.4rem;
                margin-right: 0.4rem;
                font-size: 1.5em;
                line-height: 0;
                position: relative;
                top: 0.15em;
            }

            &:link,
            &:visited {
                color: #fff;
            }

            &:focus,
            &:hover {
                background-color: #d3755d;
                color: #fff;
            }

            &.is-active {
                color: #FFF;
                background-color: #b46450;
            }
        }

        @include mq( $level-3-nav-break ) {
            max-width: 230px;
            position: absolute;
            right: 100%;
            margin-right: 2.7777rem;
            top: 100%;
        }

        @include mq( 1480px ) {
            max-width: 320px;

            a {
                font-size: rem(16px);
            }
        }
    }
}",".photo-collage {
    padding-top: 3rem;
    padding-bottom: 2rem;
    background-color: #f3f3f3;
    background-image: url('/static/img/flowers-6.png');
    background-position: right  top;
    background-size: cover;
    background-repeat: no-repeat;

    /* Pull background outside container */
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;

    @include mq(m) {
        margin-left: -50px;
        margin-right: -50px;
        padding-left: 50px;
        padding-right: 50px;
    }


    &__wrapper {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;

        @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
            max-width: 650px;
        }

        @include mq(1340px) {
            margin-left: 0;
            margin-right: 0;
        }
    }


    &__heading {
        font-size: rem(36px);
        line-height: 1;
        color: palette(branding, green--l);
        max-width: 7em;

        @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
            position: relative;
            top: 6rem;
        }
    }


    &__list {
        @include clearfix();

        @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
            margin-top: -4rem;
        }


        li {
            position: relative;
            display: block;
            clear: both;
            width: 75%;
            margin-bottom: -15%;
            transition: box-shadow 0.3s ease;

            @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
                width: 60%;
                margin-bottom: -35%;
            }

            &:nth-child(1) { z-index: index($layers, collage-1); }
            &:nth-child(2) { z-index: index($layers, collage-2); }
            &:nth-child(3) { z-index: index($layers, collage-3); }
            &:last-child { margin-bottom: 0; }

            &:nth-child(even) {
                float: right;
                margin-bottom: -15%;

                @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
                    float: none;
                }
            }

            &:nth-child(odd) {
                @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
                    float: right;
                }
            }

            &:last-child {
                @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
                    margin-right: 10%;
                }
            }


            a {
                display: block;
            }


            img {
                display: block;
                line-height: 0;
                width: 100%;
                height: auto;
                filter: grayscale(100%);
                transition: all 0.3s ease;
            }


            span {
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                right: 1rem;
                bottom: 10%;
                width: 140px;
                height: 140px;
                padding: 1rem;
                border-radius: 140px;
                background-color: palette(branding, salmon);
                text-align: center;
                font-size: rem(26px);
                font-family: $font2;
                line-height: 1;
                text-transform: uppercase;
                color: #fff;
                -webkit-font-smoothing: antialiased;
                transition: all 0.3s 0.01s ease;

                @include mq(500px) {
                    right: -1.5rem;
                    bottom: 15%;
                }

                @include mq(1000px) {
                    width: 164px;
                    height: 164px;
                    padding: 1.5rem;
                    border-radius: 164px;
                    font-size: rem(28px);
                }

                @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
                    right: auto;
                    left: -1.5rem;
                    bottom: 10%;
                }
            }


            &:nth-child(odd) span {
                right: auto;
                left: 1rem;

                @include mq(500px) {
                    left: -1.5rem;
                }

                @media (min-width: 700px) and (max-width: 900px), (min-width: 1340px) {
                    left: auto;
                    right: -1.5rem;
                }
            }


            &:focus,
            &:hover {
                box-shadow: 0px 10px 40px 10px rgba(0,0,0, 0.2);
                z-index: index($layers, collage-4);

                img {
                    filter: grayscale(0);
                }

                span {
                    background-color: palette(branding, navy);
                }
            }
        }
    }
}","/* section */.profile-login {
    padding: 1.5rem;
    background-color: palette(branding, salmon);
    text-align: center;
    color: palette(branding, salmon--xd);
    -webkit-font-smoothing: antialiased;
    font-size: rem(16px);

    @include mq($until: l) {
        padding: 1rem 0.5rem 0.25rem 0.5rem;
    }


    &__title {
        @include mq($until: l) {
            display: none;
        }

        display: block;
        font-weight: 500;
        text-transform: uppercase;
        @include tracking(50);
    }


    form {
        margin-top: 1rem;

        @include mq($until: l) {
            display: none;
        }

        li {
            margin-bottom: 1rem;
        }

        label {
            color: #fff;
            font-weight: 500;
            margin-bottom: 0.25em;
        }

        #{$all-text-inputs} {
            border-color: palette(branding, salmon--d);
        }

        .button {
            background-color: palette(branding, salmon--d);
        }
    }


    &__extra {
        margin-bottom: 0;
        line-height: 1.5;

        @include mq($until: l) {
            display: none;
        }

        a {
            display: inline-block;
            &:link,
            &:visited {
                color: palette(branding, salmon--xd);
                font-weight: 700;
                border-bottom: 1px solid;
            }
        }
    }


    &__small {
        display: block;
        margin-bottom: 0;

        @include mq(l) {
            display: none;
        }
    }
}","/* nav */.profile-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: palette(branding, navy);
    color: #fff;
    font-family: $font2;
    font-size: rem(24px);
    line-height: 2.3;
    font-weight: 700;
    text-transform: uppercase;

    @include mq(m) {
        font-size: rem(30px);
    }

    @include mq(xl) {
        font-size: rem(36px);
    }


    a {
        text-align: center;

        &:link,
        &:visited {
            color: #fff;
        }

        &:focus,
        &:hover {
            color: palette(branding, green--l)
        }
    }


    &__prev,
    &__next {
        width: 50%;
    }


    &__prev {
        border-right: 2px solid #215e7a;
    }


    &__all {
        width: 100%;
        border-top: 2px solid #215e7a;
    }
}","/* div */.profile-snippet {
    width: 100%;
    max-width: 20rem;
    background-color: palette(ui, grey);

    &__photo {
        display: block;

        img {
            width: 100%;
            transition: opacity 0.3s ease;
        }

        &:focus,
        &:hover {
            img {
                opacity: 0.8;
            }
        }
    }


    &__details {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 0.5rem;

        h4 {
            margin: 0 auto 0 0;
            font-family: $font2;
            font-size: rem(24px);
            text-transform: uppercase;
            color: palette(base, font--l);
        }
    }


    &__link {
        display: block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        background-color: none;
        border-top: 1px solid palette(ui, grey--l);
        text-align: center;
        font-size: rem(12px);
        font-weight: 500;
        text-transform: uppercase;
        @include tracking(75);
        color: palette(base, font--l);

        &:focus,
        &:hover {
            background-color: palette(branding, navy);
            color: #fff;
        }
    }


    .meta-list--inline {
        margin-top: 0;
        margin-bottom: 0;

        &,
        dt,
        dd {
            font-size: rem(13px);
            line-height: 1.75;
        }
    }
}","/* section */.i-am-gladney-small {
    margin-bottom: 3rem;
    margin-top: 2rem;
    text-align: center;

    @include mq(700px) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
    }


    img.i-am-gladney-small__graphic {
        display: block;
        flex: 0 0 auto;
        width: 185px;
        max-width: 100%;
        height: auto;
        margin: 0 auto 1rem auto;

        @include mq(700px) {
            margin-left: 0;
            margin-right: 2rem;
        }

        img {
        }
    }


    &__text {
        flex: 1 1 auto;
        line-height: 1.8;
        margin-left: auto;
        margin-right: auto;

        @include mq(700px) {
            margin-left: 0;
            margin-right: 0;
        }
    }
}",".impressum {
    background-color: #FFF;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;

    &__logos {
        @include mq(500px) {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        @include mq(1100px) {
            @include grid-column(7, $grid--17);
        }

        a {
            display: block;
            text-align: center;
            margin-bottom: 1.5rem;
            transition: opacity 0.3s ease;

            &:focus,
            &:hover {
                opacity: 0.7;
            }
        }
    }


    &__text {
        font-size: rem(10px);
        color: #000;

        @include mq(1100px) {
            @include grid-column(10, $grid--17);
        }
    }

}",".location-map {
    margin: 0 auto 4rem;
    max-width: 1180px;

    @include mq(700px) {
        display: flex;
        align-items: stretch;
    }


    &__map {
        flex: 1 1 auto;
        height: 15rem;
        background-color: palette(ui, grey);

        @include mq(700px) {
            height: auto;
            min-height: 360px;
        }
    }


    &__location {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 0 0 auto;
        padding: 2rem 1rem;
        background-color: palette(branding, green);
        text-align: center;
        color: #fff;
        font-size: rem(16px);
        line-height: 1.75;

        @include mq(700px) {
            align-items: flex-start;
            margin-left: auto;
            padding: 3rem 2rem;
            text-align: left;
        }

        @include mq(800px) {
            padding: 5rem 3rem;
        }

        > *:last-child {
            margin-bottom: 0;
        }

        a {
            &:link,
            &:visited {
                color: #fff;
            }
        }
    }


    &__title {
        font-family: $font1;
        font-size: 1em;
        font-weight: 700;
        margin-bottom: 0;
    }


    .button {
        background-color: palette(branding, green--d);

        &:focus,
        &:hover {
            background-color: palette(branding, salmon);
        }
    }
}",".reading-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-bottom: 4rem;

    &::after {
        content: '';
        display: none;
    }

    .book {
        align-items: center;
        display: flex;
        flex: 0 1 50%;
        flex-direction: column;
        justify-content: center;
        padding: 1rem;
        text-align: center;

        @include mq( 480px ) {
            flex-basis: 33.3333%;
        }

        .img {
            margin-bottom: 0.75rem;

            a {
                border: 4px solid #f0f0f0;
                display: block;
                transition: border-color 200ms ease;

                &:hover {
                    border-color: palette(branding, sec);
                }
            }
            img {
                display: block;
            }
        }
        .label {
            font-size: 14px;
            line-height: 1.2;
        }
    }
}",".signposts {

    @include mq( 992px ) {
        display: flex;
    }

    &__box {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        flex: 1 1 50%;
        min-height: 50vw;
        padding: 3.3333em 0;
        position: relative;

        @include mq( 480px ) {
            padding-left: 1em;
            padding-right: 1em;
        }
        @include mq( 700px ) {
            padding-left: 3.3333em;
            padding-right: 3.3333em;
        }
        @include mq( 992px ) {
            min-height: 23.8888em;
        }

        &::before {
            bottom: 0;
            content: ' ';
            display: block;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: opacity 200ms ease;
            z-index: 0;

            @include mq( 800px ) {
                opacity: 0;
            }
        }

        &:nth-child(2) {
            border-top: 4px solid #FFF;

            @include mq( 992px ) {
                border-top: none;
                border-left: 4px solid #FFF;
            }
        }
        &.brand-green::before {
            background-color: rgba(palette(branding, pri), 0.7);
        }
        &.brand-salmon::before {
            background-color: rgba(palette(branding, sec), 0.7);
        }
        &.brand-blue::before {
            background-color: rgba(palette(branding, blue--l), 0.7);
        }
    }

    .l-container {
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 1;

        &::after {
            display: none;
        }
    }

    &__title {
        font-size: em(45px);
        font-family: $font2;
        text-transform: uppercase;
        color: #FFF;
        line-height: 1;
        text-shadow: 0 0 12px rgba(0,0,0, 0.5);

        @include mq($from: 760px, $until: 900px) {
           font-size: em(36px);
        }

        &::after {
            content: \"\";
            display: block;
            width: 0.95em;
            height: 0.12em;
            background-color: #FFF;
            margin-top: 0.15em;

        }
    }

    &__content {
        margin-bottom: 0;
        margin-top: auto;
        text-align: right;
        transition: opacity 200ms ease;

        @include mq( 800px ) {
            opacity: 0;
        }

        .subtext {
            @include no-smoothing();
            @include tracking(10);
            color: #fff;
            display: block;
            font-size: rem(18px);
            font-weight: 500;
            line-height: 1.75;
            text-align: left;
        }
        .cta {
            color: #FFF;
            text-transform: uppercase;
            display: inline-block;
            font-weight: 500;
            border-bottom: 2px solid;
            line-height: 1;

            &::after {
                content: \"�\";
                font-weight: 700;
                margin-left: 0.2em;
            }
        }
    }

    div + &__box,
    a:hover,
    a:focus {

        &::before,
        .signposts__content {
            opacity: 1;
        }
    }

    .wysiwyg + & {
        margin-top: 4rem;
    }
}",".story {
    @include mq(760px) {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    &__image {
        display: block;
        max-width: 250px;
        position: relative;
        text-align: center;
        font-size: rem(30px);
        line-height: 1;
        font-family: $font2;
        text-transform: uppercase;
        @include tracking(10);
        margin-bottom: 2rem;
        color: #fff;

        @include mq(760px) {
            width: 30%;
        }

        @include mq(900px) {
            width: 32%;
            max-width: none;
        }

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

        span {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 8rem;
            height: 8rem;
            position: absolute;
            right: -1rem;
            bottom: -0.75rem;
            padding: 1rem;
            border-radius: 100%;
            background-color: palette(branding, salmon);
        }
    }

    a.story__image {
        &:focus,
        &:hover {
            img {
                opacity: 0.8;
                transition: opacity 0.3s ease;
            }

            span {
                color: #fff;
                background-color: palette(branding, green);
                transition: background-color 0.3s ease;
            }
        }
    }


    &__content {
        font-size: rem(20px);

        @include mq(760px) {
            width: 80%;
            padding-left: 4rem;
        }

        @include mq(900px) {
            width: 60%;
            padding-left: 4rem;
        }

        p {
            font-weight: 500;
        }
    }


    &__heading {
        color: palette(branding, teal);
        line-height: 1;
        margin-bottom: 2rem;

        @include mq(900px) {
            margin-left: -3rem;
            font-size: rem(45px);
        }

        &::after {
            content: \"\";
            display: block;
            width: 0.95em;
            height: 4px;
            background-color: palette(branding, teal);
            margin-top: 0.15em;
        }


        h3 {
            font-size: rem(48px);
            font-family: $font2;
            text-transform: uppercase;
            margin-bottom: 0;
            line-height: 1;
        }


        h4 {
            font-family: $font3;
            font-style: italic;
            font-size: rem(16px);
            font-weight: 400;
            color: palette(base, font);
            margin-bottom: 0;
            margin-top: 0.5rem;
            @include tracking(10);
        }
    }


    &--staff {
        .story__image {
            span {
                width: 10rem;
                height: 10rem;
                background-color: palette(branding, green);

                em {
                    display: block;
                    margin-top: 0.75em;
                    font-family: $font1;
                    font-style: normal;
                    font-size: rem(13px);
                    line-height: 1.2;
                    font-weight: 400;
                    text-transform: uppercase;
                }
            }
        }
        .story__content {
            font-size: rem(14px);
        }
    }
}","/* aside */.superkids {
    margin-left: auto;
    margin-right: auto;

    &__header {
        background-color: palette(branding, navy);
        padding-top: 1rem;
        text-align: center;

        @include mq( 992px ) {
            padding-top: 4rem;
        }
    }


    &__title {
        margin-top: 1rem;
        margin-bottom: 0;
        color: #fff;
        font-family: $font2;
        font-size: rem(36px);
        line-height: 2.3;
        font-weight: 700;
        text-transform: uppercase;
        background-color: palette(branding, green--l);

        @include mq( 992px ) {
            font-size: 1.5rem;
            margin-top: 4rem;
        }
        @include mq( 1200px ) {
            font-size: 2rem;
        }
    }


    &__posts {
        margin-bottom: 0;
        background-color: #f1f1f1;

        @include mq( $from: 768px, $until: 991px ) {
            display: flex;
        }

        > li {
            display: flex;
            margin-bottom: 0;
            min-height: 36vw;

            &:not(:last-child) {
                border-bottom: 2px solid palette(ui, grey);
            }

            @include mq( $from: 768px, $until: 991px ) {
                border: none;
                display: block;

                &:not(:last-child) {
                    border-right: 2px solid palette(ui, grey);
                }
            }
            @include mq( 992px ) {
                min-height: 200px;
            }
        }
    }


    &__image {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        flex: 0 0 36vw;
        width: 50%;

        @include mq( $from: 768px, $until: 991px ) {
            margin: 1rem 0.75rem 0.5rem;
            height: calc(33.3333vw - 1.5rem);
            width: calc(33.3333vw - 1.5rem);
        }
        @include mq( 992px ) {
            flex-basis: 10.8vw;
        }
    }


    &__extract {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: center;
        margin: 0.5rem 1.5rem;

        @include mq( $from: 768px, $until: 991px ) {
            margin: 0.5rem 0.75rem;
        }

        h3 {
            margin-bottom: 0;
            font-family: $font1;
            font-weight: 500;
            text-transform: uppercase;
            color: palette(branding, navy);
            @include tracking(10);
            font-size: rem(16px);
        }

        p {
            font-size: rem(12px);
            line-height: 1.6667;
            color: palette(base, font--d);
        }

        > a {
            font-family: $font3;
            font-style: italic;
            font-size: rem(18px);
            margin-left: auto;

            &:link,
            &:visited {
                color: palette(branding, navy);
            }

            &:focus,
            &:hover {
                color: palette(branding, green);
            }

            &::before {
                content: \"�\";
                margin-right: 0.2em;
            }
        }
    }


    &__links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background-color: palette(branding, green--l);

        a {
            color: #fff;
            font-family: $font2;
            font-size: 1.5rem;
            line-height: 2.3;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;

            @include mq( 1200px ) {
                font-size: 2rem;
            }

            &:link,
            &:visited {
                color: #fff;
            }

            &:focus,
            &:hover {
                color: palette(branding, navy);

                .icon {
                    fill: palette(branding, navy);
                }
            }
        }

        .icon {
            fill: #fff;
            width: 0.75em;
            height: 0.75em;
            margin-left: 0.1em;
            position: relative;
            top: 0.05em;
        }
    }


    &__facebook,
    &__blog {
        width: 50%;
    }


    &__facebook {
        border-right: 2px solid #619d8d;
    }


    &__donate {
        width: 100%;
        background-color: palette(branding, green);
    }
}","@charset \"UTF-8\";

/// Sets the `width` and `height` of the element.
///
/// @param {List} $size
///   A list of at most 2 size values.
///
///   If there is only a single value in `$size` it is used for both width and height. All units are supported.
///
/// @example scss - Usage
///   .first-element {
///     @include size(2em);
///   }
///
///   .second-element {
///     @include size(auto 10em);
///   }
///
/// @example css - CSS Output
///   .first-element {
///     width: 2em;
///     height: 2em;
///   }
///
///   .second-element {
///     width: auto;
///     height: 10em;
///   }
///
/// @todo Refactor in 5.0.0 to use a comma-separated argument

@mixin size($value) {
  $width: nth($value, 1);
  $height: $width;

  @if length($value) > 1 {
    $height: nth($value, 2);
  }

  $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
  $output-bourbon-deprecation-warnings: false !global;

  @if is-size($height) {
    height: $height;
  } @else {
    @warn \"`#{$height}` is not a valid length for the `$height` parameter in the `size` mixin.\";
  }

  @if is-size($width) {
    width: $width;
  } @else {
    @warn \"`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.\";
  }

  $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
}
",".image-carousel {
    margin-top: 2rem;
    margin-bottom: 3rem;

    @include mq(m) {
        margin-top: 4rem;
        margin-bottom: 5rem;
    }

    &:not(:last-child) {
        margin-bottom: 3rem;
    }

    .body--super-kids & {

        @include mq( 992px ) {
            margin-bottom: 0;
        }
    }

    img {
        width: $max-width;
        max-width: calc(100% - 60px);
        height: auto;
        opacity: 0.5;

        @include mq(m) {
            width: 70%;
            max-width: $max-width - 40px;
            margin-left: $gutter/2;
            margin-right: $gutter/2;
            opacity: 1;
        }

        &.is-selected {
            opacity: 1;
        }
    }


    &--small {
        img {
            display: inline-block;
            width: auto;
            max-width: none;
            height: 10rem;
        }
    }
}
",".modal.login-modal {
    padding-top: 7rem;
    padding-bottom: 10rem;
}

.login-modal {
    -webkit-font-smoothing: antialiased;

    .l-container {
        max-width: 660px;
    }

    img.login-modal__icon {
        display: inline-block;
        width: 60px;
        height: auto;
        margin-bottom: 3rem;
    }


    &__intro {
        font-family: $font3;
        font-style: italic;
        font-weight: 600;
        font-size: rem(28px);
        line-height: 1.17;
    }


    &__form {
        margin: 3rem auto;
        max-width: 400px;

        label {
            color: #fff;
            font-weight: 500;
            font-size: rem(18px);
        }

        input {
            border-radius: 2px;
            border: 1px solid palette(branding, green--l);

            &:hover {
               border: 1px solid palette(branding, green--l);
            }

            &:focus {
                border: 1px solid palette(branding, green--l);
            }
        }

        .button.button {
            padding-left: 3rem;
            padding-right: 3rem;
            background-color: palette(branding, green--l);
            border-radius: 2px;
            border: none;

            &:focus,
            &:hover {
                background-color: palette(branding, salmon);
            }
        }
    }


    &__extra {
        font-size: rem(16px);
        color: palette(branding, green--l);
        @include tracking(50);

        a {
            color: palette(branding, green--l);
            display: inline-block;
            font-weight: 600;

            &:link,
            &:visited {
                border-bottom: 1px solid;
            }

            &:focus,
            &:hover {
                color: palette(branding, salmon);
            }
        }
    }
}",".newsletter-signup {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background-color: palette(branding, navy);
    background-image: url('/static/img/newsletter-signup-bg.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    h5 {
        margin-bottom: 1.5rem;
        color: #fff;
        -webkit-font-smoothing: antialiased;
    }

    form {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -0.5rem;
    }

    .field-group {
        flex: 1 1 100%;
        padding: 0 0.5rem;

        @include mq( 600px ) {
            flex-basis: 50%;
        }
        @include mq( 992px ) {
            flex-basis: 25%;
        }
    }

    .field {
        position: relative;

        &.error::after {
            @include size( 1.5rem );
            align-items: center;
            background-color: #F00;
            border-radius: 50%;
            color: #FFF;
            content: '!';
            display: flex;
            font-weight: 900;
            justify-content: center;
            line-height: 1;
            position: absolute;
            right: 0;
            top: 0;
            transform: translate(10px, -10px);
        }
    }

    input {
        margin-bottom: 0.75rem;
        border: 0;
        width: 100%;

        &:focus,
        &:hover {
            box-shadow: 0 4px 15px 0 rgba(0,0,0, 0.3);
        }
    }

    .button {
        display: block;
        line-height: 1.75;
        padding: 0.6rem;
        width: 100%;
    }

    .signup-success {
        color: #FFF;
        font-family: $font3;
        font-size: 1.5rem;
        font-style: italic;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 1rem;
        text-align: center;
        text-shadow: 1px 1px 2px #000;
    }
}","/* div */.modal {
    position: relative;
    width: 1200px;
    max-width: calc(100% - 2rem);
    margin: 1rem auto;
    padding: 4rem 1rem 2rem 1rem;
    background: palette(branding, navy);
    text-align: center;
    color: #fff;

    @include mq(600px) {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

// NOTE: I made this a dark overlay because the close button was white
// which didn't show on a white overlay.  I didn't have time to mess
// with the SVG, so this was just to get it to the client.
.mfp-bg {
    background: rgba(palette(branding, navy), 0.95);
    // opacity: 0.9;
}


.mfp-close.mfp-close {
    display: flex;
    position: fixed;
    top: 0.5rem;
    right: 1rem;
    width: auto;
    height: auto;
    padding: 10px 0;
    line-height: 1;
    font-size: rem(12px);
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    @include tracking(50);
    opacity: 0.8;
    cursor: pointer;

    &::after {
        content: \"\";
        margin-left: 0.25em;
        display: inline-block;
        width: 1em;
        height: 1em;
        background-image: url('/static/img/icons/close-circle.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    &:focus,
    &:hover {
        opacity: 1;
    }

    .wizard & {
        border: 2px solid #FFF;
        font-size: 12px;
        right: 1rem;
        padding: 0.75em 1.25em;
        top: 1rem;

        &::after {
            content: '';
            display: none;
        }
    }
}


/* Video embed version */
.modal--video {
}


/* Wizard version */
.modal--wizard {

    .mfp-container {
        padding: 0;
    }
    .mfp-content {
        max-height: 100vh;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        padding: 0;

        @include mq( 1100px ) {
            overflow-y: visible;
        }
    }
}",".quick-contact {
    padding-top: 3rem;
    padding-bottom: 4rem;
    background-color: palette(branding, green--l);
    background-image: url('/static/img/contours.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;


    .l-container {
        max-width: 960px;
    }

    &__title {
        text-align: center;
        margin-bottom: 2rem;
        font-family: $font1;
        color: #fff;
        font-size: rem(24px);
        @include tracking(200);
        text-transform: uppercase;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
    }

    .hs-form {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;

        > div {
            flex: 1 1 100%;
            margin-bottom: 30px;
            padding: 0 15px;

            @include mq( 500px ) {

                &.hs_firstname,
                &.hs_lastname {
                    flex-basis: 50%;
                }
                &.hs_state,
                &.hs_zip {
                    flex-basis: 50%;
                }
            }
            @include mq( 700px ) {

                &.hs_firstname,
                &.hs_lastname,
                &.hs_email {
                    flex-basis: 33.3333%;
                }
                &.hs_city {
                    flex-basis: 50%;
                }
                &.hs_state,
                &.hs_zip {
                    flex-basis: 25%;
                }
            }
        }

        .hs-dependent-field {
            margin-bottom: 0;

            .hs-form-field {
                margin-bottom: 30px;
            }
        }
        .inputs-list {
            align-items: center;
            display: flex;
            margin-bottom: 0;

            li {
                margin-bottom: 0;
                margin-right: 2rem;

                label {
                    margin: 0;
                }
            }
        }
        label {
            color: palette(branding, navy);
            font-size: 0.7777rem;
            line-height: 1;

            .hs-form-required {
                color: #F00;
                font-size: 1.5em;
                line-height: 0.5;
            }
        }
        textarea {
            min-height: 13em;
        }
        .actions {
            text-align: center;
        }
        .hs-button {
            @extend .button--neutral;
            font-size: 0.875rem;

            @include mq( $until: 560px ) {
                max-width: none;
                width: 100%;
            }
        }

        .hs-error-msgs,
        .hs-field-desc {
            display: none !important;
        }
    }




    #{$all-text-inputs},
    select,
    select[multiple=multiple] {
        border-color: transparent;
        border-width: 2px !important;

        &:hover {
            box-shadow: 0 3px 12px rgba(0,0,0, 0.1)
        }

        &:focus {
            box-shadow: 0 3px 12px rgba(0,0,0, 0.3);
        }
    }
}","/* article */.profile {

    &__photos {
        img {
            width: 100%;
        }

        @include mq(m) {
            float: left;
            width: 50%;
            padding-right: 1rem;
        }
    }


    &__meta {
        @include mq(m) {
            float: left;
            width: 50%;
            padding-left: 1rem;
        }
    }


    &__body {
        @include mq(m) {
            clear: both;
            width: 100%;
            padding-top: 2rem;
        }
    }


    &__actions {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;

        @include mq(500px) {
            position: absolute;
            right: 0;
        }

        @include mq(m) {
            position: static;
            text-align: right;
        }

        .button {
            min-width: 7em;
        }
    }


    &__title {
        margin-top: 0.1em;
        margin-bottom: 0;
        font-family: $font2;
        font-size: rem(36px);
        text-transform: uppercase;
        color: palette(base, font--l);
    }
}",".pagination {
    text-align: center;

    ul {
        display: inline;
        margin: 0;
        padding: 0;
        text-align: center;

        li {
            display: inline;
            list-style: none;
        }

        ul li {
            display: none;

            &:nth-child(1),
            &:nth-child(2),
            &:nth-child(3),
            &:nth-child(4) {
                display: inline;

                a {
                    display: inline-block;
                }
            }

            &:nth-child(4)::after {
                content: \"...\"
            }
        }

        li a {
            border: 2px solid transparent;
            color: palette(base, font);
            outline: none;
            padding: 0.25em 0.5em;
            text-decoration: none;
            font-size: rem(13px);
            font-weight: 500;
            transition: all 0.2s ease;

            &:hover,
            &:focus {
                border-color: rgba(palette(branding, green), 0.5);
            }

            &.is-active {
                border-color: palette(branding, green);
            }
        }
    }

    &__prev,
    &__first,
    &__next,
    &__last {
        a::before,
        a::after {
            font-size: 0.75em;
            position: relative;
            top: -0.01em;
            font-weight: 600;
        }
    }

    &__prev a::before {
        content: \"<\";
        margin-right: 0.2em;
    }

    &__first a::before {
        content: \"�\";
        margin-right: 0.2em;
    }

    &__next a::after {
        content: \">\";
        margin-left: 0.2em;
    }

    &__last a::after {
        content: \"�\";
        margin-left: 0.2em;
    }
}","/* header */.profile-list-header {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 0.5rem;

    @include mq(m) {
        justify-content: space-between;
    }


    h2 {
        display: none;

        @include mq(m) {
            display: block;
            margin-bottom: 0;
        }
    }


    nav {

    }
}","/* ul */.profile-list {
    @include mq(600px) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    li {
        margin-bottom: 2rem;
        margin-left: auto;
        margin-right: auto;

        @include mq(600px) {
            max-width: none;
            width: calc(50% - 0.5rem);
            margin-left: 0;
            margin-right: 0;

            &:nth-child(2n) {
                // border: 2px solid red;
                // margin-right: 0;
            }
        }

        @include mq(800px) {
            width: calc(33.33% - 0.66rem);
        }

        @include mq(l) {
            width: calc(50% - 0.5rem);
        }

        @include mq(xl) {
            width: calc(33.33% - 0.66rem);
        }
    }
}",".pull-content {
    @include mq(500px) {
        display: block;
        max-width: 50%;
        margin-top: 2rem;
        margin-bottom: 1em;
    }


    &--left {
        @include mq(500px) {
            float: left;
            margin-right: 1.5em;
        }

        @include mq(l) {
            max-width: none;
            width: 8*$col-width-pc;
            margin-left: -2*$col-width-pc;
        }

        @include mq(xl) {
            width: 10*$col-width-pc;
            margin-left: -4*$col-width-pc;
        }
    }


    &--right {
        @include mq(500px) {
            float: right;
            margin-left: 1.5em;
        }

        @include mq(l) {
            max-width: none;
            width: 8*$col-width-pc;
            margin-right: -2*$col-width-pc;
        }

        @include mq(xl) {
            width: 10*$col-width-pc;
            margin-right: -4*$col-width-pc;
        }
    }

}","/* footer */.site-footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: palette(branding, navy);
    -webkit-font-smoothing: antialiased;
    position: relative;

    @include mq(l) {
       padding-top: 5rem;
       padding-bottom: 5rem;
    }


    .l-wrapper {
        position: relative;

        > section {
            &:last-child { margin-bottom: 0; }
        }
    }


    &__title {
        font-size: rem(14px);
        color: palette(branding, green--l);
        margin-bottom: 2rem;

        a {
            border-bottom: 1px solid transparent;
            color: palette(branding, green--l);
            transition: all 200ms ease;

            &:hover {
                border-color: #FFF;
                color: #FFF;
            }
        }
    }


    &__links {
        @include grid-column(15);
        font-family: $font2;
        font-size: rem(36px);
        font-weight: 700;
        color: palette(branding, navy);
        text-transform: uppercase;
        line-height: 1;

        @include mq(1080px) {
            @include grid-column(5);
        }

        ul {
            margin-bottom: 2rem;
        }

        li {
            margin-bottom: -0.35em;
        }

        a {
            &:link,
            &:visited {
                color: #fff;
            }

            &:focus,
            &:hover {
                color: palette(branding, salmon);
            }
        }


        .social-icons {
            font-size: 0.75em;
            padding-bottom: 2rem;

            ul {
                margin-bottom: 0;
            }

            @include mq( 1080px ) {
                margin-bottom: 0;
                padding-bottom: 0;
            }
        }
    }



    &__events,
    &__posts {
        @include grid-column(15);

        @include mq(720px) {
            @include grid-column(7);
        }
        @include mq(1080px) {
            @include grid-column(5);
        }
    }
    &__events {

        @include mq( $until: 719px ) {
            margin-bottom: 2.5rem;
        }
    }


    .article-snippet-list {
        a {

            &:link,
            &:visited {
                color: #fff;
            }

            &:focus,
            &:hover {
                color: palette(branding, salmon);
            }
        }
    }
}","/* nav */.site-nav {
    margin-left: auto;

    @include mq($until: site-nav) {
        background: palette(branding, navy);
        bottom: 0;
        left: 0;
        opacity: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 1.75rem 1rem 2rem 1rem;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 15vh;
        transition: opacity 250ms ease;
        z-index: index($layers, nav);

        .site-nav-is-open & {
            opacity: 1;
            pointer-events: auto;
        }
    }

    @include mq( $from: 700px, $until: site-nav ) {
        display: flex;
    }


    &__primary {
        flex: 0 1 50%;
        margin-bottom: 0;

        > li {

            > a {
                color: palette(branding, navy);
                display: block;
                font-size: rem(14px);
                font-weight: 700;
                text-transform: uppercase;

                .wf-nimbussanscondensed-n7-active & {
                    @include smoothing(false);
                    font-family: $font2;
                    font-size: 30px;

                    @include mq(site-nav) {
                        font-size: rem(26px);
                    }
                }
            }
        }

        @include mq($until: site-nav) {
            margin-bottom: 1.5rem;

            > li {

                > a {
                    &:link,
                    &:visited {
                        color: #fff;
                    }

                    &:focus,
                    &:hover,
                    &.is-active {
                        color: palette(branding, salmon);
                    }
                }
            }
        }

        @include mq(site-nav) {
            display: flex;
            margin-top: 1rem;

            > li {
                margin-bottom: 0;

                &:not(:last-child) {
                    margin-right: 0.25rem;
                }

                > a {
                    line-height: 1;
                    padding: 1vh 0.75rem;

                    &:link,
                    &:visited {
                        color: palette(branding, navy);
                    }

                    &:focus,
                    &:hover,
                    &.is-active {
                        color: palette(branding, green);
                    }

                    &.is-active {
                        border: 2px solid;
                    }
                }
            }
        }

        .subnav-list {
            display: none;
            background-color: darken(palette(branding, navy), 5);
            margin-top: 0.5em;
            padding: 0.5rem 0;

            @include mq($until: site-nav) {

                &.is-active {
                    display: block;
                }
            }

            a {
                @include smoothing(false);
                color: lighten(palette(branding, navy), 40);
                text-transform: uppercase;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 0.08em;
                display: block;
                padding: 0.4rem 1rem;
                line-height: 1.2;

                &.is-active {
                    color: #FFF;
                }
            }
        }
    }




    &__secondary {
        font-size: rem(14px);
        font-weight: 500;
        margin-bottom: 0;
        -webkit-font-smoothing: antialiased;

        @include mq($until: site-nav) {
            margin-bottom: 5rem;
            padding-top: 1rem;
            border-top: 1px solid rgba(#fff, 0.3);

            a {
                display: inline-block;
                padding-top: 0.25em;
                padding-bottom: 0.25em;

                &:link,
                &:visited {
                    color: #fff;
                }

                &:focus,
                &:hover {
                    color: palette(branding, salmon);
                }
            }
        }

        @include mq( $from: 700px, $until: site-nav ) {
            border: none;
            border-left: 1px solid rgba(#fff, 0.3);
            margin-left: 2rem;
            padding-left: 2rem;
            padding-top: 0;
        }

        @include mq(site-nav) {
            display: flex;
            position: absolute;
            top: 7px;
            right: 1.75rem;



            li {
                margin-bottom: 0;

                &:not(:last-child) {
                    margin-right: 1.5rem;
                }
            }

            a {
                &:link,
                &:visited {
                    color: palette(branding, green);
                }

                &:focus,
                &:hover {
                    color: palette(branding, salmon);
                }
            }
        }

        @media screen and ( min-height: 600px ) {
            top: 1.25vh;
        }
    }
}



a.site-nav-toggle {
    display: none;

    @include mq($until: site-nav) {
        display: block;
        width: 5rem;
        margin-left: auto;
        text-align: center;
        z-index: 9999;
        padding: 0.25rem 0 0.2rem;
        background: palette(branding, navy);
        color: #fff;
        font-size: rem(16px);
        transition: background-color 200ms ease;

        @include mq(m) {
            top: 3rem;
            right: 1.5rem;
        }

        &:focus,
        &:hover {
            color: #fff;
            background: palette(branding, salmon);
        }

        &::after {
            content: \"Menu\";

            .site-nav-is-open & {
                content: \"Close\";
            }
        }

        &::before {
            content: url('/static/img/icons/nav-toggle-open.svg');
            position: relative;
            margin-right: 0.4em;
            display: inline-block;
            line-height: 10px;
            vertical-align: -15%;

            .site-nav-is-open & {
                content: url('/static/img/icons/nav-toggle-close.svg');
            }
        }

    }
}",".site-header {
    background-color: #FFF;
    box-shadow: 0 0 5px rgba(#000, 0.25);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: index($layers, nav);

    .l-container {
        align-items: center;
        display: flex;
        height: 15vh;
        justify-content: space-between;
        padding-bottom: 1rem;
        padding-top: 1rem;
        position: relative;
        transition: height 350ms ease;

        @media screen and ( min-width: 1180px ) {
            height: 90px;
        }
        @media screen and ( min-height: 600px ) and ( min-width: 1180px ) {
            height: 18vh;

            .scrolled & {
                height: 15vh;
            }
        }
    }

    &__branding {
        display: block;
        width: 45vw;
        max-width: 230px;
        position: relative;
        z-index: index($layers, branding);

        @media screen and ( min-width: 1180px ) {
            max-width: 260px;
        }
    }
}

.headroom {
    transition: transform 350ms ease;
}

.headroom--unpinned {
    transform: translateY(-100%);
}",".story-prev-next {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2rem;

    &::after {
        content: '';
        display: none;
    }

    hr {
        border-color: #dadada;
        width: 100%;
    }

    a {
        @include swash();
        font-family: $font3;
        font-style: italic;
    }

    &:last-child {
        margin-left: auto;
    }
}","/* div */.subnav {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: palette(branding, green);
    color: #FFF;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    @media screen and ( min-width: 1180px ) {
        padding: 0;
        position: fixed;
        top: 90px;
        transition: top 350ms ease, transform 350ms ease;
        width: 100%;
        z-index: index($layers, subnav);
    }
    @media screen and ( min-height: 600px ) and ( min-width: 1180px ) {
        top: 18vh;

        .scrolled & {
            top: 15vh;
        }
    }

    .header-unpinned & {

        @media screen and ( min-width: 1180px ) {
            transform: translateY(calc((50px + 15vh) * -1));
        }
    }

    .l-container {
        display: flex;
        align-items: center;

        @include mq( $until: site-nav ) {
            justify-content: space-between;
            width: 100%;

            &::after {
                @include size( 0.75rem );
                border-right: 2px solid #FFF;
                border-bottom: 2px solid #FFF;
                color: #FFF;
                content: ' ';
                display: block;
                pointer-events: none;
                position: absolute;
                transform-origin: 50% 50%;
                transform: translateY(-3px) rotate(45deg);
                transition: transform 200ms ease;
                right: 1.5rem;
                top: 37%;

                .site-subnav-is-open & {
                    transform: translateY(3px) rotate(-135deg);
                }
            }
        }
        @include mq(site-nav) {
            justify-content: center;
        }
    }


    &__label {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        @include tracking(50);

        @include mq( $until: site-nav ) {
            cursor: pointer;
            flex: 1 1 auto;

            &::before {
                @include swash();
                content: 'More in ';
                font-family: $font3;
                font-style: italic;
                text-transform: none;
                font-weight: 300;
                color: rgba(#FFF,0.8);
                line-height: 1;
                display: inline-block;
                margin-right: 0.1em;
            }

            strong {
                display: inline-block;
                line-height: 0.8;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: calc(100% - 7em);
            }

            .desktop-only {
                display: none;
            }
        }
        @include mq( $until: 399px ) {

            .hide-mobile {
                display: none;
            }
        }
        @include mq(site-nav) {
            @include smoothing(false);
            font-size: rem(16px);
            margin-right: 1rem;

            a {
                border-bottom: 1px solid rgba(#FFF, 0.3);
                color: #FFF;
                transition: border-color 200ms ease;

                &:hover {
                    border-color: #FFF;
                }
            }

            &.mobile-only {
                display: none;
            }
        }
    }


    &__select {
        font-size: rem(14px);

        @include mq(site-nav) {
            display: none;
        }
    }


    &__nav {

        @include mq($until: site-nav) {
            // display: none;
            background-color: darken(palette(branding, pri), 15);
            left: 0;
            opacity: 0;
            padding: 0.5rem 1rem;
            pointer-events: none;
            position: absolute;
            top: 100%;
            transition: opacity 250ms ease;
            width: 100%;
            z-index: index($layers, subnav);

            li {
                margin: 0;

                &:not(:last-child) {
                    border-bottom: 1px solid darken(palette(branding, pri), 7);
                }
            }
            a {
                color: lighten(palette(branding, pri), 20);
                display: block;
                padding: 0.5em 0;

                &::after {
                    color: palette(branding, pri);
                    content: '\\00ab';
                    display: inline-block;
                    margin-left: 0.5rem;
                    opacity: 0;
                    position: relative;
                    transform: translateX(10px);
                    transition: opacity 200ms ease, transform 200ms ease;
                }

                &:hover {
                    color: #FFF;

                    &::after {
                        opacity: 1;
                        transform: translateX(0);
                    }
                }
                &.is-active {
                    color: #FFF;

                    &::after {
                        color: palette(branding, sec);
                        opacity: 1;
                        transform: translateX(0);
                    }
                }
            }

            .site-subnav-is-open & {
                opacity: 1;
                pointer-events: auto;
            }
        }

        @include mq(site-nav) {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0;
            margin-left: 1.5rem;

            li {
                margin-bottom: 0;
                margin-right: 0.5rem;

                &:last-child {
                    margin-right: 0;
                }
            }

            a {
                font-size: rem(16px);
                padding: 0.35em 0.5em;

                &:link,
                &:visited {
                    color: rgba(#FFF, 0.9);
                    border: 1px solid transparent;
                }

                &:focus,
                &:hover {
                    color: #FFF;
                    border-color: rgba(#FFF, 0.3);
                }

                &.is-active {
                    color: #FFF;
                    border-color: #FFF;
                }
            }
        }
    }
}",".social-icons {

    li {
        display: inline-block;
        margin-right: 0.25em;
    }


    a {
        display: inline-block;
        width: 1em;
        height: 1em;

        svg {
            width: 1em;
            height: 1em;
            fill: palette(branding, salmon);
        }

        &:focus,
        &:hover {
            svg {
                fill: palette(branding, green)
            }
        }
    }
}","/**
Styles specific to style guide section, not used on actual tempaltes
*/
.style-guide {

    > h1 {
        font-family: $font1;
        text-transform: uppercase;
        font-size: 18px;
        @include tracking(80);
        color: #CCC;
        margin-left: 1rem;
        margin-top: 8rem;
        margin-bottom: 4rem;

        &:first-of-type {
            margin-top: 2rem;
        }
    }

    &__grid {
        .sg-full {
            background: rgba(0,0,0, 0.07);
            box-shadow: 0 4px 10px 0 rgba(0,0,0, 0.15);
            padding-top: 2rem;
            padding-bottom: 2rem;
            margin-bottom: 4rem;
        }

        .l-grid {
            background: rgba(red, 0.2);
        }

        .l-container {
            background: rgba(green, 0.1);
            padding-left: 10px;
            padding-right: 10px;

            @include mq(m) {
                padding-left: 20px;
                padding-right: 20px;
            }
        }

        .col {
            background: rgba(yellow, 0.5);
            min-height: 4rem;
        }

        .sg-three-cols {
            margin-top: 4rem;
            margin-bottom: 4rem;

            .col {
                @include grid-column(5);
            }
        }

        .sg-two-cols {
            margin-top: 4rem;
            margin-bottom: 4rem;

            .col {
                @include grid-column(7.5);
            }
        }


        .sg-fifteen-cols {
            margin-top: 4rem;
            margin-bottom: 4rem;

            .col {
                @include grid-column(1);
            }
        }


        .l-container--17 {
            max-width: $max-width--17;
        }

        .l-container--9 .l-grid .col {
            @include grid-column(1, $grid--9);
        }

        .sg-seventeen-cols {
            margin-top: 4rem;
            margin-bottom: 4rem;

           .col {
               @include grid-column(1, $grid--17);
           }
        }
    }

}",".survey-form {
    counter-reset: fields;
    padding-bottom: 4rem;

    .field-group {
        margin-bottom: 3rem;

        label {
            line-height: 1.5;
            margin-bottom: 1em;
            padding-left: 1.25em;
            text-indent: -1.25em;

            &::before {
                counter-increment: fields;
                content: counter(fields) '.';
            }
        }
    }

    #{$all-text-inputs},
    select,
    select[multiple=multiple] {
        border: 1px solid transparent;
        background-color: #ececed;
        font-size: rem(18px);
        font-family: inherit;

        &::placeholder {
            color: palette(base, font--xl);
        }

        &:focus {
            border-color: palette(branding, navy);
        }
    }

    textarea {
        height: 11em;
    }
}","/* ul */.tabbed-content {

    &__item {
        list-style: none;

        @include mq(m) {
            display: inline;
        }
    }


    &__title {
        display: block;
        border: 2px solid palette(ui, grey);
        padding: 0.75rem 0.5rem;
        margin-bottom: 1rem;
        border-radius: 2px;

        @include mq(m) {
            position: relative;
            top: 2px;
            display: inline-block;
            margin-bottom: 0;
            margin-right: 0.5rem;
            padding: 0.5rem;
            min-width: 8em;
            text-align: center;
        }

        &:focus,
        &:hover {
            background-color: lighten(palette(ui, grey), 8);
        }

        &.is-active {
            background-color: palette(ui, grey);
        }


        h3 {
            font-family: $font1;
            text-transform: uppercase;
            color: palette(base, font--l);
            font-size: rem(14px);
            font-weight: 500;
            margin: 0;
            line-height: 1;
        }
    }


    &__content {
        display: none;
        width: 100%;
        padding: 0 0.15rem;

        @include mq(m) {
            float: left;
            border-top: 2px solid palette(ui, grey);
            padding-top: 1rem;
        }

        &.is-open {
            margin-bottom: 2rem;
        }
    }
}",".team-member {

    @include mq($from: 500px, $until: 700px) {
        display: flex;
        align-items: flex-start;
    }

    &__photo {
        display: block;
        width: 100%;
        margin-bottom: 1rem;

        @include mq($from: 500px, $until: 700px) {
            width: 40%;
        }
    }


    &__details {

        @include mq($from: 500px, $until: 700px) {
            padding-left: 1rem;
        }
    }


    &__name {
        font-family: $font1;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 1em;

        @include mq( 700px ) {
            font-size: rem(18px);
        }
    }


    &__title {
        margin-bottom: 0.8rem;
        font-family: $font3;
        font-size: 20px;
        font-style: italic;
        line-height: 1.25;

        @include mq( 700px ) {
            font-size: rem(24px);
        }

        em {
            font-family: $font1;
            font-size: rem(16px);
            font-style: normal;
        }
    }


    &__contacts {

        a {
            @include tracking(200);
            display: block;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.75;
            text-transform: uppercase;

            @include mq( 700px ) {
                font-size: rem(16px);
            }

            .icon {
                position: relative;
                top: 0.1em;
            }

            &:link,
            &:visited {
                color: palette(branding, navy);

                .icon {
                    fill: palette(branding, navy);
                }
            }

            &:focus,
            &:hover {
                color: palette(branding, green);

                .icon {
                    fill: palette(branding, green);
                }
            }
        }
    }
}",".team-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 4rem;

    @include mq( $until: 419px ) {
        justify-content: center;
    }

    .team-member {
        flex: 0 0 16rem;
        padding: 0 20px;
        margin-bottom: 3rem;

        @include mq( 420px ) {
            flex-basis: 50%;
        }
        @include mq( 500px ) {
            flex-basis: 100%;
        }
        @include mq( 700px ) {
            flex-basis: 33.3333%;
        }
    }
}",".thumbnail-carousel {
    max-width: 408px;
    margin-left: auto;
    margin-right: auto;

    &__carousel {
        img {
            margin-left: 8px;
            margin-right: 8px;
        }
    }


    &__nav {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 8px;
    }


    &__thumbs {
        display: flex;
        align-items: center;
        justify-content: center;

        a {
            display: block;
            width: 54px;
            height: 54px;
            margin-right: 4px;
            margin-left: 4px;

            img {
                width: 100%;
                transition: opacity 0.3s ease;

                &:focus,
                &:hover {
                    opacity: 0.8;
                }
            }
        }
    }


    &__prev,
    &__next {
        display: block;
        width: 24px;
        height: 24px;

        &:hover {
            svg {
                fill: palette(branding, green);
            }
        }

        svg {
            width: 24px;
            height: 24px;
            fill: palette(branding, teal);
        }
    }

    &__prev {
        margin-right: 12px;
    }

    &__next {
        margin-left: 12px;
    }
}","/* ul */.team-profiles {
    line-height: 1.7;
    margin-bottom: 0;
    padding-bottom: 6rem;

    > li {
        position: relative;

        @include mq(m) {
            padding-left: calc(24% + 2rem);
        }

        &:not(:last-child) {
            margin-bottom: 5rem;
        }
    }

    &__photo {
        border: 1px solid palette(branding, green);
        background-color: palette(ui, grey--xl);
        margin-bottom: 1rem;

        @include mq(500px) {
            float: right;
            margin-left: 2rem;
        }

        @include mq(m) {
            position: absolute;
            left: 0;
            top: 0.5rem;
            width: 24%;
            margin-left: 0;
        }
    }


    &__header {
        line-height: 1.2;
        margin-bottom: 1rem;

        strong {
            font-family: $font1;
            font-weight: 500;
            font-size: rem(24px);
            color: palette(branding, salmon);
            font-style: normal;
        }

        em {
            color: palette(branding, navy);
            font-family: $font3;
            font-size: rem(23px);
            font-styke: italic;
            font-weight: 400;

            @include mq( $until: 499px ) {
                display: inline-block;
            }
            @include mq( 740px ) {
                display: inline-block;
            }
        }
    }

    p {
        font-size: 16px;
    }
}","/* dl */.telephone-list {
    dt {
        display: inline-block;
        font-weight: 700;
        color: palette(branding, green);
        margin-top: 1em;
    }

    dd {
        display: inline-block;
        color: palette(base, font--l);
        font-weight: normal;

        &::before {
            content: \"::\";
            margin-right: 0.25em;
        }
    }
}","/* ol */.timeline {
    @include clearfix();
    position: relative;
    max-width: 30rem;
    // margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12rem;
    background: linear-gradient(palette(branding, green--l), palette(branding, green--l)) repeat-y 50% 0;
    background-size: 3px 30px;
    background-position: 1rem 0;
    padding-left: calc(1rem + 3px);

    @include mq(30em) {
        padding-left: 90px;
        background-position: 45px 0;
    }

    @include mq(60em) {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        background-position: 50% 0;
    }

    /* Cover first part of background line */
    &::after {
        content: \"\";
        display: block;
        position: absolute;
        top: 0;
        left: calc(1rem - 5px);
        width: 20px;
        height: 1rem;
        background: #FFF;
    }


    &__primary {
        @include mq(60em) {
            width: calc(50% - 65px - 2rem);
            padding-right: 1rem;
            flex: 0 0 auto;
            order: 1;
        }

        @include mq(xl) {
            padding-left: 3rem;
            padding-right: 2rem;
        }

        > *:last-child {
            margin-bottom: 0;
        }
    }


    &__secondary {
        max-width: 200px;
        margin-bottom: 1rem;

        @include mq(60em) {
            width: calc(50% - 65px - 2rem);
            max-width: none;
            flex: 0 0 auto;
            order: 3;
            margin-bottom: 0;
        }

        img {
            display: block;

            @include mq(60em) {
                max-height: 400px;
                width: auto;
                margin-left: auto;
                margin-right: auto;
            }

            &.xs {
                max-height: 140px;
                margin-left: 0;
                margin-right: auto;
            }
        }
    }


    &__event {
        z-index: 1;
        clear: both;
        display: block;
        position: relative;
        margin-bottom: 5rem;
        padding-left: 1.5rem;
        font-size: rem(15px);
        line-height: 1.8;
        color: palette(base, font--d);
        font-weight: 500;

        @include mq(30em) {
            font-size: rem(16px);
            min-height: 10rem;
            margin-bottom: 8rem;
        }

        @include mq(60em) {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 0;
        }


        &::after {
            content: \"\";
            display: block;
            position: absolute;
            top: 0.3rem;
            left: 0;
            width: 16px;
            height: 16px;
            margin-left: -10px;
            background: #FFF;
            border: 4px solid palette(branding, green--l);
            border-radius: 130px;

            @include mq(30em) {
                display: none;
            }
        }


        /* Cover first part of background line */
        &:first-child {

            @include mq( 960px ) {
                margin-top: -5rem;
            }

            &::after {
                @include mq(60em) {
                    z-index: -1;
                    content: \"\";
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    height: 50%;
                    width: 20px;
                    background: #FFF;
                    border: 0;
                }
            }
        }


        &:last-child {
            margin-bottom: 0;
        }


        &--rtl {
            @include mq(60em) {
                flex-direction: row-reverse;
            }

            .timeline__primary {
                @include mq(60em) {
                    padding-right: 0;
                    padding-left: 1rem;
                }

                @include mq(xl) {
                    padding-left: 2rem;
                    padding-right: 3rem;
                }
            }
        }


        &--a {
            blockquote {
                font-size: rem(15px);

                @include mq(60em) {
                    font-size: rem(18px);
                }
            }

            cite span {
                display: block;
                color: palette(base, font);
                text-transform: none;
            }

            &:first-child img {
                @include mq(60em) {
                    position: relative;
                    top: 6rem;
                }
            }
        }


        &--b {
            font-size: rem(20px);

            @include mq(30em) {
                font-size: rem(26px);
            }
        }


        &--c,
        &--d {
            blockquote {
                margin-top: 0;

                p {
                    color: palette(branding, salmon);
                    font-size: rem(30px);
                }
            }

            br {
                display: none;
            }

            @include mq(60em) {
                display: block;
                width: 100%;
                margin-top: 10rem;
                padding-top: 7rem;
                padding-bottom: 5rem;
                background: #fff;
                border-top: 8px solid palette(branding, green--l);
                border-bottom: 8px solid palette(branding, green--l);
                text-align: center;

                br {
                    display: block;
                }

                .timeline__primary {
                    width: 100%;
                    max-width: 46rem;
                    margin-left: auto;
                    margin-right: auto;
                    padding-left: 0;
                    padding-right: 0;
                }

                .timeline__date {
                    position: absolute;
                    left: calc(50% - 65px);
                    top: -68px;
                }

                .timeline__primary > p {
                    max-width: 40rem;
                    margin-left: auto;
                    margin-right: auto;
                }

                blockquote {
                    margin-top: 2rem;

                    p {
                        font-size: rem(56px);
                        line-height: 1.1;
                    }

                    cite {
                        max-width: 20em;
                        padding-bottom: 1rem;
                        margin-bottom: 2rem;
                        margin-left: auto;
                        margin-right: auto;
                        font-size: rem(16px);
                        border-bottom: 1px solid palette(ui, grey);

                        &::before {
                            display: none;
                        }
                    }
                }

                img {
                    margin-top: -2rem;
                }
            }
        }


        &--c {
            img.small {
                width: 360px;
                height: auto;
            }
        }


        &--d {
            .timeline__primary {
                max-width: none;
            }

            @include mq(60em) {
                padding-bottom: 3rem;

                blockquote cite {
                    border: none;
                }
            }
        }
    }


    &__date {
        display: inline-block;
        line-height: 1.25;
        margin-bottom: 2rem;
        border-bottom: 2px solid;
        font-family: $font2;
        font-weight: 700;
        color: palette(branding, navy);

        @include mq(30em) {
            position: absolute;
            left: -90px;
            width: 90px;
            height: 90px;
            margin-bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: palette(branding, navy);
            border-radius: 90px;
            border: 0;
            color: #fff;
            font-size: rem(36px);
        }

        @include mq(60em) {
            left: -130px;
            width: 130px;
            height: 130px;
            border-radius: 130px;
            position: relative;
            left: 0;
            flex: 0 0 130px;
            order: 2;
            font-size: rem(46px);
        }

        & + * {
            display: block;
        }
    }


    &__hotline {
        margin-bottom: 0;
        font-family: $font2;
        color: palette(branding, salmon);
        font-weight: 700;
        font-size: 12vw;

        @include mq(40em) {
            font-size: rem(70px);
            line-height: 1.2;
        }

        @include mq(60em) {
            max-width: none!important;
            font-size: rem(160px);
        }
    }
}",".title-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    padding: 3rem 0;
    border: 1px solid palette(branding, salmon);


    &__title {
        color: palette(branding, green--l);
        margin-bottom: 1rem;
        margin-top: 1rem;
        padding: 0 1rem;
    }

    &__content {
        flex-shrink: 0;
        margin-bottom: 1rem;
        margin-top: 1rem;
        padding: 0 1rem;
    }


    &__list {
        margin-bottom: 1rem;
        color: palette(branding, navy);

        a {
            border-bottom: 1px solid #D0D0D0;
            color: palette(base, font);
            transition: all 200ms ease;

            &:hover {
                border-color: palette(branding, pri);
                color: palette(branding, pri);
            }
        }
    }


    &__link {
        font-size: rem(12px);
        text-transform: uppercase;
        border-bottom: 1px dotted;
        font-weight: 500;
        @include tracking(200);

        &:link,
        &:visited {
            color: palette(branding, salmon);
        }

        &:focus,
        &:hover {
            color: palette(branding, green);
        }
    }
}","/**
Video tease contains a preview image and play icon, which triggers a modal containing the video
*/
.video-tease {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    position: relative;

    .wysiwyg + & {
        margin-top: 4rem;
    }

    &__icon {
        display: block;
        z-index: 1;
        cursor: pointer;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 160px;
        max-width: 30%;
        transform: translate(-50%,-50%);
        outline: none;
    }
}
#video-embed {
    @include size( 80vw 44.8vw );
    margin: 0 auto;

    iframe {
        @include size( 100% );
    }

    & + .wysiwyg {
        margin-top: 4rem;
    }
}","ul.visiting-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;

    .grid-item {
        flex: 0 1 100%;
        font-size: 16px;
        line-height: 2;
        margin-bottom: 2rem;
        padding: 0 20px;

        @include mq( 480px ) {
            font-size: rem(14px);
        }

        &::before {
            content: '';
            display: none;
        }

        a {

            svg {
                fill: palette(branding, pri);
                transition: fill 200ms ease;
                vertical-align: -5%;
            }

            &:hover {
                color: palette(branding, sec);

                svg {
                    fill: inherit;
                }
            }
        }
    }

    &.three-col {

        .grid-item {

            @include mq( 600px ) {
                flex-basis: 50%;
            }
            @include mq( 992px ) {
                flex-basis: 33.3333%;
            }
        }
    }
    &.four-col {

        .grid-item {

            @include mq( 480px ) {
                flex-basis: 50%;
            }
            @include mq( 600px ) {
                flex-basis: 33.3333%;
            }
            @include mq( 992px ) {
                flex-basis: 25%;
            }
        }
    }
}",".wizard {
    padding: 0 0.5rem 50vh;

    .question {
        margin-bottom: 9vh;
        padding-top: 17vh;
        text-align: center;
        transition: opacity 500ms ease;

        @include mq( 768px ) {
            padding-top: 25vh;

            &:not(:first-child) {
                margin-top: -16vh;
            }
        }

        &:not(:first-child) {
            opacity: 0;
            pointer-events: none;
        }

        &.viewed {
            opacity: 1;
            pointer-events: auto;
        }
    }
    .status {
        @include size( 3.3333rem );
        align-items: center;
        border: 2px solid #34ceaa;
        border-radius: 50%;
        color: #FFF;
        display: flex;
        font-family: $font3;
        font-size: 0.8333rem;
        font-style: italic;
        justify-content: center;
        margin: 0 auto 2rem;

        .index,
        .total {
            font-family: $font1;
            font-style: normal;
            padding: 0 0.25rem;
        }
        .index {

        }
        .total {

        }
    }
    p {
        @include smoothing(false);
        color: #FFF;
        font-size: 1.25rem;
        font-weight: 300;
        line-height: 1.2;
        margin: 0 auto 2.5rem;
        max-width: 28em;

        @include mq( 768px ) {
            font-size: 1.6666rem;
        }
    }
    .option-buttons {

        .button {
            font-family: $font2;
            margin: 0 0.25rem;
            min-width: 5.25rem;

            @include mq( 768px ) {
                margin: 0 0.5rem;
                min-width: 8rem;
            }

            &.selected {
                color: palette(branding, navy);
                background-color: palette(branding, sec);
                border-color: palette(branding, sec);
            }
        }
    }

    .answer {
        opacity: 0;
        padding-top: 17vh;
        pointer-events: none;
        text-align: center;
        transition: opacity 500ms ease;

        @include mq( 768px ) {
            padding-top: 35vh;
        }

        &.viewed {
            opacity: 1;
            pointer-events: auto;
        }

        p {
            color: #FFF;
            font-family: $font2;
            font-size: 2.5rem;
            letter-spacing: 0.01em;
            line-height: 0.9;
            margin-bottom: 3rem;
            max-width: 16em;
            text-transform: uppercase;

            @include mq( 768px ) {
                font-size: 4rem;
            }

            em {
                color: palette(branding, sec);
                display: inline-block;
                font-style: normal;
            }
        }
        .button {
            border-color: palette(branding, pri);
            color: #FFF;
            font-family: $font2;
        }
    }

    .btn-start-over {
        color: #FFF;
        display: block;
        font-family: $font3;
        font-style: italic;
        margin-top: 2.5rem;
        opacity: 0.7;
        transition: opacity 200ms ease;

        &:hover {
            opacity: 1;
        }
    }
}",".wysiwyg {
    h1,
    h2,
    h3,
    h4,
    h5 {
        margin-bottom: 1em;

        &:not(:first-child) {
            margin-top: 2em;
        }
    }

    h1,
    .alpha {
        font-family: $font3;
        font-style: italic;
        font-weight: 400;
        color: palette(branding, navy);
        font-size: rem(36px);
    }

    h2,
    .beta {
        font-family: $font3;
        font-style: italic;
        font-weight: 600;
        color: palette(branding, navy);
        font-size: rem(24px);
    }

    h3,
    .gamma {
        margin-top: 2.5em;
        font-family: $font1;
        color: palette(branding, salmon);
        font-size: rem(16px);
        @include tracking(40);
        font-weight: 700;
        text-transform: uppercase;
    }

    h4,
    .delta {
        font-family: $font1;
        color: palette(base, font--xl);
        font-size: rem(14px);
        @include tracking(40);
        font-weight: 600;
        text-transform: uppercase;
    }

    h5,
    .epsilon {
        font-family: $font1;
        color: palette(base, font--d);
        font-size: rem(14px);
        @include tracking(0);
        font-weight: 600;
        text-transform: none;
    }

    p:only-child {
        margin-bottom: 0;
    }

    a {
        border-bottom: 1px solid palette(branding, pri);
    }

    &:last-child,
    &:only-child {
        margin-bottom: 4rem;
    }
    ul {
        @extend .bullet-list;
    }

    ol {
        @extend .numbered-list;
    }
  }

/*Sans-Serif Font*/

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcadw_xcy4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcafg_xcy4.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcadA_xcy4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcaeg_x.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Caption Bold'), local('PTSans-CaptionBold'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlJVP6Hrxmt7-fsUFhlFXNIlpcSwSrkQQ-v_38.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Caption Bold'), local('PTSans-CaptionBold'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlJVP6Hrxmt7-fsUFhlFXNIlpcSwSrkSA-v_38.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Caption Bold'), local('PTSans-CaptionBold'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlJVP6Hrxmt7-fsUFhlFXNIlpcSwSrkQg-v_38.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Caption Bold'), local('PTSans-CaptionBold'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlJVP6Hrxmt7-fsUFhlFXNIlpcSwSrkTA-v.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}