/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
/**
 * Bolts WP v1.0 | MIT License
 *
 * Developed by Pocketsize
 * http://www.pocketsize.se/
 */
/**
 * Bolts 1.0.6 | MIT License
 *
 * Developed by Pocketsize
 * https://pocketsize.se
 */
/***************************
 * Configuration variables *
 ***************************/
/******************************
 * Internal utility functions *
 ******************************/
/********************************
 * Media query helper functions *
 ********************************/
/**
 * breakpoint()
 * 
 * Helper function for writing cleaner responsive media queries
 * If a named breakpoint if supplied, it looks for breakpoints defined in $bolts-breakpoints, otherwise the supplied value is used
 *
 * @param {number} $from - CSS length unit required
 * @param {number} $to - CSS length unit required
 * @param {string} $property - "height" or "width"
 */
/**
 * width() / width-to() / width-from() 
 * 
 * Helper functions for writing cleaner responsive media queries
 *
 * @param {number} $from - CSS unit mandatory
 * @param {number} $to - CSS unit mandatory
 */
/**
 * height() / height-to() / height-from() 
 * 
 * Helper functions for writing cleaner responsive media queries
 *
 * @param {number} $from - CSS unit mandatory
 * @param {number} $to - CSS unit mandatory
 */
/**
 * retina() 
 * 
 * Helper function for writing media queries for retina screens
 *
 * @param {number} $min-pixel-ratio
 */
/********************
 * Helper functions *
 ********************/
/**
 * ease()
 *
 * Returns a cubic-bezier with the specified easing
 * If a named easing if supplied, it looks for easings defined in $bolts-easings, otherwise the supplied value is used
 *
 * @param {string} $easing
 *
 * @returns {string}
 */
/*************************
 * Reset and boilerplate *
 *************************/
/**
 * reset
 * 
 * Reset styles to normalize browser differences (included in boilerplate by default)
 */
/**
 * sticky-footer()
 * 
 * Table based sticky footer
 */
/*****************
 * Helper mixins *
 *****************/
/**
 * font() 
 * 
 * Define one or multiple @font-faces (include this before any output, including the reset and boilerplate)
 *
 * @param {string} $family
 * @param {string|number} $weight
 * @param {string} $style
 * @param {string} $filename - Without path and filetype extension
 * @param {list.<string>} $formats
 * @param {string} $path
 * @param {string} $svg-id
 * @param {map} $variations - May include all parameters documented above
 */
/**
 * responsive-font-size() 
 * 
 * Fluid font sizing, based on the viewport width, with optional min/max sizes
 *
 * @param {number} $ratio
 * @param {number} $min - CSS length unit required
 * @param {number} $max - CSS length unit required
 */
/**
 * container() 
 * 
 * Content container, center aligned with a fluid width and a fixed max-width by default
 *
 * @param {number} $width - CSS length unit required
 * @param {number} $max-width - CSS length unit required
 * @param {string} $align - "right", "left" or "center"
 */
/**
 * clear-whitespace() 
 * 
 * Hide spaces between inline-block elements
 *
 * @param {number} $font-size - Font-size to reset children to, CSS length unit required
 * @param {bool} $break
 */
/**
 * overlay() 
 * 
 * Stretch an element across the width and height of its closest relatively positioned parent
 *
 * @param {boolean} $fixed - "To use, or not use fixed positioning - that is the question" -HAMLet
 * @param {bool} $force-size - Sets "width" and "height" to 100%
 */
/**
 * background() 
 * 
 * Set background attributes in an easy manner with configurable defaults.
 * All parameters corresspond to background-properties.
 *
 * @param {string} $image
 * @param {string|number} $size
 * @param {string|number} $position
 * @param {string} $repeat
 * @param {string} $attachment
 * @param {color} $color
 */
/**
 * transition() 
 * 
 * Set transition(s) in an easy manner with configurable defaults
 *
 * @param {string} $property
 * @param {number} $duration - CSS time unit required
 * @param {string} $easing
 * @param {number} $delay - CSS time unit required
 * @param {string} $queue
 * @param {number} $queue-duration - CSS time unit required
 * @param {string} $easing
 * @param {bool} $prevent-on-resize
 */
/**
 * transition-height()
 *
 * Used together with misc.autoHeight() in Bolts JS
 * Transitions height:auto kinda
 *
 */
/**
 * aspect-ratio() 
 * 
 * Give a heightless element a height based on its width. 
 * Always follows the set width:height ratio.
 *
 * @param {number} $width - Without CSS unit
 * @param {number} $height - Without CSS unit
 * @param {string} $pseudo - Optional selector to use insted of default pseudo-element
 */
/**
 * clear() 
 * 
 * Your average, run-of-the-mill clearfix
 *
 * @param {string} $pseudo - Optional selector to use insted of default pseudo-element
 */
/**
 * center() 
 * 
 * Center an element inside its closest relatively positioned parent, in any direction
 *
 * @param {string} $direction - "horizontal", "vertical" or "both"
 */
/**
 * vertical-align() 
 * 
 * Vertically aligns a child element if the parent is taller
 *
 * @param {string} $position - "top", "bottom" or "middle"
 * @param {string} $selector
 * @param {string} $pseudo - Optional selector to use insted of default pseudo-element
 */
/**
 * line-clamp() 
 * 
 * A line clamp mixin which truncates text at the selected number of lines.
 * The mixin needs to be set directly on the element containing the text.
 *
 * Not supported by IE 11 and Opera Mobile.
 */
/**
 * visually-hidden() 
 * 
 * Hide content visually, but allow the text to be read by screen readers,
 * unlike display: none
 */
/**
 * antialias() 
 * 
 * Font smoothing, best used with light text on dark backgrounds
 *
 * @param {string} $method - "none", "reset" or false (default)
 */
/**
 * scroll() 
 * 
 * Make element scrollable, apply elastic scroll on webkit touch devices,
 * plus use an auto hiding scrollbar in IE 10/11 and Edge
 *
 * @param {string} $direction - "vertical", "horizontal" or "both" (default)
 */
/**
 * viewport()
 * 
 * Create a viewport by setting the height of an element to the window height
 * and make it scrollable, allowing us to lock scrolling and zooming as needed
 *
 * @param {string} $scroll-direction - "vertical", "horizontal" or false (default, equivalent to "both")
 */
/**
 * grayscale() 
 * 
 * Grayscale filter (uses a selector hack for IE 9, does not work in IE 10/11 or Edge)
 */
/**
 * inline-layout() 
 * 
 * Layout component using display: inline-block.
 * Useful for columns of an unknown amount.
 *
 * @param {number} $gutters - CSS length unit required
 * @param {string} $align
 * @param {string} $col - Column selector
 * @param {number} $font-size - CSS length unit required
 */
/**
 * inline-row()
 */
/**
 * inline-column()
 */
/**
 * flex-layout()
 */
/**
 * flex-row()
 */
/**
 * flex-column()
 */
/**
 * auto-col() 
 * 
 * Sets widths to dynamically fit all columns in one row
 *
 * @param {number} $min
 * @param {number} $max
 * @param {string} $element
 */
/**
 * reverse() 
 * 
 * Reverse the order of an element's children without the need for duplicate markup.
 */
/*******************
 * Selector mixins *
 *******************/
/**
 * select() 
 * 
 * Select a predefined set of selectors
 *
 * @param {list} $selectors
 */
/**
 * placeholder() 
 * 
 * Style input placeholders
 */
/**
 * count() 
 * 
 * Matches a set of elements when they are of a certain amount
 *
 * @param {number} $amount
 * @param {string} $element
 */
/**
 * state() 
 * 
 * Matches elements based on current state.
 *
 * @param {string} $key
 * @param {string} $value
 * @param {bool} $local - If true, based on the state of the current element. If false, the global state
 */
/**
 * resizing() 
 * 
 * Matches when viewport is being resized
 */
/**
 * orientation() 
 * 
 * Matches img elements with the specified orientation
 *
 * @param {string} $orientation - "portrait", "landscape" or "square"
 */
/**
 * hover() 
 * 
 * Matches if Bolts has detected any hover capability
 */
/**
 * no-hover() 
 * 
 * Matches if Bolts has not detected any hover capability
 */
