@charset "UTF-8";

/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative;
}

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

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

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


/* draggable */

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

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

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


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

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

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

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

.flickity-prev-next-button:active {
    filter: alpha(opacity=60);
    /* IE8 */
    opacity: 0.6;
}

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

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


/* right to left */

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

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

.flickity-prev-next-button:disabled {
    filter: alpha(opacity=30);
    /* IE8 */
    opacity: 0.3;
    cursor: auto;
}

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

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


/* color & size if no SVG - IE8 and Android 2.3 */

.flickity-prev-next-button.no-svg {
    color: #333;
    font-size: 26px;
}


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

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

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

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25);
    /* IE8 */
    opacity: 0.25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    filter: alpha(opacity=100);
    /* IE8 */
    opacity: 1;
}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

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


/**
 * Remove default margin.
 */

body {
    margin: 0;
}


/* HTML5 display definitions
   ========================================================================== */


/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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


/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

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


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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


/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* Links
   ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}


/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
    outline: 0;
}


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


/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}


/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Embedded content
   ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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


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


/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}


/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}


/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}


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


/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */


/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

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


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}


/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}


/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}


/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}


/* Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

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

td,
th {
    padding: 0;
}

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

html {
    box-sizing: border-box;
}

.grid-item {
    width: 25%;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
}

ul,
li,
dl,
dt,
dd {
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style-type: none;
}

img.image-fix {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}

blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

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


/* 

<div class="sixteen-nine">
  <div class="content">
    insert content here
    this will maintain a 16:9 aspect ratio
  </div>
</div>

Usage

.sixteen-nine {
  @include aspect-ratio(16, 9);
}

*/

.no-limits {
    font-size: 3vw;
}

.limit-min {
    font-size: 3vw;
}

@media (max-width: 666.6666666667px) {
    .limit-min {
        font-size: 20px;
    }
}

.limit-min-max {
    font-size: 3vw;
}

@media (max-width: 666.6666666667px) {
    .limit-min-max {
        font-size: 20px;
    }
}

@media (min-width: 1666.6666666667px) {
    .limit-min-max {
        font-size: 50px;
    }
}


/* Global Reset Styles ------------------ */

input,
textarea,
select,
option,
optgroup,
button,
legend,
fieldset {
    box-sizing: border-box;
    outline: none;
    font-family: "Cabin", sans-serif;
    font-size: 1rem;
    color: #282828;
    vertical-align: top;
    display: block;
    margin: 10px 0;
}

datalist {
    font-family: "Cabin", sans-serif;
    font-size: 1rem;
}

label {
    display: block;
    margin: 10px 0;
}


/* Input & Textarea ------------------ */


/* Fields with standard width */

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[list],
input[type=file],
select,
textarea {
    width: inherit;
    max-width: none;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    border: 2px solid currentcolor;
}


/* Fields with standard height */

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[list] {
    min-height: 40px;
    -webkit-appearance: none;
}


/* Other */

textarea {
    -webkit-appearance: none;
    overflow: auto;
}

input[type=range] {
    min-height: 40px;
    width: inherit;
    max-width: none;
}

input[type=file] {
    min-height: 40px;
}

input[type=search] {
    height: 40px;
    -webkit-appearance: none;
}

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

input[type=checkbox],
input[type=radio] {
    display: inline-block;
    vertical-align: middle;
}


/* Select ------------------ */

select {
    height: 40px;
}

select[multiple] {
    height: auto;
    min-height: 40px;
    padding: 0;
}

select[multiple] option {
    margin: 0;
    padding: 15px 20px;
}


/* Fieldset ------------------ */

fieldset {
    padding: 10px 25px;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    border: 2px solid currentcolor;
}

legend {
    padding: 0 5px;
    font-weight: 400;
}


/* Buttons, Input Type Submit/Reset ------------------ */

button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=image] {
    min-height: 40px;
    width: inherit;
    max-width: none;
    background-color: #daf3e5;
    padding: 15px 20px;
    cursor: pointer;
    color: #282828;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    border: 2px solid currentcolor;
}

input[type=image] {
    text-align: center;
    padding: 15px 20px;
}


/* States ------------------ */

input[disabled],
textarea[disabled],
select[disabled],
option[disabled],
button[disabled] {
    cursor: not-allowed;
}

