@charset "UTF-8";
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
:root {
  --c-sage: #EFF5D1;
  --c-cream: #F0F4EC;
  --c-charcoal: #5c6b80;
  --c-white: #ffffff;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/* Embed Glacial Indifference font files stored in library/fonts.
 * Regular, Bold, and Italic variants are defined here using @font-face.
 * These declarations allow the theme to serve the font locally rather than relying on external CDNs.
 */
@font-face {
  font-family: "Glacial Indifference";
  src: url("../fonts/GlacialIndifference-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Glacial Indifference";
  src: url("../fonts/GlacialIndifference-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Glacial Indifference";
  src: url("../fonts/GlacialIndifference-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: normal;
  word-break: normal;
  word-wrap: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  text-transform: uppercase;
}
h1 p,
.h1 p,
h2 p,
.h2 p,
h3 p,
.h3 p,
h4 p,
.h4 p,
h5 p,
.h5 p,
h6 p,
.h6 p {
  line-height: 1em;
  margin: 0;
}

h3.wp-block-heading {
  margin-bottom: 0;
}

.c-content-group__content ul, .wp-block-list ul {
  list-style-type: disc;
}
.c-content-group__content ul li, .wp-block-list ul li {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
.c-content-group__content ol, .wp-block-list ol {
  list-style-type: decimal;
}
.c-content-group__content ol li, .wp-block-list ol li {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}

ul.wp-block-list {
  list-style-type: disc;
}
ul.wp-block-list li {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}

h2.hero {
  font-size: 4.5em;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* Set 3 variables w/ different styles */
/* Create our super simple mixin */
/* Putting it all together in our classes 
.bottom-box {
    @include box-shadow($bottom-diffused);
}

.left-box {
    @include box-shadow($left-diffused);
}

.right-box {
    @include box-shadow($right-diffused);
}
*/
/******************************************************************
Stylesheet: Tokens
*********************/
/* COLOR - SURFACE - PRIMARY */
/* COLOR - SURFACE - SECONDARY */
/* COLOR - SURFACE - ACCENT */
/* COLOR - SURFACE - BUTTON - PRIMARY */
/* COLOR - BORDER - BUTTON - PRIMARY */
/* COLOR - TEXT - LABEL - PRIMARY */
/* COLOR - SURFACE - BUTTON - SECONDARY */
/* COLOR - BORDER - BUTTON - SECONDARY */
/* COLOR - TEXT - LABEL - SECONDARY */
/* COLOR - SURFACE - BUTTON - ACCENT */
/* COLOR - BORDER - BUTTON - ACCENT */
/* COLOR - TEXT - LABEL - ACCENT */
/* COLOR - TEXT */
/* COLOR - BORDER */
.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

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

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

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

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
/*********************
IMPORTING MODULES
*********************/
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert--success, .alert--error, .alert--info, .alert--help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert--help {
  border-color: rgb(231.8902439024, 220.3353658537, 88.6097560976);
  background: #ebe16f;
}
.alert--info {
  border-color: rgb(191.1428571429, 227.6326530612, 244.3571428571);
  background: #d5edf8;
}
.alert--error {
  border-color: rgb(247.8125, 204.6875, 206.484375);
  background: #fbe3e4;
}
.alert--success {
  border-color: rgb(221.7207792208, 233.7012987013, 173.7987012987);
  background: #e6efc2;
}

/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.c-button-group .c-button-group__button, #menu-login-and-forms.nav li a, .gallery-item .c-button-group__button, input[type=submit], input[type=file], #wp-submit {
  display: inline-block;
  position: relative;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 400;
  padding: 0.75em 1.25em;
  padding-top: 0.9em;
  line-height: 1;
  border-radius: 0.25em;
  border: 3px solid;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.c-button-group .c-button-group__button .svg-inline--fa, #menu-login-and-forms.nav li a .svg-inline--fa, .gallery-item .c-button-group__button .svg-inline--fa, input[type=submit] .svg-inline--fa, input[type=file] .svg-inline--fa, #wp-submit .svg-inline--fa {
  font-size: 0.9em;
}
.c-button-group .c-button-group__button:hover, #menu-login-and-forms.nav li a:hover, .gallery-item .c-button-group__button:hover, input[type=submit]:hover, input[type=file]:hover, #wp-submit:hover, .c-button-group .c-button-group__button:focus, #menu-login-and-forms.nav li a:focus, .gallery-item .c-button-group__button:focus, input[type=submit]:focus, input[type=file]:focus, #wp-submit:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.c-button-group .c-button-group__button:active, #menu-login-and-forms.nav li a:active, .gallery-item .c-button-group__button:active, input[type=submit]:active, input[type=file]:active, #wp-submit:active {
  top: 1px;
}
.c-button-group.c-button-group--primary .c-button-group__button.c-button-group__button--solid, .c-button-group.c-button-group--primary .c-button-group__button.c-button-group__button--solid.c-button-group__button--darkbg {
  background-color: #C9DD67;
  color: #505829;
  border-color: #A1B152;
}
.c-button-group.c-button-group--primary .c-button-group__button.c-button-group__button--outline {
  background-color: rgba(244, 245, 237, 0.1);
  color: #79853E;
  border-color: #A1B152;
}
.c-button-group.c-button-group--primary .c-button-group__button.c-button-group__button--outline.c-button-group__button--darkbg {
  color: #D4E485;
}
.c-button-group.c-button-group--primary .c-button-group__button.c-button-group__button--text {
  color: #79853E;
  border: 0px;
  display: inline-block;
}
.c-button-group.c-button-group--primary .c-button-group__button.c-button-group__button--text.c-button-group__button--darkbg {
  color: #D4E485;
}
.c-button-group.c-button-group--primary .c-button-group__button.c-button-group__button--text:hover, .c-button-group.c-button-group--primary .c-button-group__button.c-button-group__button--text:focus {
  color: #547231;
  text-decoration: none;
  outline: none;
  background-color: rgba(244, 245, 237, 0.1);
}
.c-button-group.c-button-group--primary .c-button-group__button:hover, .c-button-group.c-button-group--primary .c-button-group__button:focus {
  background-color: #DFEBA4;
  text-decoration: none;
  outline: none;
}
.c-button-group.c-button-group--primary .c-button-group__button:active {
  background-color: #A1B152;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--solid, #menu-login-and-forms.nav li a, input[type=submit], input[type=file], #wp-submit {
  background-color: #547231;
  color: #D2DDC5;
  border-color: #547231;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--solid.c-button-group__button--darkbg {
  background-color: #87A564;
  color: #3F5625;
  border-color: #A5BC8B;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--solid.c-button-group__button--darkbg:hover, .c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--solid.c-button-group__button--darkbg:focus {
  background-color: rgba(244, 245, 237, 0.1);
  color: #A5BC8B;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--outline {
  background-color: rgba(244, 245, 237, 0.1);
  color: #547231;
  border-color: #547231;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--outline.c-button-group__button--darkbg {
  color: #A5BC8B;
  border-color: #A5BC8B;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--outline.c-button-group__button--darkbg:hover, .c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--outline.c-button-group__button--darkbg:focus {
  background-color: #87A564;
  color: #3F5625;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--text, .gallery-item .c-button-group__button {
  color: #547231;
  border: 0px;
  display: inline-block;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--text.c-button-group__button--darkbg {
  color: #A5BC8B;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--text.c-button-group__button--darkbg:hover, .c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--text.c-button-group__button--darkbg:focus {
  background-color: transparent;
  color: #D2DDC5;
}
.c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--text:hover, .gallery-item .c-button-group__button:hover, .c-button-group.c-button-group--secondary .c-button-group__button.c-button-group__button--text:focus, .gallery-item .c-button-group__button:focus {
  color: #3F5625;
  text-decoration: none;
  outline: none;
  background-color: transparent;
}
.c-button-group.c-button-group--secondary .c-button-group__button:hover, #menu-login-and-forms.nav li a:hover, input[type=submit]:hover, input[type=file]:hover, #wp-submit:hover, .c-button-group.c-button-group--secondary .c-button-group__button:focus, #menu-login-and-forms.nav li a:focus, input[type=submit]:focus, input[type=file]:focus, #wp-submit:focus {
  color: #3F5625;
  background-color: #D2DDC5;
  text-decoration: none;
  outline: none;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--solid {
  background-color: #F0C852;
  color: #2F2508;
  border-color: #ECBA27;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--solid.c-button-group__button--darkbg {
  background-color: #F4D67D;
  color: #2F2508;
  border-color: #F0C852;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--solid.c-button-group__button--darkbg:hover, .c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--solid.c-button-group__button--darkbg:focus {
  background-color: rgba(244, 245, 237, 0.1);
  color: #F4D67D;
  border-color: #ECBA27;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--outline {
  background-color: rgba(244, 245, 237, 0.1);
  color: #BD951F;
  border-color: #ECBA27;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--outline.c-button-group__button--darkbg {
  color: #F4D67D;
  border-color: #F0C852;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--outline.c-button-group__button--darkbg:hover, .c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--outline.c-button-group__button--darkbg:focus {
  background-color: #F4D67D;
  color: #2F2508;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--text {
  color: #BD951F;
  border: 0px;
  display: inline-block;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--text.c-button-group__button--darkbg {
  color: #F4D67D;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--text.c-button-group__button--darkbg:hover, .c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--text.c-button-group__button--darkbg:focus {
  color: #F9EABE;
  background-color: transparent;
}
.c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--text:hover, .c-button-group.c-button-group--accent .c-button-group__button.c-button-group__button--text:focus {
  color: #5E4A10;
  text-decoration: none;
  outline: none;
  background-color: rgba(244, 245, 237, 0.1);
}
.c-button-group.c-button-group--accent .c-button-group__button:hover, .c-button-group.c-button-group--accent .c-button-group__button:focus {
  background-color: #F4D67D;
  color: #2F2508;
  text-decoration: none;
  outline: none;
}
.c-button-group.c-button-group--accent .c-button-group__button:active {
  background-color: #BD951F;
}

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.

.accent-btn {
  @extend %btn; // here we load the btn defaults
  background-color: $secondary-500;

  &:hover,
  &:focus {
    background-color: darken($secondary-500, 4%);
  } // end hover

  &:active {
    background-color: darken($secondary-500, 5%);
  } // end active

} // end blue button
*/
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #5c6b80;
  border-radius: 3px;
  vertical-align: middle;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #698f3d;
  width: 100%;
  max-width: 400px;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  background-color: rgb(246.6, 247.8, 249.8);
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: #fff;
  outline: none;
}
input[type=text].error, input[type=text].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=datetime].error,
input[type=datetime].is-invalid,
input[type=datetime-local].error,
input[type=datetime-local].is-invalid,
input[type=date].error,
input[type=date].is-invalid,
input[type=month].error,
input[type=month].is-invalid,
input[type=time].error,
input[type=time].is-invalid,
input[type=week].error,
input[type=week].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=url].error,
input[type=url].is-invalid,
input[type=search].error,
input[type=search].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=color].error,
input[type=color].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}
input[type=text].success, input[type=text].is-valid,
input[type=password].success,
input[type=password].is-valid,
input[type=datetime].success,
input[type=datetime].is-valid,
input[type=datetime-local].success,
input[type=datetime-local].is-valid,
input[type=date].success,
input[type=date].is-valid,
input[type=month].success,
input[type=month].is-valid,
input[type=time].success,
input[type=time].is-valid,
input[type=week].success,
input[type=week].is-valid,
input[type=number].success,
input[type=number].is-valid,
input[type=email].success,
input[type=email].is-valid,
input[type=url].success,
input[type=url].is-valid,
input[type=search].success,
input[type=search].is-valid,
input[type=tel].success,
input[type=tel].is-valid,
input[type=color].success,
input[type=color].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}
input[type=text][disabled], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url].is-disabled,
input[type=search][disabled],
input[type=search].is-disabled,
input[type=tel][disabled],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}
input[type=text][disabled]:focus, input[type=text][disabled]:active, input[type=text].is-disabled:focus, input[type=text].is-disabled:active,
input[type=password][disabled]:focus,
input[type=password][disabled]:active,
input[type=password].is-disabled:focus,
input[type=password].is-disabled:active,
input[type=datetime][disabled]:focus,
input[type=datetime][disabled]:active,
input[type=datetime].is-disabled:focus,
input[type=datetime].is-disabled:active,
input[type=datetime-local][disabled]:focus,
input[type=datetime-local][disabled]:active,
input[type=datetime-local].is-disabled:focus,
input[type=datetime-local].is-disabled:active,
input[type=date][disabled]:focus,
input[type=date][disabled]:active,
input[type=date].is-disabled:focus,
input[type=date].is-disabled:active,
input[type=month][disabled]:focus,
input[type=month][disabled]:active,
input[type=month].is-disabled:focus,
input[type=month].is-disabled:active,
input[type=time][disabled]:focus,
input[type=time][disabled]:active,
input[type=time].is-disabled:focus,
input[type=time].is-disabled:active,
input[type=week][disabled]:focus,
input[type=week][disabled]:active,
input[type=week].is-disabled:focus,
input[type=week].is-disabled:active,
input[type=number][disabled]:focus,
input[type=number][disabled]:active,
input[type=number].is-disabled:focus,
input[type=number].is-disabled:active,
input[type=email][disabled]:focus,
input[type=email][disabled]:active,
input[type=email].is-disabled:focus,
input[type=email].is-disabled:active,
input[type=url][disabled]:focus,
input[type=url][disabled]:active,
input[type=url].is-disabled:focus,
input[type=url].is-disabled:active,
input[type=search][disabled]:focus,
input[type=search][disabled]:active,
input[type=search].is-disabled:focus,
input[type=search].is-disabled:active,
input[type=tel][disabled]:focus,
input[type=tel][disabled]:active,
input[type=tel].is-disabled:focus,
input[type=tel].is-disabled:active,
input[type=color][disabled]:focus,
input[type=color][disabled]:active,
input[type=color].is-disabled:focus,
input[type=color].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

input[type=password] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
/******************************************************************
Forms block — third-party embeds (e.g. Bloomerang `.interaction-form`)

Global `modules/forms` styles `.field` like an input, which breaks
embeds that use `.field` as a wrapper. Scope under `.c-formsEmbed`.

Tokens/typography per `.cursor/rules/match-reference-design.mdc`:
only `$primary-*`, `$secondary-*`, `$grey-*`, `$spacing-*`, `$radius-*`,
`$header-font`, `$body-font`, and existing mixins.

Reference: warm cream panel ($primary-10 ~#F5F7EF), olive heading +
field borders ($primary-600), black labels, red required markers,
tall pill inputs, generous 2×2 contact grid.

Select chevron stroke matches $primary-700 (#79853E).

******************************************************************/
.c-formsEmbed__iframe {
  width: 100%;
  min-height: 32rem;
  border: 0;
  display: block;
  background: transparent;
}