/*
%title--base {
    font-family: sans-serif;
    font-weight: $font-weight--bold;
    line-height: 1.2;
}

%title--h1 {
    @extend %title--base;

    @media (width-to(medium)) {
        font-size: 25px;
    }

    @media (width-from(medium)) {
        font-size: 40px;
    }
}

%title--h1-spacing {
    @media (width-to(medium)) {
        &:not(:last-child) {
            margin-bottom: 20px;
        }
    }

    @media (width-from(medium)) {
        &:not(:last-child) {
            margin-bottom: 30px;
        }
    }
}

%text--base {
    font-family: sans-serif;
    font-weight: $font-weight--normal;
}

%text--link {
    font-weight: $font-weight--bold;
}

%text--button {
    @extend %text--base;

    @media (width-to(medium)) {
        font-size: 14px;
    }

    @media (width-from(medium)) {
        font-size: 16px;
    }
}

%content--wysiwyg {
    @include clear;

    @include select(headings) {
        @extend %title--base;
    }

    p,
    ul,
    ol {
        &:not(:last-child) {
            padding-bottom: 20px;
        }
    }

    ul,
    ol {
        padding-left: 20px;
    }

    p,
    li {
        @extend %text--base;
    }

    a:hover {
        text-decoration: underline;
    }

    .embed-wrapper {
        @extend %embed-wrapper;
    }

    .alignleft,
    .alignright {
        margin-bottom: 10px;
    }

    .alignleft {
        float: left;
        margin-right: 20px;
    }

    .alignright {
        float: right;
        margin-left: 20px;
    }
}

%content--wysiwyg-spacing {
    &:not(:last-child) {
        margin-bottom: 30px;
    }
}

html {
    font-size: 16px;
}
body {
    @extend %text--base;
}
*/
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.eot?#bolts") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Italic.eot?#bolts") format("embedded-opentype"), url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff"), url("../fonts/OpenSans-Italic.ttf") format("truetype"), url("../fonts/OpenSans-Italic.svg#OpenSans-Regular") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.eot?#bolts") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#OpenSans-Regular") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-BoldItalic.eot?#bolts") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff"), url("../fonts/OpenSans-BoldItalic.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic.svg#OpenSans-Regular") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: FontAwesome;
  src: url("../fonts/fontawesome-webfont.eot?#bolts") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FontAwesomeBrands;
  src: url("../fonts/fa-brands-400.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/*
%embed-wrapper {
    position: relative;
    @include aspect-ratio(16, 9);
    overflow: hidden;

    @include select(embed-elements) {
        @include overlay($force-size: true);
    }
}

%image-wrapper {
    display: inline;
}

%disabled-input {
    opacity: 0.1;
    cursor: not-allowed;
}

%form-component-spacing {
    margin-bottom: 30px;
}

%fieldset {
    display: block;
    width: 100%;
}
*/
.user-content .embed-wrapper {
  position: relative;
  overflow: hidden;
}
.user-content .embed-wrapper::after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 56.25%;
}
.user-content .embed-wrapper iframe, .user-content .embed-wrapper object, .user-content .embed-wrapper embed, .user-content .embed-wrapper video {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.textarea-input:disabled + .textarea-faux-input, .text-input-input:disabled + .text-input-faux-input, .radio-button-input:disabled + .radio-button-faux-input + .radio-button-label, .radio-button-input:disabled + .radio-button-faux-input, .checkbox-input:disabled + .checkbox-faux-input + .checkbox-label, .checkbox-input:disabled + .checkbox-faux-input {
  opacity: 0.5;
  cursor: not-allowed;
}

.radio-buttons, .checkboxes {
  display: block;
  width: 100%;
}

#cta h2, #faqs h2, #articles .articles .article .article-content h2 {
  color: #888888;
  font-size: 1.7em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer .about-link a:before {
  position: relative;
  top: -0.125em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  font-family: FontAwesome;
  content: "\f061";
}

/**
 * sticky-footer-flex()
 * 
 * Flex based sticky footer
 */
@keyframes hint {
  0% {
    transform: translate3d(0, 0, 0);
  }
  80% {
    transform: translate3d(-30%, 0, 0);
  }
  88% {
    transform: translate3d(2%, 0, 0);
  }
  96% {
    transform: translate3d(-1%, 0, 0);
  }
  to {
    transform: none;
  }
}
/**
 * boilerplate() 
 */
/**
 * table-layout() 
 * 
 * Row/column based grid component using display: table.
 *
 * @param {number} $gutters - CSS length unit required
 * @param {string} $row - Row selector
 * @param {string} $col - Column selector
 */
ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

/**
 * inline-layout
 *
 * Be aware that inline-layout no longer takes $gutters as first argument, will have to be passed as a named argument.
 * Also please note that the $vertical-align argument has been renamed to $align (goes for $bolts-default-inline-layout-align as well)
 */
* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  color: inherit;
  background: none;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  border-radius: 0;
}
*, *:before, *:after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

html {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  font-size: 100%;
  line-height: 1;
}

code, kbd, samp, pre, tt, var, textarea, input, select {
  font: inherit;
  font-size: 1em;
}

dfn, i, cite, var, address, em {
  font-style: normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td, center {
  text-align: left;
  vertical-align: top;
}

q {
  quotes: "" "";
}

sub, sup {
  vertical-align: baseline;
}

a {
  color: inherit;
}

button {
  background-color: transparent;
  font: inherit;
  color: inherit;
}

.bolts-page {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.bolts-page,
.bolts-page .bolts-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
img {
  display: block;
  max-width: 100%;
}

html, body,
.bolts-main {
  height: 100%;
}

html {
  font-size: 14px;
}

body {
  font-family: "Open Sans", sans-serif;
}

button {
  cursor: pointer;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
#slider {
  overflow: hidden;
}
#slider .slider .slide {
  background-color: #000;
}
@media (max-width: 900px) {
  #slider .slider .slide {
    height: 100vh;
    max-height: 100vw;
  }
}
@media (min-width: 901px) {
  #slider .slider .slide {
    height: calc(100vh - 70px);
  }
}
#slider .slider .slide .slide-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  width: 177.77777778vh;
  min-height: 56.25vw;
  height: 100%;
}
#slider .slider .slide .slide-video > iframe {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
#slider .slider .slide .slide-image {
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  height: 100%;
  /*&:after {
      content: '';
      @include center;
      padding: 40px;
      border-radius: 50%;
      border: 10px solid #fff;
      border-left-color: transparent;
      animation: rotate 1s infinite;
  }*/
}
#slider .slider .slide .slide-image:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
}
#slider .slider .slide .slide-image .slide-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
#slider .slider .slide .slide-image .slide-content h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-size: 36px;
  font-size: 2.8vw;
  font-weight: bold;
}
#slider .slider .slide .slide-image .slide-content h2:not(:last-child) {
  margin-bottom: 1em;
}
#slider .slider .slide .slide-image .slide-content .button {
  font-size: 1.285em;
}

@media (min-width: 901px) {
  #hero {
    display: flex;
    flex-wrap: wrap;
  }
  #hero > *:nth-child(2n+1) {
    width: 72.2222222222%;
  }
  #hero > *:nth-child(2n+2) {
    width: 27.7777777778%;
  }
}