input:focus,
textarea:focus,
select:focus,
option:focus,
button:focus {
    background-color: #daf3e5;
    border-color: currentcolor;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: currentcolor solid 2px;
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
button:focus,
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus {
    background-color: currentcolor;
    color: #fff;
}


/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */


/* FONT PATH
 * -------------------------- */

@font-face {
    font-family: "FontAwesome";
    src: url("../web-fonts/fontawesome-webfont.eot?v=4.5.0");
    src: url("../web-fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../web-fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../web-fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../web-fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../web-fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* makes the font 33% larger relative to the icon container */

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-at:before {
    content: "\f1fa";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-phone:before {
    content: "\f095";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-download:before {
    content: "\f019";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-minus-square:before {
    content: "\f146";
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

.pattern-wrap {
    background-image: url("../images/seamless_leaf_pattern_02.jpg");
    background-size: 150px;
    background-blend-mode: color-burn;
}

.color-1 {
    background-color: #B0D371;
}

.color-2 {
    background-color: #74C4D5;
}

.color-3 {
    background-color: #658922;
}

.color-4 {
    background-color: #F59A4A;
}

.color-5 {
    background-color: #818181;
}

@keyframes bg-color-cycle {
    0% {
        background-color: #e66e16;
    }
    25% {
        background-color: #0096aa;
    }
    50% {
        background-color: #e3a723;
    }
    75% {
        background-color: #6e9618;
    }
    100% {
        background-color: #e66e16;
    }
}

html {
    height: 100%;
    background-color: #fff;
    line-height: 1.618;
    box-sizing: border-box;
    /* Scale the root font size at different breakpoints */
    font-size: 100%;
}

html.font-loaded--cabin {
    font-family: "Cabin", sans-serif;
}

@media only screen and (min-width: 20em) {
    html {
        font-size: 100%;
    }
}

@media only screen and (min-width: 500px) {
    html {
        font-size: 100%;
    }
}

@media only screen and (min-width: 640px) {
    html {
        font-size: 105%;
    }
}

@media only screen and (min-width: 1024px) {
    html {
        font-size: 110%;
    }
}

@media only screen and (min-width: 1200px) {
    html {
        font-size: 110%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0;
    line-height: 1.1;
}

.font-loaded--cabin h1,
.font-loaded--cabin h2,
.font-loaded--cabin h3,
.font-loaded--cabin h4,
.font-loaded--cabin h5,
.font-loaded--cabin h6 {
    font-family: "Cabin", sans-serif;
}

p {
    margin: 1rem 0;
}

hr {
    margin: 1.618rem 0;
}

h1,
.h1 {
    font-size: 2.617924rem;
    margin: 1rem 0;
    color: #009a44;
}

.header-hand,
.special-header,
.header-first-line {
    line-height: 1;
    text-transform: uppercase;
}

.font-loaded--special .header-hand,
.font-loaded--special .special-header,
.font-loaded--special .header-first-line {
    font-family: "Just Another Hand", sans-serif;
}

h2,
.h2 {
    color: #009a44;
    font-size: 1.9313967862rem;
    margin-top: 0.6180469716rem;
    margin-bottom: 0.6180469716rem;
}

h3,
.h3 {
    color: #009a44;
    margin-top: 0.6180469716rem;
    margin-bottom: 0.6180469716rem;
    font-size: 1.1936939346rem;
    font-weight: 400;
}

.font-loaded--cabin h3,
.font-loaded--cabin .h3 {
    font-family: "Cabin", sans-serif;
}

h4,
.h4 {
    margin-top: 0.6180469716rem;
    margin-bottom: 1rem;
    font-size: 1.1936939346rem;
    font-weight: 500;
}

.font-loaded--cabin h4,
.font-loaded--cabin .h4 {
    font-family: "Cabin", sans-serif;
}

h1 .subheader,
.h1 .subheader,
h2 .subheader,
.h2 .subheader,
h3 .subheader,
.h3 .subheader,
h4 .subheader,
.h4 .subheader,
h5 .subheader,
.h5 .subheader {
    display: block;
    color: #00672d;
    font-weight: normal;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    text-transform: none;
    font-size: 0.8em;
}

.font-loaded--cabin h1 .subheader,
.font-loaded--cabin .h1 .subheader,
.font-loaded--cabin h2 .subheader,
.font-loaded--cabin .h2 .subheader,
.font-loaded--cabin h3 .subheader,
.font-loaded--cabin .h3 .subheader,
.font-loaded--cabin h4 .subheader,
.font-loaded--cabin .h4 .subheader,
.font-loaded--cabin h5 .subheader,
.font-loaded--cabin .h5 .subheader {
    font-family: "Cabin", sans-serif;
}

p {
    font-size: 1rem;
}

a {
    color: #009cde;
}

a:hover {
    color: #a64724;
}

.reading-time {
    color: silver;
}


/* ---- button-group ---- */

.button-group:after {
    content: "";
    display: block;
    clear: both;
}

.button-group .button {
    float: left;
}

.row.column img {
    max-width: 100%;
}

figure {
    padding: 0;
    margin: 0;
}

.line-dashed,
.line-stroke {
    font-size: 1rem;
}

.line-dashed {
    border-style: solid;
    border-width: 13px 0px 0px;
    border-image: url("../images/big-dashes.png") 20 27 27 repeat round;
}

.line-stroke {
    border: solid;
    border-width: 0px 0px 10px 0px;
    border-image: url("../images/single-stroke.png") 10 stretch;
}

.small-dashed-white {
    background-color: rgba(255, 255, 255, 0.7);
}

.hr-line-stroke-orange {
    background-image: url("../images/orange-stroke.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 5px;
    margin-bottom: 1rem;
    height: 10px;
}

.line-stroke-orange {
    height: 1.1936939346rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
    background-image: url("../images/orange-stroke.png");
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
    display: block;
}

.single-stroke,
.card-container .card .back,
.card-container .card .front {
    padding: 0.455969667rem;
    border-style: solid;
    border-width: 9px 6px 7px 5px;
    border-image: url("../images/single-stroke.png") 15 10 28 5 stretch;
}

.single-stroke.stroke-image,
.card-container .card .stroke-image.back,
.card-container .card .stroke-image.front {
    background-size: cover;
    background-position: center;
}

.small-dashed {
    padding: 0 1rem 1rem 1rem;
    margin: 0;
    border-style: solid;
    border-width: 1rem;
    border-image: url(../images/small-dashes-sharp.png) 20 fill repeat;
}

.effect2 {
    position: relative;
}

.effect2:before,
.effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.text-underline {
    color: #009a44;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#009a44, #009a44);
    background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%;
}

.text-underline::selection {
    text-shadow: 0.03em 0 crimson, -0.03em 0 crimson, 0 0.03em crimson, 0 -0.03em crimson, 0.06em 0 crimson, -0.06em 0 crimson, 0.09em 0 crimson, -0.09em 0 crimson, 0.12em 0 crimson, -0.12em 0 crimson, 0.15em 0 crimson, -0.15em 0 crimson;
    background: crimson;
}

.text-underline::-moz-selection {
    text-shadow: 0.03em 0 crimson, -0.03em 0 crimson, 0 0.03em crimson, 0 -0.03em crimson, 0.06em 0 crimson, -0.06em 0 crimson, 0.09em 0 crimson, -0.09em 0 crimson, 0.12em 0 crimson, -0.12em 0 crimson, 0.15em 0 crimson, -0.15em 0 crimson;
    background: crimson;
}

.text-underline:before,
.text-underline:after,
.text-underline *,
.text-underline *:before,
.text-underline *:after {
    text-shadow: none;
}

.text-underline:visited {
    color: #009a44;
}


/****************************************************************************
 * Beemuse: Paper
 *
 * Copyright 2014 ITMUSTBE, Inc.
 * Licensed under the MIT License
 * http://opensource.org/licenses/MIT
 *
 * Designed and built with all the buzz in the world @itmustbe
****************************************************************************/

.paper {
    position: relative;
    min-height: 20px;
    padding: 19px;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
}

.paper:before,
.paper:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.paper-lg {
    padding: 24px;
}

.paper-sm {
    padding: 9px;
}

.paper-photo {
    padding: 0;
}

.paper.paper-grid {
    background-image: url("/assets/images/bg-seamless-grid.jpg");
    background-size: 30%;
    border: 1px solid transparent;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
}

.paper.paper-trans {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
}

.paper.paper-polar {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
}

.paper.paper-vintage {
    background-color: #faf8f0;
    border: 1px solid #faf8f0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 117, 64, 0.1) inset;
}

.paper.paper-pink {
    background-color: #faf0f0;
    border: 1px solid #faf0f0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 64, 64, 0.1) inset;
}

.paper.paper-green {
    background-color: #009a44;
    border: 1px solid #009a44;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(85, 128, 64, 0.1) inset;
}

.paper.paper-blue {
    background-color: #f0f6fa;
    border: 1px solid #f0f6fa;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(64, 106, 128, 0.1) inset;
}

.paper.paper-violet {
    background-color: #f2f0fa;
    border: 1px solid #f2f0fa;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(74, 64, 128, 0.1) inset;
}

.paper-lift:before,
.paper-lift:after {
    bottom: 15px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(31, 31, 31, 0.7);
}

.paper-lift:before {
    left: 10px;
    transform: rotate(-4deg);
}

.paper-lift:after {
    right: 10px;
    transform: rotate(4deg);
}

.paper-raise:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 16px 10px -10px rgba(31, 31, 31, 0.5), 0 1px 4px rgba(31, 31, 31, 0.3);
}

.paper-curl,
.paper-curl-left:after,
.paper-curl-right:after,
.paper-curl-left:before,
.paper-curl-right:before {
    border-radius: 0 0 120px 120px/0 0 6px 6px;
}

.paper-curl:before,
.paper-curl-left:before,
.paper-curl-right:before,
.paper-curl:after,
.paper-curl-left:after,
.paper-curl-right:after {
    bottom: 12px;
    width: 50%;
    height: 55%;
    max-width: 200px;
    max-height: 100px;
    box-shadow: 0 12px 14px rgba(31, 31, 31, 0.5);
}

.paper-curl:before,
.paper-curl-left:before,
.paper-curl-right:before {
    left: 6px;
    transform: skew(-8deg);
    transform: rotate(-3deg);
}

.paper-curl:after,
.paper-curl-left:after,
.paper-curl-right:after {
    right: 6px;
    transform: skew(8deg);
    transform: rotate(3deg);
}

.paper-curl-left {
    border-radius: 0 0 0 120px/0 0 0 6px;
}

.paper-curl-right {
    border-radius: 0 0 120px 0/0 0 6px 0;
}

.paper-curve:before,
.paper-curve-above:before,
.paper-curve-below:before,
.paper-curve-horiz:before,
.paper-curve-left:before,
.paper-curve-vert:before,
.paper-curve-right:before {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.paper-curve-left:before,
.paper-curve-vert:before,
.paper-curve-right:before {
    top: 10px;
    bottom: 10px;
    border-radius: 10px/100px;
}

.paper-curve-left:before,
.paper-curve-vert:before {
    left: 0;
    right: 50%;
}

.paper-curve-right:before {
    left: 50%;
    right: 0;
}

.paper-curve-vert:before {
    right: 0;
}

.paper-curve-above:before,
.paper-curve-below:before,
.paper-curve-horiz:before {
    left: 10px;
    right: 10px;
    border-radius: 100px/10px;
}

.paper-curve-above:before {
    top: 0;
    bottom: 50%;
}

.paper-curve-below:before,
.paper-curve-horiz:before {
    top: 50%;
    bottom: 0;
}

.paper-curve-horiz:before {
    top: 0;
}

body {
    display: flex;
    flex-direction: column;
}

body .wrap {
    flex-grow: 1;
    flex-shrink: 0;
}

.gallery-header {
    margin-top: 1.618rem;
}

.gallery-thumb {
    display: block;
    margin-bottom: 1rem;
    position: relative;
    min-height: 20px;
    padding: 5px;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
}

@media only screen and (min-width: 640px) {
    .gallery-thumb {
        padding: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .gallery-thumb {
        padding: 15px;
    }
}

.gallery-thumb:before,
.gallery-thumb:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.gallery-thumb:before,
.gallery-thumb:after {
    bottom: 15px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(31, 31, 31, 0.7);
}

.gallery-thumb:before {
    left: 10px;
    transform: rotate(-4deg);
}

.gallery-thumb:after {
    right: 10px;
    transform: rotate(4deg);
}

.gallery-thumb .gallery-thumb__image {
    width: 100%;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}

.gallery-thumb .gallery-thumb__title {
    position: relative;
    min-height: 20px;
    padding: 5px;
    background-color: #009a44;
    border: 1px solid #009a44;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    margin: 0;
    padding: 4px;
    color: #fff;
}

@media only screen and (min-width: 640px) {
    .gallery-thumb .gallery-thumb__title {
        padding: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .gallery-thumb .gallery-thumb__title {
        padding: 15px;
    }
}

.gallery-thumb .gallery-thumb__title:before,
.gallery-thumb .gallery-thumb__title:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.gallery-thumb .gallery-thumb__title:before,
.gallery-thumb .gallery-thumb__title:after {
    bottom: 15px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(31, 31, 31, 0.7);
}

.gallery-thumb .gallery-thumb__title:before {
    left: 10px;
    transform: rotate(-4deg);
}

.gallery-thumb .gallery-thumb__title:after {
    right: 10px;
    transform: rotate(4deg);
}

@media only screen and (min-width: 640px) {
    .gallery-thumb .gallery-thumb__title {
        padding: 0.6180469716rem;
        right: 0;
        bottom: -1.618rem;
        position: absolute;
        margin: 1rem;
    }
}

.events-list {
    padding: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.events-col-full-height {
    display: table-cell;
    overflow-y: scroll;
}

.event-item-wrap {
    z-index: 2;
    transform: translateZ(0px);
}

.event-item-wrap:nth-child(odd) .event-item {
    background: linear-gradient(to bottom, rgba(1, 1, 1, 0.01) 0%, rgba(1, 1, 1, 0) 54%, rgba(1, 1, 1, 0) 100%), url("../images/bg-ricepaper-blue.jpg");
}

.event-item-wrap:nth-child(even) .event-item {
    background: linear-gradient(to bottom, rgba(1, 1, 1, 0.01) 0%, rgba(1, 1, 1, 0.03) 30%, rgba(1, 1, 1, 0) 100%), url("../images/bg-ricepaper-blue.jpg");
}

.event-item-wrap:nth-child(n+4) {
    display: none;
}

.events-list-header {
    padding: 1.1936939346rem 1.1936939346rem;
    line-height: 1;
    font-size: 2.617924rem;
    text-transform: uppercase;
    font-family: "Just Another Hand", sans-serif;
    background-image: url("../images/bg-ricepaper-blue.jpg");
    margin-bottom: -10px;
}

.event-item {
    padding: 1rem 1.1936939346rem;
    margin: 0;
    border-top: rgba(0, 0, 0, 0.14) 1px dashed;
}

.event-item:last-of-type {
    border-bottom: dashed 0px #ccc;
    margin-bottom: 0;
}

.event-item .event-item__title {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    margin-bottom: 0.455969667rem;
    padding-bottom: 3px;
    display: inline;
    position: relative;
    display: inline;
}

.event-item .event-item__title:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1em;
    border-bottom: 4px solid #009cde;
    content: "";
}

.event-item .event-item__date {
    margin-top: 5px;
    font-size: 16px;
    color: #009a44;
    line-height: 1.3;
}

.event-item .event-item__desc {
    padding-top: 0.2em;
    font-size: 16px;
    line-height: 1.4;
}

.event-item.event-item__further-information p {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
}

.event-item .event-item__link {
    font-size: 16px;
    text-decoration: underline;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    display: inline-block;
    color: #009cde;
}

.events-list-bottom {
    -webkit-mask-box-image: url("../images/note-paper-bottom-short.png") 0 0 19 repeat;
    mask-border: url("../images/note-paper-bottom-short.png") 0 0 19 repeat;
    background-image: url("../images/bg-ricepaper-blue.jpg");
    position: relative;
    z-index: 100;
    height: 25px;
}

.welcome-message {
    margin-bottom: 1.1936939346rem;
}

.homepage-flip {
    display: none;
}

@media only screen and (min-width: 640px) {
    .homepage-flip {
        display: block;
    }
}

.homepage-video {
    position: relative;
    margin-bottom: 20px;
}

.homepage-video:before {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.homepage-video>.homepage-video__iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.homepage-360 {
    position: relative;
    margin-bottom: 20px;
}

.homepage-360:before {
    display: block;
    content: "";
    width: 101%;
    height: 101%;
    border: 2px solid black;
    top: 4px;
    left: 2px;
    padding-top: 56.25%;
}

.homepage-360>video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.homepage-360>video:before {
    content: "";
    display: block;
    width: 99%;
    height: 99%;
    position: absolute;
    border: 2px solid black;
    top: 4px;
    left: 2px;
}

.signoff {
    display: flex;
}

.signoff__image {
    width: 10%;
    flex: 1 1 10%;
}

.signoff__name {
    flex: 1 0 70%;
    padding: 20px;
    color: #009a44;
    display: flex;
    font-weight: 600;
    align-items: center;
}

.home-reasons-slides {
    margin-top: 30px;
    margin-bottom: 30px;
}

.home-reasons-slide {
    height: 225px;
    position: relative;
    display: flex;
    background-repeat: repeat;
    background-size: contain;
    width: 100%;
}

.home-reasons-slide:before {
    content: "";
    display: block;
    width: 99%;
    height: 97%;
    position: absolute;
    border: 2px solid black;
}

.home-reasons-slide__left,
.home-reasons-slide__right {
    flex: 1 0 50%;
    text-align: center;
}

.home-reasons-slide__right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-reasons-slide__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.home-reasons-slide--1 {
    background-image: url("/assets/images/yellow-bg.jpg");
}

.home-reasons-slide--1:before {
    top: 4px;
    left: 2px;
}

.home-reasons-slide--2 {
    background-image: url("/assets/images/pink-bg.jpg");
}

.home-reasons-slide--2:before {
    top: 2px;
    right: 3px;
}

.home-reasons-slide--3 {
    background-image: url("/assets/images/orange-bg.jpg");
}

.home-reasons-slide--3:before {
    top: 3px;
    left: 4px;
}

.home-reasons-slide--4 {
    background-image: url("/assets/images/blue-bg.jpg");
}

.home-reasons-slide--4:before {
    top: 1px;
    right: 3px;
}

.homepage-we-offer {
    margin-bottom: 20px;
}

.homepage-we-offer .column {
    position: relative;
    padding-bottom: 20px;
    background: #009a44;
}

.homepage-we-offer .column:before {
    content: "";
    display: block;
    width: 99%;
    height: 99%;
    position: absolute;
    border: 2px solid black;
    top: 4px;
    left: 2px;
}

.homepage-we-offer .column p {
    padding: 1.1936939346rem;
    line-height: 1;
    font-size: 2.617924rem !important;
    text-transform: uppercase;
    font-family: "Just Another Hand", sans-serif;
    margin-bottom: -10px;
}

.homepage-we-offer .column ul,
.homepage-we-offer .column li {
    list-style-type: disc;
}

.homepage-we-offer .column li {
    margin-left: 1em;
}

.homepage-we-offer .column li,
.homepage-we-offer .column p {
    font-size: 20px;
    color: white;
}

.apply-now {
    margin-bottom: 20px;
}

.apply-now .column {
    position: relative;
    padding: 1.1936939346rem;
    padding-bottom: 20px;
    background: #009cde;
    background-image: url("../images/bg-ricepaper-dark-blue.jpg");
}

.apply-now .column:after {
    content: "";
    display: block;
    width: 99%;
    height: 99%;
    position: absolute;
    border: 2px solid black;
    top: 4px;
    left: 2px;
    pointer-events: none;
}

.apply-now .column h2 {
    color: white;
    line-height: 1;
    font-size: 2.617924rem !important;
    text-transform: uppercase;
    font-family: "Just Another Hand", sans-serif;
    margin-bottom: -10px;
}

.apply-now .column img {
    width: 100%;
    margin: 10px 0;
}

.apply-now .column p,
.apply-now .column a {
    color: #fff;
}

.current-newsletter {
    font-size: 130%;
}

.homepage-slider {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1.618rem;
}

@media only screen and (min-width: 1024px) {
    .homepage-slider {
        min-height: 480px;
        max-height: 700px;
        width: 100vw;
    }
}

@media only screen and (min-width: 640px) {
    .homepage-slider {
        height: auto;
    }
}

.homepage-slider .homepage-slide {
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 280px;
    flex-direction: column;
}

@media only screen and (min-width: 640px) {
    .homepage-slider .homepage-slide {
        min-height: 480px;
        max-height: 700px;
        width: 100vw;
    }
}

.homepage-slider {
    /* big buttons, no circle */
    /* arrow color */
    /* hide disabled button */
}

.homepage-slider .flickity-prev-next-button {
    border: dashed 2px rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.1);
    top: 85%;
}

@media only screen and (min-width: 1024px) {
    .homepage-slider .flickity-prev-next-button {
        top: 50%;
    }
}

.homepage-slider .flickity-prev-next-button {
    width: 50px;
    height: 50px;
    background: transparent;
}

@media only screen and (min-width: 640px) {
    .homepage-slider .flickity-prev-next-button {
        width: 100px;
        height: 100px;
    }
}

.homepage-slider .flickity-prev-next-button:hover {
    background: transparent;
}

.homepage-slider .flickity-prev-next-button .arrow {
    fill: rgba(255, 255, 255, 0.5);
}

.homepage-slider .flickity-prev-next-button.no-svg {
    color: white;
}

.homepage-slider .flickity-prev-next-button:disabled {
    display: none;
}

.homepage-slider .flickity-page-dots {
    bottom: 1rem;
}

.homepage-slider .flickity-page-dots .dot {
    background-color: rgba(255, 255, 255, 0.7);
}

.homepage-slide-text {
    color: #fff;
    position: relative;
    margin-bottom: 1.618rem;
    padding: 1.1936939346rem;
    align-items: flex-end;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    width: 100%;
}

@media only screen and (min-width: 640px) {
    .homepage-slide-text {
        max-width: 70vw;
        align-self: flex-end;
        align-items: center;
        flex-wrap: wrap;
    }
}

.homepage-slide-text .homepage-slide-text__first-line {
    animation-delay: 0.5s;
    font-family: "Just Another Hand", cursive;
    font-size: 9vw;
    text-transform: uppercase;
    line-height: 0.5;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 5px;
}

@media (max-width: 555.5555555556px) {
    .homepage-slide-text .homepage-slide-text__first-line {
        font-size: 50px;
    }
}

@media (min-width: 777.7777777778px) {
    .homepage-slide-text .homepage-slide-text__first-line {
        font-size: 70px;
    }
}

.homepage-slide-text .homepage-slide-text__first-line:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    margin: 7px auto 3px;
    background-color: #FBED21;
}

@media only screen and (min-width: 640px) {
    .homepage-slide-text .homepage-slide-text__first-line {
        font-size: 9vw;
    }
}

@media only screen and (min-width: 640px) and (max-width: 555.5555555556px) {
    .homepage-slide-text .homepage-slide-text__first-line {
        font-size: 50px;
    }
}

@media only screen and (min-width: 640px) and (min-width: 1888.8888888889px) {
    .homepage-slide-text .homepage-slide-text__first-line {
        font-size: 170px;
    }
}

@media only screen and (min-width: 640px) {
    .homepage-slide-text .homepage-slide-text__first-line:after {
        margin: 20px auto;
    }
}

.homepage-slide-text .homepage-slide-text__second-line {
    animation-delay: 1s;
    line-height: 1.1;
    text-transform: uppercase;
    font-size: 9vw;
}

@media (max-width: 333.3333333333px) {
    .homepage-slide-text .homepage-slide-text__second-line {
        font-size: 30px;
    }
}

@media (min-width: 777.7777777778px) {
    .homepage-slide-text .homepage-slide-text__second-line {
        font-size: 70px;
    }
}

.homepage-slide-text .homepage-slide-text__para {
    margin-top: 1.1936939346rem;
    max-width: 80vw;
    text-shadow: 2px 3px 12px rgba(0, 0, 0, 0.66);
    max-width: 75%;
    font-size: 20px;
    animation-delay: 1.4s;
    line-height: 1.3;
}

@media only screen and (min-width: 640px) {
    .homepage-slide-text .homepage-slide-text__para {
        margin: 0 auto;
        max-width: 600px;
        font-size: 30px;
    }
}

.homepage-slide__link {
    background: #009a44;
    color: #ffffff;
    text-decoration: none;
    padding: 4px 8px;
    font-size: 16px;
}

@media only screen and (min-width: 640px) {
    .homepage-slide__link {
        margin-top: 35px;
    }
}

.homepage-slide__link:hover {
    text-decoration: underline;
    color: #fff;
}

.homepage-slide-text,
.homepage-slide-text__para {
    text-align: right;
}

@media only screen and (min-width: 640px) {
    .homepage-slide-text,
    .homepage-slide-text__para {
        text-align: center;
    }
}

.header-image {
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    min-height: 300px;
    display: flex;
    margin-bottom: 1.618rem;
    background-position: 50% 50%;
}

@media only screen and (min-width: 640px) {
    .header-image {
        background-position: 50% 50%;
        min-height: 350px;
        max-height: 400px;
        width: 100vw;
    }
}

@media only screen and (min-width: 1024px) {
    .header-image {
        min-height: 580px;
        max-height: 700px;
        width: 100vw;
        background-position: 50% 50%;
    }
}

.header-text {
    color: #fff;
    position: relative;
    margin-bottom: 1.1936939346rem;
    padding: 1.1936939346rem 1rem;
    z-index: 10;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 640px) {
    .header-text {
        max-width: 70vw;
    }
}

@media only screen and (min-width: 1024px) {
    .header-text {
        max-width: 60vw;
    }
}

.header-first-line {
    color: #fff;
    animation-delay: 1s;
    font-size: 5vw;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 5px;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 500px) {
    .header-first-line {
        white-space: normal;
        text-align: center;
    }
}

@media (max-width: 800px) {
    .header-first-line {
        font-size: 40px;
    }
}

@media (min-width: 1400px) {
    .header-first-line {
        font-size: 70px;
    }
}

@media only screen and (min-width: 640px) {
    .header-first-line:after {
        display: block;
        content: "";
        width: 100%;
        height: 3px;
        margin: 20px auto;
        background-color: #FBED21;
    }
}

.header-second-line {
    color: #fff;
    text-shadow: 2px 3px 12px rgba(0, 0, 0, 0.66);
    margin-top: 1rem;
    margin: 0 auto;
    animation-delay: 1.4s;
    font-size: 2vw;
    line-height: 1.3;
}

@media only screen and (min-width: 640px) {
    .header-second-line {
        text-align: center;
        max-width: 40vw;
    }
}

@media only screen and (min-width: 500px) {
    .header-second-line {
        white-space: normal;
        text-align: center;
    }
}

@media only screen and (min-width: 1024px) {
    .header-second-line {
        max-width: 36vw;
    }
}

@media (max-width: 1050px) {
    .header-second-line {
        font-size: 21px;
    }
}

@media (min-width: 1500px) {
    .header-second-line {
        font-size: 30px;
    }
}

.butterfly-wrap {
    position: relative;
    width: auto;
}

.butterfly {
    position: absolute;
    perspective: 250px;
}

.butterfly.butterfly--1 {
    transform: rotate(-15deg) scale(0.8);
    left: 50px;
    top: 20px;
}

.butterfly.butterfly--1 .wing {
    animation-delay: 1000;
    width: 57px;
    height: 86px;
}

.butterfly.butterfly--1 .butterfly__body {
    left: calc(-20px / 2);
    top: -20px;
    width: 20px;
    height: 117px;
}

.butterfly.butterfly--2 {
    transform: rotate(12.9deg) scale(0.7);
    left: 166px;
    top: 20px;
}

.butterfly.butterfly--2 .wing {
    animation-delay: 1500;
    width: 79px;
    height: 106px;
}

.butterfly.butterfly--2 .butterfly__body {
    left: calc(-34px / 2);
    top: -40px;
    width: 34px;
    height: 177px;
}

.butterfly.butterfly--3 {
    left: 250px;
    transform: rotate(3deg) scale(0.7);
}

.butterfly.butterfly--3 .wing {
    animation-delay: 3000;
    width: 64px;
    height: 113px;
}

.butterfly.butterfly--3 .butterfly__body {
    left: -15px;
    top: -10px;
    width: 34px;
    height: 158px;
}

.butterfly:nth-of-type(1) {
    z-index: 1;
}

.butterfly:nth-of-type(1) .left-wing {
    animation: flap-left 1s 4.61s 2;
}

.butterfly:nth-of-type(1) .right-wing {
    animation: flap-right 1s 4.61s 2;
}

.butterfly:nth-of-type(2) {
    z-index: 1;
}

.butterfly:nth-of-type(2) .left-wing {
    animation: flap-left 1s 7.53s 2;
}

.butterfly:nth-of-type(2) .right-wing {
    animation: flap-right 1s 7.53s 2;
}

.butterfly:nth-of-type(3) {
    z-index: 1;
}

.butterfly:nth-of-type(3) .left-wing {
    animation: flap-left 1s 7.27s 2;
}

.butterfly:nth-of-type(3) .right-wing {
    animation: flap-right 1s 7.27s 2;
}

.wing {
    transform: translateZ(-10px);
    position: absolute;
}

.butterfly__body {
    position: absolute;
    transform-origin: center;
}

.left-wing {
    right: 52%;
    animation: flap-left 4s 2;
    transform-origin: right center;
}

.right-wing {
    left: 2%;
    animation: flap-right 4s 2;
    transform-origin: left center;
}

@keyframes flap-left {
    50% {
        transform: rotateY(60deg);
    }
}

@keyframes flap-right {
    50% {
        transform: rotateY(-60deg);
    }
}


/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
   -------------------------------------------------------------------------------------------*/

.sm {
    position: relative;
    z-index: 999;
}

.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
    direction: rtl;
    text-align: right;
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
    margin: 0;
    padding: 0;
}

.sm ul {
    display: none;
}

.sm li,
.sm a {
    position: relative;
}

.sm a {
    display: block;
}

.sm a.disabled {
    cursor: not-allowed;
}

.sm:after {
    content: " ";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.sm,
.sm *,
.sm *:before,
.sm *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top-menu {
    background-color: #009a44;
    border: solid #000 2px;
    border-left: 0px;
    border-right: 0px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

@media only screen and (min-width: 640px) {
    #main-nav {
        line-height: 0;
        text-align: center;
    }
    #main-menu {
        display: inline-block;
    }
}

@media only screen and (min-width: 850px) {
    .menu-top-search {
        display: none !important;
    }
}

.sm-balham {
    background: #009a44;
}

.sm-balham a,
.sm-balham a:hover,
.sm-balham a:focus,
.sm-balham a:active {
    padding: 13px 20px;
    /* make room for the toggle button (sub indicator) */
    padding-right: 58px;
    color: #fff;
    font-family: "Cabin", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 17px;
    text-decoration: none;
    text-transform: uppercase;
}

.sm-balham a.current {
    font-weight: bold;
}

.sm-balham a.disabled {
    color: #cccccc;
}

.sm-balham a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font-size: 15px;
    line-height: 34px;
    font-weight: bold;
    font-family: monospace;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 154, 68, 0.2);
    border-radius: 0px;
}

.sm-balham a.highlighted span.sub-arrow:before {
    display: block;
    content: "-";
}

.sm-balham ul {
    background: #00672d;
}

.sm-balham ul a,
.sm-balham ul a:hover,
.sm-balham ul a:focus,
.sm-balham ul a:active {
    font-size: 15px;
    border-left: 8px solid transparent;
}

.sm-balham ul a.active {
    background-color: #003417;
}

.sm-balham ul ul a,
.sm-balham ul ul a:hover,
.sm-balham ul ul a:focus,
.sm-balham ul ul a:active {
    border-left: 16px solid transparent;
}

.sm-balham ul ul ul a,
.sm-balham ul ul ul a:hover,
.sm-balham ul ul ul a:focus,
.sm-balham ul ul ul a:active {
    border-left: 24px solid transparent;
}

.sm-balham ul ul ul ul a,
.sm-balham ul ul ul ul a:hover,
.sm-balham ul ul ul ul a:focus,
.sm-balham ul ul ul ul a:active {
    border-left: 32px solid transparent;
}

.sm-balham ul ul ul ul ul a,
.sm-balham ul ul ul ul ul a:hover,
.sm-balham ul ul ul ul ul a:focus,
.sm-balham ul ul ul ul ul a:active {
    border-left: 40px solid transparent;
}

@media (min-width: 1024px) {
    /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
      -----------------------------------------------*/
    /* start... (it's not recommended editing these rules) */
    .sm-balham ul {
        position: absolute;
        width: 12em;
    }
    .sm-balham li {
        float: left;
    }
    .sm-balham.sm-rtl li {
        float: right;
    }
    .sm-balham ul li,
    .sm-balham.sm-rtl ul li,
    .sm-balham.sm-vertical li {
        float: none;
    }
    .sm-balham a {
        white-space: nowrap;
    }
    .sm-balham ul a,
    .sm-balham.sm-vertical a {
        white-space: normal;
    }
    .sm-balham .sm-nowrap>li>a,
    .sm-balham .sm-nowrap>li> :not(ul) a {
        white-space: nowrap;
    }
    /* ...end */
    .sm-balham {
        border-top: 0;
        background: transparent;
    }
    .sm-balham>li:nth-last-of-type(1) a:after,
    .sm-balham>li.menu-sub-item:after {
        background-color: transparent !important;
    }
    .sm-balham a,
    .sm-balham a:hover,
    .sm-balham a:focus,
    .sm-balham a:active,
    .sm-balham a.highlighted {
        padding: 11px 10px;
        color: #fff;
        border-radius: 0px 0px 0 0;
    }
    .sm-balham a:hover,
    .sm-balham a:focus,
    .sm-balham a:active {
        background: #00672d;
        color: #fff;
    }
    .sm-balham a.highlighted {
        background: #009a44;
        box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
    }
    .sm-balham a.disabled {
        background: transparent;
        color: #cccccc;
        box-shadow: none;
    }
    .sm-balham a span.sub-arrow {
        top: 50%;
        margin-top: -3px;
        right: 10px;
        width: 0;
        height: 0;
        border-width: 6px 4.02px 0 4.02px;
        border-style: solid dashed dashed dashed;
        border-color: #fff transparent transparent transparent;
        background: transparent;
        border-radius: 0;
    }
    .sm-balham a.disabled span.sub-arrow {
        border-color: #fff transparent transparent transparent;
    }
    .sm-balham a.highlighted span.sub-arrow:before {
        display: none;
    }
    .sm-balham>li .menu-top-item:hover,
    .sm-balham>li .menu-top-item.highlighted,
    .sm-balham>li .menu-top-item-has-children:hover,
    .sm-balham>li .menu-top-item-has-children.highlighted {
        outline: solid #446010 2px;
        outline-offset: -5px;
        background-color: #446010;
    }
    .sm-balham>li .menu-top-item:after,
    .sm-balham>li .menu-top-item-has-children:after {
        content: "";
        position: absolute;
        z-index: -1;
        width: 2px;
        height: 0.7377589213rem;
        margin-top: 1px;
        margin-bottom: 0.7377589213rem;
        right: -1px;
        background-color: #000;
    }
    .sm-balham>li:nth-last-of-type(1) a:after,
    .sm-balham>li.menu-sub-item:after {
        background-color: transparent !important;
    }
    .sm-balham li {
        border-top: 0;
    }
    .sm-balham ul {
        border: 0;
        padding: 0px 0;
        background: #009a44;
        border-radius: 0 0px 0px 0px;
        box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
    }
    .sm-balham ul ul {
        border-radius: 0px;
    }
    .sm-balham ul a,
    .sm-balham ul a:hover,
    .sm-balham ul a:focus,
    .sm-balham ul a:active,
    .sm-balham ul a.highlighted {
        border: 0 !important;
        padding: 10px 10px;
        color: #fff;
        border-radius: 0;
    }
    .sm-balham ul a:hover,
    .sm-balham ul a:focus,
    .sm-balham ul a:active,
    .sm-balham ul a.highlighted {
        background: #00672d;
        color: #fff;
        box-shadow: none;
    }
    .sm-balham ul a.disabled {
        background: transparent;
        color: #b3b3b3;
    }
    .sm-balham ul a span.sub-arrow {
        right: 10px;
        margin-top: -4.02px;
        border-width: 4.02px 0 4.02px 6px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #fff;
    }
    .sm-balham ul a:hover span.sub-arrow,
    .sm-balham ul a:focus span.sub-arrow,
    .sm-balham ul a:active span.sub-arrow,
    .sm-balham ul a.highlighted span.sub-arrow {
        border-color: transparent transparent transparent #fff;
    }
    .sm-balham ul a.disabled span.sub-arrow {
        border-color: transparent transparent transparent #fff;
    }
    .sm-balham span.scroll-up,
    .sm-balham span.scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #009a44;
        height: 20px;
    }
    .sm-balham span.scroll-up-arrow {
        position: absolute;
        top: 6px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 0 6px 8px 6px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #fff transparent;
    }
    .sm-balham span.scroll-down-arrow {
        position: absolute;
        top: 6px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 0 6px 8px 6px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #fff transparent;
        border-width: 8px 6px 0 6px;
        border-style: solid dashed dashed dashed;
        border-color: #fff transparent transparent transparent;
    }
    .sm-balham.sm-rtl a span.sub-arrow {
        right: auto;
        left: 10px;
    }
    .sm-balham.sm-rtl.sm-vertical {
        border-right: 0;
        border-left: 2px solid #333;
    }
    .sm-balham.sm-rtl.sm-vertical a {
        border-radius: 0 0px 0px 0;
    }
    .sm-balham.sm-rtl.sm-vertical a span.sub-arrow {
        right: auto;
        left: 10px;
        border-width: 4.02px 6px 4.02px 0;
        border-style: dashed solid dashed dashed;
        border-color: transparent #fff transparent transparent;
    }
    .sm-balham.sm-rtl.sm-vertical a:hover span.sub-arrow,
    .sm-balham.sm-rtl.sm-vertical a:focus span.sub-arrow,
    .sm-balham.sm-rtl.sm-vertical a:active span.sub-arrow,
    .sm-balham.sm-rtl.sm-vertical a.highlighted span.sub-arrow {
        border-color: transparent #fff transparent transparent;
    }
    .sm-balham.sm-rtl.sm-vertical a.disabled span.sub-arrow {
        border-color: transparent #fff transparent transparent;
    }
    .sm-balham.sm-rtl ul {
        border-radius: 0px 0 0px 0px;
    }
    .sm-balham.sm-rtl ul a {
        border-radius: 0 !important;
    }
    .sm-balham.sm-rtl ul a span.sub-arrow {
        right: auto;
        left: 10px;
        border-width: 4.02px 6px 4.02px 0;
        border-style: dashed solid dashed dashed;
        border-color: transparent #fff transparent transparent;
    }
    .sm-balham.sm-rtl ul a:hover span.sub-arrow,
    .sm-balham.sm-rtl ul a:focus span.sub-arrow,
    .sm-balham.sm-rtl ul a:active span.sub-arrow,
    .sm-balham.sm-rtl ul a.highlighted span.sub-arrow {
        border-color: transparent #fff transparent transparent;
    }
    .sm-balham.sm-rtl ul a.disabled span.sub-arrow {
        border-color: transparent #fff transparent transparent;
    }
    .sm-balham.sm-vertical {
        border-bottom: 0;
        border-right: 2px solid #333;
    }
    .sm-balham.sm-vertical a {
        padding: 10px 20px;
        border-radius: 0px 0 0 0px;
    }
    .sm-balham.sm-vertical a:hover,
    .sm-balham.sm-vertical a:focus,
    .sm-balham.sm-vertical a:active,
    .sm-balham.sm-vertical a.highlighted {
        background: #00672d;
        color: #fff;
        box-shadow: none;
    }
    .sm-balham.sm-vertical a.disabled {
        background: transparent;
        color: #cccccc;
    }
    .sm-balham.sm-vertical a span.sub-arrow {
        right: 10px;
        margin-top: -4.02px;
        border-width: 4.02px 0 4.02px 6px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #fff;
    }
    .sm-balham.sm-vertical a:hover span.sub-arrow,
    .sm-balham.sm-vertical a:focus span.sub-arrow,
    .sm-balham.sm-vertical a:active span.sub-arrow,
    .sm-balham.sm-vertical a.highlighted span.sub-arrow {
        border-color: transparent transparent transparent #fff;
    }
    .sm-balham.sm-vertical a.disabled span.sub-arrow {
        border-color: transparent transparent transparent #fff;
    }
    .sm-balham.sm-vertical ul {
        border-radius: 0px !important;
    }
    .sm-balham.sm-vertical ul a {
        padding: 10px 10px;
    }
}

.main-menu-btn {
    position: relative;
    display: block;
    width: 100%;
    height: 28px;
    margin: 8px 8px 8px auto;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.main-menu-btn-text {
    position: absolute;
    height: 28px;
    left: 20px;
    text-transform: uppercase;
    color: #fff;
    line-height: 28px;
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    height: 2px;
    width: 24px;
    background: #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.main-menu-btn-icon:before {
    content: "";
    top: -7px;
    left: 0;
}

.main-menu-btn-icon:after {
    content: "";
    top: 7px;
    left: 0;
}


/* x icon */

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    transform: rotate(-45deg);
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked)~#main-menu {
    display: none;
}

#main-menu-state:checked~#main-menu {
    display: block;
}

@media (min-width: 1024px) {
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }
    #main-menu-state:not(:checked)~#main-menu {
        display: inline-block;
    }
}

.section-block {
    margin-bottom: 1.618rem;
    padding-bottom: 1.618rem;
}

.quick-links {
    margin-bottom: 1.1936939346rem;
    mask-border: url("../images/note-paper-bottom-short.png") 0 0 19 repeat;
    position: relative;
    z-index: 100;
}

.quick-links:before {
    content: "";
    height: 50px;
    width: 100%;
    display: block;
    z-index: 10;
    position: absolute;
    top: 0px;
    background-image: url("../images/paper-hole.png");
    background-repeat: repeat-x;
    opacity: 0.4;
}

.quick-links .quick-links-inner {
    position: relative;
    min-height: 20px;
    padding: 0.7377589213rem;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
}

@media only screen and (min-width: 640px) {
    .quick-links .quick-links-inner {
        padding: 0.7377589213rem;
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links .quick-links-inner {
        padding: 1rem;
    }
}

.quick-links .quick-links-inner:before,
.quick-links .quick-links-inner:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.quick-links .quick-links-list {
    display: flex;
    flex-wrap: wrap;
}

.quick-links .quick-links-item {
    flex: 1 1 100%;
}

.quick-links .quick-links-item a {
    padding: 0.455969667rem 0;
    display: inline-block;
}

@media only screen and (min-width: 500px) {
    .quick-links .quick-links-item {
        flex: 1 1 50%;
    }
}

.faq-filter-by {
    float: left;
}

.faq-filter-by .filter-by-button-group {
    position: absolute;
    top: -200000px;
}

@media only screen and (min-width: 1024px) {
    .faq-filter-by .filter-by-button-group {
        top: 0;
        position: relative;
    }
}

.faq-filter-by .filter-by-select-field {
    position: relative;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 1024px) {
    .faq-filter-by .filter-by-select-field {
        top: -200000px;
        position: absolute;
    }
}

.faq-filter-by .button {
    text-transform: uppercase;
    color: #fff;
    margin: 10px 5px;
    display: inline-block;
    background-blend-mode: overlay;
    background-color: #009a44;
    color: #fff;
    text-decoration: none;
    padding: 1rem;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    position: relative;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

.faq-filter-by .button:before {
    content: "";
    position: absolute;
    border: #009a44 dashed 2px;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition-duration: 0.3s;
    transition-property: top, right, bottom, left;
}

.faq-filter-by .button:hover:before,
.faq-filter-by .button:focus:before,
.faq-filter-by .button:active:before,
.faq-filter-by .button.active:before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
}

.faq-filter-by .button:last-of-type {
    margin-right: 0;
}

.faq-filter-by .button.all-classes {
    color: #fff;
}

.faq-grid {
    transition: width 0.4s, height 0.4s;
}

.faq-question-wrap {
    padding: 0.2818106718rem;
    z-index: 2;
}

.faq-question-wrap .hidden {
    display: none;
}

.faq-question__background {
    background-color: #e3a723;
    background-blend-mode: overlay;
    background-size: "50%";
    background-image: url("/assets/images/bg-seamless-hands-50.png");
    padding: 0.455969667rem;
    border-style: solid;
    border-width: 9px 6px 7px 5px;
    border-image: url("../images/single-stroke.png") 15 10 28 5 stretch;
    padding: 1rem 1rem 1rem 1rem;
}

.faq-question {
    position: relative;
    min-height: 20px;
    padding: 0.7377589213rem;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
    padding-bottom: 0.5rem;
    cursor: pointer;
}

@media only screen and (min-width: 640px) {
    .faq-question {
        padding: 0.7377589213rem;
    }
}

@media only screen and (min-width: 1024px) {
    .faq-question {
        padding: 1rem;
    }
}

.faq-question:before,
.faq-question:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.faq-question__title {
    font-size: 1.3rem;
}

.faq-question__toggle {
    opacity: 0.5;
}

.faq-question__tag {
    display: inline-block;
    border: solid 1px #009cde;
    background: #009cde;
    margin: 0;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
}

.faq-question__tags {
    padding-top: 0.7377589213rem;
}

.faq-question__tag {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
    display: inline-block;
    border: solid 1px #009cde;
    background: #009cde;
    margin: 0;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
}

.faq-question__type {
    color: #fff;
}

.faq-question__answer {
    position: relative;
    min-height: 20px;
    padding: 0.7377589213rem;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
}

@media only screen and (min-width: 640px) {
    .faq-question__answer {
        padding: 0.7377589213rem;
    }
}

@media only screen and (min-width: 1024px) {
    .faq-question__answer {
        padding: 1rem;
    }
}

.faq-question__answer:before,
.faq-question__answer:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.image-block {
    outline: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-bottom: 1.618rem;
    padding-top: 1.9313967862rem;
}

.image-block .image-block__image {
    padding: 0.2rem;
    position: relative;
    position: relative;
    min-height: 20px;
    padding: 5px;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
}

@media only screen and (min-width: 640px) {
    .image-block .image-block__image {
        padding: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .image-block .image-block__image {
        padding: 15px;
    }
}

.image-block .image-block__image:before,
.image-block .image-block__image:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.image-block .image-block__image:before,
.image-block .image-block__image:after {
    bottom: 15px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(31, 31, 31, 0.7);
}

.image-block .image-block__image:before {
    left: 10px;
    transform: rotate(-4deg);
}

.image-block .image-block__image:after {
    right: 10px;
    transform: rotate(4deg);
}

.image-block .image-block__image img {
    width: 100%;
}

.image-block .image-block__image .image-block__caption {
    position: relative;
    min-height: 20px;
    padding: 5px;
    background-color: #009a44;
    border: 1px solid #009a44;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
    position: absolute;
    margin: 1rem;
    padding: 1rem;
    bottom: -1.618rem;
    color: #fff;
}

@media only screen and (min-width: 1024px) {
    .image-block .image-block__image .image-block__caption {
        padding: 0.6180469716rem;
        width: 50%;
        right: 0;
    }
}

@media only screen and (min-width: 640px) {
    .image-block .image-block__image .image-block__caption {
        padding: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .image-block .image-block__image .image-block__caption {
        padding: 15px;
    }
}

.image-block .image-block__image .image-block__caption:before,
.image-block .image-block__image .image-block__caption:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.image-block .image-block__image .image-block__caption:before,
.image-block .image-block__image .image-block__caption:after {
    bottom: 15px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(31, 31, 31, 0.7);
}

.image-block .image-block__image .image-block__caption:before {
    left: 10px;
    transform: rotate(-4deg);
}

.image-block .image-block__image .image-block__caption:after {
    right: 10px;
    transform: rotate(4deg);
}

.quote-block__quote {
    padding-left: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 10px;
    margin: 5px;
    border-left: 0px solid #009cde;
    text-indent: 23px;
}

.quote-block__quote p {
    padding: 1.1936939346rem;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    background-color: rgba(0, 0, 0, 0.05);
}

.quote-block__quote:before {
    width: 60px;
    height: 60px;
    display: inline-block;
    content: " ";
    background-image: url(/assets/images/blockquote-marks-green.png);
    background-position: middle left;
    background-size: contain;
    margin-top: -60px;
    background-repeat: no-repeat;
    left: -42px;
    position: relative;
    top: 61px;
}

.blockquote {
    margin-top: -1.9313967862rem;
}

.blockquote .quote-block__cite {
    display: inline-block;
    text-indent: 0;
    text-align: right;
    padding: 0.5em 1.1936939346rem;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    background-color: #f3f3f3;
}

.callout-block {
    background: #009a44;
    background-size: cover;
    margin-bottom: 1.618rem;
    padding-bottom: 1.618rem;
    padding-top: 1.618rem;
    position: relative;
    color: #fff;
}

.callout-block:before {
    content: "";
    display: block;
    width: 99%;
    height: 99%;
    position: absolute;
    border: 2px solid black;
    top: 4px;
    left: 2px;
}

.callout-block .text-block__title,
.callout-block .text-block__subtitle {
    color: #fff;
}

.callout-block ul,
.callout-block li {
    list-style-type: disc;
}

.callout-block li {
    margin-left: 1em;
}

.section-block.text-block.page-intro p {
    font-size: 1.3rem;
}

.text-block .text-block__title {
    color: #009a44;
    font-size: 1.9313967862rem;
    margin-top: 0.6180469716rem;
    margin-bottom: 0.6180469716rem;
}

.text-block .text-block__subheading {
    font-size: 1.1936939346rem;
    font-weight: 600;
}

.text-block h3,
.text-block .h3 {
    margin-top: 3.125rem;
    margin-bottom: 0.6180469716rem;
    font-size: 1.618rem;
    font-weight: 400;
}

.font-loaded--cabin .text-block h3,
.font-loaded--cabin .text-block .h3 {
    font-family: "Cabin", sans-serif;
}

.text-block p a {
    position: relative;
    /*replace the content value with the
  corresponding value from the list below*/
}

.text-block p a:before,
.text-block p a:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    color: inherit;
    left: 0;
    padding-right: 5px;
}

.text-block p a[href$=".pdf"]:before {
    content: "\f1c1";
}

.text-block p a[target~=_blank]:after {
    content: "\f08e";
    font-size: 70%;
    padding-left: 6px;
}

.text-block ul,
.text-block ol {
    padding: 0 1.1936939346rem 1rem;
}

.text-block ol li {
    list-style-type: decimal;
}

.text-block ul li {
    list-style-type: disc;
}

.text-block li {
    padding-bottom: 1rem;
}

body {
    counter-reset: aims-count;
    /* Set the section counter to 0 */
}

.section-block.aims-block.page-intro p {
    font-size: 1.3rem;
}

.aims-block .aims-block__number {
    width: 180px;
    height: 119px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -49px;
    background-image: url("../images/painted-leaves.png");
}

.aims-block .aims-block__number:before {
    /* Increment the section counter*/
    display: block;
    text-align: center;
    font-size: 60px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
    counter-increment: aims-count;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Display the counter */
    content: counter(aims-count);
}

.aims-block .aims-block__title {
    margin-top: 1rem;
    font-size: 1.618rem;
    font-weight: 600;
}

.font-loaded--cabin .aims-block .aims-block__title {
    font-family: "Cabin", sans-serif;
}

.aims-block .aims-block__full-title {
    color: #000;
    font-weight: 400;
    font-size: 1.4em;
    display: block;
    line-height: 1.3;
}

.aims-block .aims-block__subheading {
    font-size: 1.1936939346rem;
    font-weight: 600;
}

.aims-block p a {
    position: relative;
    /*replace the content value with the
  corresponding value from the list below*/
}

.aims-block p a:before,
.aims-block p a:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    color: inherit;
    left: 0;
    padding-right: 5px;
}

.aims-block p a[href$=".pdf"]:before {
    content: "\f1c1";
}

.aims-block p a[target~=_blank]:after {
    content: "\f08e";
    font-size: 70%;
    padding-left: 6px;
}

.aims-block ul,
.aims-block ol {
    padding: 0 1.1936939346rem 1rem;
}

.aims-block ul,
.aims-block li {
    list-style-type: disc;
}

.aims-block li {
    padding-bottom: 1rem;
}

.pdf-li {
    padding: 0.2818106718rem 0;
    padding-bottom: 1rem;
    list-style-type: none;
}

.pdf-block__link {
    text-decoration: none;
}

.pdf-block__link .pdf-block__link-title {
    display: inline-block;
}

.pdf-block__link .pdf-block__link-icon {
    display: inline-block;
}

.pdf-block__link .underline {
    text-decoration: underline;
}

.kirbytag-document a {
    text-decoration: none;
}

.kirbytag-document .underline {
    text-decoration: underline;
}

.kirbytag-document .file-extension {
    text-transform: uppercase;
}

.footer-contact-info {
    color: #fff;
}

.footer-contact-info ul {
    font-size: 1rem;
}

.footer-contact-info ul li {
    margin: 0.6180469716rem 0;
    line-height: 1;
}

.footer-contact-info ul li.footer-list-phone p,
.footer-contact-info ul li.footer-list-social p {
    display: inline;
}

.footer-contact-info ul li .footer-list-social {
    display: inline;
    margin-left: 1.1936939346rem;
}

.footer-contact-info ul li .footer-list-social .fa-facebook {
    margin-right: 0.6180469716rem;
}

.footer-contact-info ul a {
    color: #FBED21;
}

.footer {
    background: #009a44;
    border-style: solid;
    border-width: 9px 0px 7px 0px;
    border-image: url("../images/single-stroke.png") 15 10 28 10 stretch;
    position: relative;
    flex-shrink: 0;
    padding-top: 1.1936939346rem;
    padding-bottom: 0.6180469716rem;
}

@media only screen and (min-width: 640px) {
    .footer {
        margin-top: 1.618rem;
    }
}

.footer:after {
    position: absolute;
    width: 100%;
    background: #000;
    content: "";
    height: 10px;
    right: 0;
    bottom: -10px;
    left: 0;
}

.footer-mr-prickles {
    text-align: right;
    margin-bottom: -9px;
}

@media only screen and (min-width: 500px) {
    .footer-mr-prickles {
        display: none;
    }
}

.footer-site-credits {
    padding-top: 1.1936939346rem;
    text-align: right;
    font-size: 0.7377589213rem;
    color: #b7ceb9;
}

.footer-site-credits a {
    color: #b7ceb9;
}

.footer-back-to-top {
    position: relative;
    text-align: center;
    padding-top: 1.1936939346rem;
}

.is-visible {
    display: block !important;
}

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

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important;
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important;
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important;
    }
}

@media screen and (max-width: 39.9375em),
screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important;
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important;
    }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em),
screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important;
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
    display: block !important;
}

@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block !important;
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none !important;
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important;
    }
}

.row {
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
}

.row::before,
.row::after {
    content: " ";
    display: table;
}

.row::after {
    clear: both;
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0;
}

.row .row {
    max-width: none;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0;
}

.row.expanded {
    max-width: none;
}

.row.expanded .row {
    margin-left: auto;
    margin-right: auto;
}

.column,
.columns {
    width: 100%;
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right;
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left;
}

.column.row.row,
.row.row.columns {
    float: none;
}

.row .column.row.row,
.row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.small-1 {
    width: 8.33333%;
}

.small-push-1 {
    position: relative;
    left: 8.33333%;
}

.small-pull-1 {
    position: relative;
    left: -8.33333%;
}

.small-offset-0 {
    margin-left: 0%;
}

.small-2 {
    width: 16.66667%;
}

.small-push-2 {
    position: relative;
    left: 16.66667%;
}

.small-pull-2 {
    position: relative;
    left: -16.66667%;
}

.small-offset-1 {
    margin-left: 8.33333%;
}

.small-3 {
    width: 25%;
}

.small-push-3 {
    position: relative;
    left: 25%;
}

.small-pull-3 {
    position: relative;
    left: -25%;
}

.small-offset-2 {
    margin-left: 16.66667%;
}