.c-formsEmbed {
  background-color: #F4F5ED;
  padding: 2em 2em;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.c-formsEmbed *,
.c-formsEmbed *::before,
.c-formsEmbed *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.c-formsEmbed #interaction-form-container {
  max-width: 100%;
}
.c-formsEmbed .interaction-form .field {
  display: block;
  width: auto;
  max-width: none;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 1em;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
  font-size: inherit !important;
  color: inherit !important;
}
.c-formsEmbed .interaction-form .field:focus, .c-formsEmbed .interaction-form .field:active {
  background: transparent !important;
}
.c-formsEmbed .interaction-form .field.checkbox,
.c-formsEmbed .interaction-form .field.radio {
  margin-bottom: 0.75em;
}
.c-formsEmbed .interaction-form {
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
}
.c-formsEmbed .interaction-form label {
  color: #000 !important;
  display: block;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif !important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.35;
  margin: 0 0 0.25em;
}
.c-formsEmbed .interaction-form label.error {
  color: #202123 !important;
  display: inline-block;
  font-weight: 700;
  padding: 0 0.5em;
  margin-top: 0.25em;
}
.c-formsEmbed .interaction-form .required-star {
  color: #aa0000 !important;
  margin-left: 0.25em;
}
.c-formsEmbed .interaction-form h3 {
  color: #A1B152 !important;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif !important;
  font-size: 1.625rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.c-formsEmbed .interaction-form .section {
  margin-bottom: 2em;
}
.c-formsEmbed .interaction-form input[type=text],
.c-formsEmbed .interaction-form input[type=email],
.c-formsEmbed .interaction-form input[type=tel],
.c-formsEmbed .interaction-form input[type=number],
.c-formsEmbed .interaction-form input[type=url],
.c-formsEmbed .interaction-form input[type=search],
.c-formsEmbed .interaction-form select,
.c-formsEmbed .interaction-form textarea {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: -webkit-calc(2em + 1.25em);
  min-height: calc(2em + 1.25em);
  margin: 0 !important;
  padding: 1em 1.5em !important;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  color: #202123 !important;
  background-color: #fff !important;
  border: 1px solid #A1B152 !important;
  border-radius: 0.5em !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  -webkit-transition: border-color 0.2s ease, box-shadow 0.2s ease;
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.c-formsEmbed .interaction-form input[type=text]:focus, .c-formsEmbed .interaction-form input[type=text]:active,
.c-formsEmbed .interaction-form input[type=email]:focus,
.c-formsEmbed .interaction-form input[type=email]:active,
.c-formsEmbed .interaction-form input[type=tel]:focus,
.c-formsEmbed .interaction-form input[type=tel]:active,
.c-formsEmbed .interaction-form input[type=number]:focus,
.c-formsEmbed .interaction-form input[type=number]:active,
.c-formsEmbed .interaction-form input[type=url]:focus,
.c-formsEmbed .interaction-form input[type=url]:active,
.c-formsEmbed .interaction-form input[type=search]:focus,
.c-formsEmbed .interaction-form input[type=search]:active,
.c-formsEmbed .interaction-form select:focus,
.c-formsEmbed .interaction-form select:active,
.c-formsEmbed .interaction-form textarea:focus,
.c-formsEmbed .interaction-form textarea:active {
  outline: none !important;
  background-color: #fff !important;
  border-color: #79853E !important;
  -webkit-box-shadow: 0 0 0 3px rgba(161, 177, 82, 0.22) !important;
  box-shadow: 0 0 0 3px rgba(161, 177, 82, 0.22) !important;
}
.c-formsEmbed .interaction-form textarea {
  border-radius: 0.5em !important;
  min-height: -webkit-calc(2em * 3);
  min-height: calc(2em * 3);
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  resize: vertical;
}
.c-formsEmbed .interaction-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2379853E' stroke-width='1.5' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1em center !important;
  padding-right: 2em !important;
}
.c-formsEmbed .interaction-form .section.contact {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  row-gap: 1.5em;
}
@media (min-width: 48em) {
  .c-formsEmbed .interaction-form .section.contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.c-formsEmbed .interaction-form .section.contact > h3 {
  grid-column: 1/-1;
}
.c-formsEmbed .interaction-form .section.contact > .field {
  margin-bottom: 0;
}
.c-formsEmbed .interaction-form .section.address {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  row-gap: 1.5em;
}
@media (min-width: 48em) {
  .c-formsEmbed .interaction-form .section.address {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.c-formsEmbed .interaction-form .section.address > h3 {
  grid-column: 1/-1;
}
.c-formsEmbed .interaction-form .section.address > .field.country,
.c-formsEmbed .interaction-form .section.address > .field.street-address,
.c-formsEmbed .interaction-form .section.address > .field.city {
  grid-column: 1/-1;
}
@media (min-width: 48em) {
  .c-formsEmbed .interaction-form .section.address > .field.state,
  .c-formsEmbed .interaction-form .section.address > .field.province {
    grid-column: 1;
  }
  .c-formsEmbed .interaction-form .section.address > .field.zip-code,
  .c-formsEmbed .interaction-form .section.address > .field.postal-code {
    grid-column: 2;
  }
}
.c-formsEmbed .interaction-form .section.address > .field {
  margin-bottom: 0;
}
.c-formsEmbed .interaction-form .section.custom-fields {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  row-gap: 1.5em;
}
.c-formsEmbed .interaction-form .section.custom-fields > h3 {
  grid-column: 1/-1;
}
.c-formsEmbed .interaction-form .section.custom-fields > .field {
  margin-bottom: 0;
}
.c-formsEmbed .interaction-form .section.comment > .field:last-child,
.c-formsEmbed .interaction-form .section.consent > .field:last-child {
  margin-bottom: 0;
}
.c-formsEmbed .interaction-form .section.comment {
  margin-left: 0 !important;
  padding: 0 !important;
}
.c-formsEmbed .interaction-form .field .checkboxes {
  max-width: 100% !important;
  border-color: #A1B152 !important;
  border-radius: 0.5em;
  overflow: hidden;
}
.c-formsEmbed .interaction-form .field .checkboxes .checkbox {
  padding: 10px 20px 10px 20px !important;
  height: auto !important;
}
.c-formsEmbed .interaction-form .field .checkbox {
  border-bottom-color: rgba(161, 177, 82, 0.28) !important;
}
.c-formsEmbed .interaction-form .field .checkbox.selected {
  background: #A1B152 !important;
  color: #fff !important;
}
.c-formsEmbed .interaction-form .errors {
  border-radius: 0.75em;
  margin-bottom: 1em;
  border-color: #547231 !important;
  color: #202123 !important;
}
.c-formsEmbed .interaction-form .btn-group {
  margin-top: 1.5em;
}
.c-formsEmbed .interaction-form input[type=submit].btn-submit-interaction,
.c-formsEmbed .interaction-form .btn-submit-interaction {
  display: inline-block;
  width: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0.75em 2em !important;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2 !important;
  color: #fff !important;
  background-color: #A1B152;
  border: 1px solid #A1B152 !important;
  border-radius: 0.5em !important;
  cursor: pointer;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.c-formsEmbed .interaction-form input[type=submit].btn-submit-interaction:hover, .c-formsEmbed .interaction-form input[type=submit].btn-submit-interaction:focus,
.c-formsEmbed .interaction-form .btn-submit-interaction:hover,
.c-formsEmbed .interaction-form .btn-submit-interaction:focus {
  background-color: rgb(139.6737051793, 153.9079681275, 69.3920318725) !important;
  border-color: rgb(139.6737051793, 153.9079681275, 69.3920318725) !important;
  color: #fff !important;
}
.c-formsEmbed .interaction-form input[type=submit].btn-submit-interaction:disabled, .c-formsEmbed .interaction-form input[type=submit].btn-submit-interaction.disabled,
.c-formsEmbed .interaction-form .btn-submit-interaction:disabled,
.c-formsEmbed .interaction-form .btn-submit-interaction.disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.c-formsEmbed .donation-success h2 {
  color: #A1B152 !important;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif !important;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.c-formsEmbed .donation-success p {
  color: #404346;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  line-height: 1.5;
}

.entry-content pre {
  display: none !important;
}

/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Gradient Styles

*********************/
.c-gradient--dark-primary .c-gradient__stop-1 {
  stop-color: #79853E;
}
.c-gradient--dark-primary .c-gradient__stop-2 {
  stop-color: #C9DD67;
}

/*********************
BASE (MOBILE) SIZE
*********************/
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

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


h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
 */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: "";
  content: none;
}

small, .small {
  font-size: 75%;
}

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

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ol,
ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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;
}

/**
 * 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] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf, .comment-respond {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after, .comment-respond:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
article {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
article .hero--image img {
  width: 100%;
  height: auto;
}

.hentry .article__header {
  border-bottom: 1px solid #f8f9fa;
  padding: 1.5em;
}
.hentry .article__footer {
  padding: 1.5em;
  border-top: 1px solid #698f3d;
  width: 100%;
}
.hentry .article__footer p {
  margin: 0;
}

.single-title,
.page-title,
.entry-title {
  margin: 0;
}

.single-title {
  margin: 0.2em 0;
}

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #79853E;
  font-style: normal;
  font-size: 0.8em;
  margin: 0;
}
/* entry content */
.entry-content {
  padding: 1.5em 1.5em 0;
}
.entry-content p {
  margin: 0 0 1.5em;
}
.entry-content table {
  width: 100%;
  border: 0px solid #eaedf2;
  margin-bottom: 1.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.entry-content tr {
  border-bottom: 1px solid #eaedf2;
}
.entry-content tr:nth-child(even) {
  background-color: #f8f9fa;
}
.entry-content td {
  padding: 7px;
  border-right: 1px solid #eaedf2;
}
.entry-content td:last-child {
  border-right: 0;
}
.entry-content th {
  background-color: #79853E;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
}
.entry-content th:last-child {
  border-right: 0;
}
.entry-content blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #698f3d;
  font-style: italic;
  color: #9fa6b4;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
  border-radius: 0.75em;
}
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #000;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery .gallery-item {
  display: inline-block;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery .gallery-item .gallery-icon img {
  margin-bottom: 0;
}
/* end .gallery */
/* gallery caption styles */
.tags {
  margin: 0;
}

.faq.open .faq__question {
  margin-bottom: 1em;
}

.faq-container {
  margin-bottom: 2em;
  padding: 10px 15px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 0px #698f3d, 0 8px 10px -10px rgba(21, 29, 12, 0.7);
  box-shadow: 0px 3px 0px #698f3d, 0 8px 10px -10px rgba(21, 29, 12, 0.7);
  background-color: #fff;
}

.faq__question {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  display: table;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 1.3em;
  line-height: 1.1;
}

.faq__question-text {
  margin-bottom: 5px;
  display: table-cell;
  width: 100%;
  padding-right: 2em;
}

.faq__answer-wrapper {
  height: 0px;
  overflow: hidden;
  padding: 0px;
}

.faq__toggle-icon {
  display: table-cell;
  line-height: inherit;
  color: #698f3d;
  padding-left: 15px;
  vertical-align: middle;
}

.partners__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.partners__container--highlighted {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-radius: 0.75em;
  background: -webkit-linear-gradient(0deg, #EFF5D1, #EFF1E5);
  background: -webkit-gradient(linear, left bottom, left top, from(#EFF5D1), to(#EFF1E5));
  background: -webkit-linear-gradient(bottom, #EFF5D1, #EFF1E5);
  background: linear-gradient(0deg, #EFF5D1, #EFF1E5);
  margin-bottom: 1.5em;
}
.partners__container--highlighted .partners__card {
  margin: 2em;
}
.partners__container .partners__card {
  background: #fff;
  border-radius: 0.75em;
  -webkit-box-shadow: 0px 13px 21px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 13px 21px -10px rgba(0, 0, 0, 0.3);
  width: 220px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2em;
  margin-right: auto;
  margin-left: auto;
}
.partners__container .partners__card img {
  width: 100%;
  max-width: 120px;
  height: auto;
}
.partners__container a:hover .partners__card {
  -webkit-box-shadow: 0px 0px 21px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 21px -10px rgba(0, 0, 0, 0.3);
}
.partners__container a:active .partners__card {
  -webkit-box-shadow: 0px 0px 10px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px -10px rgba(0, 0, 0, 0.3);
}
.partners__callout {
  margin: 2em;
}

.services {
  max-width: 1050px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin-top: 3em;
  margin-left: auto;
  margin-right: auto;
}
.services .service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 2em;
}
.services .service img {
  width: 44px;
  height: 44px;
}
.services .service__text {
  width: 90%;
  padding-left: 1em;
  padding-right: 1em;
  color: #79853E;
}

.resources {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
}
.resources .resource__item .resource__link {
  text-decoration: underline;
  display: block;
  color: #79853E;
}
.resources .resource__item .resource__link:hover {
  color: #547231;
}
.resources .resource__item .resource__link:hover .h4 {
  border-bottom: 2px solid #A5BC8B;
}
.resources .resource__item .resource__link .h4 {
  line-height: 1;
  display: inline-block;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  border-bottom: 2px solid #DFEBA4;
}
.resources .resource__item h2 {
  margin-top: 1em;
}
.resources .resource__item .resource__description {
  margin-left: 2em;
  display: inline-block;
  font-style: italic;
}

.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7-form fieldset.hidden-fields-container {
  border: 0px;
}
.wpcf7-form .codedropz-upload-inner h5 {
  margin: 0;
}
.wpcf7-form input[type=date] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 200px;
}
.wpcf7-form input[type=text].mw250 {
  width: 250px;
}
.wpcf7-form textarea {
  max-width: 400px;
}
.wpcf7-form textarea.mw800 {
  max-width: 800px;
}
.wpcf7-form label {
  font-weight: 600;
}
.wpcf7-form label.form__label--stacked {
  display: inline-block;
}
.wpcf7-form .inline {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.wpcf7-form .form__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wpcf7-form .form__fields--two-up p {
  width: 48%;
}
.wpcf7-form .form__fields--three-up p {
  width: 32%;
}
.wpcf7-form .grid {
  margin-bottom: 1.5em;
}
.wpcf7-form .grid .mb0 {
  margin-bottom: 0;
}
.wpcf7-form .grid .mb0 textarea {
  margin-bottom: 0;
}
.wpcf7-form .grid .mb1 {
  margin-bottom: 1em;
}
.wpcf7-form .grid .mb2 {
  margin-bottom: 1em;
}
.wpcf7-form .grid__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.wpcf7-form .grid__column {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wpcf7-form .grid__column--flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wpcf7-form .grid__column--flex-item.grid__column--header {
  background-color: #79853E;
  color: #fff;
  margin-bottom: 1em;
  padding: 0.75em;
  text-align: center;
  font-weight: 700;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8em;
  line-height: 1;
}
.wpcf7-form .grid__column--flex-item input[type=text], .wpcf7-form .grid__column--flex-item input[type=date] {
  border-radius: 0;
  margin-bottom: 0;
}
.wpcf7-form .grid__column--flex-item p {
  margin: 0;
}
.wpcf7-form .grid__column--flex-item.h40 {
  height: 40px;
}
.wpcf7-form .grid__column--flex-item.h100per {
  height: 100%;
}
.wpcf7-form .grid__column--flex-item.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wpcf7-form .grid__column--flex-item.align-right {
  -webkit-box-align: right;
  -ms-flex-align: right;
  align-items: right;
}
.wpcf7-form .grid__column--flex-item.valign-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wpcf7-form .grid__column--item {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wpcf7-form .grid__column--item.grid__column--header {
  background-color: #79853E;
  color: #fff;
  margin-bottom: 1em;
  padding: 0.75em;
  text-align: center;
  font-weight: 700;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8em;
  line-height: 1;
}
.wpcf7-form .grid__column--item input[type=text], .wpcf7-form .grid__column--item input[type=date] {
  border-radius: 0;
  margin-bottom: 0;
}
.wpcf7-form .grid__column--item p {
  margin: 0;
}
.wpcf7-form .grid .footer {
  padding-left: 1.25em;
  font-weight: 700;
  color: #fff;
}
.wpcf7-form .grid .footer__item {
  padding-left: 0;
}
.wpcf7-form .grid .footer__item input[type=text], .wpcf7-form .grid .footer__item input[type=date] {
  background: rgba(255, 255, 255, 0.85);
}
.wpcf7-form .grid.row-highlight--even .grid__row {
  padding-left: 1em;
}
.wpcf7-form .grid.row-highlight--even .grid__row:nth-child(even) {
  background: #E2E5E7;
}
.wpcf7-form .grid.row-highlight--even .grid__row:nth-child(even) input[type=text] {
  background-color: rgba(255, 255, 255, 0.55);
}
.wpcf7-form .margin__remove--btm input[type=text], .wpcf7-form .margin__remove--btm input[type=date] {
  margin-bottom: 0;
}
.wpcf7-form .length--200 {
  max-width: 200px;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

.pagination {
  text-align: center;
}
.pagination ul {
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 0.5em;
}
.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #eaedf2;
  width: 50px;
}
.pagination li .current {
  background-color: #79853E;
  color: #fff;
}
.pagination li:first-child {
  border-radius: 0.5em 0 0 0.5em;
}
.pagination li:last-child {
  border-radius: 0 0.5em 0.5em 0;
  border-right: none;
}
.pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #698f3d;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #698f3d;
  color: #fff;
}
.pagination .current {
  cursor: default;
  color: #5c6b80;
}
.pagination .current:hover, .pagination .current:focus {
  background-color: #fff;
  color: #5c6b80;
}

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa;
  /* number of comments span */
}
.commentlist {
  margin: 0;
  list-style-type: none;
}

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa;
}
.comment .comment-author {
  padding: 7px;
  border: 0;
}
.comment {
  /* vcard */
}
.comment .vcard {
  margin-left: 50px;
}
.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic;
}
.comment .vcard time a {
  color: #9fa6b4;
  text-decoration: none;
}
.comment .vcard time a:hover {
  text-decoration: underline;
}
.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}
.comment {
  /* end .commentlist .vcard */
}
.comment:last-child {
  margin-bottom: 0;
}
.comment .children {
  margin: 0;
}
.comment .children {
  /* variations */
}
.comment .children { /* change number for different depth */ }
.comment {
  /* end children */
}
.comment[class*=depth-] {
  margin-top: 1.1em;
}
.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px;
}
.comment {
  /* general comment classes */
}
.comment.odd {
  background-color: #fff;
}
.comment.even {
  background: #f8f9fa;
}
/* comment meta */
/* comment content */
.comment-content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

/* end .commentlist .comment-content */
/* comment reply link 
.comment-reply-link {
	@extend .accent-btn;
	font-size: 0.9em;
	float: right;

	&:hover,
	&:focus {
	}

} /* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em;
}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa;
}

#reply-title {
  margin: 0;
}

.logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0;
}
.logged-in-as a {
  color: #5c6b80;
}

.comment-form-comment {
  margin: 1.5em 0 0.75em;
}

.form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em;
}

/* comment submit button */
#submit {
  float: right;
  font-size: 1em;
}

/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul li {
  /* deep nesting */
}
.no-widgets {
  background-color: #fff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1.5em;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  background-color: #505829;
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer__logo img {
  display: block;
  max-width: 100%;
  height: auto;
}
.footer__logo #tectn_logo {
  margin-top: 2em;
}
.footer__curve {
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer__curve svg {
  margin-top: -1em;
}
.footer-nav {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer__tagline {
  position: relative;
}
.footer__tagline p {
  padding: 0;
  margin: 0;
}
.footer__tagline em {
  font-style: normal;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5em;
}
.footer__tagline strong {
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  color: #698f3d;
  font-size: 2.5em;
  line-height: 1;
}

.footer__curve-inner {
  width: 0;
}

#inner-footer {
  padding-top: 2em;
}
#inner-footer .footer__right {
  text-align: center;
}
#inner-footer .footer__right .c-button-group {
  margin-bottom: 1.25em;
  text-align: center;
}
#inner-footer .footer__contact {
  color: #EFF5D1;
  text-align: center;
}
#inner-footer .footer__contact .footer__address {
  line-height: 1;
  margin-bottom: 0.75em;
}

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
.footer__social {
  margin-bottom: 1.25em;
}