.footer {
  padding: 2em 0;
  background-color: #222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.footer,
.footer a {
  color: #fff;
}
.footer a:hover {
  text-decoration: underline;
}
.footer h2,
.footer h3 {
  line-height: 1;
  font-weight: bold;
}
.footer h2 {
  text-transform: uppercase;
  font-size: 1.285em;
}
.footer h3 {
  margin-bottom: 1em;
}
.footer p + p {
  margin-top: 1em;
}
.footer ul {
  padding-left: 0 !important;
  list-style: none;
}
.footer ul + ul {
  margin-top: 1em;
}
.footer .about-link a {
  font-weight: bold;
  text-decoration: underline;
}
.footer .social ul li a:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesomeBrands;
  color: #222222;
  background-color: #fff;
  height: 18px;
  width: 18px;
  line-height: 18px;
  padding-left: 1px;
  margin-right: 0.5em;
  border-radius: 50%;
  text-align: center;
}
.footer .social ul li.facebook a:before {
  content: "\f09a";
}
.footer .social ul li.instagram a:before {
  content: "\f16d";
}
.footer .social ul li.twitter a:before {
  content: "\f099";
}
.footer .social ul li.tiktok a:before {
  content: "\e07b";
}
.footer .social ul li.linkedin a:before {
  content: "\f0e1";
}
.footer .social ul li.youtube a:before {
  content: "\f167";
}
.footer .columns {
  font-size: 0;
}
.footer .columns > *, .footer .columns:before, .footer .columns:after {
  font-size: medium;
  font-size: 1rem;
}
.footer .columns > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
@media (max-width: 1200px) {
  .footer .columns .column {
    margin-top: 1em;
  }
  .footer .columns .column p {
    max-width: 45em;
  }
}
@media (min-width: 1201px) {
  .footer .columns .column {
    padding-right: 2em;
  }
}
@media (max-width: 1200px) {
  .footer .columns .column.about, .footer .columns .column.contact {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .footer .columns .column.about, .footer .columns .column.contact {
    width: 30%;
    padding-top: 2em;
    padding-right: 2em;
  }
}
@media (max-width: 1200px) {
  .footer .columns .column.sections, .footer .columns .column.social {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  .footer .columns .column.sections, .footer .columns .column.social {
    width: 20%;
  }
}
.footer .copyright {
  text-align: center;
  margin-top: 2em;
}

.header {
  background-color: #fff;
  position: relative;
}
@media (max-width: 1200px) {
  .header {
    z-index: 2 !important;
  }
  .header::after {
    background-color: inherit !important;
  }
  .header .header-primary {
    background-color: #fff;
    position: relative;
    z-index: 3;
  }
}
.header .header-inner {
  text-align: right;
}
@media (max-width: 1200px) {
  .header .header-inner {
    position: relative;
  }
}
@media (min-width: 1201px) {
  .header .header-inner {
    width: 90%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
.header ul {
  list-style: none;
}
.header h1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
@media (max-width: 1200px) {
  .header h1 {
    left: 5%;
  }
}
@media (min-width: 1201px) {
  .header h1 {
    left: calc((100vw - 1080px) / 2);
  }
}
.header h1 a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  padding: 14px;
  margin-left: -14px;
  display: inline-block;
}
@media (max-width: 350px) {
  .header h1 a img {
    width: 180px;
  }
}
@media (min-width: 351px) and (max-width: 500px) {
  .header h1 a img {
    width: 240px;
  }
}
@media (min-width: 501px) {
  .header h1 a img {
    width: 320px;
  }
}
.header nav > ul > li a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em;
  color: #fff;
}
@media (max-width: 1200px) {
  .header .header-toggle {
    position: relative;
    right: 5%;
    padding: 1em;
    margin: 1em -1em 1em 0;
  }
  .header .header-toggle > * {
    display: inline-block;
    vertical-align: middle;
  }
  .header .header-toggle span {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 0.5em;
  }
  .header .header-toggle img {
    width: 18px;
  }
  .header nav {
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    top: 100%;
    z-index: -1;
    transition: transform 0.4s ease-in-out, visibility 0s linear 0.4s;
    top: calc(100% - 1px);
    text-align: left;
    z-index: auto !important;
  }
  html[data-bolts-state-menu] .header nav {
    transform: translateY(0);
  }
  .header {
    position: relative;
    z-index: 1;
  }
  .header:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: inherit;
    z-index: -1;
  }
  html:not([data-bolts-state-menu]) .header nav {
    visibility: hidden;
  }
  html[data-bolts-state-resizing] .header nav {
    transition: none;
  }
  html[data-bolts-state-menu] .header nav {
    visibility: visible;
    transition: transform 0.4s ease-in-out;
  }
  .header nav > ul > li {
    background-color: #cccccc;
  }
  .header nav > ul > li > ul > li {
    background-color: #b8b8b8;
  }
  .header nav > ul > li > ul > li > ul > li {
    background-color: #a3a3a3;
  }
  .header nav > ul > li > ul > li > ul > li > ul > li {
    background-color: #8f8f8f;
  }
  .header nav ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .header nav ul li.expanded > .sub-menu {
    display: block;
  }
  .header nav ul li.expanded > a .expand:after {
    transform: translate(-50%, -25%) rotate(225deg);
  }
  .header nav ul li a {
    position: relative;
    line-height: 1;
    padding: 1em 5%;
  }
  .header nav ul li .sub-menu {
    display: none;
  }
  .header nav ul li .sub-menu li {
    margin-left: 0.5em;
  }
  .header nav ul li .sub-menu li .sub-menu li a {
    text-indent: 1em;
  }
  .header nav ul li .sub-menu li .sub-menu li .sub-menu li a {
    text-indent: 1.5em;
  }
  .header nav ul li .expand {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3em;
    margin-right: 5%;
  }
  .header nav ul li .expand:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%) rotate(45deg);
    content: "";
    width: 12px;
    height: 12px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
}
@media (min-width: 1201px) {
  .header .header-toggle {
    display: none;
  }
  .header nav {
    margin-right: -1em;
    padding: 1em 0 1em 360px;
  }
  .header nav ul {
    font-size: 0;
  }
  .header nav ul > *, .header nav ul:before, .header nav ul:after {
    font-size: medium;
    font-size: 1rem;
  }
  .header nav ul > * {
    vertical-align: top;
    display: inline-block;
    min-height: 1px;
  }
  .header nav ul li a .expand {
    display: none;
  }
  .header .sub-menu li:hover > a {
    color: #888888;
  }
  .header nav > ul > li > a {
    color: #cccccc;
  }
  .header nav > ul > li:hover > a {
    color: #888888;
  }
  .header nav > ul > li.menu-item-has-children a:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    margin-bottom: -1em;
    content: "";
    border: 18px solid transparent;
  }
  .header nav > ul > li.menu-item-has-children:hover > .sub-menu,
  .header nav > ul > li.menu-item-has-children:hover > a:after {
    display: block;
    /* opacity: 1;
    visibility: visible;
    transition: opacity 0.2s linear; */
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > li {
    text-align: left;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > * {
    width: 8.3333333333%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(11):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(11):first-of-type ~ * {
    width: 9.0909090909%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(10):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(10):first-of-type ~ * {
    width: 10%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(9):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(9):first-of-type ~ * {
    width: 11.1111111111%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(8):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(8):first-of-type ~ * {
    width: 12.5%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(7):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(7):first-of-type ~ * {
    width: 14.2857142857%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(6):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(6):first-of-type ~ * {
    width: 16.6666666667%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(5):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(5):first-of-type ~ * {
    width: 20%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(4):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(4):first-of-type ~ * {
    width: 25%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(3):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(3):first-of-type ~ * {
    width: 33.3333333333%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(2):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(2):first-of-type ~ * {
    width: 50%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(1):first-of-type, .header nav > ul > li > .sub-menu > li > .sub-menu > *:nth-last-of-type(1):first-of-type ~ * {
    width: 100%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > li > .sub-menu {
    position: static;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > li > .sub-menu > li {
    display: block;
  }
  .header nav > ul > li > .sub-menu > li {
    margin-right: -1em;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu {
    opacity: 0;
    visibility: hidden;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > li {
    padding-bottom: 1em;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > li > a {
    padding-top: 2em;
    padding-bottom: 1em;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > .menu-item-has-children > a {
    position: relative;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu > .menu-item-has-children > a:before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 1px;
    left: 1em;
    right: 1em;
    top: 100%;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu a {
    text-transform: none;
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu .sub-menu {
    padding: 0.5rem 0;
    /* &:before {
    	content: '';
    	display: block;
    	background-color: #fff;
    	height: 1px;
    } */
  }
  .header nav > ul > li > .sub-menu > li > .sub-menu .sub-menu a {
    font-weight: normal;
    padding: 0.5em 1em;
  }
  .header nav > ul > li > .sub-menu > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .header nav > ul > li > .sub-menu,
  .header nav > ul > li > .sub-menu > li > .sub-menu {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0 5%;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) {
  .header nav > ul > li > .sub-menu,
  .header nav > ul > li > .sub-menu > li > .sub-menu {
    padding: 0 calc(50vw - 540px);
  }
}
@media (min-width: 1201px) {
  .header nav > ul > li > .sub-menu:before, .header nav > ul > li > .sub-menu:after,
  .header nav > ul > li > .sub-menu > li > .sub-menu:before,
  .header nav > ul > li > .sub-menu > li > .sub-menu:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1201px) {
  .header nav > ul > li > .sub-menu:before,
  .header nav > ul > li > .sub-menu > li > .sub-menu:before {
    bottom: 100%;
    height: 20px;
  }
}
@media (min-width: 1201px) {
  .header nav > ul > li > .sub-menu:after,
  .header nav > ul > li > .sub-menu > li > .sub-menu:after {
    top: 100%;
    height: 40px;
  }
}
@media (min-width: 1201px) {
  .header nav > ul > li > .sub-menu > li > .sub-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (min-width: 1201px) {
  .header nav > ul > li > .sub-menu,
  .header nav > ul > li a:after {
    display: none;
    /* opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s linear 0.05s, visibility 0s linear 0.25s; */
  }
}

body.home .links {
  display: flex;
  flex-wrap: wrap;
}
body.home .links.is-full-height {
  height: 100%;
}
body:not(.home) .links {
  font-size: 0;
}
body:not(.home) .links > *, body:not(.home) .links:before, body:not(.home) .links:after {
  font-size: medium;
  font-size: 1rem;
}
body:not(.home) .links > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
.links .link .link-image {
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  margin: -1px;
  overflow: hidden;
}
.links .link .link-image:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: inherit;
  transition: transform 0.4s ease-in-out;
}
.links .link .link-image:hover:before {
  transform: scale(1.05);
}
.links .link .link-image .link-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.links .link .link-image .link-content h3 {
  font-size: 1.285em;
  color: #fff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.links .link .link-image .link-content .link-button {
  margin-top: 1em;
}
.links .link .link-image:not(.alt):before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
}
.links .link .link-image.alt {
  background-image: url("../images/clock-pattern-bg.png");
  background-position: 50% 50%;
  background-size: 58px 88px;
  background-repeat: repeat;
  background-color: #cccccc;
}
.links .link .link-image.alt .button {
  background-color: #fff;
  color: #888888;
}
.links .link .link-image .link-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
body.home .links .link .link-image:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
body.home .links .link .link-image:before {
  background-position: 50% 50%;
  background-size: cover;
  background-image: inherit;
  transition: transform 0.2s ease-in-out;
}
body.home .links .link .link-content {
  color: #fff;
}
body.home .links .link .link-content .link-button {
  pointer-events: none;
}
@media (max-width: 900px) {
  body.home .links .link {
    width: 100%;
  }
  body.home .links .link .link-image {
    min-height: 240px;
    height: 50vw;
  }
}
@media (min-width: 901px) {
  body.home .links .link {
    width: 50%;
  }
  body.home .links .link .link-image {
    height: calc(50vh - 72px);
    margin: 0;
  }
  body.home .links .link:hover .link-image:before {
    transform: scale(1.1);
  }
}
body:not(.home) .links {
  border: 10px solid;
}
@media (max-width: 1200px) {
  body:not(.home) .links {
    white-space: nowrap;
  }
  html:not([data-bolts-state-menu]) body:not(.home) .links {
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
  }
  html[data-bolts-state-menu] body:not(.home) .links {
    overflow: hidden;
  }
}
body:not(.home) .links .link {
  position: relative;
}
@media (max-width: 500px) {
  body:not(.home) .links .link {
    width: 75%;
  }
}
@media (min-width: 501px) and (max-width: 1200px) {
  body:not(.home) .links .link {
    width: 42.8571428571%;
  }
}
@media (min-width: 1201px) {
  body:not(.home) .links .link {
    width: 25%;
  }
}
body:not(.home) .links .link:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border: 11px solid;
  margin: -1px;
}
body:not(.home) .links .link .link-image::after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 62.5%;
}

@media (min-width: 901px) {
  #hero .links {
    display: flex;
    flex-direction: column;
  }
  #hero .links .link {
    flex: 1;
    flex-direction: column;
    width: 100%;
  }
  #hero .links .link .link-image {
    height: 100%;
  }
  #hero .links .link .link-image:after {
    padding-bottom: 0;
  }
}

#stories {
  position: relative;
  margin-top: 40px;
  background-color: #fff;
  padding: 60px 0;
}
#stories h2 {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  font-size: 1.285em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #cccccc;
  padding: 1em 2em;
  border-radius: 999px;
  color: #fff;
  text-align: center;
}
#stories .stories {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  #stories .stories {
    margin-top: -40px;
    margin-left: -40px;
  }
}
@media (min-width: 1201px) {
  #stories .stories {
    margin-top: -80px;
    margin-left: -80px;
  }
}
#stories .stories .story {
  display: flex;
  position: relative;
}
@media (max-width: 1200px) {
  #stories .stories .story {
    padding-top: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 1201px) {
  #stories .stories .story {
    padding-top: 80px;
    padding-left: 80px;
  }
}
#stories .stories .story:before {
  position: absolute;
  border-left: 1px solid #cccccc;
}
@media (max-width: 500px) {
  #stories .stories .story {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 1200px) {
  #stories .stories .story {
    width: 50%;
  }
  #stories .stories .story:nth-child(even):before {
    content: "";
    top: 30px;
    bottom: -30px;
    left: 20px;
  }
}
@media (min-width: 1201px) {
  #stories .stories .story {
    width: 25%;
  }
  #stories .stories .story:not(:first-child):before {
    content: "";
    top: 60px;
    left: 40px;
    bottom: -30px;
  }
}
#stories .stories .story .story-inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
#stories .stories .story .story-meta {
  font-size: 0;
}
#stories .stories .story .story-meta > *, #stories .stories .story .story-meta:before, #stories .stories .story .story-meta:after {
  font-size: medium;
  font-size: 1rem;
}
#stories .stories .story .story-meta > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
#stories .stories .story .story-meta > * {
  vertical-align: middle;
}
#stories .stories .story .story-meta .story-image {
  background-position: 50% 50%;
  background-size: cover;
  width: 60px;
  max-width: 40%;
  border-radius: 50%;
  position: relative;
}
#stories .stories .story .story-meta .story-image::after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 100%;
}
#stories .stories .story .story-meta .story-image .external-icon {
  position: absolute;
  top: -11px;
  right: -11px;
  background-color: #888888;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  line-height: 28px;
  text-align: center;
}
#stories .stories .story .story-meta .story-image .external-icon:after {
  position: relative;
  top: 1px;
  left: 1px;
  color: #fff;
  font-family: FontAwesome;
  content: "\f08e";
}
#stories .stories .story .story-meta ul {
  max-width: 60%;
  list-style: none;
}
#stories .stories .story .story-meta ul li {
  padding-left: 25px;
  font-size: 0.85em;
}
#stories .stories .story .story-content {
  flex-grow: 1;
  margin-top: 1em;
}
#stories .stories .story .story-content strong {
  display: block;
}
#stories .stories .story .story-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.stories .story-social-icons {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.stories .story-social-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  padding: 0;
}
.stories .story-social-icon svg,
.stories .story-social-icon svg * {
  fill: #444;
}
.stories .story-social-icon:not(:last-child) {
  margin-right: 16px;
}
.stories .story-date {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}
.stories .story-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.stories .story-link {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  font-size: 0;
}
.stories .story-link-container {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.stories .story-link-container .link-button {
  text-transform: initial;
}

.cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #222222;
  color: white;
  padding: 1em 0;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}