.small-4 {
    width: 33.33333%;
}

.small-push-4 {
    position: relative;
    left: 33.33333%;
}

.small-pull-4 {
    position: relative;
    left: -33.33333%;
}

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

.small-5 {
    width: 41.66667%;
}

.small-push-5 {
    position: relative;
    left: 41.66667%;
}

.small-pull-5 {
    position: relative;
    left: -41.66667%;
}

.small-offset-4 {
    margin-left: 33.33333%;
}

.small-6 {
    width: 50%;
}

.small-push-6 {
    position: relative;
    left: 50%;
}

.small-pull-6 {
    position: relative;
    left: -50%;
}

.small-offset-5 {
    margin-left: 41.66667%;
}

.small-7 {
    width: 58.33333%;
}

.small-push-7 {
    position: relative;
    left: 58.33333%;
}

.small-pull-7 {
    position: relative;
    left: -58.33333%;
}

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

.small-8 {
    width: 66.66667%;
}

.small-push-8 {
    position: relative;
    left: 66.66667%;
}

.small-pull-8 {
    position: relative;
    left: -66.66667%;
}

.small-offset-7 {
    margin-left: 58.33333%;
}

.small-9 {
    width: 75%;
}

.small-push-9 {
    position: relative;
    left: 75%;
}

.small-pull-9 {
    position: relative;
    left: -75%;
}