.footer__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  margin: 0;
  margin-top: 1em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.footer__social-item {
  margin: 0;
}

.footer__social-link {
  color: #EFF5D1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
}
.footer__social-link:hover, .footer__social-link:focus {
  color: #EFF5D1;
  opacity: 0.85;
}
.footer__social-link i {
  font-size: 1.25rem;
}

.footer__social .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.footer__links {
  margin-bottom: 2em;
}
.footer__contact--left {
  text-align: left;
  margin-top: 1.25em;
}

/* Full-width disclaimer row when no contact (see footer.php). */
.footer__disclaimer-wrap {
  text-align: center;
}

.footer__disclaimer {
  text-align: center;
  color: #EFF5D1;
  margin: 0 auto 1.25em;
  padding-top: 1.5em;
  max-width: 48em;
  width: 100%;
  line-height: 1.5;
  font-size: 0.9rem;
}

.footer__copyright {
  text-align: center;
  color: #EFF5D1;
  margin: 1em 0;
  width: 100%;
}

/*********************
GENERAL STYLES
*********************/
html,
body {
  overflow-x: hidden;
}

body {
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #5c6b80;
  background-color: #F9FBF3;
  --body-bg: #F9FBF3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  image-rendering: auto;
}

#inner-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em 2em;
}

#inner-footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#inner-footer .nav {
  opacity: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#inner-footer .nav li {
  border-bottom: 0px;
}