.cookie-bar[hidden] {
  display: none;
}

.cookie-bar-inner {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
@media (max-width: 500px) {
  .cookie-bar-inner {
    flex-direction: column;
    text-align: center;
  }
}

.cookie-bar-content {
  flex: 1;
  min-width: 0;
}

.cookie-bar-message {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}

.cookie-bar-policy-link {
  display: inline-block;
  margin-top: 0.5em;
  color: #cccccc;
  text-decoration: underline;
  font-size: 0.875rem;
}
.cookie-bar-policy-link:hover {
  color: white;
}

.cookie-bar-actions {
  flex-shrink: 0;
}

.cookie-bar-accept {
  display: inline-block;
  padding: 0.75em 1.5em;
  background-color: white;
  color: #222222;
  border: none;
  border-radius: 3px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 500ms cubic-bezier(0.56, 0.05, 0.12, 1), color 500ms cubic-bezier(0.56, 0.05, 0.12, 1);
}
.cookie-bar-accept:hover {
  background-color: #cccccc;
}
.cookie-bar-accept:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}

.form {
  margin-top: 40px;
}
.form-message {
  padding: 10px;
  text-align: center;
  margin-top: 40px;
}
.form-message:not(.is-success):not(.is-failure) {
  display: none;
}
.form-message.is-success {
  background-color: #88d37d;
}
.form-message.is-failure {
  background-color: #ff6961;
}
.form-element[data-bolts-state-sending] {
  opacity: 0.5;
  position: relative;
}
.form-element[data-bolts-state-sending]:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.form-field:not(:last-child) {
  margin-bottom: 40px;
}

.checkbox {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: block;
  font-size: 0;
  white-space: nowrap;
}
.checkbox > *, .checkbox:before, .checkbox:after {
  font-size: medium;
  font-size: 1rem;
  white-space: normal;
}
.checkbox-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox-faux-input {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #cccccc;
  background-color: white;
}
.checkboxes.has-error .checkbox-faux-input, .checkbox.has-error .checkbox-faux-input {
  border-color: #ff6961;
}
.checkbox-faux-input:before, .checkbox-faux-input:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: black;
  width: 2px;
  height: 10px;
  opacity: 0;
}
.checkbox-input:checked + .checkbox-faux-input:before, .checkbox-input:checked + .checkbox-faux-input:after {
  opacity: 1;
}
.checkbox-faux-input:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.checkbox-faux-input:after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.checkbox-label {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
  letter-spacing: 0.06em;
  line-height: 2;
}
.checkboxes.has-error .checkbox-label, .checkbox.has-error .checkbox-label {
  color: #ff6961;
}
.checkboxes-field-info:not(:last-child) {
  margin-bottom: 20px;
}
.checkboxes-option:not(:last-child) {
  margin-bottom: 10px;
}

.field-info-label-wrapper {
  /* display: flex;
  align-items: center; */
}
.field-info-label-wrapper:not(:last-child) {
  margin-bottom: 10px;
}
.field-info-label {
  font-weight: 700;
}
.field-info-validation-message {
  color: #ff6961;
  display: block;
  transition: height 0.4s ease-in-out;
  overflow: hidden;
}
.text-input:not(.has-error) .field-info-validation-message {
  height: 0 !important;
}

.radio-button {
  position: relative;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: block;
}
.radio-button-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.radio-button-faux-input {
  background-color: white;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 18px;
  height: 18px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
.radio-buttons.has-error .radio-button-faux-input, .radio-button.has-error .radio-button-faux-input {
  border-color: #ff6961;
}
.radio-button-faux-input:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
}
.radio-button-input:checked + .radio-button-faux-input:after {
  opacity: 1;
}
.radio-button-label {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
}
.radio-buttons.has-error .radio-button-label, .radio-button.has-error .radio-button-label {
  color: #ff6961;
}
.radio-buttons-field-info:not(:last-child) {
  margin-bottom: 20px;
}
.radio-buttons-option:not(:last-child) {
  margin-bottom: 10px;
}

.select-field-info:not(:last-child) {
  margin-bottom: 20px;
}
.select-inner {
  position: relative;
  display: table;
}
.select-inner:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  bottom: 0;
  width: 8px;
  height: 8px;
  color: black;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: translateY(-75%) rotate(-45deg);
  pointer-events: none;
}
.select-select {
  display: table;
  padding: 0 30px 0 10px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  border-radius: 0;
  cursor: pointer;
  border: 1px solid #cccccc;
}
.select-select::-ms-expand {
  display: none;
}
.select-select:focus {
  outline: none;
}
.select-select option {
  font-size: 16px !important;
}
.select.has-error .select-select {
  border-color: #ff6961;
}

/**
 * Quirks:
 *
 * Browsers are a bit stupid when rendering
 * different input types, so for a consistent
 * look for inputs, selects etc. we set the height
 * in a global variable.
 *
 * X-padding is set separately from the height.
 */
.text-input {
  max-width: 320px;
}
.text-input-field-info:not(:last-child) {
  margin-bottom: 20px;
}
.text-input-inner {
  position: relative;
  overflow: hidden;
  height: 40px;
}
.text-input-input {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1;
  background-color: transparent; /* TODO: should be part of reset */
}
.text-input-faux-input {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: white;
  border: 1px solid #cccccc;
}
.text-input.has-error .text-input-faux-input {
  border-color: #ff6961;
}
.text-input-input {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1;
}

.textarea {
  max-width: 320px;
}
.textarea-field-info:not(:last-child) {
  margin-bottom: 20px;
}
.textarea-inner {
  position: relative;
}
.textarea-faux-input {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border: 1px solid #cccccc;
  background-color: white;
}
.textarea.has-error .textarea-faux-input {
  border-color: #ff6961;
}
.textarea-input {
  display: block;
  width: 100%;
  position: relative;
  padding: 12px 10px;
  resize: none;
  z-index: 1;
  background-color: transparent; /* TODO: should be part of reset */
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../node_modules/slick-carousel/slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 0.75;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.5;
}
.slick-prev:before,
.slick-next:before {
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\f104";
}
[dir=rtl] .slick-prev:before {
  content: "\f105";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\f105";
}
[dir=rtl] .slick-next:before {
  content: "\f104";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 0.75;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f111";
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #fff;
  opacity: 1;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  bottom: 1em;
}
.slick-dots li {
  margin: 0;
}

.slick-slide > * {
  font-size: 0;
}
.slick-slide > * > *, .slick-slide > *:before, .slick-slide > *:after {
  font-size: 14px;
}