.small-offset-8 {
    margin-left: 66.66667%;
}

.small-10 {
    width: 83.33333%;
}

.small-push-10 {
    position: relative;
    left: 83.33333%;
}

.small-pull-10 {
    position: relative;
    left: -83.33333%;
}

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

.small-11 {
    width: 91.66667%;
}

.small-push-11 {
    position: relative;
    left: 91.66667%;
}

.small-pull-11 {
    position: relative;
    left: -91.66667%;
}

.small-offset-10 {
    margin-left: 83.33333%;
}

.small-12 {
    width: 100%;
}

.small-offset-11 {
    margin-left: 91.66667%;
}

.small-up-1>.column,
.small-up-1>.columns {
    width: 100%;
    float: left;
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
    clear: none;
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both;
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left;
}

.small-up-2>.column,
.small-up-2>.columns {
    width: 50%;
    float: left;
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
    clear: none;
}

.small-up-2>.column:nth-of-type(2n+1),
.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both;
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left;
}

.small-up-3>.column,
.small-up-3>.columns {
    width: 33.33333%;
    float: left;
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
    clear: none;
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both;
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left;
}

.small-up-4>.column,
.small-up-4>.columns {
    width: 25%;
    float: left;
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
    clear: none;
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both;
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left;
}

.small-up-5>.column,
.small-up-5>.columns {
    width: 20%;
    float: left;
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
    clear: none;
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both;
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left;
}