/***************
CONTROLS
Buttons and such
****************/
.c-button-group .c-button-group__button {
  margin-bottom: 1em;
}
.c-button-group .c-button-group__button:not(:last-child) {
  margin-right: 1em;
}
/* Button Grid block: centered container, optional background + shadow, flex grid */
.c-button-grid {
  --button-grid-gap: 16px;
  max-width: var(--button-grid-max-w, 600px);
  margin-left: auto;
  margin-right: auto;
  padding: clamp(20px, 2.5vw, 32px);
  border-radius: 1em;
  background: var(--button-grid-bg, #fcfce0);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.c-button-grid.c-button-grid--no-bg {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-button-grid__list {
  display: grid;
  gap: 16px;
  width: 100%;
}
.c-button-grid__list .c-button-group__button {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
}

.c-button-grid--cols-1 .c-button-grid__list {
  grid-template-columns: 1fr;
  justify-items: center;
}
.c-button-grid--cols-1 .c-button-grid__list .c-button-group__button {
  justify-self: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  min-width: unset;
}

.c-button-grid--cols-2 .c-button-grid__list {
  grid-template-columns: repeat(2, 1fr);
}

.c-button-grid--cols-3 .c-button-grid__list {
  grid-template-columns: repeat(3, 1fr);
}

.c-button-grid--cols-4 .c-button-grid__list {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 47.99em) {
  .c-button-grid__list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .c-button-grid--cols-1 .c-button-grid__list {
    grid-template-columns: 1fr !important;
    justify-items: center;
  }
}
/* Information lists block (ACF tectn/information-lists) — shell matches Button Grid */
.c-information-lists {
  max-width: var(--information-lists-max-w, 600px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  padding: clamp(20px, 2.5vw, 32px);
  border-radius: 1em;
  background: var(--information-lists-bg, #fcfce0);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.c-information-lists.c-information-lists--no-bg {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-information-lists__grid {
  display: grid;
  gap: 0.75em 1.25em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-information-lists--cols-1 .c-information-lists__grid {
  grid-template-columns: 1fr;
}

.c-information-lists--cols-2 .c-information-lists__grid {
  grid-template-columns: repeat(2, 1fr);
}

.c-information-lists--cols-3 .c-information-lists__grid {
  grid-template-columns: repeat(3, 1fr);
}

.c-information-lists--cols-4 .c-information-lists__grid {
  grid-template-columns: repeat(4, 1fr);
}

/* Column (top-to-bottom) fill order is handled in PHP (row-major grid); do not use grid-auto-flow: column. */
.c-information-lists__item {
  margin: 0;
  min-width: 0;
}

.c-information-lists__link {
  color: #698f3d;
  text-decoration: underline;
  text-underline-offset: 0.12em;
  font-weight: 600;
}
.c-information-lists__link:hover, .c-information-lists__link:focus {
  color: rgb(81.375, 110.825, 47.275);
}

.c-information-lists__text {
  font-weight: 600;
  color: #5c6b80;
}

@media (max-width: 47.99em) {
  .c-information-lists:not(.c-information-lists--cols-1) .c-information-lists__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .c-information-lists--cols-1 .c-information-lists__grid {
    grid-template-columns: 1fr !important;
  }
}
/* Resources block (ACF tectn/resources) — shell matches Information lists */
.c-resources {
  max-width: var(--resources-max-w, 800px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  padding: clamp(20px, 2.5vw, 32px);
  border-radius: 1em;
  background: var(--resources-bg, #fcfce0);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.c-resources.c-resources--no-bg {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-resources__section + .c-resources__section {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid rgba(32, 33, 35, 0.12);
}

.c-resources--no-bg .c-resources__section + .c-resources__section {
  border-top-color: rgba(32, 33, 35, 0.08);
}

.c-resources__headline {
  text-align: center;
  margin-bottom: 0.75em;
}
.c-resources__headline h5 {
  margin-bottom: 0;
}

.c-resources__grid {
  display: grid;
  gap: 0.75em 1.25em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-resources--cols-1 .c-resources__grid {
  grid-template-columns: 1fr;
}

.c-resources--cols-2 .c-resources__grid {
  grid-template-columns: repeat(2, 1fr);
}

.c-resources--cols-3 .c-resources__grid {
  grid-template-columns: repeat(3, 1fr);
}

.c-resources--cols-4 .c-resources__grid {
  grid-template-columns: repeat(4, 1fr);
}

.c-resources__item {
  margin: 0;
  min-width: 0;
}

.c-resources__link {
  color: #698f3d;
  text-decoration: underline;
  text-underline-offset: 0.12em;
  font-weight: 600;
}
.c-resources__link:hover, .c-resources__link:focus {
  color: rgb(81.375, 110.825, 47.275);
}

.c-resources__text {
  font-weight: 600;
  color: #5c6b80;
}

.c-resources__body {
  margin: 0.5em 0 0;
  font-size: 0.95em;
  line-height: 1.5;
  color: #5c6b80;
}

@media (max-width: 47.99em) {
  .c-resources:not(.c-resources--cols-1) .c-resources__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .c-resources--cols-1 .c-resources__grid {
    grid-template-columns: 1fr !important;
  }
}
/*********************
THE EVENTS CALENDAR
*********************/
.tribe-events-calendar-month {
  border: none !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.tribe-events-calendar-month__header-column {
  background-color: transparent !important;
  border: none !important;
}

.tribe-events-calendar-list__event-row {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tribe-events-calendar-list__month-separator {
  border-bottom: 1px solid #A1B152 !important;
}

.tribe-events .tribe-events-c-events-bar {
  border: 1px solid #A1B152 !important;
  border-radius: 0.75em !important;
  background-color: #fff !important;
}

.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current {
  background-color: #EFF1E5 !important;
}
.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
  color: #79853E !important;
}

.tribe-common .tribe-common-h8 {
  font-size: 1.125rem !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  color: #3F5625 !important;
}

.tribe-events .tribe-events-calendar-month__header-column {
  padding-top: 1em !important;
}

.tribe-events-c-view-selector__list-item-text {
  padding-top: 2px !important;
}

.tribe-events-c-search__input {
  max-width: 95% !important;
}

.tribe-events-c-top-bar__today-button {
  padding-top: 8px !important;
}

.events-intro {
  margin-top: 100px !important;
  max-width: 960px;
  text-align: center;
}

.tribe-events-calendar-month__multiday-event-bar {
  background-color: #F9FBF3 !important;
  border-color: #A5BC8B !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 0.5em !important;
  padding-top: 2px !important;
}

.tribe-events-calendar-month__calendar-event-datetime {
  color: #2F2508 !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif !important;
  font-size: 0.75em !important;
  font-weight: 700 !important;
  margin-top: 0.75em !important;
}

.tribe-events-view--month .tribe-events-calendar-month__calendar-event-title-link {
  color: #3F5625 !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}
.tribe-events-view--month .tribe-events-calendar-month__calendar-event-title-link:hover, .tribe-events-view--month .tribe-events-calendar-month__calendar-event-title-link:focus {
  color: #2F2508 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.tooltipster-box {
  background: transparent !important;
  border: 0px solid #A5BC8B !important;
  padding: 0px !important;
}

.tooltipster-base .tooltipster-content {
  background-color: #F0F4EC !important;
  color: #fff !important;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif !important;
  font-size: 0.75em !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  border-radius: 0.75em !important;
  border: 0px solid #A5BC8B !important;
  padding: 0.75em !important;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

.tribe-events-calendar-month__calendar-event-tooltip-datetime {
  color: #2F2508 !important;
  font-weight: 700 !important;
  letter-spacing: 0em !important;
  line-height: 1 !important;
}

.tribe-events-calendar-month__calendar-event-tooltip-description {
  color: #2A3918 !important;
}

.tribe-events-calendar-month__calendar-event-tooltip-title {
  font-size: 1.125rem !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  color: #3F5625 !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
  border-radius: 4px !important;
}

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.alignfull {
  width: 100vw;
  margin-left: -webkit-calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-right: -webkit-calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.wrap {
  width: 96%;
  margin: 0 auto;
}

/************************************************
BAND / SECTION WRAPPER
- Generic wrapper for grouping blocks into a single section
- Optional full-bleed background image layer (clipped to this band)
- Background does NOT bleed upward (no negative offsets)
************************************************/
.c-band {
  position: relative;
  overflow: hidden;
  --band-py: 1.5em;
  padding-block: var(--band-py);
}

.c-band__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.c-band__bg-media {
  position: absolute;
  left: 50%;
  top: var(--band-bg-anchor-y, 0%);
  -webkit-transform: translate(-50%, var(--band-bg-translate-y, 0%));
  -ms-transform: translate(-50%, var(--band-bg-translate-y, 0%));
  transform: translate(-50%, var(--band-bg-translate-y, 0%));
  width: 100vw;
  height: var(--band-bg-height, 800px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: none;
}

.c-band__bg-media--image {
  background-image: var(--band-bg-image, none);
}

.c-band__bg-media--color {
  background-color: var(--band-bg-color, transparent);
}

.c-band__bg-gradient {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.c-band--grad-soft .c-band__bg-gradient {
  background: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 72%);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 72%);
}

.c-band--grad-strong .c-band__bg-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(236, 186, 39, 0.85)), color-stop(68%, rgba(105, 143, 61, 0.9)));
  background: -webkit-linear-gradient(top, rgba(236, 186, 39, 0.85) 0%, rgba(105, 143, 61, 0.9) 68%);
  background: linear-gradient(180deg, rgba(236, 186, 39, 0.85) 0%, rgba(105, 143, 61, 0.9) 68%);
}

.c-band--grad-none .c-band__bg-gradient {
  display: none;
}

.c-band__container {
  position: relative;
  z-index: 1;
}

.c-band__inner {
  display: block;
}

/* Band with top/bottom waves — DOM order Wave / Section / Wave */
.c-band__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  overflow: visible;
  width: 100vw;
  margin-left: -webkit-calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-right: -webkit-calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Keep section flush to waves (front end can get block/global margin; override so waves stay attached) */
.c-band__wrap > .c-band {
  margin: 0 !important;
  margin-block: 0 !important;
}

/* When waves are on, ignore stored background height — background stretches with content */
.c-band__wrap .c-band__bg-media {
  height: 100%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

/* When "Background color contains content" is on (color bg, no waves), background stretches with content */
.c-band--bg-contains .c-band__bg-media {
  height: 100%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.c-band__wrap > .c-waveband__wave {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  width: 100vw;
  height: -webkit-calc(var(--wave-h) + 2px);
  height: calc(var(--wave-h) + 2px);
  background-color: var(--waveband-bg, var(--c-sage));
  pointer-events: none;
  -webkit-mask: url("../images/curve.svg") no-repeat center/100% 100%;
  mask: url("../images/curve.svg") no-repeat center/100% 100%;
}

.c-band__wrap > .c-waveband__wave--top {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
}

.c-band__wrap > .c-waveband__wave--bottom {
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  transform: scale(-1, -1);
  -webkit-mask-position: center top;
  mask-position: center top;
}

/* Padding modifiers */
.c-band--py-none {
  --band-py: 0em;
}

.c-band--py-xxs {
  --band-py: 0.25em;
}

.c-band--py-xs {
  --band-py: 0.5em;
}

.c-band--py-sm {
  --band-py: 0.75em;
}

.c-band--py-md {
  --band-py: 1em;
}

.c-band--py-lg {
  --band-py: 1.25em;
}

.c-band--py-xl {
  --band-py: 1.5em;
}

.c-band--py-xxl {
  --band-py: 2em;
}

.c-band--no-mb {
  margin-bottom: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

/************************************************
Content Section block
- Optional top/bottom curves (color bg only); optional “background contains content”
- Optional background: image (with overlay choice) or solid color
- Min height + any inner content via InnerBlocks
************************************************/
.c-content-section {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: var(--content-section-min-height, 400px);
  --content-section-py: 1.5em;
  padding-block: var(--content-section-py);
}

.c-content-section__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.c-content-section__bg-media {
  position: absolute;
  left: 50%;
  top: var(--content-section-bg-anchor-y, 0%);
  -webkit-transform: translate(-50%, var(--content-section-bg-translate-y, 0%));
  -ms-transform: translate(-50%, var(--content-section-bg-translate-y, 0%));
  transform: translate(-50%, var(--content-section-bg-translate-y, 0%));
  width: 100vw;
  height: var(--content-section-bg-height, 800px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: none;
}

.c-content-section__bg-media--image {
  background-image: var(--content-section-bg-image, none);
}

.c-content-section__bg-media--color {
  background-color: var(--content-section-bg-color, transparent);
}

.c-content-section__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.c-content-section--overlay-none .c-content-section__overlay {
  display: none;
}

.c-content-section--overlay-warm .c-content-section__overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(236, 186, 39, 0.45)), color-stop(68%, rgba(105, 143, 61, 0.6)));
  background: -webkit-linear-gradient(top, rgba(236, 186, 39, 0.45) 0%, rgba(105, 143, 61, 0.6) 68%);
  background: linear-gradient(180deg, rgba(236, 186, 39, 0.45) 0%, rgba(105, 143, 61, 0.6) 68%);
}

.c-content-section--overlay-medium .c-content-section__overlay {
  background: rgba(0, 0, 0, 0.4);
}

.c-content-section--overlay-dark .c-content-section__overlay {
  background: rgba(0, 0, 0, 0.65);
}

.c-content-section__container {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.c-content-section--content-top .c-content-section__container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.c-content-section--content-middle .c-content-section__container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-content-section--content-bottom .c-content-section__container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.c-content-section__inner {
  display: block;
}

.c-content-section__inner > .c-content-section__placeholder {
  margin-bottom: 1em;
}

.c-content-section--py-none {
  --content-section-py: 0em;
}

.c-content-section--py-xxs {
  --content-section-py: 0.25em;
}

.c-content-section--py-xs {
  --content-section-py: 0.5em;
}

.c-content-section--py-sm {
  --content-section-py: 0.75em;
}

.c-content-section--py-md {
  --content-section-py: 1em;
}

.c-content-section--py-lg {
  --content-section-py: 1.25em;
}

.c-content-section--py-xl {
  --content-section-py: 1.5em;
}

.c-content-section--py-xxl {
  --content-section-py: 2em;
}

.c-content-section--no-mb {
  margin-bottom: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

/* Content Section with waves — DOM order Wave / Section / Wave (same as Band) */
.c-content-section__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  overflow: visible;
  width: 100vw;
  margin-left: -webkit-calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-right: -webkit-calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.c-content-section__wrap > .c-content-section {
  margin: 0 !important;
  margin-block: 0 !important;
}

.c-content-section__wrap .c-content-section__bg-media {
  height: 100%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.c-content-section--bg-contains .c-content-section__bg-media {
  height: 100%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.c-content-section__wrap > .c-waveband__wave {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  width: 100vw;
  height: -webkit-calc(var(--wave-h) + 2px);
  height: calc(var(--wave-h) + 2px);
  background-color: var(--waveband-bg, var(--c-sage));
  pointer-events: none;
  -webkit-mask: url("../images/curve.svg") no-repeat center/100% 100%;
  mask: url("../images/curve.svg") no-repeat center/100% 100%;
}

.c-content-section__wrap > .c-waveband__wave--top {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
}

.c-content-section__wrap > .c-waveband__wave--bottom {
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  transform: scale(-1, -1);
  -webkit-mask-position: center top;
  mask-position: center top;
}

/* Light body copy when “On a dark background” is enabled (Text + Image, Headline Group) */
.c-content-group__content--on-dark,
.c-headline-group--on-dark {
  color: #F4F5ED;
}
.c-content-group__content--on-dark a,
.c-headline-group--on-dark a {
  color: #EFF5D1;
}
.c-content-group__content--on-dark a:hover, .c-content-group__content--on-dark a:focus,
.c-headline-group--on-dark a:hover,
.c-headline-group--on-dark a:focus {
  color: #DFEBA4;
}

.c-image-grid--two,
.c-image-grid--three {
  grid-template-columns: 1fr;
  grid-template-areas: none;
}
.c-image-grid--two .c-image-grid__item--1,
.c-image-grid--two .c-image-grid__item--2,
.c-image-grid--two .c-image-grid__item--3,
.c-image-grid--three .c-image-grid__item--1,
.c-image-grid--three .c-image-grid__item--2,
.c-image-grid--three .c-image-grid__item--3 {
  grid-area: auto;
}

.c-headline-group h5 {
  margin: 0;
}
.c-headline-group {
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25em;
  margin-bottom: 0.75em;
}

:root {
  --wave-h: 130px;
  --bg-max-h: 300px;
  --content-top: 140px; /* how far down content sits from top wave */
  --hang: 120px; /* how far content hangs past bottom wave */
}

.c-waveband {
  position: relative;
  overflow: visible;
}

/* When colored background is on, break out to full viewport width so background and waves span edge-to-edge */
.c-waveband.is-bg {
  width: 100vw;
  margin-left: -webkit-calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-right: -webkit-calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* BG is a backdrop, not a container — uses user-selected color from parent .c-waveband */
.c-waveband__bg {
  position: absolute;
  inset: 0 0 auto 0; /* top:0, left:0, right:0 */
  height: min(var(--bg-max-h), 70vh); /* max 300px, responsive cap */
  max-height: var(--bg-max-h);
  background: var(--waveband-bg, var(--c-sage));
  z-index: 0;
}

/* When content is full width (stacked) or block has video, expand background to full height of block; waves and hang unchanged */
.c-waveband:has(.c-waveband__content--full) .c-waveband__bg,
.c-waveband.c-waveband--has-video .c-waveband__bg {
  inset: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  max-height: none;
}

/* Content is normal flow, above the bg */
.c-waveband__content {
  position: relative;
  z-index: 2;
  max-width: 1192px;
  margin-inline: auto;
  /* Put content on top of the backdrop */
  margin-top: var(--content-top);
  padding-inline: 1.5rem;
  /* Make it “break out” past the bottom wave */
  margin-bottom: var(--hang);
}

/* Text-image block: Content full width = stacked column inside the same container (header, body+CTAs, image group) */
.c-waveband__content--full .row,
.c-text-image__content--full .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.c-waveband__content--full .row > *,
.c-text-image__content--full .row > * {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.c-waveband__content--full .c-content-group__content,
.c-text-image__content--full .c-content-group__content {
  padding-right: 0;
  padding-left: 0;
}

/* Image group: row of images, equal height (not equal width), full width of container; block height expands with content */
.c-waveband__content--full .c-image-grid,
.c-text-image__content--full .c-image-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  margin-top: 1rem;
  list-style: none;
  padding: 0;
}

.c-waveband__content--full .c-content-group .c-image-grid--one,
.c-text-image__content--full .c-content-group .c-image-grid--one {
  padding-right: 0;
  padding-left: 0;
}

.c-waveband__content--full .c-content-group .c-image-grid li,
.c-text-image__content--full .c-content-group .c-image-grid li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  margin-left: 0;
  height: 100%;
}

/* Single image: fill container width */
.c-waveband__content--full .c-image-grid > li:only-child,
.c-text-image__content--full .c-image-grid > li:only-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 0;
}

.c-waveband__content--full .c-image-grid > li:only-child .c-image-grid__img,
.c-text-image__content--full .c-image-grid > li:only-child .c-image-grid__img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.c-waveband__content--full .c-image-grid .c-image-grid__img,
.c-text-image__content--full .c-image-grid .c-image-grid__img {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

/* 3 images: flatten right column into same row so all three are equal height in one row (widths can vary) */
.c-waveband__content--full .c-image-grid__right,
.c-text-image__content--full .c-image-grid__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  gap: 1rem;
  margin: 0;
  height: 100%;
}

.c-waveband__content--full .c-image-grid__right-item,
.c-text-image__content--full .c-image-grid__right-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 100%;
}

.c-waveband__content--full .c-image-grid__right-item .c-image-grid__img,
.c-text-image__content--full .c-image-grid__right-item .c-image-grid__img {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

/* When block has no colored background, content wrapper matches waveband layout */
.c-text-image__content {
  max-width: 1192px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}

/* Video embed: 16:9. min-width so wrapper (and iframe) always have dimensions even when flex column doesn’t. */
/* Only stack video below content when "Content full width" is on; otherwise video is in second column like gallery */
.c-waveband__content--full .c-content-group__row--has-video,
.c-text-image__content--full .c-content-group__row--has-video {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.c-waveband__content--full .c-content-group__row--has-video > *,
.c-text-image__content--full .c-content-group__row--has-video > * {
  max-width: 100%;
}

.c-content-group__media-col--video {
  position: relative;
  width: 100%;
  padding-bottom: 28.25%; /* 16:9 within 50% column (56.25% of column width) */
  height: 0;
  overflow: hidden;
  min-width: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.c-waveband__content--full .c-content-group__row--has-video .c-content-group__media-col--video,
.c-text-image__content--full .c-content-group__row--has-video .c-content-group__media-col--video {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding-bottom: 56.25%; /* 16:9 when stacked full width */
}

.c-content-group__media-col--video .c-content-group__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-content-group__media-col--video .c-content-group__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 0.5em solid #fff;
  border-radius: 1em;
}

.wp-block-embed__wrapper iframe {
  border: 0.5em solid #fff;
  border-radius: 1em;
}

.wp-block-video video {
  border: 0.5em solid #fff;
  border-radius: 0.75em;
}

/* Text + Image block: slideshow in its own wrapper so square ratio is retained */
.c-content-group__slideshow--square {
  width: 100%;
  aspect-ratio: 1/1;
  max-width: 100%;
  min-width: 0;
}
.c-content-group__slideshow--square .c-slider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.c-content-group__slideshow--square .c-slider__panel {
  height: 100%;
}
.c-content-group__slideshow--square .c-slider__image-wrap {
  height: 100%;
}

.c-content-group__slideshow {
  position: relative;
}

/* Preheader: shared pattern (headline-group, text-image, sponsorships, slider). Markup: <h5 class="c-headline-group__preheader"> */
.c-headline-group__preheader {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.6em;
  text-transform: normal;
  color: #79853E;
}

/* With colored background: slideshow overlaps the bottom wave (same idea as gallery hang) */
.c-waveband--has-slideshow .c-content-group__slideshow--overlap-wave {
  margin-bottom: -webkit-calc(-1 * var(--hang, 120px));
  margin-bottom: calc(-1 * var(--hang, 120px));
  z-index: 2;
  position: relative;
}

/* Full-bleed waves inside the bg layer — use block background so waves match user-selected color */
.c-waveband__bg .c-waveband__wave {
  position: absolute;
  left: 50%;
  width: 100vw;
  height: -webkit-calc(var(--wave-h) + 2px);
  height: calc(var(--wave-h) + 2px); /* overscan prevents seams */
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: var(--waveband-bg, var(--c-sage));
  pointer-events: none;
  -webkit-mask: url("../images/curve.svg") no-repeat center/100% 100%;
  mask: url("../images/curve.svg") no-repeat center/100% 100%;
}

.c-waveband__bg .c-waveband__wave--top {
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-100%);
  -ms-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
}

.c-waveband__bg .c-waveband__wave--bottom {
  bottom: 0;
  -webkit-transform: translateX(-50%) translateY(100%) scaleY(-1) scaleX(-1);
  -ms-transform: translateX(-50%) translateY(100%) scaleY(-1) scaleX(-1);
  transform: translateX(-50%) translateY(100%) scaleY(-1) scaleX(-1);
}

/* =========================================================
   Card Repeater — Base (mobile-first)
   Targets markup from card_repeater.php
   ========================================================= */
.c-cardrepeater {
  margin-bottom: 1.5em;
}

/* ACF blocks — editor empty state (same treatment as Card Repeater) */
.c-cardrepeater__placeholder,
.c-button-grid__placeholder,
.c-information-lists__placeholder,
.c-resources__placeholder,
.c-card-block__placeholder,
.c-content-section__placeholder,
.c-formsEmbed__placeholder,
.c-headline-group__placeholder,
.c-iframe-embed__placeholder,
.c-slider__placeholder,
.c-sponsorships__placeholder,
.c-text-image__placeholder {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 650px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  border: 1px dashed rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.03);
  line-height: 1.35;
}
.c-cardrepeater__placeholder strong,
.c-button-grid__placeholder strong,
.c-information-lists__placeholder strong,
.c-resources__placeholder strong,
.c-card-block__placeholder strong,
.c-content-section__placeholder strong,
.c-formsEmbed__placeholder strong,
.c-headline-group__placeholder strong,
.c-iframe-embed__placeholder strong,
.c-slider__placeholder strong,
.c-sponsorships__placeholder strong,
.c-text-image__placeholder strong {
  display: inline-block;
  margin-bottom: 0.25rem;
}

/*
 * Block editor canvas (iframe): core UI sets fonts on wrappers so empty-state copy
 * may not inherit theme body type. Scope fixes to .editor-styles-wrapper only (not front-end).
 */
.editor-styles-wrapper .tectn-block-hidden-editor__notice {
  margin: 0 0 0.25em;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #70757B;
}
.editor-styles-wrapper .tectn-block-hidden-editor__preview {
  opacity: 0.5;
}
.editor-styles-wrapper .c-cardrepeater__placeholder,
.editor-styles-wrapper .c-button-grid__placeholder,
.editor-styles-wrapper .c-information-lists__placeholder,
.editor-styles-wrapper .c-resources__placeholder,
.editor-styles-wrapper .c-card-block__placeholder,
.editor-styles-wrapper .c-content-section__placeholder,
.editor-styles-wrapper .c-formsEmbed__placeholder,
.editor-styles-wrapper .c-headline-group__placeholder,
.editor-styles-wrapper .c-iframe-embed__placeholder,
.editor-styles-wrapper .c-slider__placeholder,
.editor-styles-wrapper .c-sponsorships__placeholder,
.editor-styles-wrapper .c-text-image__placeholder,
.editor-styles-wrapper .c-peopleList__empty,
.editor-styles-wrapper .c-pickup-sites-map__empty,
.editor-styles-wrapper .c-iframe-embed__empty,
.editor-styles-wrapper .c-slider--empty .c-slider__empty {
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.35;
  color: #5c6b80;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.editor-styles-wrapper .c-cardrepeater__placeholder strong,
.editor-styles-wrapper .c-button-grid__placeholder strong,
.editor-styles-wrapper .c-information-lists__placeholder strong,
.editor-styles-wrapper .c-card-block__placeholder strong,
.editor-styles-wrapper .c-content-section__placeholder strong,
.editor-styles-wrapper .c-formsEmbed__placeholder strong,
.editor-styles-wrapper .c-headline-group__placeholder strong,
.editor-styles-wrapper .c-iframe-embed__placeholder strong,
.editor-styles-wrapper .c-slider__placeholder strong,
.editor-styles-wrapper .c-sponsorships__placeholder strong,
.editor-styles-wrapper .c-text-image__placeholder strong {
  font-weight: 700;
}

.c-cardrepeater__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-stepcard {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #EFF5D1;
}

.c-stepcard__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0.75rem;
  background-color: #A1B152;
}

.c-stepcard__kicker {
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #fff;
}

.c-stepcard__icon {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.25);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-stepcard__icon .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #fff;
}

.c-stepcard__body {
  padding: 0.75rem;
  font-size: 0.95rem;
}
.c-stepcard__body p:last-child {
  margin-bottom: 0;
}

/* =========================
   Card Block — olive green section, headline attached to top, yellow cards
   ========================= */
.c-card-block {
  padding: 0 1rem 2rem;
  border-radius: 1rem;
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-card-block__body {
  position: relative;
  background-color: #A1B152;
  border-radius: 0.75em;
  padding: 1em;
}

.c-card-block__headline {
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0.75rem 1.25rem;
  padding-bottom: 0;
  background-color: #A1B152;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.c-card-block__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  list-style: none;
  padding: 0;
}

.c-card-block__grid--count-1 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-template-columns: minmax(0, 420px);
}

/* Two-column layouts for count-2–5 live in breakpoint files; mobile = 1 column */
.c-card-block__card {
  background-color: #EFF5D1;
  border-radius: 0.75rem;
  overflow: hidden;
}

.c-card-block__card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  padding: 1.25rem;
}

.c-card-block__card-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.75rem;
}

.c-card-block__card-title {
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 400;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #A1B152;
}

.c-card-block__card-details {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 400;
  text-align: right;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #505829;
}

.c-card-block__card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1rem;
  background-color: rgba(249, 251, 243, 0.95);
  border-radius: 0.5em;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.c-card-block__card-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.c-card-block__card-headline {
  font-size: 1rem;
  line-height: 1.1;
  margin: 0 0 0.5rem;
  font-weight: 400;
  padding: 0.75em;
  padding-bottom: 0;
  color: #505829;
}

.c-card-block__card-body {
  font-size: 0.9rem;
  line-height: 1.1;
  margin: 0;
  padding: 0.75em;
  padding-top: 0;
}
.c-card-block__card-body p:last-child {
  margin-bottom: 0;
}

.c-card-block__card-media {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 200px;
  -ms-flex-item-align: center;
  align-self: center;
}

.c-card-block__card-image img {
  display: block;
  width: 100%;
  height: auto;
  border-top-right-radius: 0.35rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 0;
}

.c-card-block__card-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 30px;
  padding: 0 0.75em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ECBA27;
  color: #fff !important;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
  border: 0;
  border-bottom-right-radius: 0.25em;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.c-card-block__card-cta:hover, .c-card-block__card-cta:focus {
  background-color: #BD951F;
  color: #fff;
  text-decoration: none;
  outline: none;
}

/* =========================
   Pick-up Sites Map block — card-block-style wrapper, headline, body, search bar
   ========================= */
.c-pickup-sites-map {
  padding: 0 1rem 2rem;
  border-radius: 1rem;
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-pickup-sites-map__headline {
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0.75rem 1.25rem;
  padding-bottom: 0;
  background-color: #A1B152;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.c-pickup-sites-map__body {
  position: relative;
  background-color: #A1B152;
  border-radius: 0.75em;
  padding: 1em;
  overflow: hidden;
}

.c-pickup-sites-map__body:first-child {
  border-top-left-radius: 0.75em;
  border-top-right-radius: 0.75em;
}

.c-pickup-sites-map__body:last-child {
  border-bottom-left-radius: 0.75em;
  border-bottom-right-radius: 0.75em;
}

.c-pickup-sites-map__body + .c-pickup-sites-map__search-bar {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.c-pickup-sites-map__canvas {
  width: 100%;
  min-height: 320px;
  border-radius: 0.5em;
}

.c-pickup-sites-map__empty {
  margin: 0;
  padding: 1em;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  color: #5c6b80;
  border-radius: 0.5em;
}

.c-pickup-sites-map__search-bar {
  background-color: #A1B152;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 0;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.c-pickup-sites-map__search-bar input[type=search] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.c-pickup-sites-map__search-label {
  display: block;
  margin-bottom: 0.35em;
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
}

.c-pickup-sites-map__search {
  display: block;
  width: 100%;
  max-width: 20em;
  padding: 0.5em 0.75em;
  font-size: 1rem;
  line-height: 1.4;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  background: #fff;
}

.c-pickup-sites-map__search:focus {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* =========================
   Iframe Embed block — same card/hierarchy as Pick-up Sites Map; no search bar
   ========================= */
.c-iframe-embed {
  padding: 0 1rem 2rem;
  border-radius: 1rem;
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-iframe-embed__headline {
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0.75rem 1.25rem;
  padding-bottom: 0;
  background-color: #A1B152;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.c-iframe-embed__body {
  position: relative;
  background-color: #A1B152;
  border-radius: 0.75em;
  padding: 1em;
  overflow: hidden;
}

.c-iframe-embed__body:first-child {
  border-top-left-radius: 0.75em;
  border-top-right-radius: 0.75em;
}

.c-iframe-embed__body:last-child {
  border-bottom-left-radius: 0.75em;
  border-bottom-right-radius: 0.75em;
}

.c-iframe-embed__frame {
  width: 100%;
  border-radius: 0.5em;
  overflow: hidden;
}
.c-iframe-embed__frame iframe {
  width: 100%;
  display: block;
  min-height: 320px;
}

.c-iframe-embed__empty {
  margin: 0;
  padding: 1em;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  color: #5c6b80;
  border-radius: 0.5em;
}

/* =========================
   Image Slider block — table-of-contents style (list left, image right); stacks on mobile
   ========================= */
.c-slider {
  padding: 0 1rem 2rem;
  border-radius: 1rem;
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-slider__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  padding: 1em;
}

.c-slider__col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

.c-slider__headline {
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #505829;
  text-align: center;
  margin: 0;
  padding: 0 0 0.25rem;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-slider__body {
  color: #5c6b80;
  font-size: 0.95rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
.c-slider__body p {
  margin: 0 0 0.5em;
}
.c-slider__body p:last-child {
  margin-bottom: 0;
}
.c-slider__body a {
  color: #79853E;
  text-decoration: underline;
}

.c-slider__list-inner {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.c-slider__list-inner > li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 0.5rem;
}

.c-slider__list-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 700;
  text-align: left;
  background: transparent;
  color: rgba(161, 177, 82, 0.6);
  border: none;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.c-slider__list-btn:hover {
  color: #A1B152;
}

.c-slider__list-btn--active {
  color: #A1B152;
}

.c-slider__list-btn--active:hover {
  color: #79853E;
}

.c-slider__list-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 1px solid #505829;
  background-color: #EFF5D1;
  overflow: hidden;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.c-slider__list-btn .c-slider__list-icon i,
.c-slider__list-btn .c-slider__list-icon .fa {
  font-size: 0.75rem;
  color: #A1B152;
  opacity: 0.7;
  -webkit-transition: color 0.2s, opacity 0.2s;
  transition: color 0.2s, opacity 0.2s;
}

.c-slider__list-btn--active .c-slider__list-icon {
  background-color: #D4E485;
}

.c-slider__list-btn--active .c-slider__list-icon i,
.c-slider__list-btn--active .c-slider__list-icon .fa {
  color: #505829;
  opacity: 1;
}

.c-slider__list-label {
  display: inline;
}

.c-slider__panel {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.c-slider__image-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5em;
  aspect-ratio: var(--slider-aspect-ratio, 4/3);
  -webkit-transition: aspect-ratio 0.35s ease-out;
  transition: aspect-ratio 0.35s ease-out;
  isolation: isolate;
  -webkit-box-shadow: 4px 4px 0 rgba(201, 221, 103, 0.5);
  box-shadow: 4px 4px 0 rgba(201, 221, 103, 0.5);
  background-color: rgba(201, 221, 103, 0.5);
}

.c-slider__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-slider__slide--current {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  z-index: 1;
}

.c-slider__slide--next {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 0;
}

.c-slider--table_of_contents .c-slider__image-wrap--transitioning .c-slider__slide--down {
  z-index: 2;
}

.c-slider--table_of_contents .c-slider__image-wrap--transitioning .c-slider__slide--current {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.c-slider--table_of_contents .c-slider__image-wrap--transitioning .c-slider__slide--down {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.c-slider__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5em;
}

.c-slider__image--cover {
  -o-object-position: center center;
  object-position: center center;
}

.c-slider__image--contain {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

/* Horizontal slider */
.c-slider__content--centered {
  text-align: center;
}

.c-slider__content--centered .c-headline-group__preheader,
.c-slider__content--centered .c-slider__headline,
.c-slider__content--centered .c-slider__body {
  text-align: center;
}

.c-slider--horizontal .c-slider__image-wrap--fixed {
  aspect-ratio: 16/9;
  -webkit-transition: none;
  transition: none;
}

.c-slider--horizontal .c-slider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-slider--horizontal .c-slider__image--cover {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.c-slider--horizontal .c-slider__slide--next {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-slider--horizontal .c-slider__image-wrap--transitioning .c-slider__slide--out-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-slider--horizontal .c-slider__image-wrap--transitioning .c-slider__slide--out-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-slider--horizontal .c-slider__slide--in-from-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 2;
}

.c-slider--horizontal .c-slider__slide--in-from-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 2;
}

.c-slider--horizontal .c-slider__image-wrap--transitioning .c-slider__slide--in-from-right,
.c-slider--horizontal .c-slider__image-wrap--transitioning .c-slider__slide--in-from-left {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-slider__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 35%;
  padding: 0.75rem 1rem;
  background: rgba(249, 251, 243, 0.92);
  color: #5c6b80;
  z-index: 3;
  pointer-events: none;
  margin: 0;
  border-radius: 0 0.5em 0 0.5em;
}

.c-slider__caption:not(.c-slider__caption--visible) {
  display: none;
}

.c-slider__caption-text,
.c-slider__caption-author {
  margin: 0 0 0.25em;
  font-size: 0.9rem;
  line-height: 1.35;
}

.c-slider__caption-author {
  font-weight: 600;
  margin-bottom: 0;
}

.c-slider__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 4;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: none;
  background: rgba(161, 177, 82, 0.85);
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  padding: 0;
}

.c-slider__arrow:hover {
  background: #79853E;
}

.c-slider__arrow--prev {
  left: 0.75rem;
}

.c-slider__arrow--next {
  right: 0.75rem;
}

.c-slider--horizontal .c-slider__panel {
  position: relative;
}

.c-slider--horizontal .c-slider__arrow--prev {
  left: 0.5rem;
}

.c-slider--horizontal .c-slider__arrow--next {
  right: 0.5rem;
}

.c-slider--horizontal .c-slider__dots {
  bottom: 0.5rem;
}

.c-slider__arrow::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

.c-slider__arrow--prev::before {
  margin-left: 0.2em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-slider__arrow--next::before {
  margin-right: 0.2em;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.c-slider--horizontal .c-slider__arrow {
  display: none;
}

.c-slider__dots {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
  border: none;
  background: none;
}

.c-slider__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.8);
  background: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background 0.2s, border-color 0.2s;
  transition: background 0.2s, border-color 0.2s;
}

.c-slider__dot:hover {
  background: rgba(255, 255, 255, 0.5);
}

.c-slider__dot--active {
  background: #C9DD67;
  border-color: #C9DD67;
}

/* Slideshow: square, crossfade, controls on hover/tap */
.c-slider--slideshow .c-slider__panel {
  padding: 0;
}

.c-slider--slideshow .c-slider__image-wrap--square {
  aspect-ratio: 1/1;
  -webkit-transition: none;
  transition: none;
}

.c-slider--slideshow .c-slider__image-wrap--portrait {
  aspect-ratio: 4/5;
  width: 100%;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: none;
  transition: none;
  background-color: #F9FBF3;
}

.c-slider--slideshow.c-slider--aspect-portrait .c-slider__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-slider--slideshow .c-slider__slide {
  -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-slider--slideshow .c-slider__slide--current {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 1;
}

.c-slider--slideshow .c-slider__slide--next {
  opacity: 0;
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
  z-index: 0;
}

.c-slider--slideshow .c-slider__slide--fade-out {
  opacity: 0;
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}

.c-slider--slideshow .c-slider__slide--fade-in {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 2;
}

.c-slider--slideshow .c-slider__arrow,
.c-slider--slideshow .c-slider__dots {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.c-slider--slideshow .c-slider__image-wrap--controls-visible .c-slider__arrow,
.c-slider--slideshow .c-slider__image-wrap--controls-visible .c-slider__dots {
  opacity: 1;
  pointer-events: auto;
}

.c-slider--slideshow .c-slider__arrow--prev {
  left: 0.75rem;
}

.c-slider--slideshow .c-slider__arrow--next {
  right: 0.75rem;
}

.c-slider--slideshow .c-slider__dots {
  bottom: 0.75rem;
}

.c-slider--empty .c-slider__empty {
  margin: 0;
  padding: 1em;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  color: #5c6b80;
  border-radius: 0.5em;
}

.c-posts {
  --posts-bg-max-h: 800px;
  position: relative;
  overflow: hidden;
  padding: clamp(48px, 6vw, 96px) 0;
}
.c-posts .c-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-posts--no-mb {
  margin-bottom: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

/* =========================
   BG layer + image
========================= */
.c-posts__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  height: min(var(--posts-bg-max-h));
  max-height: var(--posts-bg-max-h);
  /* Page background color used for the masked waves */
  --posts-bg: var(--c-page-bg, #F9FBF3);
  /* Height of your curve.svg (match what you used before) */
  --wave-h: 120px;
}

.c-posts__bgImage {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

/* =========================
Overlays (between image and waves)
========================= */
/* SVG overlays */
.c-posts__overlaySvg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(18px) scale(1.02);
  -ms-transform: translateY(18px) scale(1.02);
  transform: translateY(18px) scale(1.02);
  -webkit-transition: opacity 700ms ease, -webkit-transform 900ms ease;
  transition: opacity 700ms ease, -webkit-transform 900ms ease;
  transition: opacity 700ms ease, transform 900ms ease;
  transition: opacity 700ms ease, transform 900ms ease, -webkit-transform 900ms ease;
  height: 100%;
}

.c-posts__overlaySvg--back {
  -webkit-transition-delay: 120ms;
  transition-delay: 120ms;
}

.c-posts__overlaySvg--front {
  -webkit-transition-delay: 20ms;
  transition-delay: 20ms;
}

/* On scroll-in */
.c-posts.is-inview .c-posts__overlaySvg {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}

/* Waves above overlays */
.c-posts__wave {
  z-index: 2;
}

/* =========================
Waves (your exact approach, scoped)
========================= */
.c-posts__bg .c-posts__wave {
  position: absolute;
  left: 50%;
  width: 100vw;
  height: -webkit-calc(var(--wave-h) + 2px);
  height: calc(var(--wave-h) + 2px); /* overscan prevents seams */
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: var(--posts-bg);
  pointer-events: none;
  z-index: 2;
  -webkit-mask: url("../images/curve.svg") no-repeat center/100% 100%;
  mask: url("../images/curve.svg") no-repeat center/100% 100%;
}

.c-posts__bg .c-posts__wave--top {
  top: 120px;
  -webkit-transform: translateX(-50%) translateY(-100%) scale(-1, -1);
  -ms-transform: translateX(-50%) translateY(-100%) scale(-1, -1);
  transform: translateX(-50%) translateY(-100%) scale(-1, -1);
}

.c-posts__bg .c-posts__wave--bottom {
  bottom: 120px;
  -webkit-transform: translateX(-50%) translateY(100%) scale(1, 1);
  -ms-transform: translateX(-50%) translateY(100%) scale(1, 1);
  transform: translateX(-50%) translateY(100%) scale(1, 1);
}

/* =========================
Foreground content
========================= */
.c-posts__inner {
  position: relative;
  z-index: 1;
}

.c-posts__header {
  margin-bottom: 24px;
}

.c-posts__title {
  margin: 0;
}

/* =========================
Grid (mobile)
========================= */
.c-posts__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
  margin-bottom: 1.5em;
}

.c-posts__grid--count-1 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-template-columns: minmax(0, 400px);
}

.c-posts__grid--count-2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-template-columns: repeat(2, minmax(0, 400px));
}

/* No upcoming events message (posts-grid Events loop): full-width bar, gradient hidden via no .c-posts__bg */
.c-posts--no-events {
  padding-top: 0;
}

.c-posts--no-events .c-posts__no-events {
  width: 100vw;
  max-width: 100vw;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #DFEBA4;
  text-align: center;
  margin-left: -webkit-calc(-50vw + 50%);
  margin-left: calc(-50vw + 50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-posts__no-events-inner {
  max-width: 100%;
  padding: 1rem;
}

.c-posts__no-events-title {
  margin: 0;
}

/* People list block – person bio layout */
.c-peopleList {
  margin: 2em 0;
}

.c-peopleList__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5em;
}

.c-peopleList__item {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.c-peopleList__empty {
  margin: 0;
  font-style: italic;
}

/* =========================
Card
========================= */
.c-postCard {
  border-radius: 1em;
  overflow: hidden;
  background: rgba(33, 65, 45, 0.55);
  backdrop-filter: blur(4px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  height: 100%;
}

/* Full-card link (e.g. events) */
.c-postCard:has(> .c-postCard__link) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-postCard__link {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* Blog post: image + title (+ CTA) → post; author & chips → archives */
.c-postCard--split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.c-postCard__mediaLink {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
}

.c-postCard__media {
  position: relative;
  aspect-ratio: 4/3;
  background: rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.c-postCard__media img {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.c-postCard__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.c-postCard__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 16px;
}

.c-postCard__meta {
  margin-bottom: 6px;
  margin-top: 0;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.9);
}

.c-postCard__title {
  line-height: 1.2;
  margin: 0 0 10px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.c-postCard__titleLink {
  color: inherit;
  text-decoration: none;
}
.c-postCard__titleLink:hover, .c-postCard__titleLink:focus-visible {
  opacity: 0.92;
}

.c-postCard__authorLink {
  color: inherit;
  text-decoration: none;
}
.c-postCard__authorLink:hover, .c-postCard__authorLink:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.c-postCard__chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.c-chip,
a.c-chip {
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1.3;
}
.c-chip:hover, .c-chip:focus-visible,
a.c-chip:hover,
a.c-chip:focus-visible {
  background: rgba(255, 255, 255, 0.14);
}

.c-postCard__cta {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 12px;
  margin-top: auto;
  text-decoration: none;
  border-radius: 0.75em;
  background-color: #C9DD67;
  font-size: 1.1em;
  color: #505829;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
}

.c-posts__footer {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* =========================
   SPONSORSHIPS BLOCK
========================= */
.c-sponsorships__inner {
  position: relative;
  z-index: 1;
}

.c-sponsorships__header {
  text-align: center;
  margin-bottom: clamp(32px, 4vw, 48px);
  margin-top: clamp(32px, 4vw, 48px);
}

.c-sponsorships__title {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.c-sponsorships__tiers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(24px, 3vw, 40px);
}

.c-sponsorships__tier {
  border-radius: 1em;
  background: var(--tier-bg, #F9FBF3);
  padding: clamp(24px, 3vw, 40px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.c-sponsorships__tier--hidden {
  display: none !important;
}

.c-sponsorships__tier--no-bg {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-sponsorships__tier-title {
  margin: 0 0 1.25em;
  text-align: center;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #A1B152;
  font-weight: 700;
}

.c-sponsorships__grid {
  --sponsors-gap: clamp(20px, 2.5vw, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--sponsors-gap);
}

.c-sponsorships__sponsor {
  /* Width so each item is 1/n of row (minus gaps); incomplete rows center via justify-content on grid */
  width: -webkit-calc((100% - (var(--sponsors-cols, 4) - 1) * var(--sponsors-gap, 24px)) / var(--sponsors-cols, 4));
  width: calc((100% - (var(--sponsors-cols, 4) - 1) * var(--sponsors-gap, 24px)) / var(--sponsors-cols, 4));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.c-sponsorships__sponsor-link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.c-sponsorships__sponsor-block {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 1em;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  position: relative;
}

.c-sponsorships__logo-wrap {
  position: absolute;
  inset: 0;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px;
  padding-bottom: 44px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* No link or no "Visit Site" text: remove bottom band space so logo fills the card (class for broad support; :has() not required) */
.c-sponsorships__sponsor-block--no-visit .c-sponsorships__logo-wrap {
  padding-bottom: 12px;
}

.c-sponsorships__sponsor-block--no-visit .c-sponsorships__visit--placeholder {
  height: 0;
  overflow: hidden;
  padding: 0;
  min-height: 0;
}

img.c-sponsorships__logo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  margin-bottom: 0;
}

/* Cap logo height by column count */
.c-sponsorships__tier--cols-4 .c-sponsorships__logo,
.c-sponsorships__tier--cols-5 .c-sponsorships__logo {
  max-height: 200px;
}

.c-sponsorships__tier--cols-6 .c-sponsorships__logo {
  max-height: 100px;
}

.c-sponsorships__visit {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #79853E;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}

.c-sponsorships__visit--placeholder {
  background: #fff;
}

@media (max-width: 47.99em) {
  .c-sponsorships__sponsor {
    width: -webkit-calc((100% - var(--sponsors-gap, 24px)) / 2);
    width: calc((100% - var(--sponsors-gap, 24px)) / 2);
  }
}
/***************
INSTAGRAM FEED
*********************/
#sb_instagram {
  background-color: #A1B152;
  border-radius: 0.75em;
  padding: 0.25em 1em !important;
}

#sb_instagram .sbi_item .sbi_photo img {
  border-color: #87A564;
  border: 2px solid;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #698f3d;
  /* on hover */
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: rgb(81.375, 110.825, 47.275);
}
a, a:visited {
  /* on click */
}
a, a:visited {
  /* mobile tap color */
}
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 3.5em;
  line-height: 0.9em;
  color: #C9DD67;
}
h1.light, .h1.light {
  color: #DFEBA4;
}

h2, .h2 {
  font-size: 2.48em;
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 0.375em;
  color: #A1B152;
}
h2.light, .h2.light {
  color: #DFEBA4;
}

h3, .h3 {
  font-size: 2em;
  line-height: 1.1;
  color: #79853E;
  margin-top: 0;
  margin-bottom: 0.375em;
}
h3.light, .h3.light {
  color: #DFEBA4;
}

h4, .h4 {
  font-size: 1.5em;
  color: #79853E;
  margin-top: 0;
  margin-bottom: 0.375em;
}
h4.light, .h4.light {
  color: #DFEBA4;
}

h5, .h5 {
  font-size: 1.2em;
  line-height: 1.6em;
  text-transform: normal;
  color: #505829;
  margin-top: 0;
  margin-bottom: 0.375em;
}
h5.light, .h5.light {
  color: #EFF5D1;
}

/*********************
HEADER STYLES
*********************/
.header {
  background-color: rgba(249, 251, 243, 0.95);
  -webkit-box-shadow: 0px 13px 21px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 13px 21px -10px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 99;
}
.header.header--hero-transparent {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* Logo uses secondary logo image as-is; only nav links forced light for contrast on hero */
}
.header.header--hero-transparent .nav.top-nav a {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#logo {
  height: 60px;
  width: auto;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#logo img {
  height: 100%;
}
#logo a {
  color: #fff;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.

*/
.header-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.header-nav__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#menu-login-and-forms {
  margin-top: 1em;
  margin-left: auto;
  margin-bottom: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#menu-login-and-forms.show {
  width: 100%;
}
#menu-login-and-forms.show.nav li, #menu-login-and-forms.show.nav li a {
  width: 100%;
}
#menu-login-and-forms.nav li {
  border: 0;
}
.header-logo {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.header-widget-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.75em;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-left: 0;
}
.header-widget-area .widget {
  margin-bottom: 0;
}

#mobile-nav {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  color: #EFF1E5;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#mobile-nav.show {
  margin-top: 0;
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mobile-nav.show .fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  padding-right: 0.5em;
}

#inner-header:has(#mobile-nav.show) .header-widget-area {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
#inner-header:has(#mobile-nav.show) .header-nav {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
#inner-header:has(#mobile-nav.show) #mobile-nav {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nav {
  border-bottom: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  display: none;
  height: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.nav.show {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
.nav li {
  border-bottom: 1px solid white;
  text-align: center;
}
.nav li a {
  display: block;
  color: #505829;
  text-decoration: none;
  padding: 0.75em;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 1.1em;
  text-transform: uppercase;
}
.nav li a:hover, .nav li a:focus {
  color: #A1B152;
  -webkit-transition: 600ms;
  transition: 600ms;
}
.nav li a:active {
  color: #505829;
}
.nav li {
  /*
  so you really have to rethink your dropdowns for mobile.
  you don't want to have it expand too much because the
  screen is so small. How you manage your menu should
  depend on the project. Here's some great info on it:
  http://www.alistapart.com/articles/organizing-mobile/
  */
}
.nav li ul.sub-menu,
.nav li ul.children {
  background-color: #F0F4EC;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}
.nav li ul.sub-menu li ul.sub-menu,
.nav li ul.sub-menu li ul.children,
.nav li ul.children li ul.sub-menu,
.nav li ul.children li ul.children {
  background-color: rgb(227.25, 234.65, 219.85);
}
.nav {
  /* end .menu li */
  /* highlight current page */
}
.nav li.current-menu-item a,
.nav li.current_page_item a,
.nav li.current_page_ancestor a {
  color: #87A564;
}
.nav {
  /* end current highlighters */
} /* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
.hero__container {
  position: relative;
}
.hero__container h1 {
  position: relative;
}
.hero__container--landing .hero__content-curve--up {
  display: inline;
  position: relative;
  z-index: 99;
}
.hero__container--landing .hero__content-curve--up svg {
  margin-top: -90px;
  margin-bottom: 10px;
}
.hero__container--landing h1.hero__title--landing {
  font-size: -webkit-calc(2.5rem + var(--hero-headline-size-adjust, 0rem));
  font-size: calc(2.5rem + var(--hero-headline-size-adjust, 0rem));
  margin-top: 0;
  margin-bottom: 0;
  color: #F4F5ED;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1.05;
  text-shadow: 0 0 20px rgba(21, 29, 12, 0.35);
}
.hero__container--landing h1.hero__title--landing span {
  display: block;
  color: #EFF1E5;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  font-size: 0.4em;
  line-height: 1.1;
}
.hero__container--landing h3 {
  margin-top: 0;
  font-size: 1.5em;
}
.hero__container--landing h3 ul {
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  margin: 0;
}
.hero__container--landing h3 ul li {
  display: inline-block;
  color: #698f3d;
  font-weight: 800;
}
.hero__container--landing h3 ul li:nth-child(1):after, .hero__container--landing h3 ul li:nth-child(2):after {
  content: " • ";
  color: #EFF5D1;
}
.hero__container--landing .hero__content {
  height: 50vh;
}
.hero__container--landing .hero__content--text {
  font-size: 1rem;
}
.hero__container--inner {
  position: relative;
  max-width: 1440px;
  margin: auto;
}
.hero__container p {
  color: #F4F5ED;
}
.hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero__content--image {
  background-size: cover;
  background-position: right top;
  padding: 0;
}
.hero__content--text {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 7%;
  padding-right: 5%;
}
.hero__overlay--full-width {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
.hero__overlay-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hero__overlay-svg .curve--back, .hero__overlay-svg .curve--middle {
  display: none;
}
.hero__overlay--initiative {
  background: -webkit-gradient(linear, right top, left bottom, from(rgba(35, 140, 85, 0.7)), color-stop(55%, rgba(60, 170, 110, 0.7)), to(rgba(245, 176, 73, 0.9)));
  background: -webkit-linear-gradient(top right, rgba(35, 140, 85, 0.7) 0%, rgba(60, 170, 110, 0.7) 55%, rgba(245, 176, 73, 0.9) 100%);
  background: linear-gradient(to bottom left, rgba(35, 140, 85, 0.7) 0%, rgba(60, 170, 110, 0.7) 55%, rgba(245, 176, 73, 0.9) 100%);
}
.hero__overlay--medium {
  background: -webkit-gradient(linear, right top, left bottom, from(rgba(35, 140, 85, 0.7)), color-stop(55%, rgba(60, 170, 110, 0.7)), to(rgba(245, 176, 73, 0.9)));
  background: -webkit-linear-gradient(top right, rgba(35, 140, 85, 0.7) 0%, rgba(60, 170, 110, 0.7) 55%, rgba(245, 176, 73, 0.9) 100%);
  background: linear-gradient(to bottom left, rgba(35, 140, 85, 0.7) 0%, rgba(60, 170, 110, 0.7) 55%, rgba(245, 176, 73, 0.9) 100%);
}
.hero__wave--initiative {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 120px;
  z-index: 2;
  pointer-events: none;
  line-height: 0;
}
.hero__wave-svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero__content--text {
  z-index: 2;
}
.hero__container--initiative .hero__container--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 70vh;
  margin-bottom: -120px;
}
.hero__container--medium .hero__container--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 65vh;
  margin-bottom: -120px;
}
.hero__container--small .hero__container--inner {
  min-height: 35vh;
  margin-bottom: -60px;
}
.hero__container--small .hero__content--bg {
  min-height: 255px;
}
.hero__content--bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero__content--initiative {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  padding: 2rem 7%;
}
.hero__content--medium {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  padding: 2rem 7%;
}
.hero__content--small {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  padding: 2rem 7%;
  margin-bottom: 3vh;
  min-height: 255px;
}
.hero__headline--initiative {
  max-width: 100%;
  text-align: center;
}
.hero__headline--medium {
  max-width: 100%;
  text-align: center;
  margin-top: 10vh;
}
.hero__headline--small {
  max-width: 100%;
  text-align: center;
}
.hero__logo {
  height: auto;
  display: block;
  margin-inline: auto;
}
.hero__logo--large {
  max-width: 90%;
}
.hero__logo--medium {
  max-width: 75%;
}
.hero__logo--small {
  max-width: 60%;
}
.hero {
  /* Brand logo mark above Initiative text headline */
}
.hero__logo-mark {
  display: block;
  height: auto;
  max-width: 120px;
  margin: 0 auto 1em;
}
.hero__title--initiative {
  color: #F4F5ED;
  margin: 0;
  font-size: -webkit-calc(2.5rem + var(--hero-headline-size-adjust, 0rem));
  font-size: calc(2.5rem + var(--hero-headline-size-adjust, 0rem));
  text-shadow: 0 0 20px rgba(21, 29, 12, 0.7);
}
.hero__title--medium {
  color: #F4F5ED;
  margin: 0;
  font-size: -webkit-calc(2.5rem + var(--hero-headline-size-adjust, 0rem));
  font-size: calc(2.5rem + var(--hero-headline-size-adjust, 0rem));
  text-shadow: 0 0 20px rgba(21, 29, 12, 0.7);
}
.hero__title--initiative.dark {
  color: #151D0C;
  text-shadow: none;
}
.hero__title--medium.dark {
  color: #151D0C;
  text-shadow: none;
}
.hero__title--small {
  color: #F4F5ED;
  margin: 0;
  font-size: -webkit-calc(2.5rem + var(--hero-headline-size-adjust, 0rem));
  font-size: calc(2.5rem + var(--hero-headline-size-adjust, 0rem));
  text-shadow: 0 0 20px rgba(21, 29, 12, 0.7);
}
.hero__title--small.dark {
  color: #151D0C;
  text-shadow: none;
}
.hero {
  /* Hero headline size (ACF Small / Default / Large) */
}
.hero__title--size-small {
  --hero-headline-size-adjust: -0.75rem;
}
.hero__title--size-large {
  --hero-headline-size-adjust: 0.75rem;
}
.hero .hero__wave-svg .hero__wave-fill {
  fill: var(--body-bg, #F9FBF3);
}
.hero__container--landing .hero__overlay-svg .hero__wave-fill {
  fill: var(--body-bg, #F9FBF3);
}
.hero__lower-content {
  position: relative;
  z-index: 2;
  width: 96%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  color: #F4F5ED;
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(21, 29, 12, 0.7);
}
.hero__lower-content p:last-child {
  margin-bottom: 0;
}
.hero__post--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hero__post--text h1 {
  font-size: 3.5em;
}
.hero__featured-post {
  position: absolute;
  display: none;
}

/* Hero wave fill: match body background (selector targets hero__container since partial has no .hero wrapper) */
.hero__container .hero__wave-svg .hero__wave-fill {
  fill: var(--body-bg, #F9FBF3);
}

/* Initiative hero: ensure background image displays when no .hero wrapper (partial outputs container only) */
.hero__container--initiative .hero__content--bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Hero Medium: ensure background image displays when no .hero wrapper */
.hero__container--medium .hero__content--bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Single post hero: all rules namespaced under .hero__container--single */
.hero__container--single {
  position: relative;
  width: 100vw;
  margin-left: -webkit-calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-right: -webkit-calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 70vh;
  overflow: hidden;
}
.hero__container--single .hero__container--single-inner {
  position: relative;
  width: 100%;
  min-height: inherit;
}
.hero__container--single .hero__content--single-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero__container--single .hero__overlay--single {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(189, 149, 31, 0.72)), color-stop(45%, rgba(161, 177, 82, 0.78)), to(rgba(63, 86, 37, 0.85)));
  background: -webkit-linear-gradient(left, rgba(189, 149, 31, 0.72) 0%, rgba(161, 177, 82, 0.78) 45%, rgba(63, 86, 37, 0.85) 100%);
  background: linear-gradient(to right, rgba(189, 149, 31, 0.72) 0%, rgba(161, 177, 82, 0.78) 45%, rgba(63, 86, 37, 0.85) 100%);
  pointer-events: none;
}
.hero__container--single .hero__wave--single {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 140px;
  pointer-events: none;
  z-index: 2;
}
.hero__container--single .hero__wave-svg--single {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.hero__container--single .hero__wave-fill--single {
  fill: var(--body-bg, #F9FBF3);
}
.hero__container--single .hero__content--single {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 70vh;
  width: 96%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 170px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hero__container--single .hero__headline--single {
  max-width: 940px;
  margin: 0;
}
.hero__container--single .hero__title--single {
  color: #F4F5ED;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 0.5rem;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(21, 29, 12, 0.5);
}
.hero__container--single .hero__meta--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 1rem;
  color: #F4F5ED;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 0.75rem;
  text-shadow: 0 0 10px rgba(21, 29, 12, 0.5);
}
.hero__container--single .hero__meta--single a {
  color: #F4F5ED;
  text-decoration: none;
  font-weight: 700;
}
.hero__container--single .hero__meta-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
}
.hero__container--single .hero__meta-icon {
  color: #F4F5ED;
  font-size: 1.1em;
  line-height: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hero__container--single .hero__meta-gap {
  display: inline-block;
  width: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hero__container--single .hero__chips--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
}
.hero__container--single .hero__chip--single {
  display: inline-block;
  padding: 0.35em 0.85em;
  border: 2px solid #F4F5ED;
  border-radius: 999px;
  color: #F4F5ED;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
}
.hero__container--single.hero__container--single-no-image {
  min-height: 60vh;
}
.hero__container--single.hero__container--single-no-image .hero__content--single {
  min-height: 40vh;
}

@media only screen and (min-width: 75em) {
  .hero__container--single .hero__content--single {
    max-width: 1040px;
  }
}
@media only screen and (min-width: 1240px) {
  .hero__container--single .hero__content--single {
    max-width: 1240px;
  }
}
#inner-content {
  position: relative;
  z-index: 3;
}

.gallery-item {
  padding: 1em;
  margin-bottom: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.gallery-item .article__header {
  padding: 0 1em;
}
.gallery-item .article__header .entry-title {
  line-height: 1;
  margin-bottom: 1em;
  font-size: 1.5em;
}
.gallery-item .article__header .entry-title::after {
  content: "";
  display: none;
}
.gallery-item .article__header .entry-title a {
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-weight: 700;
  color: #A1B152;
  font-size: 0.9em;
}
.gallery-item .article__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 16px;
}
.gallery-item .c-button-group__button {
  padding: 1em;
  margin-top: auto;
}

.hero--image img {
  border-radius: 16px;
  border: 1px solid #698f3d;
  -webkit-box-shadow: 0px 13px 21px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 13px 21px -10px rgba(0, 0, 0, 0.3);
}

.post-category {
  margin: 0;
}
.post-category a {
  text-decoration: none;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
}

/* People List block – Person bio layout */
.c-peopleList {
  margin: 2em 0;
}

.c-peopleList__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5em;
}

.c-personCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5em;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #F9FBF3;
  border-radius: 1em;
  padding: 1.5em;
  color: #151D0C;
}

.c-personCard__media {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
}

.c-personCard__photo {
  position: relative;
  overflow: hidden;
  border-radius: 1em;
  aspect-ratio: 1/1;
}
.c-personCard__photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-personCard__wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  pointer-events: none;
}
.c-personCard__wave img {
  display: block;
  width: 120%;
  max-width: none;
  margin-left: -10%;
}

.c-personCard__social {
  margin-top: 1.25em;
  text-align: center;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #3F5625;
}

.c-personCard__socialLabel {
  display: block;
  margin-bottom: 0.75em;
}

.c-personCard__socialList {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-personCard__socialLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background-color: #F9FBF3;
  color: #ECBA27;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
}
.c-personCard__socialLink i {
  font-size: 1rem;
}
.c-personCard__socialLink:hover, .c-personCard__socialLink:focus-visible {
  background-color: #ECBA27;
  color: #F9FBF3;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

.c-personCard__content {
  max-width: 720px;
  margin: 0 auto;
}

.c-personCard__name {
  color: #79853E;
  margin: 0 0 0.75em;
}

.c-personCard__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.75em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #3F5625;
}

.c-personCard__metaItem {
  position: relative;
  padding-right: 1em;
}
.c-personCard__metaItem::after {
  content: "•";
  position: absolute;
  right: 0;
  color: #698f3d;
}
.c-personCard__metaItem:last-child::after {
  content: "";
}

.c-personCard__email {
  color: #ECBA27;
}

.c-personCard__bio {
  font-size: 1rem;
  line-height: 1.7;
  color: #151D0C;
}
.c-personCard__bio p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .c-personCard {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 2em;
  }
  .c-personCard__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    margin: 0;
  }
  .c-personCard__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/* People List block — bio cards */
.c-peopleList {
  margin: 2em 0;
}

.c-peopleList__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5em;
}

.c-peopleList__item {
  margin: 0;
}

.c-peopleCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5em;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #EFF1E5;
  border-radius: 1em;
  padding: 1.5em;
  color: #151D0C;
}

.c-peopleCard__media {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
}

.c-peopleCard__photo {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.c-peopleCard__photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-peopleCard__wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10%;
  pointer-events: none;
  color: #EFF1E5;
}
.c-peopleCard__wave svg {
  display: block;
  width: 120%;
  max-width: none;
  margin-left: -10%;
}

.c-peopleCard__social {
  margin-top: 1.25em;
  text-align: center;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #3F5625;
}

.c-peopleCard__socialLabel {
  display: block;
  margin-bottom: 0.75em;
}

.c-peopleCard__socialList {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-peopleCard__socialLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background-color: #F9FBF3;
  color: #3F5625;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
}
.c-peopleCard__socialLink i {
  font-size: 1rem;
}
.c-peopleCard__socialLink:hover, .c-peopleCard__socialLink:focus-visible {
  background-color: #698f3d;
  color: #EFF1E5;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

.c-peopleCard__content {
  max-width: 720px;
  margin: 0 auto;
}

.c-peopleCard__name {
  color: #79853E;
  margin-bottom: 0;
}

.c-peopleCard__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.75em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #3F5625;
}

.c-peopleCard__metaItem {
  position: relative;
  padding-right: 1em;
}
.c-peopleCard__metaItem::after {
  content: "•";
  position: absolute;
  right: 0;
  color: #698f3d;
}
.c-peopleCard__metaItem:last-child::after {
  content: "";
}
.c-peopleCard__metaItem a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.c-peopleCard__metaItem a:hover, .c-peopleCard__metaItem a:focus-visible {
  border-color: currentColor;
}

.c-peopleCard__bio {
  font-size: 1rem;
  line-height: 1.7;
  color: #151D0C;
}
.c-peopleCard__bio p:last-child {
  margin-bottom: 0;
}

a.c-peopleCard__email {
  color: #ECBA27;
}

/*********************
BLOG INDEX — STORIES (posts index template)
*********************/
body.tectn-stories-index .header {
  -webkit-box-shadow: none;
  box-shadow: none;
}

body.tectn-stories-index .hero__container--blog .hero__container--inner {
  position: relative;
  min-height: clamp(160px, 26vw, 300px);
}

.c-storiesPage {
  padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(1.75rem, 4vw, 3rem);
  margin-top: clamp(0.75rem, 2vw, 1.5rem);
  margin-bottom: 0;
}

.c-storiesFeatured {
  margin-bottom: clamp(1.75rem, 4vw, 3rem);
  overflow: visible;
  position: relative;
  z-index: 1;
}

.c-storiesFeatured__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 1.5rem;
}

.c-storiesFeatured__content {
  padding-bottom: 0;
  max-width: none;
}

.c-storiesFeatured__title {
  margin: 0 0 1rem;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: clamp(1.85rem, 4.2vw, 3.1rem);
  font-weight: 700;
  line-height: 1.08;
  text-transform: uppercase;
  letter-spacing: 0.035em;
  color: #547231;
}

.c-storiesFeatured__titleLink {
  color: inherit;
  text-decoration: none;
}
.c-storiesFeatured__titleLink:hover, .c-storiesFeatured__titleLink:focus-visible {
  opacity: 0.88;
}

.c-storiesFeatured__mediaLink {
  display: block;
  text-decoration: none;
  color: inherit;
}
.c-storiesFeatured__mediaLink .c-storiesFeatured__img {
  display: block;
}

.c-storiesFeatured__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.35rem 0.75rem;
  margin: 0 0 1rem;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #87A564;
}

.c-storiesFeatured__meta-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
}

.c-storiesFeatured__meta-icon {
  color: #87A564;
  font-size: 1rem;
  opacity: 0.95;
}

.c-storiesFeatured__meta-gap {
  display: inline-block;
  width: 1px;
  height: 1em;
  background: rgba(135, 165, 100, 0.35);
  margin: 0 0.1rem;
}

.c-storiesFeatured__authorLink {
  color: #87A564;
  text-decoration: none;
  font-weight: 600;
}
.c-storiesFeatured__authorLink:hover, .c-storiesFeatured__authorLink:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.c-storiesFeatured__chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 1.125rem;
}

.c-storiesFeatured__chips .c-chip {
  border: 1px solid #87A564;
  background: transparent;
  color: #547231;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1.3;
}
.c-storiesFeatured__chips .c-chip:hover, .c-storiesFeatured__chips .c-chip:focus-visible {
  background: rgba(135, 165, 100, 0.08);
}

.c-storiesFeatured__excerpt {
  margin: 0 0 1.35rem;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  color: #404346;
  font-size: 1rem;
  line-height: 1.6;
  max-width: 40em;
}

.c-storiesFeatured__cta {
  display: inline-block;
  text-align: center;
  padding: 12px 28px;
  border-radius: 10px;
  background-color: #F0C852;
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.c-storiesFeatured__cta:hover, .c-storiesFeatured__cta:focus-visible {
  background-color: rgb(236.7446808511, 188.0638297872, 44.4553191489);
  color: #fff;
}
.c-storiesFeatured__cta:focus-visible {
  outline: 2px solid #547231;
  outline-offset: 3px;
}

.c-storiesFeatured__figure {
  position: relative;
  overflow: visible;
  padding: 12px 14px 16px 10px;
}

.c-storiesFeatured__media {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  max-width: 100%;
  overflow: visible;
}
.c-storiesFeatured__media::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -8px;
  right: -16px;
  bottom: -16px;
  left: 18%;
  background: #3F5625;
  border-radius: 1em;
}

.c-storiesFeatured__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1em;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 4/3;
  -webkit-box-shadow: 0 12px 40px rgba(21, 29, 12, 0.15);
  box-shadow: 0 12px 40px rgba(21, 29, 12, 0.15);
}

.c-storiesFeatured--no-image .c-storiesFeatured__content {
  max-width: 42rem;
}

.c-storiesDivider {
  display: block;
  margin: 0 0 1.5rem;
}

.c-storiesDivider__label {
  display: block;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #547231;
  margin-bottom: 0.5rem;
}

.c-storiesDivider__line {
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(84, 114, 49, 0.45);
  border: 0;
}

.c-storiesIndexLayout--with-sidebar {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.c-storiesIndex {
  padding-bottom: clamp(20px, 3vw, 40px);
}
.c-storiesIndex .c-posts__grid {
  margin-top: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  row-gap: 2em;
}
.c-storiesIndex .c-postCard {
  height: auto;
  background: transparent;
  backdrop-filter: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  border: none;
}
.c-storiesIndex .c-postCard__link {
  height: auto;
  min-height: 0;
}
.c-storiesIndex .c-postCard__mediaLink {
  text-decoration: none;
  color: inherit;
}
.c-storiesIndex .c-postCard__titleLink {
  color: inherit;
  text-decoration: none;
}
.c-storiesIndex .c-postCard__titleLink:hover, .c-storiesIndex .c-postCard__titleLink:focus-visible {
  opacity: 0.88;
}
.c-storiesIndex .c-postCard__authorLink {
  color: inherit;
  text-decoration: none;
}
.c-storiesIndex .c-postCard__authorLink:hover, .c-storiesIndex .c-postCard__authorLink:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.c-storiesIndex .c-postCard__media {
  overflow: hidden;
  border-radius: 0.75em;
  margin-bottom: 12px;
}
.c-storiesIndex .c-postCard__media img,
.c-storiesIndex .c-postCard__img {
  border-radius: 0.75em !important;
}
.c-storiesIndex .c-postCard__body {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding: 0 2px 8px;
  background: transparent;
}
.c-storiesIndex .c-postCard__title {
  font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  color: #547231;
  font-weight: 700;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.c-storiesIndex .c-postCard__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.65rem;
  -moz-column-gap: 0.65rem;
  column-gap: 0.65rem;
  row-gap: 0.25rem;
  margin: 0 0 10px;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.055em;
  color: #87A564;
  opacity: 1;
}
.c-storiesIndex .c-postCard__meta-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.3rem;
}
.c-storiesIndex .c-postCard__meta-icon {
  color: #87A564;
  font-size: 0.72rem;
  opacity: 0.92;
}
.c-storiesIndex .c-postCard__chips {
  gap: 8px;
  margin: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.c-storiesIndex .c-chip,
.c-storiesIndex a.c-chip {
  border: 1px solid #87A564;
  background: transparent;
  color: #547231;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 0.625rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 10px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1.3;
}
.c-storiesIndex .c-chip:hover, .c-storiesIndex .c-chip:focus-visible,
.c-storiesIndex a.c-chip:hover,
.c-storiesIndex a.c-chip:focus-visible {
  background: rgba(135, 165, 100, 0.08);
}

.c-storiesIndex__empty {
  margin: 1rem 0 2rem;
  color: #87A564;
}

@media (min-width: 768px) {
  .c-peopleCard {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 2em;
  }
  .c-peopleCard__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    margin: 0;
  }
  .c-peopleCard__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/*********************
Information table block (ACF tectn/info-table) — .c-infoTable
*********************/
.c-infoTable {
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  margin-bottom: 1em;
}
.c-infoTable--visible-cols-1 .c-infoTable__table {
  min-width: 16rem;
}
.c-infoTable--visible-cols-2 .c-infoTable__table {
  min-width: 28rem;
}
.c-infoTable--visible-cols-3 .c-infoTable__table {
  min-width: 34rem;
}
.c-infoTable--visible-cols-4 .c-infoTable__table {
  min-width: 40rem;
}
.c-infoTable--preview {
  padding: 1em;
  background: #F5F6F7;
  border: 1px solid #C6CACF;
  border-radius: 0.5em;
}
.c-infoTable--preview .c-infoTable__preview-note {
  margin: 0;
  color: #606469;
}
.c-infoTable__th {
  /* Fixed table layout reads column width from first row; width + max-width caps col 1. */
}
.c-infoTable__th--col1, .c-infoTable__th--col4 {
  width: 200px;
  max-width: 200px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.c-infoTable__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: 0px 13px 21px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 13px 21px -10px rgba(0, 0, 0, 0.3);
  border-radius: 0.5em;
  margin-bottom: 1.5em;
}

.c-infoTable__table {
  width: 100%;
  min-width: 40rem; /* overridden by .c-infoTable--visible-cols-* */
  table-layout: fixed; /* so first-column width applies to the whole column */
  border-collapse: collapse;
  font-family: "Glacial Indifference", "Helvetica Neue", sans-serif;
  background: #fff;
  border: 1px solid #BDC1C7;
}

table.c-infoTable__table {
  margin-bottom: 0;
}

.c-infoTable__head th {
  color: #F5F6F7;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
  padding: 0.75em 1em;
  border-right: 1px solid #606469;
}
.c-infoTable__head th:last-child {
  border-right: none;
}

.c-infoTable__row {
  border-top: 1px solid #BDC1C7;
}
.c-infoTable__row:nth-child(even) {
  background: #F5F6F7;
}

.c-infoTable__item {
  text-align: left;
  vertical-align: top;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.75em 1em;
  background: #F5F6F7;
  border-right: 1px solid #C6CACF;
  max-width: 150px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.c-infoTable__row:nth-child(even) .c-infoTable__item {
  background: rgb(239.3333333333, 240.9, 242.4666666667);
}

.c-infoTable__row:nth-child(odd) .c-infoTable__item {
  background: rgb(242.1666666667, 243.45, 244.7333333333);
}

.c-infoTable__cell {
  vertical-align: top;
  padding: 0.75em 1em;
  border-right: 1px solid #C6CACF;
}
.c-infoTable__cell:last-child {
  border-right: none;
}
.c-infoTable__cell p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.c-infoTable__cell p:last-child {
  margin-bottom: 0;
}
.c-infoTable__cell ul {
  list-style-type: disc;
  margin: 0 0 0.5em 0;
  padding-left: 1.25em;
}
.c-infoTable__cell ul li {
  margin-bottom: 0.25em;
}

/**
 * Single post hero: visual styles live in _base.scss (title size, chips, content padding, wave).
 * This file only adds: header transparent over hero, and related-posts section styles.
 */
/* Header when single hero is shown (transparent, no shadow, light nav) */
.header.header--hero-transparent {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #F4F5ED;
}
.header.header--hero-transparent .nav a,
.header.header--hero-transparent .header-nav a {
  color: #F4F5ED;
}
.header.header--hero-transparent #mobile-nav {
  color: #F4F5ED;
}

/* Related posts section: heading is above bg in DOM — keep it on top and centered */
.c-posts--related {
  position: relative;
}

.c-posts--related .c-posts__heading--related {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto 1.5rem;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
  text-align: center !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #EFF5D1;
}

/* Related posts: background fills full section height (no gap at bottom) */
.c-posts--related .c-posts__bg {
  height: 100%;
  min-height: 100%;
  max-height: none;
}

/* Related posts: no bottom wave — background sits flat against footer */
.c-posts--related .c-posts__bg .c-posts__wave--bottom {
  display: none !important;
}

/* When no background image is set in Post Settings: solid $primary-500 behind gradient overlay */
.c-posts--related .c-posts__bgSolid--related {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #C9DD67;
  pointer-events: none;
}

/*********************
LARGER MOBILE DEVICES
*********************/
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
@media only screen and (min-width: 48em) {
  .c-card-block__grid--count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.5rem;
  }
  .c-card-block__grid--count-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .c-card-block__grid--count-3 .c-card-block__card:nth-child(3) {
    grid-column: 1/-1;
    justify-self: center;
    max-width: 420px;
  }
  .c-card-block__grid--count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .c-card-block__grid--count-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .c-card-block__grid--count-5 .c-card-block__card:nth-child(5) {
    grid-column: 1/-1;
    justify-self: center;
    max-width: 420px;
  }
  .c-card-block__card-media {
    max-width: 200px;
  }
  /* Slider: two columns (left: headline + body + list, right: image) */
  .c-slider--table_of_contents .c-slider__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .c-slider--table_of_contents .c-slider__col-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .c-slider--table_of_contents .c-slider__headline {
    text-align: left;
  }
  .c-slider--table_of_contents .c-slider__list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
    column-gap: unset;
    gap: 0.5rem;
  }
  .c-slider--table_of_contents .c-slider__list-inner > li {
    margin-bottom: 0;
  }
  .c-slider--table_of_contents .c-slider__panel {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
  /* Horizontal slider: show arrows on desktop */
  .c-slider--horizontal .c-slider__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-slider--horizontal .c-slider__panel {
    padding: 0 3.5rem 2.5rem;
  }
  /*********************
  NAVIGATION STYLES
  *********************/
  /*********************
  HERO STYLES
  *********************/
  .hero__container--landing .rectangle {
    display: none;
  }
  .hero__overlay {
    position: absolute;
    inset: 0;
    width: 100vw;
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }
  .hero__overlay--full-width {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
  }
  .hero__overlay-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .hero__overlay-svg .curve--back, .hero__overlay-svg .curve--middle {
    display: inline;
  }
  .hero__content--text {
    z-index: 2;
  }
  .hero__container {
    position: relative;
    top: -76px;
  }
  .hero__container h1 {
    position: relative;
    z-index: 2;
  }
  .hero__container--landing h1.hero__title--landing {
    font-size: -webkit-calc(4.5rem + var(--hero-headline-size-adjust, 0rem));
    font-size: calc(4.5rem + var(--hero-headline-size-adjust, 0rem));
    margin-top: 0;
    margin-bottom: 0;
  }
  .hero__container--landing h1.hero__title--landing span {
    display: block;
    color: #EFF1E5;
    font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    font-size: 0.4em;
    line-height: 1.1;
  }
  .hero__container--landing h3 {
    margin-top: 0;
  }
  .hero__container--landing h3 ul {
    font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
    margin: 0;
  }
  .hero__container--landing h3 ul li {
    display: inline-block;
    color: #698f3d;
    font-weight: 800;
  }
  .hero__container--landing h3 ul li:nth-child(1):after, .hero__container--landing h3 ul li:nth-child(2):after {
    content: " • ";
    color: #EFF5D1;
  }
  .hero__container--landing p {
    font-size: 1.3em;
  }
  .hero__container--inner {
    max-width: 1920px;
    margin: auto;
    position: relative;
    margin-bottom: -120px;
  }
  .hero__container--landing-internal .hero__container--inner {
    margin-bottom: 0;
  }
  .hero__container p {
    color: #F4F5ED;
  }
  .hero__content--image {
    background-size: cover;
    background-position: center;
    padding: 0;
  }
  .hero__content--text {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 7%;
    padding-right: 5%;
  }
  .hero__post--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hero__post--text h1 {
    font-size: 3.5em;
  }
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    text-align: center;
  }
  /* end .entry-content */
  /* At medium widths, allow 2-up where appropriate */
  .c-cardrepeater--count-2 .c-cardrepeater__grid,
  .c-cardrepeater--count-3 .c-cardrepeater__grid,
  .c-cardrepeater--count-4 .c-cardrepeater__grid,
  .c-cardrepeater--count-many .c-cardrepeater__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .c-posts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .c-posts__grid--count-1 {
    grid-template-columns: minmax(0, 400px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-posts__grid--count-2 {
    grid-template-columns: repeat(2, minmax(0, 400px));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-storiesIndex .c-posts__grid {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 48px;
  }
  .c-posts__blob {
    width: 1000px;
    height: 480px;
  }
  /*********************
  FOOTER STYLES
  *********************/
  .footer__curve-inner {
    width: 100%;
  }
  .footer__curve-inner .footer__curve-inner-bg {
    fill: #F9FBF3;
  }
}
/*********************
TABLET & SMALLER LAPTOPS
*********************/
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
@media only screen and (min-width: 64em) {
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 96%;
  }
  /* Move to 3-up for 3 cards and for "many" (5+) */
  .c-cardrepeater--count-3 .c-cardrepeater__grid,
  .c-cardrepeater--count-many .c-cardrepeater__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* 4 cards can still be 2-up here (keeps cards comfortable),
     the full 4-up happens at 75em. */
  .c-cardrepeater--count-4 .c-cardrepeater__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .c-posts__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
  }
  .c-posts__grid--count-1 {
    grid-template-columns: minmax(0, 400px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-posts__grid--count-2 {
    grid-template-columns: repeat(2, minmax(0, 400px));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-storiesFeatured__inner {
    row-gap: 1.75rem;
  }
  .c-storiesIndex .c-posts__grid {
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    row-gap: 56px;
  }
  .c-storiesIndexLayout--with-sidebar.c-storiesIndexLayout--sidebar-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .c-storiesIndex--with-sidebar .c-posts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .c-card-block__grid--count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.5rem;
  }
  .c-card-block__grid--count-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .c-card-block__grid--count-3 .c-card-block__card:nth-child(3) {
    grid-column: 1/-1;
    justify-self: center;
    max-width: 544px;
  }
  .c-card-block__grid--count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .c-card-block__grid--count-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .c-card-block__grid--count-5 .c-card-block__card:nth-child(5) {
    grid-column: 1/-1;
    justify-self: center;
    max-width: 544px;
  }
  .c-posts__blob {
    width: 1200px;
    height: 520px;
  }
  .c-posts__blob--deep {
    left: 18%;
    width: 900px;
    height: 420px;
  }
  /*********************
  HEADER STYLES
  *********************/
  /*********************
  NAVIGATION STYLES
  *********************/
  #mobile-nav {
    display: none;
  }
  .nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0;
  }
  .nav ul {
    background: #F0F4EC;
    margin-top: 0;
  }
  .nav li {
    border-bottom: 0;
  }
  .nav li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 0px solid #ccc;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    border-radius: 0.5em;
  }
  .nav li ul.sub-menu:has(> li:hover > ul), .nav li ul.sub-menu:has(> li:focus-within > ul),
  .nav li ul.children:has(> li:hover > ul),
  .nav li ul.children:has(> li:focus-within > ul) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .nav li ul.sub-menu:has(> li:hover > ul) > li:last-child > a, .nav li ul.sub-menu:has(> li:focus-within > ul) > li:last-child > a,
  .nav li ul.children:has(> li:hover > ul) > li:last-child > a,
  .nav li ul.children:has(> li:focus-within > ul) > li:last-child > a {
    border-bottom-right-radius: 0;
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    position: relative;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
    border-radius: 0 0 0.5em 0.5em;
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
    background-color: #F0F4EC;
  }
  .nav li ul.sub-menu li:hover > ul, .nav li ul.sub-menu li:focus-within > ul,
  .nav li ul.children li:hover > ul,
  .nav li ul.children li:focus-within > ul {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .nav li ul.sub-menu li:hover > ul > li:last-child > a, .nav li ul.sub-menu li:focus-within > ul > li:last-child > a,
  .nav li ul.children li:hover > ul > li:last-child > a,
  .nav li ul.children li:focus-within > ul > li:last-child > a {
    border-bottom-left-radius: 0;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    /* highlight sub-menu current page */
  }
  .nav li {
    /* showing sub-menus */
  }
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
  }
  .nav {
    /* highlight current page */
  }
  .header-nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .header-nav a {
    text-align: left;
    margin-left: 1em;
  }
  .header-nav__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
  }
  #inner-header {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
  }
  .header-logo {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
    justify-self: start;
  }
  .header-nav {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
    justify-self: center;
  }
  #mobile-nav {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }
  .header-widget-area {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
    justify-self: end;
    margin: 0;
  }
  .header-widget-area .widget {
    margin: 0;
  }
  .header-widget-area .widget input[type=search] {
    margin-bottom: 0;
    border-radius: 0.5em;
    border: 0px;
    -webkit-box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.1);
  }
  /* .menu is clearfixed inside mixins.scss */
  .menu ul li {
    text-align: left;
  }
  .menu ul li a:hover, .menu ul li a:focus {
    color: #A1B152;
    -webkit-transition: 600ms;
    transition: 600ms;
  }
  .menu ul li a:active {
    color: #505829;
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .menu ul li ul.sub-menu,
  .menu ul li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    background-color: #F0F4EC;
  }
  .menu ul li ul.sub-menu li,
  .menu ul li ul.children li {
    position: relative;
  }
  .menu ul li ul.sub-menu li a,
  .menu ul li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc;
  }
  .menu ul li ul.sub-menu li:last-child a,
  .menu ul li ul.children li:last-child a {
    border-bottom: 0;
  }
  .menu ul li ul.sub-menu li,
  .menu ul li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  .menu ul li ul.sub-menu li ul,
  .menu ul li ul.children li ul {
    top: 0;
    left: 100%;
    background-color: #F0F4EC;
  }
  .menu ul li ul.sub-menu,
  .menu ul li ul.children {
    /* highlight sub-menu current page */
  }
  .menu ul li {
    /* showing sub-menus */
  }
  .menu ul li:hover > ul {
    top: auto;
    visibility: visible;
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
  }
  .menu ul {
    /* end current highlighters */
  }
  .menu {
    /* end .menu ul */
  } /* end .menu */
  /*********************
  HERO STYLES
  *********************/
  @-webkit-keyframes curveIn {
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes curveIn {
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .hero__overlay-svg .curve {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-animation: curveIn 1200ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation: curveIn 1200ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  .hero__overlay-svg .curve--middle {
    -webkit-animation-delay: 120ms;
    animation-delay: 120ms;
  }
  .hero__overlay-svg .curve--back {
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms;
  }
  .hero__title--landing {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-animation: curveIn 1200ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation: curveIn 1200ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms;
  }
}
@media only screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .hero__overlay-svg .curve,
  .hero__title--landing {
    opacity: 1 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
}
@media only screen and (min-width: 64em) {
  .hero__overlay {
    position: absolute;
    inset: 0;
    width: 77vw;
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }
  .hero__overlay--full-width {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
  }
  .hero__overlay-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .hero__content--text {
    z-index: 2;
  }
  .hero__container {
    position: relative;
    top: -76px;
  }
  .hero__container h1 {
    position: relative;
    z-index: 2;
  }
  .hero__container--landing h1.hero__title--landing {
    font-size: -webkit-calc(4.5rem + var(--hero-headline-size-adjust, 0rem));
    font-size: calc(4.5rem + var(--hero-headline-size-adjust, 0rem));
    margin-top: 0;
    margin-bottom: 0;
  }
  .hero__container--landing h1.hero__title--landing span {
    display: block;
    color: #EFF1E5;
    font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    font-size: 0.4em;
    line-height: 1.1;
  }
  .hero__container--landing h3 {
    margin-top: 0;
  }
  .hero__container--landing h3 ul {
    font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
    margin: 0;
  }
  .hero__container--landing h3 ul li {
    display: inline-block;
    color: #698f3d;
    font-weight: 800;
  }
  .hero__container--landing h3 ul li:nth-child(1):after, .hero__container--landing h3 ul li:nth-child(2):after {
    content: " • ";
    color: #EFF5D1;
  }
  .hero__container--landing p {
    font-size: 1.3em;
  }
  .hero__container--landing .hero__content {
    height: 90vh;
  }
  .hero__container--inner {
    max-width: 1920px;
    margin: auto;
    position: relative;
    margin-bottom: -120px;
  }
  .hero__container--landing-internal .hero__container--inner {
    margin-bottom: 0;
  }
  .hero__container p {
    color: #F4F5ED;
  }
  .hero__content--image {
    background-size: cover;
    background-position: center;
    padding: 0;
  }
  .hero__content--text {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 7%;
    padding-right: 5%;
  }
  .hero__content--small {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-bottom: 3vh;
    min-height: 255px;
  }
  .hero__post--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hero__post--text h1 {
    font-size: 3.5em;
  }
  .hero__title--initiative {
    font-size: -webkit-calc(6.5em + var(--hero-headline-size-adjust, 0rem));
    font-size: calc(6.5em + var(--hero-headline-size-adjust, 0rem));
  }
  .hero__title--medium {
    font-size: -webkit-calc(6.5em + var(--hero-headline-size-adjust, 0rem));
    font-size: calc(6.5em + var(--hero-headline-size-adjust, 0rem));
  }
  .hero__title--small {
    font-size: -webkit-calc(6.5em + var(--hero-headline-size-adjust, 0rem));
    font-size: calc(6.5em + var(--hero-headline-size-adjust, 0rem));
  }
}
@media only screen and (min-width: 64em) {
  /***************
  CONTENT BLOCKS
  *****************/
  .c-content-group {
    margin-bottom: 1em;
  }
  .c-content-group .c-content-group__content {
    padding-right: 2em;
  }
  .c-content-group .c-image-grid {
    display: grid;
    margin: 0;
  }
  .c-content-group .c-image-grid li {
    margin-left: 1.25em;
  }
  .c-content-group .c-image-grid__item {
    margin: 0;
  }
  .c-content-group .c-image-grid__img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0;
  }
  .c-content-group .c-image-grid--one {
    padding-right: 6em;
    padding-left: 0em;
  }
  .c-content-group .c-image-grid--one li {
    margin: 0;
  }
  .c-content-group .c-image-grid--one li img {
    margin: 0;
  }
  .c-content-group {
    /* --- 2 images: 50/50 --- */
  }
  .c-content-group .c-image-grid--two {
    grid-template-columns: 1fr 1fr;
  }
  .c-content-group .c-image-grid--two .c-image-grid__item--1 {
    grid-column: 1;
  }
  .c-content-group .c-image-grid--two .c-image-grid__item--2 {
    grid-column: 2;
  }
  .c-content-group {
    /* --- 3 images: big left, two stacked right --- */
  }
  .c-content-group .c-image-grid--three {
    grid-template-columns: 2fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-template-areas: "big right";
  }
  .c-content-group .c-image-grid--three .c-image-grid__item--1 {
    grid-area: big;
    align-self: start;
  }
  .c-content-group .c-image-grid--three .c-image-grid__item--2, .c-content-group .c-image-grid--three .c-image-grid__item--3 {
    grid-area: right;
    align-self: start;
  }
  .c-content-group .c-image-grid__right {
    margin: 0;
    display: grid;
    -ms-flex-line-pack: start;
    align-content: start;
    gap: 1.25em;
  }
  .c-content-group--middle .c-content-group__content {
    margin-top: auto;
    margin-bottom: auto;
  }
  .c-content-group--bottom .c-content-group__content {
    margin-top: auto;
  }
  .c-content-group--bottom .c-content-group__content > :last-child {
    margin-bottom: 0;
  }
  .c-content-group--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .c-content-group--reverse .c-content-group__content {
    padding-right: 0em;
    padding-left: 2em;
  }
  .c-content-group--reverse .c-content-group__image {
    padding-right: 0em;
    padding-left: 6em;
  }
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    /* margin-top: 2.2em; */
  }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
  }
  .widget ul li {
    /* deep nesting */
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  #inner-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #inner-footer .footer__right {
    text-align: right;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  #inner-footer .footer__right .c-button-group {
    text-align: right;
  }
  #inner-footer .footer__disclaimer.footer__disclaimer--right {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
    max-width: 100%;
  }
  #inner-footer .footer__contact--left {
    text-align: left;
  }
  #inner-footer .footer__contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.75em;
  }
  #inner-footer .footer__contact-info .contact-info__item:nth-child(2)::before {
    content: "•";
    margin-right: 0.75em;
  }
  #inner-footer .footer__contact-info a.contact-info__item {
    color: #EFF5D1;
    text-decoration: none;
  }
  #inner-footer .footer__contact-info a.contact-info__item:hover, #inner-footer .footer__contact-info a.contact-info__item:focus {
    color: #EFF5D1;
    opacity: 0.85;
  }
  .footer__logo {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .footer__logo #tectn_logo {
    margin-top: 0em;
    margin-left: 1em;
  }
  .footer-nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
/*********************
DESKTOP
*********************/
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
@media only screen and (min-width: 75em) {
  .wrap {
    width: 1040px;
  }
  /* 1–4 cards should fit on ONE row at larger widths */
  .c-cardrepeater--count-1 .c-cardrepeater__grid {
    grid-template-columns: 1fr;
  }
  .c-cardrepeater--count-2 .c-cardrepeater__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .c-cardrepeater--count-3 .c-cardrepeater__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .c-cardrepeater--count-4 .c-cardrepeater__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* 5+ should ALWAYS be 3 per row (so 5 => 3 + 2) */
  .c-cardrepeater--count-many .c-cardrepeater__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .c-posts {
    padding: 96px 0;
    padding-bottom: 1.25em;
  }
  .c-posts--no-events {
    padding-top: 0;
  }
  .c-posts__header {
    margin-bottom: 32px;
  }
  .c-postCard__body {
    padding: 18px 18px 20px;
  }
  /********************
  HERO STYLES
  ********************/
  .hero__container--large .hero__content {
    height: 650px;
  }
  .hero__container--large .hero__content--text {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: transparent;
  }
  .hero__container--large .hero__content--text-angle {
    display: inline;
  }
  .hero__container--large .hero__content--text-angle svg {
    width: 650px;
    margin-left: 0;
    height: 104%;
  }
  .hero__featured-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 2em;
    bottom: 80px;
    width: 500px;
    -webkit-box-shadow: -13px 0px 21px -10px rgba(0, 0, 0, 0.3);
    box-shadow: -13px 0px 21px -10px rgba(0, 0, 0, 0.3);
  }
  .hero__featured-post article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hero__featured-post article header {
    border-bottom: 0;
    padding: 0 1.5em;
  }
  .hero__featured-post article .post-category {
    color: #698f3d;
    font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
    margin-bottom: 0.75em;
  }
  .hero__featured-post article .entry-title {
    font-size: 1.3em;
    line-height: 1;
    font-family: "Bebas Neue", "Helvetica Neue", sans-serif;
  }
  .hero__featured-post article .entry-title a {
    text-decoration: none;
    color: #A1B152;
  }
  .hero__featured-post article .hero--image {
    line-height: 0;
  }
}
/*********************
LARGE VIEWING SIZE
*********************/
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here if you like. This kicks in
  on larger screens.

  ******************************************************************/
  .wrap {
    width: 1240px;
  }
  .c-cardrepeater__grid {
    gap: 1.5rem;
  }
  .c-stepcard__head {
    padding: 0.65rem 0.9rem;
  }
  .c-stepcard__body {
    padding: 0.9rem;
    font-size: 1rem;
  }
  .c-stepcard__icon {
    width: 24px;
    height: 24px;
  }
  .c-stepcard__icon .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
  }
}
/******************************************************************
Site Name:
Author: The SplitPixel

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
@media only screen and (min-width: 1440px) {
  /******************************************************************
  Site Name: 
  Author: 

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here if you like. This kicks in
  on larger screens.

  ******************************************************************/
  #inner-header {
    padding-right: 0;
  }
}
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  PRINT STYLES 
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}