/* ___| | | | / _ \ |  \/  ||  ___|
\ `--.| |_| |/ /_\ \| .  . || |__  
 `--. \  _  ||  _  || |\/| ||  __| 
/\__/ / | | || | | || |  | || |___ 
\____/\_| |_/\_| |_/\_|  |_/\___*/
.container {
  width: 90%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

body {
  background-color: #f7f7f7;
}

em,
i {
  font-style: italic;
}

strong,
b {
  font-weight: 700;
}

footer p, main p,
footer ul li,
main ul li,
footer ol li,
main ol li {
  letter-spacing: 0.06em;
  line-height: 1.7;
}

main p,
main ul,
main ol {
  line-height: 2;
}
main p + p,
main p + ul,
main p + ol,
main ul + p,
main ul + ul,
main ul + ol,
main ol + p,
main ol + ul,
main ol + ol {
  margin-top: 1.5em;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  line-height: 1.2;
}
main h1,
main h2 {
  font-size: 1.7em;
  font-weight: bold;
}
main h1 + *,
main h2 + * {
  margin-top: 2rem;
}
main h3 {
  font-size: 1.285em;
  font-weight: bold;
}
main h3 + * {
  margin-top: 1rem;
}
main h4,
main h5,
main h6 {
  font-weight: bold;
}
main h4 + *,
main h5 + *,
main h6 + * {
  margin-top: 0.5rem;
}

a {
  text-decoration: none;
  color: #000;
}

.user-content hr {
  margin: 1em 0;
  border-color: #cccccc;
}
.user-content ul:not(.gform_fields),
.user-content ol:not(.gform_fields) {
  padding-left: 1.25em;
}
.user-content p + *,
.user-content ol + *,
.user-content ul + *,
.user-content blockquote + *,
.user-content .gallery + * {
  margin-top: 1rem;
}
.user-content p + .gallery,
.user-content ol + .gallery,
.user-content ul + .gallery,
.user-content blockquote + .gallery,
.user-content .gallery + .gallery {
  margin-top: 1rem !important;
}
.user-content blockquote {
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.5);
}
.user-content a {
  text-decoration: underline;
}
.user-content .gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-top: -20px;
}
.user-content .gallery > *:nth-child(4n+1) {
  margin-left: 20px;
  width: calc(25% - 20px);
  margin-top: 20px;
}
.user-content .gallery > *:nth-child(4n+2) {
  margin-left: 20px;
  width: calc(25% - 20px);
  margin-top: 20px;
}
.user-content .gallery > *:nth-child(4n+3) {
  margin-left: 20px;
  width: calc(25% - 20px);
  margin-top: 20px;
}
.user-content .gallery > *:nth-child(4n+4) {
  margin-left: 20px;
  width: calc(25% - 20px);
  margin-top: 20px;
}
.user-content .gallery > * {
  vertical-align: middle;
  flex-grow: 1;
}
@media (min-width: 901px) {
  .user-content .gallery > *:nth-child(4n+1) {
    margin-left: 0;
  }
}
.user-content .gallery .gallery-icon img {
  width: 100%;
  height: auto;
}
.user-content .gallery br,
.user-content .gallery .gallery-caption {
  display: none;
}
.post-header {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 900px) {
  .post-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .post-header > *:nth-child(2n+1) {
    width: 50%;
  }
  .post-header > *:nth-child(2n+2) {
    width: 50%;
  }
}
.post-header .post-profile-image {
  background-position: 50% 50%;
  background-size: cover;
  width: 70px;
  max-width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 50%;
  position: relative;
  background-position: center;
  background-size: cover;
}
.post-header .post-meta {
  margin-top: 0;
}
.post-header .post-social-link {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.post-header .post-social-buttons {
  display: flex;
}
@media (max-width: 900px) {
  .post-header .post-social-buttons {
    margin: 20px 0 0 0;
    flex-grow: 2;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 901px) {
  .post-header .post-social-buttons {
    margin: 0 0 0 40px;
  }
}
.post-header .post-social-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  margin-left: 10px;
}
.post-header .post-social-label {
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
}

.post-title {
  font-size: 30px;
  font-weight: bold;
}

.post-date {
  font-style: italic;
  display: block;
  margin-top: 15px;
  margin-bottom: 55px;
}

.post-meta,
.post-taxonomies {
  padding-left: 1.25em;
  list-style: none;
}
.post-meta + *, * + .post-meta,
.post-taxonomies + *,
* + .post-taxonomies {
  margin-top: 1em;
}

.button {
  display: inline-block;
  padding: 1em 2em;
  background: #cccccc;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 999px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.listing {
  background-color: #fff;
  padding: 1em;
}
* + .listing, .listing + * {
  margin-top: 1rem;
}
.listing .object {
  position: relative;
}
.listing .object .object-link {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.listing .object-image .image {
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 500px) {
  .listing .object + .object {
    margin-top: 20px;
  }
  .listing .object-image .image::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 66.6666666667%;
  }
  .listing .object-content {
    margin-top: 1em;
  }
}
@media (min-width: 501px) {
  .listing.rows .object {
    font-size: 0;
    margin-left: -20px;
  }
  .listing.rows .object > *, .listing.rows .object:before, .listing.rows .object:after {
    font-size: medium;
    font-size: 1rem;
  }
  .listing.rows .object:before {
    content: "";
    display: block;
    margin-top: -20px;
  }
  .listing.rows .object > * {
    vertical-align: top;
    display: inline-block;
    min-height: 1px;
    padding-top: 20px;
    padding-left: 20px;
  }
  .listing.rows .object + .object {
    margin-top: 20px;
  }
  .listing.rows .object .object-image {
    width: 25%;
  }
  .listing.rows .object .object-image .image::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 66.6666666667%;
  }
  .listing.rows .object .object-content {
    width: 75%;
  }
  .listing.columns .objects {
    font-size: 0;
    margin-left: -20px;
  }
  .listing.columns .objects > *, .listing.columns .objects:before, .listing.columns .objects:after {
    font-size: medium;
    font-size: 1rem;
  }
  .listing.columns .objects:before {
    content: "";
    display: block;
    margin-top: -20px;
  }
  .listing.columns .objects > * {
    vertical-align: top;
    display: inline-block;
    min-height: 1px;
    padding-top: 20px;
    padding-left: 20px;
  }
  .listing.columns .object {
    width: 50%;
  }
  .listing.columns .object .object-image {
    margin-bottom: 1em;
  }
  .listing.columns .object .object-image .image::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 50%;
  }
  .listing.columns .object .object-content {
    margin-top: 1em;
  }
}

.table-wrapper {
  overflow: auto;
}
.table-wrapper .table {
  display: table;
  table-layout: fixed;
  min-width: 100%;
  /* @media ( width-to(medium) ) {
  	.table-header { display: none; }

  	.table-column {
  		@include inline-layout;

  		> * {
  			width: 50%;
  			padding: 1em;
  		}

  		.table-column-title { font-weight: bold; }
  	}
  } */
}
.table-wrapper .table .table-header {
  font-weight: bold;
}
.table-wrapper .table .table-row {
  display: table-row;
}
.table-wrapper .table .table-row .table-column {
  display: table-cell;
  padding: 1em;
}
.table-wrapper .table .table-row .table-column .table-column-title {
  display: none;
}
* + .table-wrapper .table, .table-wrapper .table + * {
  margin-top: 2em;
}
.table-wrapper .table .table-row:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.5);
}
.table-wrapper .table .table-row:nth-child(even) {
  background-color: white;
}

.files {
  list-style: none;
  padding-left: 0 !important;
}
* + .files, .files + * {
  margin-top: 2em;
}
.files li:nth-child(odd) a {
  background-color: rgba(255, 255, 255, 0.5);
}
.files li:nth-child(even) a {
  background-color: white;
}
.files li a {
  display: block;
  padding: 1em;
}
.files li a:before {
  content: "\f016";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.5em;
}

.load-more {
  text-align: center;
}
.load-more .button {
  color: #888888;
  background: transparent;
  border: 2px solid;
  padding: calc(1em - 2px) calc(2em - 2px);
}
.load-more .button:hover {
  background: #888888;
  border-color: #888888;
  color: #fff;
}

/* colorize sections */
body.section-id-13 .button {
  background-color: #dea0af;
}
body.section-id-13 .links .link .link-image.alt {
  background-color: #dea0af;
}
body.section-id-13 .links .link .link-image.alt .button {
  color: #a25064;
}
body.section-id-13 .links,
body.section-id-13 .links .link:after {
  border-color: #dea0af;
}
body.section-id-13 .story .story-date {
  color: #dea0af;
}
body.section-id-13 #articles .articles .article .article-content h2,
body.section-id-13 #faqs h2,
body.section-id-13 #cta h2 {
  color: #a25064;
}
body.section-id-13 #stories h2 {
  background-color: #dea0af;
}
body.section-id-13 #page .page-layout .page-sidebar ul li.current > a {
  color: #a25064;
}
body.section-id-13 #page .stories .story .story-image span.internal {
  background-color: #dea0af;
}
body.section-id-13 #page .stories .story .story-image span.external {
  background-color: #a25064;
}
body.section-id-13 #page .stories .story .story-image span.instagram {
  background-color: #c0788a;
}
body.section-id-13 #stories .stories .story .story-meta .story-image .external-icon {
  background-color: #a25064;
}
body.section-id-13 .load-more .button {
  color: #a25064;
  background: transparent;
}
body.section-id-13 .load-more .button:hover {
  background: #a25064;
  border-color: #a25064;
  color: #fff;
}

.links .link.color-pink .link-image .link-content .link-button {
  background-color: #dea0af;
}

header nav > ul > li.menu-item-32:hover > a {
  color: #a25064;
}
header nav > ul > li.menu-item-32.menu-item-has-children > a:after {
  border-bottom-color: #dea0af;
}
@media (max-width: 1200px) {
  header nav > ul > li.menu-item-32 {
    background-color: #dea0af;
  }
  header nav > ul > li.menu-item-32 > ul > li {
    background-color: #d17a8f;
  }
  header nav > ul > li.menu-item-32 > ul > li > ul > li {
    background-color: #c4546f;
  }
  header nav > ul > li.menu-item-32 > ul > li > ul > li > ul > li {
    background-color: #aa3b56;
  }
}
@media (min-width: 1201px) {
  header nav > ul > li.menu-item-32 > a {
    color: #dea0af;
  }
  header nav > ul > li.menu-item-32 .sub-menu li:hover > a,
  header nav > ul > li.menu-item-32 .sub-menu li:hover > a {
    color: #a25064;
  }
  header nav > ul > li.menu-item-32 > .sub-menu {
    background-color: #dea0af;
  }
  header nav > ul > li.menu-item-32 > .sub-menu > li > .sub-menu {
    background-color: #dea0af;
  }
}

body.section-id-15 .button {
  background-color: #a6cbe1;
}
body.section-id-15 .links .link .link-image.alt {
  background-color: #a6cbe1;
}
body.section-id-15 .links .link .link-image.alt .button {
  color: #3683b0;
}
body.section-id-15 .links,
body.section-id-15 .links .link:after {
  border-color: #a6cbe1;
}
body.section-id-15 .story .story-date {
  color: #a6cbe1;
}
body.section-id-15 #articles .articles .article .article-content h2,
body.section-id-15 #faqs h2,
body.section-id-15 #cta h2 {
  color: #3683b0;
}
body.section-id-15 #stories h2 {
  background-color: #a6cbe1;
}
body.section-id-15 #page .page-layout .page-sidebar ul li.current > a {
  color: #3683b0;
}
body.section-id-15 #page .stories .story .story-image span.internal {
  background-color: #a6cbe1;
}
body.section-id-15 #page .stories .story .story-image span.external {
  background-color: #3683b0;
}
body.section-id-15 #page .stories .story .story-image span.instagram {
  background-color: #6ea7c9;
}
body.section-id-15 #stories .stories .story .story-meta .story-image .external-icon {
  background-color: #3683b0;
}
body.section-id-15 .load-more .button {
  color: #3683b0;
  background: transparent;
}
body.section-id-15 .load-more .button:hover {
  background: #3683b0;
  border-color: #3683b0;
  color: #fff;
}

.links .link.color-blue .link-image .link-content .link-button {
  background-color: #a6cbe1;
}

header nav > ul > li.menu-item-35:hover > a {
  color: #3683b0;
}
header nav > ul > li.menu-item-35.menu-item-has-children > a:after {
  border-bottom-color: #a6cbe1;
}
@media (max-width: 1200px) {
  header nav > ul > li.menu-item-35 {
    background-color: #a6cbe1;
  }
  header nav > ul > li.menu-item-35 > ul > li {
    background-color: #80b5d4;
  }
  header nav > ul > li.menu-item-35 > ul > li > ul > li {
    background-color: #5a9ec7;
  }
  header nav > ul > li.menu-item-35 > ul > li > ul > li > ul > li {
    background-color: #3c86b2;
  }
}
@media (min-width: 1201px) {
  header nav > ul > li.menu-item-35 > a {
    color: #a6cbe1;
  }
  header nav > ul > li.menu-item-35 .sub-menu li:hover > a,
  header nav > ul > li.menu-item-35 .sub-menu li:hover > a {
    color: #3683b0;
  }
  header nav > ul > li.menu-item-35 > .sub-menu {
    background-color: #a6cbe1;
  }
  header nav > ul > li.menu-item-35 > .sub-menu > li > .sub-menu {
    background-color: #a6cbe1;
  }
}