.small-up-6>.column,
.small-up-6>.columns {
    width: 16.66667%;
    float: left;
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
    clear: none;
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both;
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left;
}

.small-up-7>.column,
.small-up-7>.columns {
    width: 14.28571%;
    float: left;
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
    clear: none;
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both;
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left;
}

.small-up-8>.column,
.small-up-8>.columns {
    width: 12.5%;
    float: left;
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
    clear: none;
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both;
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left;
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0;
}

.small-collapse .row,
.expanded.row .small-collapse.row {
    margin-left: 0;
    margin-right: 0;
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
}

@media screen and (min-width: 40em) {
    .medium-1 {
        width: 8.33333%;
    }
    .medium-push-1 {
        position: relative;
        left: 8.33333%;
    }
    .medium-pull-1 {
        position: relative;
        left: -8.33333%;
    }
    .medium-offset-0 {
        margin-left: 0%;
    }
    .medium-2 {
        width: 16.66667%;
    }
    .medium-push-2 {
        position: relative;
        left: 16.66667%;
    }
    .medium-pull-2 {
        position: relative;
        left: -16.66667%;
    }
    .medium-offset-1 {
        margin-left: 8.33333%;
    }
    .medium-3 {
        width: 25%;
    }
    .medium-push-3 {
        position: relative;
        left: 25%;
    }
    .medium-pull-3 {
        position: relative;
        left: -25%;
    }
    .medium-offset-2 {
        margin-left: 16.66667%;
    }
    .medium-4 {
        width: 33.33333%;
    }
    .medium-push-4 {
        position: relative;
        left: 33.33333%;
    }
    .medium-pull-4 {
        position: relative;
        left: -33.33333%;
    }
    .medium-offset-3 {
        margin-left: 25%;
    }
    .medium-5 {
        width: 41.66667%;
    }
    .medium-push-5 {
        position: relative;
        left: 41.66667%;
    }
    .medium-pull-5 {
        position: relative;
        left: -41.66667%;
    }
    .medium-offset-4 {
        margin-left: 33.33333%;
    }
    .medium-6 {
        width: 50%;
    }
    .medium-push-6 {
        position: relative;
        left: 50%;
    }
    .medium-pull-6 {
        position: relative;
        left: -50%;
    }
    .medium-offset-5 {
        margin-left: 41.66667%;
    }
    .medium-7 {
        width: 58.33333%;
    }
    .medium-push-7 {
        position: relative;
        left: 58.33333%;
    }
    .medium-pull-7 {
        position: relative;
        left: -58.33333%;
    }
    .medium-offset-6 {
        margin-left: 50%;
    }
    .medium-8 {
        width: 66.66667%;
    }
    .medium-push-8 {
        position: relative;
        left: 66.66667%;
    }
    .medium-pull-8 {
        position: relative;
        left: -66.66667%;
    }
    .medium-offset-7 {
        margin-left: 58.33333%;
    }
    .medium-9 {
        width: 75%;
    }
    .medium-push-9 {
        position: relative;
        left: 75%;
    }
    .medium-pull-9 {
        position: relative;
        left: -75%;
    }
    .medium-offset-8 {
        margin-left: 66.66667%;
    }
    .medium-10 {
        width: 83.33333%;
    }
    .medium-push-10 {
        position: relative;
        left: 83.33333%;
    }
    .medium-pull-10 {
        position: relative;
        left: -83.33333%;
    }
    .medium-offset-9 {
        margin-left: 75%;
    }
    .medium-11 {
        width: 91.66667%;
    }
    .medium-push-11 {
        position: relative;
        left: 91.66667%;
    }
    .medium-pull-11 {
        position: relative;
        left: -91.66667%;
    }
    .medium-offset-10 {
        margin-left: 83.33333%;
    }
    .medium-12 {
        width: 100%;
    }
    .medium-offset-11 {
        margin-left: 91.66667%;
    }
    .medium-up-1>.column,
    .medium-up-1>.columns {
        width: 100%;
        float: left;
    }
    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both;
    }
    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left;
    }
    .medium-up-2>.column,
    .medium-up-2>.columns {
        width: 50%;
        float: left;
    }
    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both;
    }
    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left;
    }
    .medium-up-3>.column,
    .medium-up-3>.columns {
        width: 33.33333%;
        float: left;
    }
    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both;
    }
    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left;
    }
    .medium-up-4>.column,
    .medium-up-4>.columns {
        width: 25%;
        float: left;
    }
    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both;
    }
    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left;
    }
    .medium-up-5>.column,
    .medium-up-5>.columns {
        width: 20%;
        float: left;
    }
    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both;
    }
    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left;
    }
    .medium-up-6>.column,
    .medium-up-6>.columns {
        width: 16.66667%;
        float: left;
    }
    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both;
    }
    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left;
    }
    .medium-up-7>.column,
    .medium-up-7>.columns {
        width: 14.28571%;
        float: left;
    }
    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both;
    }
    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left;
    }
    .medium-up-8>.column,
    .medium-up-8>.columns {
        width: 12.5%;
        float: left;
    }
    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both;
    }
    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left;
    }
    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }
    .medium-collapse .row,
    .expanded.row .medium-collapse.row {
        margin-left: 0;
        margin-right: 0;
    }
    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .medium-uncentered,
    .medium-push-0,
    .medium-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left;
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        width: 8.33333%;
    }
    .large-push-1 {
        position: relative;
        left: 8.33333%;
    }
    .large-pull-1 {
        position: relative;
        left: -8.33333%;
    }
    .large-offset-0 {
        margin-left: 0%;
    }
    .large-2 {
        width: 16.66667%;
    }
    .large-push-2 {
        position: relative;
        left: 16.66667%;
    }
    .large-pull-2 {
        position: relative;
        left: -16.66667%;
    }
    .large-offset-1 {
        margin-left: 8.33333%;
    }
    .large-3 {
        width: 25%;
    }
    .large-push-3 {
        position: relative;
        left: 25%;
    }
    .large-pull-3 {
        position: relative;
        left: -25%;
    }
    .large-offset-2 {
        margin-left: 16.66667%;
    }
    .large-4 {
        width: 33.33333%;
    }
    .large-push-4 {
        position: relative;
        left: 33.33333%;
    }
    .large-pull-4 {
        position: relative;
        left: -33.33333%;
    }
    .large-offset-3 {
        margin-left: 25%;
    }
    .large-5 {
        width: 41.66667%;
    }
    .large-push-5 {
        position: relative;
        left: 41.66667%;
    }
    .large-pull-5 {
        position: relative;
        left: -41.66667%;
    }
    .large-offset-4 {
        margin-left: 33.33333%;
    }
    .large-6 {
        width: 50%;
    }
    .large-push-6 {
        position: relative;
        left: 50%;
    }
    .large-pull-6 {
        position: relative;
        left: -50%;
    }
    .large-offset-5 {
        margin-left: 41.66667%;
    }
    .large-7 {
        width: 58.33333%;
    }
    .large-push-7 {
        position: relative;
        left: 58.33333%;
    }
    .large-pull-7 {
        position: relative;
        left: -58.33333%;
    }
    .large-offset-6 {
        margin-left: 50%;
    }
    .large-8 {
        width: 66.66667%;
    }
    .large-push-8 {
        position: relative;
        left: 66.66667%;
    }
    .large-pull-8 {
        position: relative;
        left: -66.66667%;
    }
    .large-offset-7 {
        margin-left: 58.33333%;
    }
    .large-9 {
        width: 75%;
    }
    .large-push-9 {
        position: relative;
        left: 75%;
    }
    .large-pull-9 {
        position: relative;
        left: -75%;
    }
    .large-offset-8 {
        margin-left: 66.66667%;
    }
    .large-10 {
        width: 83.33333%;
    }
    .large-push-10 {
        position: relative;
        left: 83.33333%;
    }
    .large-pull-10 {
        position: relative;
        left: -83.33333%;
    }
    .large-offset-9 {
        margin-left: 75%;
    }
    .large-11 {
        width: 91.66667%;
    }
    .large-push-11 {
        position: relative;
        left: 91.66667%;
    }
    .large-pull-11 {
        position: relative;
        left: -91.66667%;
    }
    .large-offset-10 {
        margin-left: 83.33333%;
    }
    .large-12 {
        width: 100%;
    }
    .large-offset-11 {
        margin-left: 91.66667%;
    }
    .large-up-1>.column,
    .large-up-1>.columns {
        width: 100%;
        float: left;
    }
    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both;
    }
    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left;
    }
    .large-up-2>.column,
    .large-up-2>.columns {
        width: 50%;
        float: left;
    }
    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both;
    }
    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left;
    }
    .large-up-3>.column,
    .large-up-3>.columns {
        width: 33.33333%;
        float: left;
    }
    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both;
    }
    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left;
    }
    .large-up-4>.column,
    .large-up-4>.columns {
        width: 25%;
        float: left;
    }
    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both;
    }
    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left;
    }
    .large-up-5>.column,
    .large-up-5>.columns {
        width: 20%;
        float: left;
    }
    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both;
    }
    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left;
    }
    .large-up-6>.column,
    .large-up-6>.columns {
        width: 16.66667%;
        float: left;
    }
    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both;
    }
    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left;
    }
    .large-up-7>.column,
    .large-up-7>.columns {
        width: 14.28571%;
        float: left;
    }
    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both;
    }
    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left;
    }
    .large-up-8>.column,
    .large-up-8>.columns {
        width: 12.5%;
        float: left;
    }
    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both;
    }
    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left;
    }
    .large-collapse>.column,
    .large-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }
    .large-collapse .row,
    .expanded.row .large-collapse.row {
        margin-left: 0;
        margin-right: 0;
    }
    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .large-uncentered,
    .large-push-0,
    .large-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left;
    }
}