body.section-id-17 .button {
  background-color: #88d37d;
}
body.section-id-17 .links .link .link-image.alt {
  background-color: #88d37d;
}
body.section-id-17 .links .link .link-image.alt .button {
  color: #3a8e2d;
}
body.section-id-17 .links,
body.section-id-17 .links .link:after {
  border-color: #88d37d;
}
body.section-id-17 .story .story-date {
  color: #88d37d;
}
body.section-id-17 #articles .articles .article .article-content h2,
body.section-id-17 #faqs h2,
body.section-id-17 #cta h2 {
  color: #3a8e2d;
}
body.section-id-17 #stories h2 {
  background-color: #88d37d;
}
body.section-id-17 #page .page-layout .page-sidebar ul li.current > a {
  color: #3a8e2d;
}
body.section-id-17 #page .stories .story .story-image span.internal {
  background-color: #88d37d;
}
body.section-id-17 #page .stories .story .story-image span.external {
  background-color: #3a8e2d;
}
body.section-id-17 #page .stories .story .story-image span.instagram {
  background-color: #61b155;
}
body.section-id-17 #stories .stories .story .story-meta .story-image .external-icon {
  background-color: #3a8e2d;
}
body.section-id-17 .load-more .button {
  color: #3a8e2d;
  background: transparent;
}
body.section-id-17 .load-more .button:hover {
  background: #3a8e2d;
  border-color: #3a8e2d;
  color: #fff;
}

.links .link.color-green .link-image .link-content .link-button {
  background-color: #88d37d;
}

header nav > ul > li.menu-item-37:hover > a {
  color: #3a8e2d;
}
header nav > ul > li.menu-item-37.menu-item-has-children > a:after {
  border-bottom-color: #88d37d;
}
@media (max-width: 1200px) {
  header nav > ul > li.menu-item-37 {
    background-color: #88d37d;
  }
  header nav > ul > li.menu-item-37 > ul > li {
    background-color: #65c657;
  }
  header nav > ul > li.menu-item-37 > ul > li > ul > li {
    background-color: #4aaf3b;
  }
  header nav > ul > li.menu-item-37 > ul > li > ul > li > ul > li {
    background-color: #3a892e;
  }
}
@media (min-width: 1201px) {
  header nav > ul > li.menu-item-37 > a {
    color: #88d37d;
  }
  header nav > ul > li.menu-item-37 .sub-menu li:hover > a,
  header nav > ul > li.menu-item-37 .sub-menu li:hover > a {
    color: #3a8e2d;
  }
  header nav > ul > li.menu-item-37 > .sub-menu {
    background-color: #88d37d;
  }
  header nav > ul > li.menu-item-37 > .sub-menu > li > .sub-menu {
    background-color: #88d37d;
  }
}

body.section-id-6433 .button {
  background-color: #ff6961;
}
body.section-id-6433 .links .link .link-image.alt {
  background-color: #ff6961;
}
body.section-id-6433 .links .link .link-image.alt .button {
  color: #ac1f17;
}
body.section-id-6433 .links,
body.section-id-6433 .links .link:after {
  border-color: #ff6961;
}
body.section-id-6433 .story .story-date {
  color: #ff6961;
}
body.section-id-6433 #articles .articles .article .article-content h2,
body.section-id-6433 #faqs h2,
body.section-id-6433 #cta h2 {
  color: #ac1f17;
}
body.section-id-6433 #stories h2 {
  background-color: #ff6961;
}
body.section-id-6433 #page .page-layout .page-sidebar ul li.current > a {
  color: #ac1f17;
}
body.section-id-6433 #page .stories .story .story-image span.internal {
  background-color: #ff6961;
}
body.section-id-6433 #page .stories .story .story-image span.external {
  background-color: #ac1f17;
}
body.section-id-6433 #page .stories .story .story-image span.instagram {
  background-color: #d5443c;
}
body.section-id-6433 #stories .stories .story .story-meta .story-image .external-icon {
  background-color: #ac1f17;
}
body.section-id-6433 .load-more .button {
  color: #ac1f17;
  background: transparent;
}
body.section-id-6433 .load-more .button:hover {
  background: #ac1f17;
  border-color: #ac1f17;
  color: #fff;
}

.links .link.color-red .link-image .link-content .link-button {
  background-color: #ff6961;
}

header nav > ul > li.menu-item-7023:hover > a {
  color: #ac1f17;
}
header nav > ul > li.menu-item-7023.menu-item-has-children > a:after {
  border-bottom-color: #ff6961;
}
@media (max-width: 1200px) {
  header nav > ul > li.menu-item-7023 {
    background-color: #ff6961;
  }
  header nav > ul > li.menu-item-7023 > ul > li {
    background-color: #ff392e;
  }
  header nav > ul > li.menu-item-7023 > ul > li > ul > li {
    background-color: #fa0d00;
  }
  header nav > ul > li.menu-item-7023 > ul > li > ul > li > ul > li {
    background-color: #c70a00;
  }
}
@media (min-width: 1201px) {
  header nav > ul > li.menu-item-7023 > a {
    color: #ff6961;
  }
  header nav > ul > li.menu-item-7023 .sub-menu li:hover > a,
  header nav > ul > li.menu-item-7023 .sub-menu li:hover > a {
    color: #ac1f17;
  }
  header nav > ul > li.menu-item-7023 > .sub-menu {
    background-color: #ff6961;
  }
  header nav > ul > li.menu-item-7023 > .sub-menu > li > .sub-menu {
    background-color: #ff6961;
  }
}

body.section-id-21 .button {
  background-color: #ffb447;
}
body.section-id-21 .links .link .link-image.alt {
  background-color: #ffb447;
}
body.section-id-21 .links .link .link-image.alt .button {
  color: #cc6b0a;
}
body.section-id-21 .links,
body.section-id-21 .links .link:after {
  border-color: #ffb447;
}
body.section-id-21 .story .story-date {
  color: #ffb447;
}
body.section-id-21 #articles .articles .article .article-content h2,
body.section-id-21 #faqs h2,
body.section-id-21 #cta h2 {
  color: #cc6b0a;
}
body.section-id-21 #stories h2 {
  background-color: #ffb447;
}
body.section-id-21 #page .page-layout .page-sidebar ul li.current > a {
  color: #cc6b0a;
}
body.section-id-21 #page .stories .story .story-image span.internal {
  background-color: #ffb447;
}
body.section-id-21 #page .stories .story .story-image span.external {
  background-color: #cc6b0a;
}
body.section-id-21 #page .stories .story .story-image span.instagram {
  background-color: #e69028;
}
body.section-id-21 #stories .stories .story .story-meta .story-image .external-icon {
  background-color: #cc6b0a;
}
body.section-id-21 .load-more .button {
  color: #cc6b0a;
  background: transparent;
}
body.section-id-21 .load-more .button:hover {
  background: #cc6b0a;
  border-color: #cc6b0a;
  color: #fff;
}

.links .link.color-orange .link-image .link-content .link-button {
  background-color: #ffb447;
}

header nav > ul > li.menu-item-33:hover > a {
  color: #cc6b0a;
}
header nav > ul > li.menu-item-33.menu-item-has-children > a:after {
  border-bottom-color: #ffb447;
}
@media (max-width: 1200px) {
  header nav > ul > li.menu-item-33 {
    background-color: #ffb447;
  }
  header nav > ul > li.menu-item-33 > ul > li {
    background-color: #ff9f14;
  }
  header nav > ul > li.menu-item-33 > ul > li > ul > li {
    background-color: #e08500;
  }
  header nav > ul > li.menu-item-33 > ul > li > ul > li > ul > li {
    background-color: #ad6600;
  }
}
@media (min-width: 1201px) {
  header nav > ul > li.menu-item-33 > a {
    color: #ffb447;
  }
  header nav > ul > li.menu-item-33 .sub-menu li:hover > a,
  header nav > ul > li.menu-item-33 .sub-menu li:hover > a {
    color: #cc6b0a;
  }
  header nav > ul > li.menu-item-33 > .sub-menu {
    background-color: #ffb447;
  }
  header nav > ul > li.menu-item-33 > .sub-menu > li > .sub-menu {
    background-color: #ffb447;
  }
}

/*

// GRAVITY FORMS

.gform_wrapper select::-ms-expand { display: block; }

.gform_wrapper {
	margin-top: 2em;

	.validation_error {
		margin-bottom: 1rem;
	}

	.gform_heading + .validation_error {
		margin-top: 1rem;
	}

	.validation_error,
	.validation_message {
		color: #FF6961;
	}

	.validation_message {
		margin-top: -1rem;
		margin-bottom: 1rem;
	}

	.gfield_error input {
		border-color: #FF6961;
	}

	.ginput_recaptcha { min-height: 78px; }

	.gform_body {
		margin-top: 2em;

		.gform_fields {
			padding-left: 0;

			.gfield_checkbox{
				padding-left: 0 !important;

				li {
					+ li { margin-top: 0.5em; }

					input, label {
						display: inline-block;
						vertical-align: middle;
					}

					label {
						margin-left: 0.5em;
						margin-bottom: 0 !important;
					}
				}
			}

			select {
				border: 1px solid #ddd;
				background-color: #fff;
			}

			li {
				list-style: none;

				label {
					display: block;
					margin-bottom: 0.5em;
				}

				.ginput_container { margin-bottom: 1.5em; }
			}
		}

		.gfield_visibility_,
		.gform_validation_container {
			position: absolute; 
			overflow: hidden; 
			clip: rect(0 0 0 0); 
			height: 1px; width: 1px; 
			margin: -1px;
		}
	}
}

.gform_confirmation_message {
	color: #88D37D;
}

.gform_wrapper,
.gform_confirmation_wrapper {
	letter-spacing: 0.06em;
	line-height: 1.7;
} 

// CF 7

main {
	.wpcf7 { margin-top: 1em; }

	textarea,
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="number"],
	input[type="range"] {
		border: 1px solid #ddd;
		background-color: #fff;
		padding: 0.5em;
		width: 100%;
		max-width: 320px;
	}

	textarea { height: 160px; }

	label { font-weight: bold; }

	input[type="submit"] {
		background-color: #ddd;
		padding: 1em 2em;
	}
} */
body.home {
  background-color: #f7f7f7;
}

/* TODO: Remove this
#biography {

	h2 {
		font-size: 1.285em;
		font-weight: bold;

		+ * { margin-top: 1em; }
	}

	.container {
		position: relative;

		.biography { padding: 30px 0; }

		@media ( width-from(medium) ) {
			@include clear-whitespace;

			&:before {
				content: '';
				height: calc(30vh - 70px);
			}

			.biography, &:before {
				display: inline-block;
				vertical-align: middle;
			}
		}
	}

	.read-more {
		a {
			font-weight: bold;
			text-decoration: underline;
		}
	}
} */
#breadcrumbs {
  padding: 20px 0;
  background-color: #eaeaea;
}
#breadcrumbs a {
  font-weight: bold;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}
#breadcrumbs .container {
  position: relative;
}
@media (max-width: 900px) {
  #breadcrumbs .breadcrumbs {
    padding-right: 2em;
  }
}
@media (min-width: 901px) {
  #breadcrumbs .breadcrumbs {
    padding-right: 6em;
  }
}
#breadcrumbs .edit-post {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-weight: normal;
  padding: 1em;
  margin: -1em;
}
@media (max-width: 900px) {
  #breadcrumbs .edit-post span {
    display: none;
  }
}
#breadcrumbs .edit-post:before {
  content: "\f040";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.25em;
}

#articles {
  overflow: hidden;
  margin: 40px 0;
}
#articles .articles {
  font-size: 0;
  margin-left: -40px;
}
#articles .articles > *, #articles .articles:before, #articles .articles:after {
  font-size: medium;
  font-size: 1rem;
}
#articles .articles:before {
  content: "";
  display: block;
  margin-top: -40px;
}
#articles .articles > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
  padding-top: 40px;
  padding-left: 40px;
}
@media (max-width: 900px) {
  #articles .articles .article {
    width: 100%;
  }
}
@media (min-width: 901px) {
  #articles .articles .article {
    width: 50%;
  }
}
#articles .articles .article .article-wrapper {
  position: relative;
  border-radius: 0.25em;
  overflow: hidden;
}
#articles .articles .article .article-wrapper .article-link {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
#articles .articles .article .article-image {
  background-position: 50% 50%;
  background-size: cover;
}
#articles .articles .article .article-image::after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 50%;
}
#articles .articles .article .article-content {
  background-color: #fff;
  padding: 25px;
}
#articles .articles .article .article-content h2 {
  margin-bottom: 1em;
}

#faqs {
  margin: 40px 0;
}
#faqs h2 {
  margin-bottom: 40px;
  text-align: center;
}
#faqs .container {
  position: relative;
}
#faqs .faqs {
  position: relative;
}
@media (min-width: 901px) {
  #faqs .faqs {
    font-size: 0;
    margin-left: -40px;
    margin-bottom: 0;
  }
  #faqs .faqs > *, #faqs .faqs:before, #faqs .faqs:after {
    font-size: medium;
    font-size: 1rem;
  }
  #faqs .faqs:before {
    content: "";
    display: block;
    margin-top: -40px;
  }
  #faqs .faqs > * {
    vertical-align: top;
    display: inline-block;
    min-height: 1px;
    padding-top: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 900px) {
  #faqs .faqs .faq {
    width: 100%;
  }
  #faqs .faqs .faq + .faq {
    margin-top: 20px;
    border-top: 1px solid #cccccc;
    padding-top: 20px;
  }
}
@media (min-width: 901px) {
  #faqs .faqs .faq {
    width: 8.3333333333%;
    margin-bottom: 0;
  }
  #faqs .faqs .faq:nth-last-of-type(11):first-of-type, #faqs .faqs .faq:nth-last-of-type(11):first-of-type ~ * {
    width: 9.0909090909%;
  }
  #faqs .faqs .faq:nth-last-of-type(10):first-of-type, #faqs .faqs .faq:nth-last-of-type(10):first-of-type ~ * {
    width: 10%;
  }
  #faqs .faqs .faq:nth-last-of-type(9):first-of-type, #faqs .faqs .faq:nth-last-of-type(9):first-of-type ~ * {
    width: 11.1111111111%;
  }
  #faqs .faqs .faq:nth-last-of-type(8):first-of-type, #faqs .faqs .faq:nth-last-of-type(8):first-of-type ~ * {
    width: 12.5%;
  }
  #faqs .faqs .faq:nth-last-of-type(7):first-of-type, #faqs .faqs .faq:nth-last-of-type(7):first-of-type ~ * {
    width: 14.2857142857%;
  }
  #faqs .faqs .faq:nth-last-of-type(6):first-of-type, #faqs .faqs .faq:nth-last-of-type(6):first-of-type ~ * {
    width: 16.6666666667%;
  }
  #faqs .faqs .faq:nth-last-of-type(5):first-of-type, #faqs .faqs .faq:nth-last-of-type(5):first-of-type ~ * {
    width: 20%;
  }
  #faqs .faqs .faq:nth-last-of-type(4):first-of-type, #faqs .faqs .faq:nth-last-of-type(4):first-of-type ~ * {
    width: 25%;
  }
  #faqs .faqs .faq:nth-last-of-type(3):first-of-type, #faqs .faqs .faq:nth-last-of-type(3):first-of-type ~ * {
    width: 33.3333333333%;
  }
  #faqs .faqs .faq:nth-last-of-type(2):first-of-type, #faqs .faqs .faq:nth-last-of-type(2):first-of-type ~ * {
    width: 50%;
  }
  #faqs .faqs .faq:nth-last-of-type(1):first-of-type, #faqs .faqs .faq:nth-last-of-type(1):first-of-type ~ * {
    width: 100%;
  }
}
#faqs .faqs .faq h3 {
  font-weight: bold;
  margin-bottom: 1em;
}
#faqs .faqs .faq:last-child:before, #faqs .faqs .faq:last-child:after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #cccccc;
}
#faqs .faqs .faq:last-child:nth-child(2):before {
  content: "";
  left: 50%;
}
@media (min-width: 901px) {
  #faqs .faqs .faq:last-child:nth-child(3):before {
    content: "";
    left: 50%;
    margin-left: calc(-16.66% + 20px);
  }
  #faqs .faqs .faq:last-child:nth-child(3):after {
    content: "";
    right: 50%;
    margin-right: calc(-16.66% - 20px);
  }
}
#faqs .faqs-link {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

#cta {
  padding: 60px 0;
}
#cta h2 {
  font-style: italic;
  margin-bottom: 30px;
}
#cta .container {
  text-align: center;
}

#single {
  margin: 60px 0;
}

.featured-image {
  margin-bottom: 25px;
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 900px) {
  .featured-image::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 66.6666666667%;
  }
}
@media (min-width: 901px) {
  .featured-image::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 50%;
  }
}