.menu-breadcrumb li {
    display: inline-block;
}

.related-content {
    margin-top: 1.1936939346rem;
}

.related-content__header {
    margin-top: 20px;
    margin-bottom: 1.1936939346rem;
}

.card-container,
.card {
    height: 60vw;
}

@media only screen and (min-width: 500px) {
    .card-container,
    .card {
        height: 40vw;
    }
}

@media only screen and (min-width: 640px) {
    .card-container,
    .card {
        height: 33vw;
    }
}

@media only screen and (min-width: 1024px) {
    .card-container,
    .card {
        height: 25vw;
        max-height: 250px;
    }
}

.card-container {
    perspective: 1200px;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
}

.card-container .card {
    transform-style: preserve-3d;
    padding: 0.2818106718rem;
}

.card-container .card .side {
    transform-style: preserve-3d;
    border-style: solid;
    border-width: 9px 6px 7px 5px;
    border-image: url("../images/single-stroke.png") 15 10 28 5 stretch;
    background-image: url("/assets/images/butterfly-bg.jpg");
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: #fff;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.card-container .card .front {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.455969667rem;
    background-size: cover;
    background-blend-mode: multiply;
    display: block;
}

@media only screen and (min-width: max-width 500px) {
    .card-container .card .front {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.card-container .card .back {
    background-color: #fff;
    background-size: cover;
    transform: rotateY(180deg);
}

@media only screen and (min-width: 500px) {
    .card-container .staff-member {
        position: absolute;
        width: 94%;
        top: 50%;
        transform: translateY(-50%) translateZ(1px);
    }
}

.card-container .staff-department {
    font-size: 1rem;
    text-transform: uppercase;
    font-family: "Just Another Hand", sans-serif;
}

@media only screen and (min-width: 640px) {
    .card-container .staff-department {
        padding-top: 1.1936939346rem;
    }
}

.card-container .staff-name {
    font-weight: 700;
    font-size: 1.1936939346rem;
}

.staff-filter-by {
    float: left;
}

.staff-filter-by .filter-by-button-group {
    position: absolute;
    top: -200000px;
}

@media only screen and (min-width: 1024px) {
    .staff-filter-by .filter-by-button-group {
        top: 0;
        position: relative;
    }
}

.staff-filter-by .filter-by-select-field {
    position: relative;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 1024px) {
    .staff-filter-by .filter-by-select-field {
        top: -200000px;
        position: absolute;
    }
}

.staff-filter-by .button {
    color: #fff;
    margin: 10px 5px;
    display: inline-block;
    background-blend-mode: overlay;
    background-color: #009a44;
    color: #fff;
    text-decoration: none;
    padding: 1rem;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    position: relative;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

.staff-filter-by .button:before {
    content: "";
    position: absolute;
    border: #009a44 dashed 2px;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition-duration: 0.3s;
    transition-property: top, right, bottom, left;
}

.staff-filter-by .button:hover:before,
.staff-filter-by .button:focus:before,
.staff-filter-by .button:active:before,
.staff-filter-by .button.active:before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
}

.staff-filter-by .button:last-of-type {
    margin-right: 0;
}

.staff-filter-by .button.all-classes {
    color: #fff;
}

.staff-filter-sort-options {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.staff-sort-by {
    text-align: right;
    float: right;
}

.select-wrap {
    display: block;
    padding-right: 1.1936939346rem;
    margin-bottom: 1rem;
    border: solid #009a44 2px;
    position: relative;
    text-decoration: none;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    color: #009a44;
}

.font-loaded--cabin .select-wrap {
    font-family: "Cabin", sans-serif;
}

.select-wrap.select-wrap--sort:after {
    max-width: 256px;
    max-height: 256px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgOTYuNTUgOTYuNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2LjU1IDk2LjU1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTQ3LjE0MSw0MC4xNzRoMjYuNzZjMC42NTQsMCwxLjE4NC0wLjUyNywxLjE4NC0xLjE4VjI0LjkyOGMwLTAuNjUyLTAuNTI4LTEuMTgtMS4xODQtMS4xOGgtMjYuNzYgICAgYy0wLjY1MiwwLTEuMTgyLDAuNTI3LTEuMTgyLDEuMTh2MTQuMDY3QzQ1Ljk1OSwzOS42NDcsNDYuNDg4LDQwLjE3NCw0Ny4xNDEsNDAuMTc0eiIgZmlsbD0iIzYzOGIxOCIvPg0KCQk8cGF0aCBkPSJNNDcuMTQxLDE2LjU0OWgxNS4xMjJjMC42NTIsMCwxLjE4Mi0wLjUyOSwxLjE4Mi0xLjE4MlYxLjMwM2MwLTAuNjU0LTAuNTI4LTEuMTgyLTEuMTgyLTEuMTgySDQ3LjE0MSAgICBjLTAuNjUyLDAtMS4xODIsMC41MjctMS4xODIsMS4xODJ2MTQuMDY0QzQ1Ljk1OSwxNi4wMiw0Ni40ODgsMTYuNTQ5LDQ3LjE0MSwxNi41NDl6IiBmaWxsPSIjNjM4YjE4Ii8+DQoJCTxwYXRoIGQ9Ik00Ny4xNDEsNjguMjk5aDM2Ljk4YzAuNjUxLDAsMS4xODEtMC41MjcsMS4xODEtMS4xOFY1My4wNTVjMC0wLjY1Mi0wLjUyOC0xLjE4Mi0xLjE4MS0xLjE4MmgtMzYuOTggICAgYy0wLjY1MiwwLTEuMTgyLDAuNTI5LTEuMTgyLDEuMTgydjE0LjA2NEM0NS45NTksNjcuNzcxLDQ2LjQ4OCw2OC4yOTksNDcuMTQxLDY4LjI5OXoiIGZpbGw9IiM2MzhiMTgiLz4NCgkJPHBhdGggZD0iTTk0LjMzOCw4MC4wMDNINDcuMTQxYy0wLjY1MiwwLTEuMTgyLDAuNTI2LTEuMTgyLDEuMTgzdjE0LjA2MmMwLDAuNjUyLDAuNTI5LDEuMTgyLDEuMTgyLDEuMTgyaDQ3LjE5OCAgICBjMC42NTIsMCwxLjE4MS0wLjUyOSwxLjE4MS0xLjE4MlY4MS4xODRDOTUuNTE5LDgwLjUyOSw5NC45OTIsODAuMDAzLDk0LjMzOCw4MC4wMDN6IiBmaWxsPSIjNjM4YjE4Ii8+DQoJCTxwYXRoIGQ9Ik0zOS4xODMsNjUuNTk1aC04LjAxMVYyYzAtMS4xMDUtMC44OTYtMi0yLTJoLTE2LjEzYy0xLjEwNCwwLTIsMC44OTUtMiwydjYzLjU5NWgtOC4wMWMtMC43NzEsMC0xLjQ3MiwwLjQ0My0xLjgwNCwxLjEzOCAgICBDMC44OTUsNjcuNDI3LDAuOTksNjguMjUsMS40NzIsNjguODVsMTguMDc2LDI2Ljk1NGMwLjM4LDAuNDc0LDAuOTUzLDAuNzQ2LDEuNTU5LDAuNzQ2czEuMTc4LTAuMjcyLDEuNTU4LTAuNzQ2TDQwLjc0MSw2OC44NSAgICBjMC40ODItMC42MDEsMC41NzgtMS40MjMsMC4yNDUtMi4xMTdDNDAuNjU0LDY2LjAzOSwzOS45NTQsNjUuNTk1LDM5LjE4Myw2NS41OTV6IiBmaWxsPSIjNjM4YjE4Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    content: " ";
    width: 2rem;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0.7377589213rem;
    padding-left: 2rem;
    pointer-events: none;
}

.select-wrap.select-wrap--filter:after {
    max-width: 256px;
    max-height: 256px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNDAyLjU3NyA0MDIuNTc3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDIuNTc3IDQwMi41Nzc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00MDAuODU4LDExLjQyN2MtMy4yNDEtNy40MjEtOC44NS0xMS4xMzItMTYuODU0LTExLjEzNkgxOC41NjRjLTcuOTkzLDAtMTMuNjEsMy43MTUtMTYuODQ2LDExLjEzNiAgIGMtMy4yMzQsNy44MDEtMS45MDMsMTQuNDY3LDMuOTk5LDE5Ljk4NWwxNDAuNzU3LDE0MC43NTN2MTM4Ljc1NWMwLDQuOTU1LDEuODA5LDkuMjMyLDUuNDI0LDEyLjg1NGw3My4wODUsNzMuMDgzICAgYzMuNDI5LDMuNjE0LDcuNzEsNS40MjgsMTIuODUxLDUuNDI4YzIuMjgyLDAsNC42Ni0wLjQ3OSw3LjEzNS0xLjQzYzcuNDI2LTMuMjM4LDExLjE0LTguODUxLDExLjE0LTE2Ljg0NVYxNzIuMTY2TDM5Ni44NjEsMzEuNDEzICAgQzQwMi43NjUsMjUuODk1LDQwNC4wOTMsMTkuMjMxLDQwMC44NTgsMTEuNDI3eiIgZmlsbD0iIzYzOGIxOCIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    content: " ";
    width: 2rem;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0.7377589213rem;
    padding-left: 2rem;
    pointer-events: none;
}

.select-wrap .sort-by-select,
.select-wrap .filter-by-select {
    appearance: none;
    outline: 0;
    box-shadow: none;
    width: 100%;
    border: 0 !important;
    padding: 0 1.1936939346rem;
    transition: background 0.5s ease, color 0.4s ease;
    background: #fff;
    background-image: none;
    display: block;
    border: solid #009a44 2px;
    color: #009a44;
}

.staff-grid {
    width: 100%;
    transition: height ease 0.5s;
    transition-timing-function: ease-in;
}

.staff-portrait {
    position: absolute;
    background-size: cover;
    background-position: center;
}

.staff-portrait.staff-portrait--missing {
    background-image: url("/assets/images/staff-image-coming-soon.jpg");
}

.button.spare,
.spare .side {
    background-color: #006643;
}

.button.spare,
.spare .side {
    background-color: #006643;
}

.sticky-sidebar {
    display: none;
    margin-top: 1.1936939346rem;
}

@media only screen and (min-width: 640px) {
    .sticky-sidebar {
        display: block;
    }
}

.sticky-sidebar .paper {
    padding: 1.1936939346rem;
    background-image: url("/assets/images/linedpaper.png");
}

.sticky-sidebar__title {
    margin-top: 0;
}

.sticky-sidebar__list {
    padding-left: 0;
}

.sticky-sidebar__list li {
    font-size: 0.9rem;
    line-height: 1.1;
    padding-bottom: 1rem;
    list-style-type: none;
}

.sticky-sidebar__content a:hover,
.sticky-sidebar__content a.active {
    border: solid;
    border-style: solid;
    border-width: 0px 0px 2px;
    border-image: url("../images/underline-stroke-orange-50.png") 0 0 7 fill stretch;
}

.sticky-sidebar__content a {
    text-decoration: none;
}


/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */


/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/


/* pswp = photoswipe */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}


/* style is added when JS option showHideOpacity is set to true */

.pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}


/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


/* Prevent selection and tap highlights */

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}