#page {
  margin: 60px 0;
}
body.single-post #page {
  margin-top: 40px;
}
#page .page-layout {
  font-size: 0;
}
#page .page-layout > *, #page .page-layout:before, #page .page-layout:after {
  font-size: medium;
  font-size: 1rem;
}
#page .page-layout > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
@media (min-width: 501px) {
  #page .page-layout {
    transform: rotate(180deg);
    text-align: center;
  }
  #page .page-layout > * {
    transform: rotate(-180deg);
  }
  #page .page-layout > * {
    vertical-align: bottom;
    text-align: left;
  }
}
#page .page-layout .page-image {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 8/5;
  display: block;
  width: 100%;
  height: auto;
}
#page .page-layout .page-image:not(:last-child) {
  margin-bottom: 2em;
}
@media (min-width: 901px) {
  #page .page-layout .page-content .narrow {
    padding: 0 65px;
  }
}
@media (min-width: 901px) {
  body.single-post #page .page-layout .page-content .narrow .gallery,
  body.single-post #page .page-layout .page-content .narrow .featured-image,
  body.single-post #page .page-layout .page-content .narrow .image {
    margin-left: -65px;
    margin-right: -65px;
  }
}
#page .page-layout .page-content:not(.is-full-width):only-child {
  width: 100%;
  max-width: 900px;
}
#page .page-layout .page-content.is-full-width {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 501px) {
  #page .page-layout .page-content:not(:last-child) {
    left: 1px;
    margin-left: -1px;
    position: relative;
    border-left: 1px solid #cccccc;
    padding-left: 2em;
  }
  #page .page-layout .page-content:not(:last-child) + .page-sidebar {
    padding-right: 2em;
  }
}
#page .page-layout .page-content .instagram-link {
  margin-bottom: 20px;
  display: block;
}
#page .page-layout .page-content .instagram-link:hover {
  text-decoration: underline;
}
@media (min-width: 501px) {
  #page .page-layout .page-content .instagram-link {
    float: right;
    position: relative;
    top: 4px;
    margin-left: 10px;
  }
}
#page .page-layout .page-content .instagram-link:before {
  font-family: FontAwesome;
  content: "\f16d";
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
@media (max-width: 500px) {
  #page .page-layout .page-content {
    width: 100%;
  }
  #page .page-layout .page-content + .page-sidebar {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 900px) {
  #page .page-layout .page-content {
    width: 66.6666666667%;
  }
  #page .page-layout .page-content + .page-sidebar {
    width: 33.3333333333%;
  }
}
@media (min-width: 901px) and (max-width: 1200px) {
  #page .page-layout .page-content {
    width: 71.4285714286%;
  }
  #page .page-layout .page-content + .page-sidebar {
    width: 28.5714285714%;
  }
}
@media (min-width: 1201px) {
  #page .page-layout .page-content {
    width: 80%;
  }
  #page .page-layout .page-content + .page-sidebar {
    width: 20%;
  }
}
@media (max-width: 500px) {
  #page .page-layout .page-sidebar {
    margin-top: 2em;
    border-top: 1px solid #cccccc;
    padding-top: 2em;
  }
}
#page .page-layout .page-sidebar .current > a {
  text-decoration: underline;
}
#page .page-layout .page-sidebar ul {
  list-style: none;
}
#page .page-layout .page-sidebar > ul {
  margin: -0.5em;
}
#page .page-layout .page-sidebar > ul > li > a {
  display: inline-block;
  padding: 0.5em;
}
#page .page-layout .page-sidebar > ul > li > a {
  font-weight: bold;
}
#page .page-layout .page-sidebar > ul > li.current > a {
  font-weight: bold;
}
#page .page-layout .page-sidebar > ul > li ul li {
  margin-left: 27px;
}
#page .page-layout .page-sidebar > ul > li ul li a {
  display: block;
  padding: 3px 0;
}
#page .meetings {
  margin-top: 2em;
}
#page .meetings .meeting {
  background-color: #fff;
}
#page .meetings .meeting.open .meeting-content {
  display: block;
}
#page .meetings .meeting.open .meeting-header:after {
  transform: translateY(-25%) rotate(225deg);
}
#page .meetings .meeting + .meeting {
  margin-top: 1em;
}
#page .meetings .meeting .meeting-header {
  position: relative;
  cursor: pointer;
  font-size: 0;
}
#page .meetings .meeting .meeting-header > *, #page .meetings .meeting .meeting-header:before, #page .meetings .meeting .meeting-header:after {
  font-size: medium;
  font-size: 1rem;
}
#page .meetings .meeting .meeting-header > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
#page .meetings .meeting .meeting-header > * {
  vertical-align: middle;
}
#page .meetings .meeting .meeting-header .meeting-title {
  padding: 1em 0 1em 18px;
}
@media (max-width: 1200px) {
  #page .meetings .meeting .meeting-header .meeting-title {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  #page .meetings .meeting .meeting-header .meeting-title {
    width: 25%;
  }
}
#page .meetings .meeting .meeting-header .meeting-meta {
  font-size: 0;
}
#page .meetings .meeting .meeting-header .meeting-meta > *, #page .meetings .meeting .meeting-header .meeting-meta:before, #page .meetings .meeting .meeting-header .meeting-meta:after {
  font-size: medium;
  font-size: 1rem;
}
#page .meetings .meeting .meeting-header .meeting-meta > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
@media (max-width: 1200px) {
  #page .meetings .meeting .meeting-header .meeting-meta {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  #page .meetings .meeting .meeting-header .meeting-meta {
    width: 75%;
  }
}
#page .meetings .meeting .meeting-header .meeting-meta > * {
  padding: 1em 0;
}
#page .meetings .meeting .meeting-header .meeting-meta > *:before {
  min-width: 16px;
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.5em;
}
@media (max-width: 1200px) {
  #page .meetings .meeting .meeting-header .meeting-meta > * {
    width: 100%;
    padding: 0 18px;
  }
  #page .meetings .meeting .meeting-header .meeting-meta > *:last-child {
    padding-bottom: 1em;
  }
}
@media (min-width: 1201px) {
  #page .meetings .meeting .meeting-header .meeting-meta > * {
    width: 33.3333333333%;
  }
}
#page .meetings .meeting .meeting-header .meeting-meta .meeting-date:before {
  content: "\f073";
}
#page .meetings .meeting .meeting-header .meeting-meta .meeting-location:before {
  content: "\f041";
}
#page .meetings .meeting .meeting-header .meeting-meta .meeting-category:before {
  content: "\f02b";
}
#page .meetings .meeting .meeting-header h3 + * {
  margin-top: 0.5em;
}
#page .meetings .meeting .meeting-header:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  height: 16px;
  width: 16px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: translateY(-75%) rotate(45deg);
  transition: transform 0.2s ease-in-out;
}
#page .meetings .meeting .meeting-content {
  display: none;
  padding: 1em 18px 2em;
}
#page .meetings .meeting .meeting-content .user-content {
  max-width: 55em;
}
#page .meetings .meeting .meeting-content iframe {
  overflow: hidden;
  display: block;
  width: 100%;
  background: transparent;
  border: 0;
  margin-top: 2rem;
}
#page .filter-wrapper {
  background-color: #eaeaea;
  padding: 1em 2em;
  margin-bottom: 20px;
}
#page .filter-wrapper .filter {
  font-size: 0;
}
#page .filter-wrapper .filter > *, #page .filter-wrapper .filter:before, #page .filter-wrapper .filter:after {
  font-size: medium;
  font-size: 1rem;
}
#page .filter-wrapper .filter > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
@media (max-width: 500px) {
  #page .filter-wrapper .filter > * {
    width: 100%;
  }
  #page .filter-wrapper .filter > * + * {
    margin-top: 1em;
  }
}
#page .filter-wrapper .filter > div > * {
  vertical-align: middle;
}
#page .filter-wrapper .filter label {
  position: relative;
  display: inline-block;
  min-width: 180px;
  margin-left: 1em;
  margin-right: 2em;
  border-radius: 99px;
  overflow: hidden;
}
#page .filter-wrapper .filter label:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  top: 50%;
  right: 1em;
  transform: translate(-20%, -75%) rotate(45deg);
  pointer-events: none;
}
#page .filter-wrapper .filter label select {
  width: 100%;
  padding: 0.5em 1em;
  background-color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#page .stories,
#page .projects {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: -20px;
}
#page .stories .story,
#page .stories .project,
#page .projects .story,
#page .projects .project {
  padding-left: 10px;
  padding-bottom: 20px;
}
@media (max-width: 500px) {
  #page .stories .story,
  #page .stories .project,
  #page .projects .story,
  #page .projects .project {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 900px) {
  #page .stories .story,
  #page .stories .project,
  #page .projects .story,
  #page .projects .project {
    width: 50%;
  }
}
@media (min-width: 901px) {
  #page .stories .story,
  #page .stories .project,
  #page .projects .story,
  #page .projects .project {
    width: 25%;
  }
}
#page .stories .story .story-content,
#page .stories .story .project-content,
#page .stories .project .story-content,
#page .stories .project .project-content,
#page .projects .story .story-content,
#page .projects .story .project-content,
#page .projects .project .story-content,
#page .projects .project .project-content {
  height: 100%;
  position: relative;
  padding-bottom: 60px;
}
#page .stories .story .story-content .story-link,
#page .stories .story .story-content .project-link,
#page .stories .story .project-content .story-link,
#page .stories .story .project-content .project-link,
#page .stories .project .story-content .story-link,
#page .stories .project .story-content .project-link,
#page .stories .project .project-content .story-link,
#page .stories .project .project-content .project-link,
#page .projects .story .story-content .story-link,
#page .projects .story .story-content .project-link,
#page .projects .story .project-content .story-link,
#page .projects .story .project-content .project-link,
#page .projects .project .story-content .story-link,
#page .projects .project .story-content .project-link,
#page .projects .project .project-content .story-link,
#page .projects .project .project-content .project-link {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
#page .stories .story .story-social-buttons,
#page .stories .project .story-social-buttons,
#page .projects .story .story-social-buttons,
#page .projects .project .story-social-buttons {
  position: absolute;
  bottom: 0;
}
#page .stories .story .story-image,
#page .stories .story .project-image,
#page .stories .project .story-image,
#page .stories .project .project-image,
#page .projects .story .story-image,
#page .projects .story .project-image,
#page .projects .project .story-image,
#page .projects .project .project-image {
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  margin-bottom: 1em;
}
#page .stories .story .story-image::after,
#page .stories .story .project-image::after,
#page .stories .project .story-image::after,
#page .stories .project .project-image::after,
#page .projects .story .story-image::after,
#page .projects .story .project-image::after,
#page .projects .project .story-image::after,
#page .projects .project .project-image::after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 66.6666666667%;
}
#page .stories .story .story-image span,
#page .stories .story .project-image span,
#page .stories .project .story-image span,
#page .stories .project .project-image span,
#page .projects .story .story-image span,
#page .projects .story .project-image span,
#page .projects .project .story-image span,
#page .projects .project .project-image span {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.75em 1.25em;
  color: #fff;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#page .stories .story .story-image span.internal,
#page .stories .story .project-image span.internal,
#page .stories .project .story-image span.internal,
#page .stories .project .project-image span.internal,
#page .projects .story .story-image span.internal,
#page .projects .story .project-image span.internal,
#page .projects .project .story-image span.internal,
#page .projects .project .project-image span.internal {
  background-color: #cccccc;
}
#page .stories .story .story-image span.external,
#page .stories .story .project-image span.external,
#page .stories .project .story-image span.external,
#page .stories .project .project-image span.external,
#page .projects .story .story-image span.external,
#page .projects .story .project-image span.external,
#page .projects .project .story-image span.external,
#page .projects .project .project-image span.external {
  background-color: #888888;
}
#page .stories .story h3 + p,
#page .stories .project h3 + p,
#page .projects .story h3 + p,
#page .projects .project h3 + p {
  margin-top: 0.5em;
}
#page .faq-cols {
  font-size: 0;
  position: relative;
}
#page .faq-cols > *, #page .faq-cols:before, #page .faq-cols:after {
  font-size: medium;
  font-size: 1rem;
}
#page .faq-cols > * {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
@media (max-width: 900px) {
  #page .faq-cols .faq-col {
    width: 100%;
  }
  #page .faq-cols .faq-col .faq {
    margin-top: 4em;
  }
  #page .faq-cols .faq-col:first-child .faq:first-child {
    margin-top: 0;
  }
}
@media (min-width: 901px) {
  #page .faq-cols .faq-col {
    width: 50%;
  }
  #page .faq-cols .faq-col:nth-child(1) {
    padding-right: 2em;
  }
  #page .faq-cols .faq-col:nth-child(2) {
    padding-left: 2em;
  }
  #page .faq-cols .faq-col:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #ccc;
    z-index: -1;
  }
  #page .faq-cols .faq-col .faq + .faq {
    margin-top: 4em;
  }
}

.page-template-infomote-form {
  background: transparent;
}
.page-template-infomote-form, .page-template-infomote-form > div {
  display: block;
  height: auto;
}
.page-template-infomote-form #page {
  margin: 0;
}

.sticky-application {
  position: fixed;
  top: 75vh;
  right: 0;
  height: 0;
  z-index: 2;
}
.sticky-application .application-button {
  display: block;
  font-size: 20px;
  border-radius: 10px 10px 0 0;
  padding: 1.5em 2em;
  font-weight: 900;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform-origin: bottom center;
  transition: transform 0.4s ease-in-out;
  transform: translateX(-50%) rotate(-90deg) translateY(10px);
  white-space: nowrap;
  box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.2);
}
.sticky-application .application-button:hover {
  transform: translateX(-50%) rotate(-90deg);
}

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