/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}


/*
	div element that matches size of large image
	large image loads on top of it
*/

.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}


/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline;
}


/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */


/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/


/*

	1. Buttons

 */


/* <button> css reset */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/* pswp__ui--over-close class it added when mouse is over element that should close gallery */

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {
    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(default-skin.svg);
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}


/* no arrows on touch screens */

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}


/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute;
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}


/*

	2. Share modal/popup and links

 */

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}

.pswp__share-tooltip a:first-child {
    /* round corners on the first/last list item */
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


/* increase size of share links on touch devices */

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF;
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D;
}

a.pswp__share--download:hover {
    background: #DDD;
}


/*

	3. Index indicator ("1 of X" counter)

 */

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px;
}


/*

	4. Caption

 */

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.pswp__caption--empty {
    display: none;
}


/* Fake caption element, used to calculate height of next/prev image */

.pswp__caption--fake {
    visibility: hidden;
}


/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}


/*

	6. Additional styles

 */


/* root element of UI */

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}


/* top black bar with buttons and "1 of X" indicator */

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}


/* pswp--has_mouse class is added only when two subsequent mousemove events occur */

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}


/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}


/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */

.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}


/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001;
}


/* pswp__ui--one-slide class is added when there is just one item in gallery */

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

.guggenheim {
    max-width: 100%;
}

.guggenheim__ratio-container {
    position: relative;
}

.guggenheim__figure,
.guggenheim__link,
.guggenheim__image {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
}


/* Add element level spcificity to prevent interfeerence from ".main figure" from the kirby starterkit, without resorting to !important */

figure.guggenheim__figure {
    position: relative;
    box-sizing: content-box;
    margin-bottom: 0;
}

.guggenheim__figcaption {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.guggenheim__link,
.guggenheim__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.guggenheim__link {
    width: 100%;
}

.guggenheim__image {
    height: auto;
    width: 100%;
}

@media only screen and (max-width: 40em) {
    .guggenheim__figure {
        width: 100% !important;
        margin: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .guggenheim__row {
        padding: 0 !important;
    }
}

.zoom a {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    cursor: -webkit-zoom-in;
}

.pswp__bg.balham-pswp__bg {
    background-color: red;
    background-color: #009a44;
    background-blend-mode: multiply;
    background-size: 100;
    background-image: url("/assets/images/bg-seamless-leaves-50.png");
    animation-iteration-count: infinite;
}

.pswp__caption {
    background-color: transparent !important;
}

.pswp__caption__center.balahm-pswp__caption__center {
    font-size: 1.1936939346rem;
    margin-bottom: 1rem;
    position: relative;
    min-height: 20px;
    padding: 5px;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
    background-image: url("/assets/images/linedpaper.png");
    padding: 1rem;
    text-align: center;
    color: #000;
}

@media only screen and (min-width: 640px) {
    .pswp__caption__center.balahm-pswp__caption__center {
        padding: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .pswp__caption__center.balahm-pswp__caption__center {
        padding: 15px;
    }
}

.pswp__caption__center.balahm-pswp__caption__center:before,
.pswp__caption__center.balahm-pswp__caption__center:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.pswp__caption__center.balahm-pswp__caption__center:before,
.pswp__caption__center.balahm-pswp__caption__center:after {
    bottom: 15px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(31, 31, 31, 0.7);
}

.pswp__caption__center.balahm-pswp__caption__center:before {
    left: 10px;
    transform: rotate(-4deg);
}

.pswp__caption__center.balahm-pswp__caption__center:after {
    right: 10px;
    transform: rotate(4deg);
}

.pswp__caption__center.balahm-pswp__caption__center span {
    padding: 5px;
    font-size: 12px;
    margin-bottom: -10px;
    display: block;
}

.pswp__img {
    position: relative;
    min-height: 20px;
    padding: 0.7377589213rem;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25), 0 0 40px rgba(128, 128, 128, 0.1) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

@media only screen and (min-width: 640px) {
    .pswp__img {
        padding: 0.7377589213rem;
    }
}

@media only screen and (min-width: 1024px) {
    .pswp__img {
        padding: 1rem;
    }
}

.pswp__img:before,
.pswp__img:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.pswp__top-bar.balham-pswp__top-bar {
    background-color: #009cde !important;
}

.pswp__button--arrow--left.balham-pswp__button--arrow--left {
    background-color: transparent;
}

.pswp__button--arrow--left.balham-pswp__button--arrow--left:before {
    left: 6px;
    width: 50px;
    height: 50px;
    background: url("/assets/images/gallery-previous-50.png") 0 0 no-repeat;
    background-size: 50px 50px;
}

.pswp__button--arrow--right.balham-pswp__button--arrow--right {
    background-color: transparent;
}

.pswp__button--arrow--right.balham-pswp__button--arrow--right:before {
    right: 6px;
    width: 50px;
    height: 50px;
    background: url("/assets/images/gallery-next-50.png") 0 0 no-repeat;
    background-size: 50px 50px;
}

.guggenheim__copyright {
    position: absolute;
    top: -99999px;
}

.footer-logos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (min-width: 640px) {
    .footer-logos {
        justify-content: flex-end;
    }
}

.footer-logos .footer-logo {
    flex: 1 1 auto;
    text-align: center;
    padding-bottom: 0.2818106718rem;
    padding-right: 10px;
    height: auto;
}

.footer-logos .footer-logo img {
    height: 60px;
}

@media only screen and (min-width: 500px) {
    .footer-logos .footer-logo {
        flex: 0;
    }
    .footer-logos .footer-logo img {
        height: 100px;
    }
}

@media only screen and (min-width: 640px) {
    .footer-logos .footer-logo {
        flex: 1 1 50%;
    }
    .footer-logos .footer-logo img {
        height: 70px;
    }
}

@media only screen and (min-width: 1024px) {
    .footer-logos .footer-logo {
        flex: 1 1 30%;
    }
    .footer-logos .footer-logo img {
        height: 100px;
    }
}

.footer-logos .footer-logo:nth-last-of-type(0) {
    padding-right: 0;
}

.footer-sitemap {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.footer-sitemap-submenu {
    flex-wrap: no-wrap;
}

.header-bar {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.school-logo {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    flex: 1 0 auto;
    height: 60px;
    position: relative;
    margin-top: 1.1936939346rem;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 640px) {
    .school-logo {
        height: 79px;
        flex: 1 1 auto;
    }
}

.ofsted-logo {
    display: flex;
    align-items: center;
}

.school-logo__img {
    width: auto;
    height: 100%;
    padding-right: 5px;
    vertical-align: bottom;
}

.school-logo__text {
    font-size: 1.3rem;
    display: inline-block;
    line-height: 1.1;
    white-space: pre-line;
    vertical-align: bottom;
    font-weight: 600;
}

@media only screen and (min-width: 500px) {
    .school-logo__text {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 1024px) {
    .school-logo__text {
        font-size: 1.9rem;
    }
}

.font-loaded--cabin .school-logo__text {
    font-family: "Cabin", sans-serif;
}

.header-animals {
    display: none;
}

@media only screen and (min-width: 640px) {
    .header-animals {
        flex: 1 1 50%;
        width: 50%;
        display: flex;
        padding: 5px;
    }
}

.login-form input {
    width: 100%;
    line-height: 1.9313967862rem;
    font-size: 1.618rem;
    height: auto;
    padding: 1rem;
}

.login-form input.submit-button:hover {
    background-color: #009a44;
}

.search-button {
    box-sizing: border-box;
    height: 1.1936939346rem;
    float: left;
    position: relative;
}

.search-button img {
    width: 100%;
}

.header-search {
    display: none;
    align-self: center;
}

@media only screen and (min-width: 640px) {
    .header-search {
        display: block;
    }
}

.header-search-form {
    height: 33px;
    padding: 0;
    width: auto;
    flex: 1 0 146px;
}

@media only screen and (min-width: 640px) {
    .header-search-form {
        display: flex;
    }
}

.header-search-form .header-search-field {
    height: 32px;
    margin: 0;
    padding: 1px 10px 0 10px;
    font-size: 13.5px;
    line-height: 32px;
    float: left;
    vertical-align: middle;
}

.header-search-form .header-search-submit {
    width: 32px;
    height: 32px;
    background: transparent;
    margin: 0;
    padding: 6px 7px 7px 6px;
    float: right;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: url("/assets/images/search-icon.png");
    background-size: 100%;
}

.header-search-form .header-search-submit:hover {
    background-color: #009cde;
}

.header-search-button {
    display: block;
    width: 32px;
    height: 32px;
    background: transparent;
    margin: 0;
    margin-right: 10px;
    border: 1px dashed #638b18;
    padding: 15px;
    float: right;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: url("/assets/images/search-icon.png");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media only screen and (min-width: 640px) {
    .header-search-button {
        display: none;
    }
}

.top-bar-messages {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    min-height: 30px;
    width: 100%;
    background-color: #009cde;
    border-bottom: #000 solid 1px;
    background-image: url("/assets/images/blue-bg.jpg");
    background-size: 20%;
}

.top-bar-messages .top-bar-message {
    margin: 0 10px;
}

.top-bar-messages .top-bar-message a {
    color: #FBED21;
    text-decoration: underline;
}

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

.contact-details {
    padding-top: 1.618rem;
}

.contact-form input {
    width: 100%;
    line-height: 1.9313967862rem;
    font-size: 1.618rem;
    height: auto;
    padding: 0.5rem;
}

.contact-form textarea {
    padding: 0.5rem;
    width: 100%;
    height: 200px;
}

.contact-form button.submit-button:hover {
    background-color: #009a44;
}

.contact-iframe {
    border: 0;
}

@media only screen and (min-width: max-width 1024px) {
    .contact-iframe {
        pointer-events: none;
    }
}

.staff-menu {
    background: #e6e6e6;
    padding: 1rem;
}

.staff-menu li.depth-2 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.staff-menu li.group.depth-2 {
    padding-left: 0px;
}

.staff-menu li.group.depth-2:before {
    content: "";
}

.staff-menu li.group {
    color: red;
    padding-left: 5px;
}

.staff-menu li.group:before {
    content: ">";
}

.float-left {
    float: left;
}

.row.relative {
    position: relative;
}

.float-right {
    float: right;
}


/*# sourceMappingURL=maps/main.css.map */