@charset "UTF-8";
/*!
Theme Name: BIT 2017
Theme URI: http://underscores.me/
Author: Sparkbox
Author URI: https://seesparkbox.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bit_wptheme_2017
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bit-wptheme-2017 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*
  DDC Hardware
  Designed by Aaron Draplin
  http://www.losttype.com/font/?name=ddc_hardware
*/
@font-face {
  font-family: ddc;
  src: url("assets/fonts/ddchardware-regular.eot");
  src: url("assets/fonts/ddchardware-regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ddchardware-regular.woff2") format("woff2"), url("assets/fonts/ddchardware-regular.woff") format("woff"), url("assets/fonts/ddchardware-regular.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: ddc-c;
  src: url("assets/fonts/ddchardware-condensed.eot");
  src: url("assets/fonts/ddchardware-condensed.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ddchardware-condensed.woff2") format("woff2"), url("assets/fonts/ddchardware-condensed.woff") format("woff"), url("assets/fonts/ddchardware-condensed.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

/*
  Asbel
*/
@font-face {
  font-family: bender;
  src: url("assets/fonts/bender.eot");
  src: url("assets/fonts/bender.eot?#iefix") format("embedded-opentype"), url("assets/fonts/bender.woff2") format("woff2"), url("assets/fonts/bender.woff") format("woff"), url("assets/fonts/bender.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

/*
  Source Sans Pro
*/
@font-face {
  font-family: "Source Sans Pro";
  src: url("assets/fonts/sourcesanspro-regular.eot");
  src: url("assets/fonts/sourcesanspro-regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/sourcesanspro-regular.woff2") format("woff2"), url("assets/fonts/sourcesanspro-regular.woff") format("woff"), url("assets/fonts/sourcesanspro-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url("assets/fonts/sourcesanspro-bold.eot");
  src: url("assets/fonts/sourcesanspro-bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/sourcesanspro-bold.woff2") format("woff2"), url("assets/fonts/sourcesanspro-bold.woff") format("woff"), url("assets/fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url("assets/fonts/sourcesanspro-italic.eot");
  src: url("assets/fonts/sourcesanspro-italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/sourcesanspro-italic.woff2") format("woff2"), url("assets/fonts/sourcesanspro-italic.woff") format("woff"), url("assets/fonts/sourcesanspro-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Source Sans Pro";
  src: url("assets/fonts/sourcesanspro-bolditalic.eot");
  src: url("assets/fonts/sourcesanspro-bolditalic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/sourcesanspro-bolditalic.woff2") format("woff2"), url("assets/fonts/sourcesanspro-bolditalic.woff") format("woff"), url("assets/fonts/sourcesanspro-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

html,
body {
  height: 100%; }

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: "Source Sans Pro", sans-serif; }

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

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

figcaption,
figure,
main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

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

dfn {
  font-style: italic; }

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

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

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

img {
  border-style: none;
  max-width: 100%; }

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

button,
input,
optgroup,
select,
textarea {
  margin: 0; }

input {
  font-family: "Source Sans Pro", sans-serif; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

*:focus {
  outline: none; }
  html.safe-focus *:focus {
    -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px color(navy) !important;
            box-shadow: 0 0 0 2px white, 0 0 0 4px color(navy) !important; }
  .lt-ie9 *:focus {
    outline: 3px dashed color(navy); }

button:-moz-focusring {
  outline: none; }
  html.safe-focus button:-moz-focusring {
    box-shadow: 0 0 0 2px white, 0 0 0 4px color(navy) !important; }
  .lt-ie9 button:-moz-focusring {
    outline: 3px dashed color(navy); }

h1:not([class]) {
  font-family: bender, sans-serif;
  font-weight: normal;
  line-height: 1.125;
  color: #454545;
  margin: 1em 0;
  font-size: 3.375rem; }

h2:not([class]) {
  font-family: ddc, sans-serif;
  font-size: 2.25rem;
  font-weight: normal;
  color: #454545;
  margin: 1em 0; }

h3:not([class]) {
  font-family: ddc-c, sans-serif;
  font-size: 2.25rem;
  font-weight: normal;
  color: #454545;
  margin: 1em 0; }

h4:not([class]) {
  font-family: ddc, sans-serif;
  font-size: 1.75rem;
  font-weight: normal;
  color: #454545;
  margin: 1em 0; }

h5:not([class]) {
  font-family: ddc-c, sans-serif;
  font-size: 1.75rem;
  font-weight: normal;
  color: #454545;
  margin: 1em 0; }

h6:not([class]) {
  font-family: ddc, sans-serif;
  font-size: 1.375rem;
  font-weight: normal;
  color: #454545;
  margin: 1em 0; }

p:not([class]) {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 1em 0;
  line-height: 1.5; }

ul:not([class]),
ol:not([class]) {
  list-style: none;
  margin: 0;
  padding: 0 0 0 2rem; }

li:not([class]) {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  position: relative;
  padding-left: 0.5em; }
  li:not([class]) + li:not([class]) {
    margin-top: 1em; }
  li:not([class])::before {
    position: absolute;
    right: 100%; }

ul:not([class]) li:not([class])::before {
  font-family: ddc, sans-serif;
  font-size: 1.75rem;
  font-weight: normal;
  color: #EF5342;
  margin: 0;
  content: '•';
  line-height: 0.75; }

ol:not([class]) {
  counter-reset: li; }
  ol:not([class]) li:not([class]) {
    counter-increment: li; }
    ol:not([class]) li:not([class])::before {
      font-family: ddc, sans-serif;
      font-size: 1.125rem;
      font-weight: normal;
      color: #EF5342;
      margin: 0;
      content: counter(li) ".";
      line-height: 1.125; }

blockquote:not([class]) {
  border-left: 2rem solid #EF5342;
  padding: 2rem 0 2rem 2rem;
  margin: 2rem 0; }
  blockquote:not([class]) p:not([class]) {
    margin: 0;
    font-family: bender, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    color: #454545;
    margin: 0; }
  blockquote:not([class]) p:not([class]) + p:not([class]) {
    margin-top: 1em; }

a[href]:not([class]) {
  color: #EF5342;
  -webkit-transition: color ease-in-out 150ms;
  transition: color ease-in-out 150ms; }
  a[href]:not([class]):hover, a[href]:not([class]):visited:hover {
    color: #454545; }
  a[href]:not([class]):visited {
    color: #787878; }

hr:not([class]) {
  background-color: #d9d9d9;
  border: 0;
  height: 0.125rem; }

label:not([class]) {
  font-family: ddc-c, sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  color: #454545; }

textarea:not([class]),
[type="text"]:not([class]),
[type="search"]:not([class]) {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  background-color: white;
  border: none;
  padding: 0.75rem;
  width: 100%;
  border: 0.125em #EF5342 solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  textarea:not([class]):focus,
  [type="text"]:not([class]):focus,
  [type="search"]:not([class]):focus {
    border-color: #787878; }

[type="button"]:not([class]),
[type="submit"]:not([class]),
[type="reset"]:not([class]),
button:not([class]) {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: ddc, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  background-color: #454545;
  color: white;
  cursor: pointer;
  padding: 0.75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [type="button"]:not([class]):hover,
  [type="submit"]:not([class]):hover,
  [type="reset"]:not([class]):hover,
  button:not([class]):hover {
    background-color: #EF5342; }

[href*="wp-admin/post.php?post="] {
  display: none; }

.nav-bar a[href], .nav-bar a[href]:not([class]), .nav-bar__toggle-nav, .nav-bar__toggle-search {
  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;
  cursor: pointer;
  text-decoration: none;
  color: white;
  -webkit-transition: background-color ease-in-out 150ms;
  transition: background-color ease-in-out 150ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap; }
  .nav-bar a[href]:visited, .nav-bar__toggle-nav:visited, .nav-bar__toggle-search:visited {
    color: white; }
  .nav-bar a[href]:hover, .nav-bar__toggle-nav:hover, .nav-bar__toggle-search:hover, .nav-bar a[href]:visited:hover, .nav-bar__toggle-nav:visited:hover, .nav-bar__toggle-search:visited:hover {
    color: white;
    background-color: #454545; }

.layout-max-width {
  margin: 0 auto;
  max-width: 80rem;
  width: 90%; }

.layout-divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }
  .layout-divider__home--inside {
    background-color: #545454;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    height: 0.625rem; }
  .layout-divider__home--outside {
    background-color: #545454;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 0.625rem; }

.site-header__title {
  margin: 0;
  background-color: #333333; }

.site-header__title-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  -webkit-transition: background-color ease-in-out 150ms;
  transition: background-color ease-in-out 150ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3.25rem; }
  .site-header__title-link .logo-small__path {
    -webkit-transition: fill ease-in-out 150ms;
    transition: fill ease-in-out 150ms; }
  .site-header__title-link:hover {
    background-color: white; }
    .site-header__title-link:hover .logo-small__path {
      fill: #454545; }

.svg-logo {
  max-width: 100%; }

.logo-large {
  display: none; }
  .logo-large__globe {
    stroke: #454545;
    stroke-width: 0.03125rem; }
  .logo-large__mark, .logo-large__text {
    fill: #454545; }

.logo-small {
  display: inline-block; }
  .logo-small__path {
    fill: white; }

.nav-bar {
  background-color: #EF5342;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: ddc, sans-serif;
  color: white;
  height: 3.25rem; }
  .nav-bar__container {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .nav-bar__navigation {
    display: none; }
    .is-expanded .nav-bar__navigation {
      display: block;
      position: absolute;
      top: 6.5rem;
      left: 0;
      width: 100vw;
      z-index: 1000;
      background-color: #787878; }
      .home .is-expanded .nav-bar__navigation {
        display: block;
        position: absolute; }
  .nav-bar__list {
    list-style: none;
    padding: 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; }
    .nav-bar__list .current-menu-item {
      background-color: #545454; }
  .nav-bar a[href], .nav-bar a[href]:not([class]) {
    padding: 0.75rem 1rem;
    height: 3.25rem; }
  .nav-bar__toggle-nav, .nav-bar__toggle-search {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: inherit;
    text-align: center; }
    .is-expanded .nav-bar__toggle-nav, .is-expanded .nav-bar__toggle-search {
      background-color: #545454; }
  .nav-bar__toggle-nav {
    padding: 0.75rem 1rem;
    width: 100%; }

.nav-bar__search {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.nav-bar__search-widget {
  width: 100%; }

.nav-bar__search-container {
  display: none; }
  .is-expanded .nav-bar__search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 6.5rem;
    right: 0;
    z-index: 500;
    width: 100%;
    height: 3.25rem;
    background-color: #454545; }

.nav-bar__toggle-search {
  width: 100%; }

.hero {
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -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;
  min-height: 50vh;
  padding: 1rem 2rem;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0; }
  @supports (display: grid) {
    .hero {
      grid-column: span 4; }
      @media (min-width: 48rem) {
        .hero {
          grid-column: span 2; } } }
  .hero__heading {
    font-family: ddc-c, sans-serif;
    color: #EF5342;
    font-size: 20vw;
    line-height: 0.875;
    margin: 0; }
  .hero__text {
    margin: 0; }
    .hero__text p {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 1.25rem;
      color: #545454;
      line-height: 1.6; }

.post-link__content {
  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;
  padding: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }

.post-link__image::after, .post-link:not(.post-link--item-1) .post-link__image::after {
  display: block;
  content: '';
  padding-top: 100%; }

.post-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .post-link__link {
    position: relative;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%; }
    .post-link:not(.post-link--item-1) .post-link__link {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .post-link:not(.post-link--item-1) .post-link__link:hover {
      background-color: #EF5342; }
  .post-link__content {
    position: relative;
    z-index: 100; }
  @supports (display: grid) {
    @media (min-width: 35.5rem) {
      .post-link--item-2 .post-link__content,
      .post-link--item-3 .post-link__content {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } } }
  .post-link--item-2 .post-link__content::before,
  .post-link--item-3 .post-link__content::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border-top: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
    border-bottom: none;
    border-left: 1.5rem solid transparent;
    position: absolute;
    top: 100%;
    left: 44%;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0; }
  .post-link--item-2 .post-link__link:hover .post-link__content::before,
  .post-link--item-3 .post-link__link:hover .post-link__content::before {
    border-top-color: #EF5342; }
  .post-link--item-2 .post-link__content::before {
    border-top-color: #e0e0e0; }
  .post-link--item-3 .post-link__content::before {
    border-top-color: #f2f2f2; }
  .post-link__image {
    pointer-events: none;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .post-link--item-1 .post-link__image {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%); }
  .post-link__title, .post-link__author, .post-link__date {
    margin: 0;
    width: 100%;
    text-align: left; }
    .post-link--item-1 .post-link__title, .post-link--item-1 .post-link__author, .post-link--item-1 .post-link__date {
      margin-right: auto;
      margin-left: auto;
      max-width: 50rem; }
  .post-link__title {
    font-family: bender, sans-serif;
    font-size: 1.875rem;
    font-weight: normal;
    line-height: 1.25;
    color: #333333;
    margin: 0;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    margin-bottom: 0.75rem;
    font-size: 1.5rem; }
    .post-link--item-1 .post-link__title {
      font-family: bender, sans-serif;
      font-size: 3.375rem;
      font-weight: normal;
      line-height: 1.075;
      color: #333333;
      margin: 0;
      font-size: 2.25rem; }
  .post-link__author {
    font-family: ddc, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    color: #EF5342;
    margin: 0; }
    .post-link--item-1 .post-link__author {
      font-family: ddc, sans-serif;
      font-size: 1.375rem;
      font-weight: normal;
      color: #EF5342;
      margin: 0; }
  .post-link__date {
    font-family: ddc-c, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    color: #999999;
    margin: 0; }
    .post-link--item-1 .post-link__date {
      font-family: ddc-c, sans-serif;
      font-size: 1.375rem;
      font-weight: normal;
      color: #999999;
      margin: 0; }
  .post-link__link:hover .post-link__title,
  .post-link__link:hover .post-link__author,
  .post-link__link:hover .post-link__date {
    color: white; }
  .post-link--item-1 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    position: relative;
    min-height: 50vh;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
    @supports (display: grid) {
      .post-link--item-1 {
        grid-column: span 4;
        margin: 0; }
        @media (min-width: 48rem) {
          .post-link--item-1 {
            grid-column: span 2; } } }
    .post-link--item-1::before {
      background-color: rgba(255, 255, 255, 0.8);
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 99; }
    .post-link--item-1:hover::before {
      background-color: rgba(239, 83, 66, 0.8); }
      @supports (mix-blend-mode: overlay) {
        .post-link--item-1:hover::before {
          background-color: #EF5342;
          mix-blend-mode: multiply; } }
  .post-link--item-2 {
    background-color: #e0e0e0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    @supports (display: grid) {
      .post-link--item-2 {
        grid-column: span 4;
        grid-row: 4; }
        @media (min-width: 48rem) {
          .post-link--item-2 {
            grid-row: 3; } }
        @media (min-width: 64rem) {
          .post-link--item-2 {
            grid-column: span 3; } }
        @media (min-width: 80rem) {
          .post-link--item-2 {
            grid-column: span 2 / 3; } } }
  .post-link--item-3 {
    background-color: #f2f2f2;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    @supports (display: grid) {
      .post-link--item-3 {
        grid-column: span 4;
        grid-row: 5; }
        @media (min-width: 48rem) {
          .post-link--item-3 {
            grid-row: 4; } }
        @media (min-width: 64rem) {
          .post-link--item-3 {
            grid-column: span 3; } }
        @media (min-width: 80rem) {
          .post-link--item-3 {
            grid-column: span 2; } }
        @media (min-width: 80rem) {
          .post-link--item-3 {
            grid-column: span 2 / 3; } } }
  .post-link--item-4 {
    background-color: #e0e0e0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    @supports (display: grid) {
      .post-link--item-4 {
        grid-column: span 4;
        grid-row: 6; }
        @media (min-width: 35.5rem) {
          .post-link--item-4 {
            grid-column: span 2; } }
        @media (min-width: 48rem) {
          .post-link--item-4 {
            grid-row: 5; } }
        @media (min-width: 64rem) {
          .post-link--item-4 {
            grid-column: span 1;
            grid-row: 3; } }
        @media (min-width: 80rem) {
          .post-link--item-4 {
            grid-column: span 1;
            grid-row: 3;
            grid-column: 3; } } }
  .post-link--item-5 {
    background-color: #f2f2f2;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    @supports (display: grid) {
      .post-link--item-5 {
        grid-column: span 4;
        grid-row: 7; }
        @media (min-width: 35.5rem) {
          .post-link--item-5 {
            grid-column: span 2;
            grid-row: 6; } }
        @media (min-width: 48rem) {
          .post-link--item-5 {
            grid-row: 5; } }
        @media (min-width: 64rem) {
          .post-link--item-5 {
            grid-column: span 1;
            grid-column-start: 4;
            grid-row: 4; } }
        @media (min-width: 80rem) {
          .post-link--item-5 {
            grid-column: span 1;
            grid-row-start: 4;
            grid-column-start: 3; } } }

.search-filter-results {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @supports (display: grid) {
    .search-filter-results {
      grid-column: span 4; }
      @media (min-width: 48rem) {
        .search-filter-results {
          grid-column: span 3; } }
      @media (min-width: 64rem) {
        .search-filter-results {
          grid-column: span 2; } } }

.post-list__layout, .post-list__pagination, .post-list__subnav {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @supports (display: grid) {
    .post-list__layout, .post-list__pagination, .post-list__subnav {
      grid-column: span 4; } }

.post-list__subnav {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
  @supports (display: grid) {
    .post-list__subnav {
      grid-row: 4; }
      @media (min-width: 64rem) {
        .post-list__subnav {
          grid-row: auto;
          grid-column: span 1; } } }

.post-list__item {
  padding: 1.5rem; }
  .post-list__item:nth-child(odd) {
    background: #fafafa; }
  .post-list__item:nth-child(even) {
    background: #f2f2f2; }

.post-list__image {
  pointer-events: none;
  position: relative;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .post-list__image::after {
    display: block;
    content: '';
    padding-top: 100%; }

.post-list__title, .post-list__author, .post-list__date {
  margin: 0; }

.post-list__title {
  font-family: bender, sans-serif;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.25;
  color: #333333;
  margin: 0;
  margin-bottom: 0.75rem; }

.post-list__link {
  text-decoration: none;
  color: inherit; }
  .post-list__link:hover {
    text-decoration: underline; }

.post-list__author {
  font-family: ddc, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #EF5342;
  margin: 0; }

.post-list__date {
  font-family: ddc-c, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #999999;
  margin: 0; }

.post__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @supports (display: grid) {
    @media (min-width: 24rem) {
      .post__header {
        display: grid;
        grid-template: auto auto/repeat(4, 1fr); } }
    @media (min-width: 64rem) {
      .post__header {
        grid-template-rows: 1fr; } } }

.post__title-container {
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @supports (display: grid) {
    @media (min-width: 24rem) {
      .post__title-container {
        grid-column: 1 / span 4; } }
    @media (min-width: 64rem) {
      .post__title-container {
        grid-column: 2 / span 2; } } }

.post__title {
  font-family: bender, sans-serif;
  font-weight: normal;
  line-height: 1.125;
  color: #454545;
  margin: 0;
  font-size: 1.875rem;
  margin: 0;
  padding: 0.5em; }

.post__featured-img-container {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
  .post__featured-img-container.is-empty {
    display: none; }
  @supports (display: grid) {
    @media (min-width: 24rem) {
      .post__featured-img-container {
        grid-row: 2;
        grid-column: 1 / span 2; } }
    @media (min-width: 64rem) {
      .post__featured-img-container {
        grid-row: 1;
        grid-column: 1 / span 1; } } }

.post__featured-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%; }
  .post__featured-img::after {
    display: block;
    content: '';
    padding-top: 100%; }

.post__meta {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #e0e0e0;
  padding: 0.5em 2em 1em 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; }
  @supports (display: grid) {
    @media (min-width: 24rem) {
      .post__meta {
        grid-row: 2;
        grid-column: 3 / span 2; } }
    @media (min-width: 64rem) {
      .post__meta {
        grid-row: 1;
        grid-column: 4 / span 1; } } }

@supports (display: grid) {
  @media (min-width: 24rem) {
    .post__featured-img-container.is-empty + .post__meta {
      grid-row: 2;
      grid-column: 1 / span 4; } }
  @media (min-width: 64rem) {
    .post__featured-img-container.is-empty + .post__meta {
      grid-row: 1;
      grid-column: 4 / span 1; } } }

.post .wp-caption .wp-caption-text {
  color: #999999;
  margin: 1em 0; }

.post .alignright,
.post .alignleft,
.post .aligncenter,
.post .alignnone {
  float: none;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 1.5rem; }
  .post .alignright img,
  .post .alignleft img,
  .post .aligncenter img,
  .post .alignnone img {
    height: auto !important;
    width: 100% !important; }

.post-meta__byline {
  font-family: ddc, sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #EF5342;
  margin: 0;
  margin-bottom: 0.5rem; }

.post-meta__name, .post-meta__link {
  color: #212121; }

.post-meta__date {
  font-family: ddc-c, sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #787878;
  margin: 0;
  margin: 0; }

.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: grid;
  background-color: #e0e0e0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @supports (display: grid) {
    .page-header {
      grid-template-columns: repeat(4, 1fr); } }
  .page-header--light {
    background-color: #f2f2f2; }
  .page-header__title-container {
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-height: 6rem; }
    @supports (display: grid) {
      .page-header__title-container {
        grid-column: span 4; }
        @media (min-width: 64rem) {
          .page-header__title-container {
            grid-column: 2 / span 2; } } }
  .page-header__title {
    font-family: bender, sans-serif;
    font-weight: normal;
    line-height: 1.125;
    color: #454545;
    margin: 0;
    font-size: 1.875rem;
    margin: 0;
    padding: 0.5em; }

.entry-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e0e0e0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @supports (display: grid) {
    .entry-header {
      display: grid;
      grid-template-columns: repeat(4, 1fr); } }
  .entry-header__title-container {
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-height: 6rem; }
    @supports (display: grid) {
      .entry-header__title-container {
        grid-column: span 4; }
        @media (min-width: 64rem) {
          .entry-header__title-container {
            grid-column: 2 / span 2; } } }
  .entry-header__title {
    font-family: bender, sans-serif;
    font-weight: normal;
    line-height: 1.125;
    color: #454545;
    margin: 0;
    font-size: 1.875rem;
    margin: 0;
    padding: 0.5em; }

.entry-content, .page-content {
  -ms-flex-preferred-size: calc(100% - 4rem);
      flex-basis: calc(100% - 4rem);
  justify-self: center;
  margin: 0 auto 5vh;
  width: 90%; }
  @supports (display: grid) {
    .entry-content, .page-content {
      grid-column: span 4 / 5; }
      @media (min-width: 64rem) {
        .entry-content, .page-content {
          grid-column: span 2 / 4; }
          .page-template-template-about .entry-content, .page-template-template-about .page-content {
            padding-right: 0; } } }

.subnav {
  padding: 1.5rem; }
  .subnav:first-child {
    margin-top: 5vh; }
  .subnav__title {
    font-family: ddc-c, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    color: #545454;
    margin: 0;
    margin: 0 0 1rem; }
  .subnav__list {
    list-style: none;
    padding: 0;
    margin: 0; }
  .subnav__item + .subnav__item {
    margin-top: 1rem; }
  .subnav__link {
    font-family: ddc, sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    color: #EF5342;
    margin: 0;
    text-decoration: none; }
    .subnav__link.current-page {
      color: #545454; }
    .subnav__link:hover {
      color: #454545; }
    .subnav__link.is-active {
      color: #787878;
      cursor: default; }
      .subnav__link.is-active:hover {
        color: #787878; }

.author-bio {
  background-color: #fafafa;
  padding: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .author-bio__heading {
    font-family: ddc-c, sans-serif;
    font-size: 2.25rem;
    font-weight: normal;
    color: #454545;
    margin: 0;
    color: #999999;
    padding-bottom: 1.5rem; }
  .author-bio__identity {
    font-family: ddc, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    color: #454545;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .author-bio__identity::after {
      clear: both;
      content: '';
      display: table; }
  .author-bio__gravatar {
    padding-right: 0.75rem; }
  .author-bio__name {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-wrap: break-word;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .author-bio__twitter {
    color: #EF5342;
    -webkit-transition: color ease-in-out 150ms;
    transition: color ease-in-out 150ms;
    color: #EF5342;
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 0.25rem;
    text-decoration: none; }
    .author-bio__twitter:hover, .author-bio__twitter:visited:hover {
      color: #454545; }
    .author-bio__twitter:visited {
      color: #787878; }
  .author-bio__narrative {
    color: #454545;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.625;
    margin: 1em 0; }

.events__block {
  background-color: #fafafa;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }
  @supports (display: grid) {
    .events__block {
      grid-column: span 4; }
      @media (min-width: 48rem) {
        .events__block {
          grid-column: span 2;
          grid-row: 6; } }
      @media (min-width: 64rem) {
        .events__block {
          grid-row: 5; } }
      @media (min-width: 80rem) {
        .events__block {
          grid-column: span 1;
          grid-row: 4; } } }
  .events__block--articles {
    background-color: #fafafa;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @supports (display: grid) {
      .events__block--articles {
        grid-column: span 4; }
        @media (min-width: 48rem) {
          .events__block--articles {
            grid-column: span 2; } }
        @media (min-width: 64rem) {
          .events__block--articles {
            grid-column: span 1; } } }

.events__wrap {
  padding: 2em; }

.events__more, .event__none-msg {
  font-family: ddc, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #333333;
  margin: 0;
  text-decoration: none; }
  .events__more:hover, .event__none-msg:hover, .events__more:focus, .event__none-msg:focus {
    text-decoration: underline; }

.event__list {
  list-style: none;
  margin: 0;
  padding: 0; }

.event__item {
  margin: 0 0 1em 0; }

.event__date {
  font-family: ddc-c, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #333333;
  margin: 0;
  margin: 0;
  padding: 0; }

.event__title {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  margin: 0;
  padding: 0; }

.event__link {
  color: #EF5342;
  text-decoration: none; }
  .event__link:hover, .event__link:focus {
    text-decoration: underline; }

.event__none-msg {
  color: #EF5342; }

.newsletter {
  padding: 1rem 2rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }
  @supports (display: grid) {
    .newsletter {
      grid-column: span 4; }
      @media (min-width: 48rem) {
        .newsletter {
          grid-column: span 2;
          grid-row: 6; } }
      @media (min-width: 64rem) {
        .newsletter {
          grid-row: 5; } }
      @media (min-width: 80rem) {
        .newsletter {
          grid-column: span 1;
          grid-row: 3; } } }
  @supports (display: grid) {
    .newsletter__block--articles {
      grid-column: span 4; }
      @media (min-width: 48rem) {
        .newsletter__block--articles {
          grid-column: span 2; } }
      @media (min-width: 64rem) {
        .newsletter__block--articles {
          grid-column: span 1; } } }
  .newsletter__title {
    font-family: ddc, sans-serif;
    font-size: 2.25rem;
    font-weight: normal;
    color: #454545;
    margin: 0;
    margin-top: 1.25rem; }
  .newsletter__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .newsletter__input--text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    color: #454545;
    margin: 0;
    background-color: white;
    border: none;
    padding: 0.5em;
    width: 100%;
    border: 0.125em #EF5342 solid; }
    .newsletter__input--text:focus {
      border-color: #787878; }
  .newsletter__submit {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: url("data:image/svg+xml,\a       %3Csvg xmlns%3D'http%3A//www.w3.org/2000/svg' width%3D'20' height%3D'20' version%3D'1' viewBox%3D'0 0 20 20'%3E\a         %3Cpath fill%3D'white' d%3D'M10 0l10 10-10 10-2-2 7-7H0V9h15L8 2z'/%3E\a       %3C/svg%3E") #EF5342 no-repeat center center;
    color: white;
    height: 3.375rem;
    width: 3.375rem;
    cursor: pointer; }
    .newsletter__submit:hover {
      background-color: #454545; }
  .newsletter__description {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    color: #333333;
    margin: 0;
    line-height: 1.5;
    margin-top: 1.75rem; }

#mc_embed_signup {
  clear: left; }

.pagination {
  background-color: #999999; }
  .pagination__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .pagination__item {
    width: 50%; }
    .pagination__item a:not([class]), .pagination__item a:not([class]):visited {
      display: block;
      padding: 1rem;
      text-decoration: none;
      font-family: ddc, sans-serif;
      font-size: 1.125rem;
      font-weight: normal;
      color: white;
      margin: 0; }
    .pagination__item a:not([class]):hover, .pagination__item a:not([class]):visited:hover {
      color: white;
      background-color: #EF5342; }
    .pagination__item--previous {
      background-color: #666666; }
    .pagination__item--next {
      background-color: #787878;
      text-align: right; }

@supports (display: grid) {
  .stories-content {
    grid-column: span 4; } }

.stories-nav {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  @supports (display: grid) {
    .stories-nav {
      grid-column: span 4;
      grid-row: 4; } }

.stories-cta {
  background-color: #EF5342;
  padding: 1.5rem;
  margin: 5vh 0 10vh 0; }
  .stories-cta__title {
    font-family: ddc-c, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    color: white;
    margin: 0;
    margin: 0 0 1rem; }
  .stories-cta__body {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    color: white;
    margin: 0;
    margin: 1rem 0; }
  .stories-cta__button {
    display: block;
    margin: 2rem -1.5rem -1.5rem;
    background-color: #333333;
    padding: 1rem 1.5rem;
    font-family: ddc, sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    color: white;
    margin: 0;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color ease-in-out 150ms;
    transition: background-color ease-in-out 150ms; }
    .stories-cta__button:hover {
      background-color: #545454; }

.site-footer {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }
  .site-footer__sponsors {
    padding: 2em; }
    .site-footer__sponsors a {
      display: block; }
    .site-footer__sponsors img {
      display: block;
      margin: 0 auto; }
  .site-footer__partners {
    background-color: #f2f2f2; }
  .site-footer__nav-list {
    list-style: none;
    padding: 0; }
  .site-footer__nav--primary {
    margin: 1em 2em 2em; }
    .site-footer__nav--primary .menu-item {
      margin-bottom: 1.25em; }
    .site-footer__nav--primary a,
    .site-footer__nav--primary a:not([class]),
    .site-footer__nav--primary a:not([class]):visited {
      font-family: ddc, sans-serif;
      font-size: 1.75rem;
      font-weight: normal;
      color: #333333;
      margin: 0;
      text-decoration: none; }
      .site-footer__nav--primary a:hover, .site-footer__nav--primary a:focus,
      .site-footer__nav--primary a:not([class]):hover,
      .site-footer__nav--primary a:not([class]):focus,
      .site-footer__nav--primary a:not([class]):visited:hover,
      .site-footer__nav--primary a:not([class]):visited:focus {
        color: #333333;
        text-decoration: underline; }
  .site-footer__nav--secondary {
    margin: 0.45em 2em 0; }
    .site-footer__nav--secondary .menu-item {
      margin-bottom: 1.25em;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .site-footer__nav--secondary a,
    .site-footer__nav--secondary a:not([class]),
    .site-footer__nav--secondary a:not([class]):visited {
      font-family: ddc-c, sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      color: #EF5342;
      margin: 0;
      font-size: 1.375em;
      text-decoration: none;
      padding-right: 0.5em; }
      .site-footer__nav--secondary a:hover, .site-footer__nav--secondary a:focus,
      .site-footer__nav--secondary a:not([class]):hover,
      .site-footer__nav--secondary a:not([class]):focus,
      .site-footer__nav--secondary a:not([class]):visited:hover,
      .site-footer__nav--secondary a:not([class]):visited:focus {
        color: #EF5342;
        text-decoration: underline; }
  .site-footer__meta {
    background-color: #EF5342; }
  .site-footer__copyright p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    color: white;
    margin: 0;
    font-size: 1rem;
    margin: 0;
    padding: 1em 2em;
    text-align: center; }
  .site-footer__social-media {
    background-color: #333333; }

.partners__title {
  font-family: ddc, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #EF5342;
  margin: 0;
  font-size: 1.125em;
  margin: 1em 0 1em;
  text-align: center; }

.partners__list {
  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;
  list-style: none;
  margin: 1em 2em;
  padding: 0; }
  .partners__list-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%; }
    .partners__list-item a {
      display: block;
      margin: 1em; }
    .partners__list-item img {
      display: block;
      margin: 0 auto;
      max-width: 140px;
      max-height: 100px;
      width: 100%; }

.social-media__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 1em 0.675em; }

.social-media__item {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%; }

.site-footer .icon-facebook {
  height: 32px;
  width: 16px; }

.site-footer .icon-twitter {
  height: 26px;
  width: 32px; }

.site-footer .icon-slack {
  height: 26px;
  width: 26px; }

.site-footer .icon-linkedin {
  height: 26px;
  width: 28px; }

.site-footer .icon-youtube {
  height: 23px;
  width: 32px; }

.site-footer .icon-instagram {
  height: 32px;
  width: 32px; }

.post__footer {
  grid-template-rows: 50% 50%;
  margin-top: 2em; }
  @supports (display: grid) {
    .post__footer .post__cta-content {
      grid-column: span 4; } }
  .post__footer .latest-articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @supports (display: grid) {
      .post__footer .latest-articles {
        display: grid;
        grid-template-columns: inherit;
        grid-column: span 4; }
        @media (min-width: 64rem) {
          .post__footer .latest-articles {
            grid-template-columns: 1fr 1fr;
            grid-column: span 2; } } }
    .post__footer .latest-articles .post-link--article-1 {
      background-color: #e0e0e0;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
      @supports (display: grid) {
        .post__footer .latest-articles .post-link--article-1 {
          grid-column: span 4; }
          @media (min-width: 48rem) {
            .post__footer .latest-articles .post-link--article-1 {
              grid-column: span 2; } }
          @media (min-width: 64rem) {
            .post__footer .latest-articles .post-link--article-1 {
              grid-column: span 1; } } }
    .post__footer .latest-articles .post-link--article-2 {
      background-color: #f2f2f2;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
      @supports (display: grid) {
        .post__footer .latest-articles .post-link--article-2 {
          grid-column: span 4; }
          @media (min-width: 48rem) {
            .post__footer .latest-articles .post-link--article-2 {
              grid-column: span 2; } }
          @media (min-width: 64rem) {
            .post__footer .latest-articles .post-link--article-2 {
              grid-column: span 1; } } }
  .post__footer .author-bio {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @supports (display: grid) {
      .post__footer .author-bio {
        grid-column: span 4;
        grid-row: span 2; }
        @media (min-width: 64rem) {
          .post__footer .author-bio {
            grid-column: span 2; } } }
    @supports (display: grid) {
      @media (min-width: 64rem) {
        .post__footer .author-bio + .post__cta-content {
          grid-column: span 2; } } }
    @supports (display: grid) {
      .post__footer .author-bio + .post__cta-content .latest-articles {
        display: grid;
        grid-template-columns: inherit;
        grid-column: span 4; } }
    .post__footer .author-bio + .post__cta-content .latest-articles .post-link--article-1 {
      background-color: #e0e0e0; }
      @supports (display: grid) {
        @media (min-width: 48rem) {
          .post__footer .author-bio + .post__cta-content .latest-articles .post-link--article-1 {
            grid-column: span 2; } } }
    .post__footer .author-bio + .post__cta-content .latest-articles .post-link--article-2 {
      background-color: #f2f2f2; }
      @supports (display: grid) {
        @media (min-width: 48rem) {
          .post__footer .author-bio + .post__cta-content .latest-articles .post-link--article-2 {
            grid-column: span 2; } } }
    @supports (display: grid) {
      .post__footer .author-bio + .post__cta-content .events__block--articles {
        grid-column: span 4; }
        @media (min-width: 48rem) {
          .post__footer .author-bio + .post__cta-content .events__block--articles {
            grid-column: span 2;
            grid-row: 2; } }
        @media (min-width: 64rem) {
          .post__footer .author-bio + .post__cta-content .events__block--articles {
            grid-column: span 2; } } }
    @supports (display: grid) {
      .post__footer .author-bio + .post__cta-content .newsletter__block--articles {
        grid-column: span 4; }
        @media (min-width: 48rem) {
          .post__footer .author-bio + .post__cta-content .newsletter__block--articles {
            grid-column: span 2;
            grid-row: 2; } }
        @media (min-width: 64rem) {
          .post__footer .author-bio + .post__cta-content .newsletter__block--articles {
            grid-column: span 2; } } }

.comments-area {
  grid-row: 3;
  grid-column: span 4 / 5;
  margin: 0 auto 5vh auto;
  width: 90%; }

.searchandfilter ul {
  padding: 0; }

.searchandfilter li[data-sf-field-input-type=checkbox] label {
  padding-left: 25px; }

.searchandfilter h4 {
  font-family: ddc-c, sans-serif;
  font-size: 1.75rem;
  font-weight: normal;
  color: #545454;
  margin: 0;
  margin: 0 0 1rem; }

.searchandfilter .sf-field-taxonomy-insights_categories, .searchandfilter .sf-field-taxonomy-media_type {
  padding-bottom: 1.5rem; }

.searchandfilter .sf-label-checkbox {
  font-family: ddc, sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #EF5342;
  margin: 0;
  text-decoration: none;
  position: relative; }
  .searchandfilter .sf-label-checkbox:hover {
    color: #454545; }
  .searchandfilter .sf-label-checkbox.is-active {
    color: #787878;
    cursor: default; }
    .searchandfilter .sf-label-checkbox.is-active:hover {
      color: #787878; }
  .searchandfilter .sf-label-checkbox::before {
    position: absolute;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    border: 2px solid;
    border-color: #787878;
    left: 0; }
  .searchandfilter .sf-label-checkbox::after {
    position: absolute;
    left: 3px;
    top: 3px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: #454545; }

.searchandfilter .sf-input-checkbox {
  opacity: 0;
  width: 0; }
  .searchandfilter .sf-input-checkbox + .sf-label-checkbox::after {
    content: none; }
  .searchandfilter .sf-input-checkbox:checked + .sf-label-checkbox::after {
    content: ""; }
  .searchandfilter .sf-input-checkbox:focus + .sf-label-checkbox::before {
    outline: #3b99fc auto 5px; }

@supports (margin: 0 -25vw) {
  @media (min-width: 64rem) {
    .search-filter-results .pagination {
      margin: 0 -25vw;
      padding: 0 25vw; } } }

.page-content__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @supports (display: grid) {
    .page-content__container {
      display: grid;
      grid-template-columns: repeat(4, 1fr); } }

.not-found .page-content {
  padding-top: 2vh; }

.widgettitle,
.widget-title {
  font-family: ddc, sans-serif;
  font-size: 2.25rem;
  font-weight: normal;
  color: #454545;
  margin: 1em 0; }

.widget_tag_cloud .tagcloud {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 1em 0; }
  .widget_tag_cloud .tagcloud .tag-cloud-link {
    color: #EF5342;
    -webkit-transition: color ease-in-out 150ms;
    transition: color ease-in-out 150ms;
    margin-right: 0.25rem; }
    .widget_tag_cloud .tagcloud .tag-cloud-link:hover, .widget_tag_cloud .tagcloud .tag-cloud-link:visited:hover {
      color: #454545; }
    .widget_tag_cloud .tagcloud .tag-cloud-link:visited {
      color: #787878; }

.category-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e0e0e0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @supports (display: grid) {
    .category-header {
      display: grid;
      grid-template-columns: repeat(4, 1fr); } }
  .category-header__title-container {
    background-color: #f2f2f2;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @supports (display: grid) {
      .category-header__title-container {
        grid-column: span 4; }
        @media (min-width: 64rem) {
          .category-header__title-container {
            grid-column: 2 / span 2; } } }
  .category-header__title {
    font-family: bender, sans-serif;
    font-weight: normal;
    line-height: 1.125;
    color: #454545;
    margin: 0;
    font-size: 1.875rem;
    margin: 0;
    padding: 0.5rem; }
  .category-header .archive-description {
    padding: 0 0.5rem; }
    .category-header .archive-description p {
      font-family: ddc-c, sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      color: gray;
      margin: 0;
      font-size: 1rem;
      padding-bottom: 0.5rem; }

.category-content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  justify-self: center;
  margin: 0 auto; }
  @supports (display: grid) {
    .category-content {
      grid-column: span 4 / 5; }
      @media (min-width: 64rem) {
        .category-content {
          grid-column: span 2 / 4; } } }
  @supports (margin: 0 -25vw) {
    @media (min-width: 64rem) {
      .category-content .pagination {
        margin: 0 -25vw;
        padding: 0 25vw; } } }

.cat-item {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  position: relative;
  padding-left: 0.5em; }
  .cat-item + .cat-item {
    margin-top: 1em; }
  .cat-item::before {
    position: absolute;
    right: 100%; }
  .cat-item::before {
    font-family: ddc, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    color: #EF5342;
    margin: 0;
    content: '•';
    line-height: 0.75; }

.children {
  list-style: none;
  margin: 0;
  padding: 0 0 0 2rem;
  padding-top: 1rem; }
  .children .cat-item::before {
    color: #999999; }

.search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .search-form label {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }

.search-field {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.5rem;
  color: white;
  height: 3.25rem;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #212121;
  display: block;
  padding: 0.75rem;
  width: 100%; }

.search-submit {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: ddc, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  -ms-flex-negative: 2;
      flex-shrink: 2;
  cursor: pointer;
  background-color: #333333;
  color: white;
  padding: 0.5rem; }
  .search-submit:hover {
    background-color: #545454; }

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  background: white center right 0.75rem no-repeat url("data:image/svg+xml,%3Csvg width%3D'20' height%3D'12' viewBox%3D'0 0 20 12' xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath d%3D'M1 1L10 10 19 1' stroke-width%3D'2' stroke%3D'%23787878' fill%3D'none' fill-rule%3D'evenodd' stroke-linecap%3D'round' stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  padding: 0.5rem;
  width: 100%;
  border: 0.125em #EF5342 solid;
  border-radius: 0; }
  select:focus {
    border-color: #787878; }

input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }

.alignright,
.alignleft,
.aligncenter,
.alignnone {
  margin: 0 0 1.5rem;
  height: auto;
  width: 100%; }

.alignright {
  margin-left: 1.5rem; }

.alignleft,
.alignnone {
  margin-right: 1.5rem; }

.chapter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  position: relative;
  text-align: center; }
  @supports (display: grid) {
    .chapter {
      display: grid;
      grid-template-columns: 1fr; }
      @media (min-width: 48rem) {
        .chapter {
          grid-template-columns: 1fr 1fr; } } }
  .chapter__item {
    background-size: cover;
    background-position: center;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .chapter__content {
    padding: 2rem;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9); }
  .chapter__list {
    list-style: none;
    padding: 0;
    margin: 0;
    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; }
  .chapter__organizer {
    margin: 1rem 3vw 0;
    text-align: center;
    list-style-type: none; }
  .chapter__image {
    width: 5rem;
    border-radius: 50%;
    border: 1px solid #545454; }
  .chapter__button {
    font-family: ddc, sans-serif;
    font-size: 1.375rem;
    font-weight: normal;
    color: #454545;
    margin: 0;
    text-decoration: none;
    color: inherit;
    font-size: 1rem;
    background-color: #EF5342;
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 0.75rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    width: calc(50% - 1.5rem);
    max-width: 12rem; }
    .chapter__button + .chapter__button {
      margin-left: 1.5rem; }
    .chapter__button:hover {
      background-color: #454545; }
    .chapter__button--hero {
      width: auto;
      max-width: unset; }
  .chapter__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1.5rem; }
  .chapter__icon {
    background: #545454;
    width: 2rem;
    height: 2rem;
    position: relative; }
    .chapter__icon:hover {
      background: #EF5342; }
    .chapter__icon [class*='icon-'] {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-position: center;
      background-repeat: no-repeat;
      background-size: auto 60%; }

.icon {
  display: block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.icon-facebook {
  background-image: url("data:image/svg+xml,%3Csvg version%3D'1.1' xmlns%3D'http%3A//www.w3.org/2000/svg' viewBox%3D'0 0 32 32'%3E%3Cpath fill%3D'white' d%3D'M19 6h5v-6h-5c-3.86 0-7 3.14-7 7v3h-4v6h4v16h6v-16h5l1-6h-6v-3c0-0.542 0.458-1 1-1z'%3E%3C/path%3E%3C/svg%3E"); }

.icon-linkedin {
  background-image: url("data:image/svg+xml,%3Csvg version%3D'1.1' xmlns%3D'http%3A//www.w3.org/2000/svg' viewBox%3D'0 0 32 32'%3E%3Cg fill%3D'white'%3E%3Cpath d%3D'M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z'%3E%3C/path%3E%3Cpath d%3D'M2 12h6v18h-6v-18z'%3E%3C/path%3E%3Cpath d%3D'M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

.icon-instagram {
  background-image: url("data:image/svg+xml,%3Csvg version%3D'1.1' xmlns%3D'http%3A//www.w3.org/2000/svg' viewBox%3D'0 0 24 28'%3E%3Cpath fill%3D'white' d%3D'M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zM18.156 14c0 3.406-2.75 6.156-6.156 6.156s-6.156-2.75-6.156-6.156 2.75-6.156 6.156-6.156 6.156 2.75 6.156 6.156zM19.844 7.594c0 0.797-0.641 1.437-1.437 1.437s-1.437-0.641-1.437-1.437 0.641-1.437 1.437-1.437 1.437 0.641 1.437 1.437zM12 4.156c-1.75 0-5.5-0.141-7.078 0.484-0.547 0.219-0.953 0.484-1.375 0.906s-0.688 0.828-0.906 1.375c-0.625 1.578-0.484 5.328-0.484 7.078s-0.141 5.5 0.484 7.078c0.219 0.547 0.484 0.953 0.906 1.375s0.828 0.688 1.375 0.906c1.578 0.625 5.328 0.484 7.078 0.484s5.5 0.141 7.078-0.484c0.547-0.219 0.953-0.484 1.375-0.906s0.688-0.828 0.906-1.375c0.625-1.578 0.484-5.328 0.484-7.078s0.141-5.5-0.484-7.078c-0.219-0.547-0.484-0.953-0.906-1.375s-0.828-0.688-1.375-0.906c-1.578-0.625-5.328-0.484-7.078-0.484zM24 14c0 1.656 0.016 3.297-0.078 4.953-0.094 1.922-0.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656 0.094-3.297 0.078-4.953 0.078s-3.297 0.016-4.953-0.078c-1.922-0.094-3.625-0.531-5.031-1.937s-1.844-3.109-1.937-5.031c-0.094-1.656-0.078-3.297-0.078-4.953s-0.016-3.297 0.078-4.953c0.094-1.922 0.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-0.094 3.297-0.078 4.953-0.078s3.297-0.016 4.953 0.078c1.922 0.094 3.625 0.531 5.031 1.937s1.844 3.109 1.937 5.031c0.094 1.656 0.078 3.297 0.078 4.953z'%3E%3C/path%3E%3C/svg%3E"); }

.icon-youtube {
  background-image: url("data:image/svg+xml,%3Csvg version%3D'1.1' xmlns%3D'http%3A//www.w3.org/2000/svg' viewBox%3D'0 0 32 32'%3E%3Cpath fill%3D'white' d%3D'M31.681 9.6c0 0-0.313-2.206-1.275-3.175-1.219-1.275-2.581-1.281-3.206-1.356-4.475-0.325-11.194-0.325-11.194-0.325h-0.012c0 0-6.719 0-11.194 0.325-0.625 0.075-1.987 0.081-3.206 1.356-0.963 0.969-1.269 3.175-1.269 3.175s-0.319 2.588-0.319 5.181v2.425c0 2.587 0.319 5.181 0.319 5.181s0.313 2.206 1.269 3.175c1.219 1.275 2.819 1.231 3.531 1.369 2.563 0.244 10.881 0.319 10.881 0.319s6.725-0.012 11.2-0.331c0.625-0.075 1.988-0.081 3.206-1.356 0.962-0.969 1.275-3.175 1.275-3.175s0.319-2.587 0.319-5.181v-2.425c-0.006-2.588-0.325-5.181-0.325-5.181zM12.694 20.15v-8.994l8.644 4.513-8.644 4.481z'%3E%3C/path%3E%3C/svg%3E"); }

.icon-twitter {
  background-image: url("data:image/svg+xml,%3Csvg version%3D'1.1' xmlns%3D'http%3A//www.w3.org/2000/svg' viewBox%3D'0 0 32 32'%3E%3Cpath fill%3D'white' d%3D'M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z'%3E%3C/path%3E%3C/svg%3E"); }

.icon-slack {
  background-image: url("data:image/svg+xml,%3Csvg version%3D'1.1' xmlns%3D'http%3A//www.w3.org/2000/svg' viewBox%3D'0 0 26 28'%3E%3Cpath fill%3D'white' d%3D'M23.734 12.125c1.281 0 2.266 0.938 2.266 2.219 0 1-0.516 1.703-1.453 2.031l-2.688 0.922 0.875 2.609c0.078 0.234 0.109 0.484 0.109 0.734 0 1.234-1 2.266-2.234 2.266-0.984 0-1.859-0.609-2.172-1.547l-0.859-2.578-4.844 1.656 0.859 2.562c0.078 0.234 0.125 0.484 0.125 0.734 0 1.219-1 2.266-2.25 2.266-0.984 0-1.844-0.609-2.156-1.547l-0.859-2.547-2.391 0.828c-0.25 0.078-0.516 0.141-0.781 0.141-1.266 0-2.219-0.938-2.219-2.203 0-0.969 0.625-1.844 1.547-2.156l2.438-0.828-1.641-4.891-2.438 0.844c-0.25 0.078-0.5 0.125-0.75 0.125-1.25 0-2.219-0.953-2.219-2.203 0-0.969 0.625-1.844 1.547-2.156l2.453-0.828-0.828-2.484c-0.078-0.234-0.125-0.484-0.125-0.734 0-1.234 1-2.266 2.25-2.266 0.984 0 1.844 0.609 2.156 1.547l0.844 2.5 4.844-1.641-0.844-2.5c-0.078-0.234-0.125-0.484-0.125-0.734 0-1.234 1.016-2.266 2.25-2.266 0.984 0 1.859 0.625 2.172 1.547l0.828 2.516 2.531-0.859c0.219-0.063 0.438-0.094 0.672-0.094 1.219 0 2.266 0.906 2.266 2.156 0 0.969-0.75 1.781-1.625 2.078l-2.453 0.844 1.641 4.937 2.562-0.875c0.234-0.078 0.484-0.125 0.719-0.125zM11.328 16.219l4.844-1.641-1.641-4.922-4.844 1.672z'%3E%3C/path%3E%3C/svg%3E"); }

/* Prefix all utility classes with "util-" */
.util-visually-hidden,
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.util-skip-trigger {
  display: block;
  bottom: 100%;
  position: absolute;
  height: 5em;
  width: 100%;
  padding: 1rem 0.5rem;
  text-align: center; }
  @supports ((display: -webkit-box) or (display: flex)) {
    .util-skip-trigger {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .util-skip-trigger:active, .util-skip-trigger:focus {
    background-color: white;
    color: black;
    top: 0;
    bottom: auto;
    z-index: 800; }

.util-cursor-pointer {
  cursor: pointer; }

.util-no-pointer-events {
  pointer-events: none; }

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

.util-overflow-scroll--horiz {
  overflow-x: scroll; }

.util-left {
  text-align: left; }

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

.util-right {
  text-align: right; }

.util-round-corners {
  border-radius: 0.5rem; }

.util-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.util-flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.util-flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1; }

.util-clearfix::after {
  clear: both;
  content: '';
  display: table; }

.util-unbuttonize {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.util-visible\@small, .util-visible\@small--flex {
  display: none; }

.util-visible\@medium, .util-visible\@medium--flex {
  display: none; }

.util-visible\@large, .util-visible\@large--flex {
  display: none; }

.util-border-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.font-post-1 {
  font-family: bender, sans-serif;
  font-size: 3.375rem;
  font-weight: normal;
  line-height: 1.075;
  color: #454545;
  margin: 0;
  font-size: 2rem; }

.font-post-2 {
  font-family: bender, sans-serif;
  font-weight: normal;
  line-height: 1.125;
  color: #454545;
  margin: 0;
  font-size: 3.375rem; }

.font-post-3 {
  font-family: bender, sans-serif;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.25;
  color: #454545;
  margin: 0; }

.font-headline-1 {
  font-family: ddc, sans-serif;
  font-size: 2.25rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-headline-2 {
  font-family: ddc-c, sans-serif;
  font-size: 2.25rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-headline-3 {
  font-family: ddc, sans-serif;
  font-size: 1.75rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  font-size: 1.5rem; }

.font-headline-4 {
  font-family: ddc-c, sans-serif;
  font-size: 1.75rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-headline-5 {
  font-family: ddc, sans-serif;
  font-size: 1.375rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-headline-6 {
  font-family: ddc-c, sans-serif;
  font-size: 1.375rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-headline-7 {
  font-family: ddc, sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-headline-8 {
  font-family: ddc-c, sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-headline-9 {
  font-family: ddc, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-headline-10 {
  font-family: ddc-c, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.font-paragraph {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  color: #454545;
  margin: 0;
  line-height: 1.5; }

.font-blockquote {
  font-family: bender, sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  color: #454545;
  margin: 0; }

.util-pad-a0 {
  padding: 0em; }

.util-pad-t0 {
  padding-top: 0em; }

.util-pad-l0 {
  padding-left: 0em; }

.util-pad-r0 {
  padding-right: 0em; }

.util-pad-b0 {
  padding-bottom: 0em; }

.util-pad-v0 {
  padding-top: 0em;
  padding-bottom: 0em; }

.util-pad-h0 {
  padding-left: 0em;
  padding-right: 0em; }

.util-margin-a0 {
  margin: 0em; }

.util-margin-t0 {
  margin-top: 0em; }

.util-margin-l0 {
  margin-left: 0em; }

.util-margin-r0 {
  margin-right: 0em; }

.util-margin-b0 {
  margin-bottom: 0em; }

.util-margin-v0 {
  margin-top: 0em;
  margin-bottom: 0em; }

.util-margin-h0 {
  margin-left: 0em;
  margin-right: 0em; }

.util-pad-a1 {
  padding: 1em; }

.util-pad-t1 {
  padding-top: 1em; }

.util-pad-l1 {
  padding-left: 1em; }

.util-pad-r1 {
  padding-right: 1em; }

.util-pad-b1 {
  padding-bottom: 1em; }

.util-pad-v1 {
  padding-top: 1em;
  padding-bottom: 1em; }

.util-pad-h1 {
  padding-left: 1em;
  padding-right: 1em; }

.util-margin-a1 {
  margin: 1em; }

.util-margin-t1 {
  margin-top: 1em; }

.util-margin-l1 {
  margin-left: 1em; }

.util-margin-r1 {
  margin-right: 1em; }

.util-margin-b1 {
  margin-bottom: 1em; }

.util-margin-v1 {
  margin-top: 1em;
  margin-bottom: 1em; }

.util-margin-h1 {
  margin-left: 1em;
  margin-right: 1em; }

.util-pad-a2 {
  padding: 2em; }

.util-pad-t2 {
  padding-top: 2em; }

.util-pad-l2 {
  padding-left: 2em; }

.util-pad-r2 {
  padding-right: 2em; }

.util-pad-b2 {
  padding-bottom: 2em; }

.util-pad-v2 {
  padding-top: 2em;
  padding-bottom: 2em; }

.util-pad-h2 {
  padding-left: 2em;
  padding-right: 2em; }

.util-margin-a2 {
  margin: 2em; }

.util-margin-t2 {
  margin-top: 2em; }

.util-margin-l2 {
  margin-left: 2em; }

.util-margin-r2 {
  margin-right: 2em; }

.util-margin-b2 {
  margin-bottom: 2em; }

.util-margin-v2 {
  margin-top: 2em;
  margin-bottom: 2em; }

.util-margin-h2 {
  margin-left: 2em;
  margin-right: 2em; }

.util-pad-a3 {
  padding: 3em; }

.util-pad-t3 {
  padding-top: 3em; }

.util-pad-l3 {
  padding-left: 3em; }

.util-pad-r3 {
  padding-right: 3em; }

.util-pad-b3 {
  padding-bottom: 3em; }

.util-pad-v3 {
  padding-top: 3em;
  padding-bottom: 3em; }

.util-pad-h3 {
  padding-left: 3em;
  padding-right: 3em; }

.util-margin-a3 {
  margin: 3em; }

.util-margin-t3 {
  margin-top: 3em; }

.util-margin-l3 {
  margin-left: 3em; }

.util-margin-r3 {
  margin-right: 3em; }

.util-margin-b3 {
  margin-bottom: 3em; }

.util-margin-v3 {
  margin-top: 3em;
  margin-bottom: 3em; }

.util-margin-h3 {
  margin-left: 3em;
  margin-right: 3em; }

.util-pad-a4 {
  padding: 4em; }

.util-pad-t4 {
  padding-top: 4em; }

.util-pad-l4 {
  padding-left: 4em; }

.util-pad-r4 {
  padding-right: 4em; }

.util-pad-b4 {
  padding-bottom: 4em; }

.util-pad-v4 {
  padding-top: 4em;
  padding-bottom: 4em; }

.util-pad-h4 {
  padding-left: 4em;
  padding-right: 4em; }

.util-margin-a4 {
  margin: 4em; }

.util-margin-t4 {
  margin-top: 4em; }

.util-margin-l4 {
  margin-left: 4em; }

.util-margin-r4 {
  margin-right: 4em; }

.util-margin-b4 {
  margin-bottom: 4em; }

.util-margin-v4 {
  margin-top: 4em;
  margin-bottom: 4em; }

.util-margin-h4 {
  margin-left: 4em;
  margin-right: 4em; }

.util-pad-a025 {
  padding: 0.25em; }

.util-pad-t025 {
  padding-top: 0.25em; }

.util-pad-l025 {
  padding-left: 0.25em; }

.util-pad-r025 {
  padding-right: 0.25em; }

.util-pad-b025 {
  padding-bottom: 0.25em; }

.util-pad-v025 {
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

.util-pad-h025 {
  padding-left: 0.25em;
  padding-right: 0.25em; }

.util-margin-a025 {
  margin: 0.25em; }

.util-margin-t025 {
  margin-top: 0.25em; }

.util-margin-l025 {
  margin-left: 0.25em; }

.util-margin-r025 {
  margin-right: 0.25em; }

.util-margin-b025 {
  margin-bottom: 0.25em; }

.util-margin-v025 {
  margin-top: 0.25em;
  margin-bottom: 0.25em; }

.util-margin-h025 {
  margin-left: 0.25em;
  margin-right: 0.25em; }

.util-pad-a050 {
  padding: 0.5em; }

.util-pad-t050 {
  padding-top: 0.5em; }

.util-pad-l050 {
  padding-left: 0.5em; }

.util-pad-r050 {
  padding-right: 0.5em; }

.util-pad-b050 {
  padding-bottom: 0.5em; }

.util-pad-v050 {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.util-pad-h050 {
  padding-left: 0.5em;
  padding-right: 0.5em; }

.util-margin-a050 {
  margin: 0.5em; }

.util-margin-t050 {
  margin-top: 0.5em; }

.util-margin-l050 {
  margin-left: 0.5em; }

.util-margin-r050 {
  margin-right: 0.5em; }

.util-margin-b050 {
  margin-bottom: 0.5em; }

.util-margin-v050 {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.util-margin-h050 {
  margin-left: 0.5em;
  margin-right: 0.5em; }

.util-pad-a075 {
  padding: 0.75em; }

.util-pad-t075 {
  padding-top: 0.75em; }

.util-pad-l075 {
  padding-left: 0.75em; }

.util-pad-r075 {
  padding-right: 0.75em; }

.util-pad-b075 {
  padding-bottom: 0.75em; }

.util-pad-v075 {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }

.util-pad-h075 {
  padding-left: 0.75em;
  padding-right: 0.75em; }

.util-margin-a075 {
  margin: 0.75em; }

.util-margin-t075 {
  margin-top: 0.75em; }

.util-margin-l075 {
  margin-left: 0.75em; }

.util-margin-r075 {
  margin-right: 0.75em; }

.util-margin-b075 {
  margin-bottom: 0.75em; }

.util-margin-v075 {
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

.util-margin-h075 {
  margin-left: 0.75em;
  margin-right: 0.75em; }

.grid {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  @supports (display: grid) {
    .grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr); } }

.grid-span {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @supports (display: grid) {
    .grid-span {
      width: 100%; } }

@supports (display: grid) {
  .grid-span {
    width: 100%; } }

@supports (display: grid) {
  .grid-span--row-1 {
    grid-row: span 1; } }

.grid-span--col-1 {
  width: 25%; }
  @supports (display: grid) {
    .grid-span--col-1 {
      width: auto;
      grid-column: span 1; } }
  .grid-span--col-1-1 {
    width: 25%; }
    @supports (display: grid) {
      .grid-span--col-1-1 {
        width: auto;
        grid-column: 1/span 1; } }
  .grid-span--col-1-2 {
    width: 25%; }
    @supports (display: grid) {
      .grid-span--col-1-2 {
        width: auto;
        grid-column: 2/span 1; } }
  .grid-span--col-1-3 {
    width: 25%; }
    @supports (display: grid) {
      .grid-span--col-1-3 {
        width: auto;
        grid-column: 3/span 1; } }
  .grid-span--col-1-4 {
    width: 25%; }
    @supports (display: grid) {
      .grid-span--col-1-4 {
        width: auto;
        grid-column: 4/span 1; } }

@supports (display: grid) {
  .grid-span {
    width: 100%; } }

@supports (display: grid) {
  .grid-span--row-2 {
    grid-row: span 2; } }

.grid-span--col-2 {
  width: 50%; }
  @supports (display: grid) {
    .grid-span--col-2 {
      width: auto;
      grid-column: span 2; } }
  .grid-span--col-2-1 {
    width: 50%; }
    @supports (display: grid) {
      .grid-span--col-2-1 {
        width: auto;
        grid-column: 1/span 2; } }
  .grid-span--col-2-2 {
    width: 50%; }
    @supports (display: grid) {
      .grid-span--col-2-2 {
        width: auto;
        grid-column: 2/span 2; } }
  .grid-span--col-2-3 {
    width: 50%; }
    @supports (display: grid) {
      .grid-span--col-2-3 {
        width: auto;
        grid-column: 3/span 2; } }
  .grid-span--col-2-4 {
    width: 50%; }
    @supports (display: grid) {
      .grid-span--col-2-4 {
        width: auto;
        grid-column: 4/span 2; } }

@supports (display: grid) {
  .grid-span {
    width: 100%; } }

@supports (display: grid) {
  .grid-span--row-3 {
    grid-row: span 3; } }

.grid-span--col-3 {
  width: 75%; }
  @supports (display: grid) {
    .grid-span--col-3 {
      width: auto;
      grid-column: span 3; } }
  .grid-span--col-3-1 {
    width: 75%; }
    @supports (display: grid) {
      .grid-span--col-3-1 {
        width: auto;
        grid-column: 1/span 3; } }
  .grid-span--col-3-2 {
    width: 75%; }
    @supports (display: grid) {
      .grid-span--col-3-2 {
        width: auto;
        grid-column: 2/span 3; } }
  .grid-span--col-3-3 {
    width: 75%; }
    @supports (display: grid) {
      .grid-span--col-3-3 {
        width: auto;
        grid-column: 3/span 3; } }
  .grid-span--col-3-4 {
    width: 75%; }
    @supports (display: grid) {
      .grid-span--col-3-4 {
        width: auto;
        grid-column: 4/span 3; } }

@supports (display: grid) {
  .grid-span {
    width: 100%; } }

@supports (display: grid) {
  .grid-span--row-4 {
    grid-row: span 4; } }

.grid-span--col-4 {
  width: 100%; }
  @supports (display: grid) {
    .grid-span--col-4 {
      width: auto;
      grid-column: span 4; } }
  .grid-span--col-4-1 {
    width: 100%; }
    @supports (display: grid) {
      .grid-span--col-4-1 {
        width: auto;
        grid-column: 1/span 4; } }
  .grid-span--col-4-2 {
    width: 100%; }
    @supports (display: grid) {
      .grid-span--col-4-2 {
        width: auto;
        grid-column: 2/span 4; } }
  .grid-span--col-4-3 {
    width: 100%; }
    @supports (display: grid) {
      .grid-span--col-4-3 {
        width: auto;
        grid-column: 3/span 4; } }
  .grid-span--col-4-4 {
    width: 100%; }
    @supports (display: grid) {
      .grid-span--col-4-4 {
        width: auto;
        grid-column: 4/span 4; } }

.grid-hrz-center {
  justify-self: center; }

@media (min-width: 35.5rem) {
    p:not([class]) {
      font-size: 1.25rem; }
    li:not([class]) {
      font-size: 1.25rem; }
    textarea:not([class]),
    [type="text"]:not([class]),
    [type="search"]:not([class]) {
      font-size: 1.25rem; }
    .hero {
      padding: 1.5rem 2rem; }
        .post-link:not(.post-link--item-1) .post-link__link {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; }
    .post-link--item-2 .post-link__content,
    .post-link--item-3 .post-link__content {
      -ms-flex-preferred-size: calc(50% - 4rem);
          flex-basis: calc(50% - 4rem); }
      .post-link--item-2 .post-link__content::before,
      .post-link--item-3 .post-link__content::before {
        -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;
        top: 44%;
        left: 100%;
        border-top: 1.5rem solid transparent;
        border-right: none;
        border-bottom: 1.5rem solid transparent;
        border-left: 1.5rem solid transparent; }
      .post-link--item-2 .post-link__link:hover .post-link__content::before,
      .post-link--item-3 .post-link__link:hover .post-link__content::before {
        border-top-color: transparent;
        border-left-color: #EF5342; }
      .post-link--item-2 .post-link__content::before {
        border-top-color: transparent;
        border-left-color: #e0e0e0; }
      .post-link--item-3 .post-link__content::before {
        border-top-color: transparent;
        border-left-color: #f2f2f2; }
      .post-link__image {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .post-link__title {
        font-size: 1.875rem; }
      .post-link__title {
        -webkit-hyphens: manual;
            -ms-hyphens: manual;
                hyphens: manual; }
        .post-link--item-1 .post-link__title {
          font-size: 3.375rem; }
      .post-link--item-4 {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .post-link--item-5 {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
    .author-bio {
      padding: 5vw; }
    .event__title {
      font-size: 1.25rem; }
      .newsletter__input--text {
        font-size: 1.25rem; }
      .newsletter__description {
        font-size: 1.25rem; }
      .stories-cta__body {
        font-size: 1.25rem; }
    .site-footer__nav-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .site-footer__nav--primary {
        margin: 0 2em 2em;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .site-footer__nav--secondary {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .site-footer__copyright p {
        font-size: 1.25rem; }
    .widget_tag_cloud .tagcloud {
      font-size: 1.25rem; }
    .cat-item {
      font-size: 1.25rem; }
    select {
      font-size: 1.25rem; }
    .alignright,
    .alignleft,
    .aligncenter,
    .alignnone {
      width: auto; }
      .chapter__button {
        font-size: 1.375rem; }
  .util-visible\@small {
    display: block; }
    .util-visible\@small--flex {
      display: block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .util-hidden\@small {
    display: none; }
    .font-post-1 {
      font-size: 2.25rem; }
    .font-paragraph {
      font-size: 1.25rem; }
    .util-pad-a0\@sm {
      padding: 0em; }
    .util-pad-t0\@sm {
      padding-top: 0em; }
    .util-pad-l0\@sm {
      padding-left: 0em; }
    .util-pad-r0\@sm {
      padding-right: 0em; }
    .util-pad-b0\@sm {
      padding-bottom: 0em; }
    .util-pad-v0\@sm {
      padding-top: 0em;
      padding-bottom: 0em; }
    .util-pad-h0\@sm {
      padding-left: 0em;
      padding-right: 0em; }
    .util-margin-a0\@sm {
      margin: 0em; }
    .util-margin-t0\@sm {
      margin-top: 0em; }
    .util-margin-l0\@sm {
      margin-left: 0em; }
    .util-margin-r0\@sm {
      margin-right: 0em; }
    .util-margin-b0\@sm {
      margin-bottom: 0em; }
    .util-margin-v0\@sm {
      margin-top: 0em;
      margin-bottom: 0em; }
    .util-margin-h0\@sm {
      margin-left: 0em;
      margin-right: 0em; }
    .util-pad-a1\@sm {
      padding: 1em; }
    .util-pad-t1\@sm {
      padding-top: 1em; }
    .util-pad-l1\@sm {
      padding-left: 1em; }
    .util-pad-r1\@sm {
      padding-right: 1em; }
    .util-pad-b1\@sm {
      padding-bottom: 1em; }
    .util-pad-v1\@sm {
      padding-top: 1em;
      padding-bottom: 1em; }
    .util-pad-h1\@sm {
      padding-left: 1em;
      padding-right: 1em; }
    .util-margin-a1\@sm {
      margin: 1em; }
    .util-margin-t1\@sm {
      margin-top: 1em; }
    .util-margin-l1\@sm {
      margin-left: 1em; }
    .util-margin-r1\@sm {
      margin-right: 1em; }
    .util-margin-b1\@sm {
      margin-bottom: 1em; }
    .util-margin-v1\@sm {
      margin-top: 1em;
      margin-bottom: 1em; }
    .util-margin-h1\@sm {
      margin-left: 1em;
      margin-right: 1em; }
    .util-pad-a2\@sm {
      padding: 2em; }
    .util-pad-t2\@sm {
      padding-top: 2em; }
    .util-pad-l2\@sm {
      padding-left: 2em; }
    .util-pad-r2\@sm {
      padding-right: 2em; }
    .util-pad-b2\@sm {
      padding-bottom: 2em; }
    .util-pad-v2\@sm {
      padding-top: 2em;
      padding-bottom: 2em; }
    .util-pad-h2\@sm {
      padding-left: 2em;
      padding-right: 2em; }
    .util-margin-a2\@sm {
      margin: 2em; }
    .util-margin-t2\@sm {
      margin-top: 2em; }
    .util-margin-l2\@sm {
      margin-left: 2em; }
    .util-margin-r2\@sm {
      margin-right: 2em; }
    .util-margin-b2\@sm {
      margin-bottom: 2em; }
    .util-margin-v2\@sm {
      margin-top: 2em;
      margin-bottom: 2em; }
    .util-margin-h2\@sm {
      margin-left: 2em;
      margin-right: 2em; }
    .util-pad-a3\@sm {
      padding: 3em; }
    .util-pad-t3\@sm {
      padding-top: 3em; }
    .util-pad-l3\@sm {
      padding-left: 3em; }
    .util-pad-r3\@sm {
      padding-right: 3em; }
    .util-pad-b3\@sm {
      padding-bottom: 3em; }
    .util-pad-v3\@sm {
      padding-top: 3em;
      padding-bottom: 3em; }
    .util-pad-h3\@sm {
      padding-left: 3em;
      padding-right: 3em; }
    .util-margin-a3\@sm {
      margin: 3em; }
    .util-margin-t3\@sm {
      margin-top: 3em; }
    .util-margin-l3\@sm {
      margin-left: 3em; }
    .util-margin-r3\@sm {
      margin-right: 3em; }
    .util-margin-b3\@sm {
      margin-bottom: 3em; }
    .util-margin-v3\@sm {
      margin-top: 3em;
      margin-bottom: 3em; }
    .util-margin-h3\@sm {
      margin-left: 3em;
      margin-right: 3em; }
    .util-pad-a4\@sm {
      padding: 4em; }
    .util-pad-t4\@sm {
      padding-top: 4em; }
    .util-pad-l4\@sm {
      padding-left: 4em; }
    .util-pad-r4\@sm {
      padding-right: 4em; }
    .util-pad-b4\@sm {
      padding-bottom: 4em; }
    .util-pad-v4\@sm {
      padding-top: 4em;
      padding-bottom: 4em; }
    .util-pad-h4\@sm {
      padding-left: 4em;
      padding-right: 4em; }
    .util-margin-a4\@sm {
      margin: 4em; }
    .util-margin-t4\@sm {
      margin-top: 4em; }
    .util-margin-l4\@sm {
      margin-left: 4em; }
    .util-margin-r4\@sm {
      margin-right: 4em; }
    .util-margin-b4\@sm {
      margin-bottom: 4em; }
    .util-margin-v4\@sm {
      margin-top: 4em;
      margin-bottom: 4em; }
    .util-margin-h4\@sm {
      margin-left: 4em;
      margin-right: 4em; }
    .util-pad-a025\@sm {
      padding: 0.25em; }
    .util-pad-t025\@sm {
      padding-top: 0.25em; }
    .util-pad-l025\@sm {
      padding-left: 0.25em; }
    .util-pad-r025\@sm {
      padding-right: 0.25em; }
    .util-pad-b025\@sm {
      padding-bottom: 0.25em; }
    .util-pad-v025\@sm {
      padding-top: 0.25em;
      padding-bottom: 0.25em; }
    .util-pad-h025\@sm {
      padding-left: 0.25em;
      padding-right: 0.25em; }
    .util-margin-a025\@sm {
      margin: 0.25em; }
    .util-margin-t025\@sm {
      margin-top: 0.25em; }
    .util-margin-l025\@sm {
      margin-left: 0.25em; }
    .util-margin-r025\@sm {
      margin-right: 0.25em; }
    .util-margin-b025\@sm {
      margin-bottom: 0.25em; }
    .util-margin-v025\@sm {
      margin-top: 0.25em;
      margin-bottom: 0.25em; }
    .util-margin-h025\@sm {
      margin-left: 0.25em;
      margin-right: 0.25em; }
    .util-pad-a050\@sm {
      padding: 0.5em; }
    .util-pad-t050\@sm {
      padding-top: 0.5em; }
    .util-pad-l050\@sm {
      padding-left: 0.5em; }
    .util-pad-r050\@sm {
      padding-right: 0.5em; }
    .util-pad-b050\@sm {
      padding-bottom: 0.5em; }
    .util-pad-v050\@sm {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
    .util-pad-h050\@sm {
      padding-left: 0.5em;
      padding-right: 0.5em; }
    .util-margin-a050\@sm {
      margin: 0.5em; }
    .util-margin-t050\@sm {
      margin-top: 0.5em; }
    .util-margin-l050\@sm {
      margin-left: 0.5em; }
    .util-margin-r050\@sm {
      margin-right: 0.5em; }
    .util-margin-b050\@sm {
      margin-bottom: 0.5em; }
    .util-margin-v050\@sm {
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    .util-margin-h050\@sm {
      margin-left: 0.5em;
      margin-right: 0.5em; }
    .util-pad-a075\@sm {
      padding: 0.75em; }
    .util-pad-t075\@sm {
      padding-top: 0.75em; }
    .util-pad-l075\@sm {
      padding-left: 0.75em; }
    .util-pad-r075\@sm {
      padding-right: 0.75em; }
    .util-pad-b075\@sm {
      padding-bottom: 0.75em; }
    .util-pad-v075\@sm {
      padding-top: 0.75em;
      padding-bottom: 0.75em; }
    .util-pad-h075\@sm {
      padding-left: 0.75em;
      padding-right: 0.75em; }
    .util-margin-a075\@sm {
      margin: 0.75em; }
    .util-margin-t075\@sm {
      margin-top: 0.75em; }
    .util-margin-l075\@sm {
      margin-left: 0.75em; }
    .util-margin-r075\@sm {
      margin-right: 0.75em; }
    .util-margin-b075\@sm {
      margin-bottom: 0.75em; }
    .util-margin-v075\@sm {
      margin-top: 0.75em;
      margin-bottom: 0.75em; }
    .util-margin-h075\@sm {
      margin-left: 0.75em;
      margin-right: 0.75em; }
  @supports (display: grid) {
    .grid-span\@sm {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-1\@sm {
      grid-row: span 1; } }
    .grid-span--col-1\@sm {
      width: 25%; }
      @supports (display: grid) {
        .grid-span--col-1\@sm {
          width: auto;
          grid-column: span 1; } }
      .grid-span--col-1-1\@sm {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-1\@sm {
            width: auto;
            grid-column: 1/span 1; } }
      .grid-span--col-1-2\@sm {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-2\@sm {
            width: auto;
            grid-column: 2/span 1; } }
      .grid-span--col-1-3\@sm {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-3\@sm {
            width: auto;
            grid-column: 3/span 1; } }
      .grid-span--col-1-4\@sm {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-4\@sm {
            width: auto;
            grid-column: 4/span 1; } }
  @supports (display: grid) {
    .grid-span\@sm {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-2\@sm {
      grid-row: span 2; } }
    .grid-span--col-2\@sm {
      width: 50%; }
      @supports (display: grid) {
        .grid-span--col-2\@sm {
          width: auto;
          grid-column: span 2; } }
      .grid-span--col-2-1\@sm {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-1\@sm {
            width: auto;
            grid-column: 1/span 2; } }
      .grid-span--col-2-2\@sm {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-2\@sm {
            width: auto;
            grid-column: 2/span 2; } }
      .grid-span--col-2-3\@sm {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-3\@sm {
            width: auto;
            grid-column: 3/span 2; } }
      .grid-span--col-2-4\@sm {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-4\@sm {
            width: auto;
            grid-column: 4/span 2; } }
  @supports (display: grid) {
    .grid-span\@sm {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-3\@sm {
      grid-row: span 3; } }
    .grid-span--col-3\@sm {
      width: 75%; }
      @supports (display: grid) {
        .grid-span--col-3\@sm {
          width: auto;
          grid-column: span 3; } }
      .grid-span--col-3-1\@sm {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-1\@sm {
            width: auto;
            grid-column: 1/span 3; } }
      .grid-span--col-3-2\@sm {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-2\@sm {
            width: auto;
            grid-column: 2/span 3; } }
      .grid-span--col-3-3\@sm {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-3\@sm {
            width: auto;
            grid-column: 3/span 3; } }
      .grid-span--col-3-4\@sm {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-4\@sm {
            width: auto;
            grid-column: 4/span 3; } }
  @supports (display: grid) {
    .grid-span\@sm {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-4\@sm {
      grid-row: span 4; } }
    .grid-span--col-4\@sm {
      width: 100%; }
      @supports (display: grid) {
        .grid-span--col-4\@sm {
          width: auto;
          grid-column: span 4; } }
      .grid-span--col-4-1\@sm {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-1\@sm {
            width: auto;
            grid-column: 1/span 4; } }
      .grid-span--col-4-2\@sm {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-2\@sm {
            width: auto;
            grid-column: 2/span 4; } }
      .grid-span--col-4-3\@sm {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-3\@sm {
            width: auto;
            grid-column: 3/span 4; } }
      .grid-span--col-4-4\@sm {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-4\@sm {
            width: auto;
            grid-column: 4/span 4; } } }

@media (min-width: 48rem) {
      .layout-divider__home--outside {
        background: gray; }
        .is-expanded .nav-bar__navigation {
          left: auto;
          right: 0;
          width: 50vw; }
      .is-expanded .nav-bar__search-container {
        width: 50vw; }
    .hero {
      min-height: 50vh;
      padding: 2rem; }
      .hero__heading {
        font-size: 9.6vw; }
    .search-filter-results {
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%; }
    .post-list__subnav {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
  .post-list__layout {
    grid-column: span 3; }
  .post-list__layout.search-results {
    grid-column: span 4; }
    .post__title {
      font-size: 2.25rem; }
      .page-header__title {
        font-size: 2.25rem; }
      .entry-header__title {
        font-size: 2.25rem; }
    .events__block {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
      .events__block--articles {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
    .newsletter {
      -ms-flex-preferred-size: calc(50% - 4rem);
          flex-basis: calc(50% - 4rem); }
    .newsletter__block--articles {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
  .stories-content {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    @supports (display: grid) {
      .stories-content {
        grid-row: 4;
        grid-column: 2 / span 3; } }
    .stories-nav {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
      @supports (display: grid) {
        .stories-nav {
          grid-column: 1 / span 1; } }
      .site-footer__sponsors {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 25%;
                flex: 1 1 25%;
        padding: 0; }
        .site-footer__sponsors a {
          padding: 2em; }
        .site-footer__sponsors img {
          width: 100%; }
      .site-footer__partners {
        -webkit-box-flex: 2;
            -ms-flex: 2 1 50%;
                flex: 2 1 50%; }
      .site-footer__meta {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
        .post__footer .latest-articles .post-link--article-1 {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; }
        .post__footer .latest-articles .post-link--article-2 {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; }
  .search-filter-results .pagination {
    margin: 0 -35vw;
    padding-left: 35vw;
    width: 100%; }
      .category-header__title {
        font-size: 2.25rem; }
      .chapter__item {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
  .util-visible\@medium {
    display: block; }
    .util-visible\@medium--flex {
      display: block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .util-hidden\@medium {
    display: none; }
    .font-post-1 {
      font-size: 3.375rem; }
    .font-headline-3 {
      font-size: 1.75rem; }
    .util-pad-a0\@md {
      padding: 0em; }
    .util-pad-t0\@md {
      padding-top: 0em; }
    .util-pad-l0\@md {
      padding-left: 0em; }
    .util-pad-r0\@md {
      padding-right: 0em; }
    .util-pad-b0\@md {
      padding-bottom: 0em; }
    .util-pad-v0\@md {
      padding-top: 0em;
      padding-bottom: 0em; }
    .util-pad-h0\@md {
      padding-left: 0em;
      padding-right: 0em; }
    .util-margin-a0\@md {
      margin: 0em; }
    .util-margin-t0\@md {
      margin-top: 0em; }
    .util-margin-l0\@md {
      margin-left: 0em; }
    .util-margin-r0\@md {
      margin-right: 0em; }
    .util-margin-b0\@md {
      margin-bottom: 0em; }
    .util-margin-v0\@md {
      margin-top: 0em;
      margin-bottom: 0em; }
    .util-margin-h0\@md {
      margin-left: 0em;
      margin-right: 0em; }
    .util-pad-a1\@md {
      padding: 1em; }
    .util-pad-t1\@md {
      padding-top: 1em; }
    .util-pad-l1\@md {
      padding-left: 1em; }
    .util-pad-r1\@md {
      padding-right: 1em; }
    .util-pad-b1\@md {
      padding-bottom: 1em; }
    .util-pad-v1\@md {
      padding-top: 1em;
      padding-bottom: 1em; }
    .util-pad-h1\@md {
      padding-left: 1em;
      padding-right: 1em; }
    .util-margin-a1\@md {
      margin: 1em; }
    .util-margin-t1\@md {
      margin-top: 1em; }
    .util-margin-l1\@md {
      margin-left: 1em; }
    .util-margin-r1\@md {
      margin-right: 1em; }
    .util-margin-b1\@md {
      margin-bottom: 1em; }
    .util-margin-v1\@md {
      margin-top: 1em;
      margin-bottom: 1em; }
    .util-margin-h1\@md {
      margin-left: 1em;
      margin-right: 1em; }
    .util-pad-a2\@md {
      padding: 2em; }
    .util-pad-t2\@md {
      padding-top: 2em; }
    .util-pad-l2\@md {
      padding-left: 2em; }
    .util-pad-r2\@md {
      padding-right: 2em; }
    .util-pad-b2\@md {
      padding-bottom: 2em; }
    .util-pad-v2\@md {
      padding-top: 2em;
      padding-bottom: 2em; }
    .util-pad-h2\@md {
      padding-left: 2em;
      padding-right: 2em; }
    .util-margin-a2\@md {
      margin: 2em; }
    .util-margin-t2\@md {
      margin-top: 2em; }
    .util-margin-l2\@md {
      margin-left: 2em; }
    .util-margin-r2\@md {
      margin-right: 2em; }
    .util-margin-b2\@md {
      margin-bottom: 2em; }
    .util-margin-v2\@md {
      margin-top: 2em;
      margin-bottom: 2em; }
    .util-margin-h2\@md {
      margin-left: 2em;
      margin-right: 2em; }
    .util-pad-a3\@md {
      padding: 3em; }
    .util-pad-t3\@md {
      padding-top: 3em; }
    .util-pad-l3\@md {
      padding-left: 3em; }
    .util-pad-r3\@md {
      padding-right: 3em; }
    .util-pad-b3\@md {
      padding-bottom: 3em; }
    .util-pad-v3\@md {
      padding-top: 3em;
      padding-bottom: 3em; }
    .util-pad-h3\@md {
      padding-left: 3em;
      padding-right: 3em; }
    .util-margin-a3\@md {
      margin: 3em; }
    .util-margin-t3\@md {
      margin-top: 3em; }
    .util-margin-l3\@md {
      margin-left: 3em; }
    .util-margin-r3\@md {
      margin-right: 3em; }
    .util-margin-b3\@md {
      margin-bottom: 3em; }
    .util-margin-v3\@md {
      margin-top: 3em;
      margin-bottom: 3em; }
    .util-margin-h3\@md {
      margin-left: 3em;
      margin-right: 3em; }
    .util-pad-a4\@md {
      padding: 4em; }
    .util-pad-t4\@md {
      padding-top: 4em; }
    .util-pad-l4\@md {
      padding-left: 4em; }
    .util-pad-r4\@md {
      padding-right: 4em; }
    .util-pad-b4\@md {
      padding-bottom: 4em; }
    .util-pad-v4\@md {
      padding-top: 4em;
      padding-bottom: 4em; }
    .util-pad-h4\@md {
      padding-left: 4em;
      padding-right: 4em; }
    .util-margin-a4\@md {
      margin: 4em; }
    .util-margin-t4\@md {
      margin-top: 4em; }
    .util-margin-l4\@md {
      margin-left: 4em; }
    .util-margin-r4\@md {
      margin-right: 4em; }
    .util-margin-b4\@md {
      margin-bottom: 4em; }
    .util-margin-v4\@md {
      margin-top: 4em;
      margin-bottom: 4em; }
    .util-margin-h4\@md {
      margin-left: 4em;
      margin-right: 4em; }
    .util-pad-a025\@md {
      padding: 0.25em; }
    .util-pad-t025\@md {
      padding-top: 0.25em; }
    .util-pad-l025\@md {
      padding-left: 0.25em; }
    .util-pad-r025\@md {
      padding-right: 0.25em; }
    .util-pad-b025\@md {
      padding-bottom: 0.25em; }
    .util-pad-v025\@md {
      padding-top: 0.25em;
      padding-bottom: 0.25em; }
    .util-pad-h025\@md {
      padding-left: 0.25em;
      padding-right: 0.25em; }
    .util-margin-a025\@md {
      margin: 0.25em; }
    .util-margin-t025\@md {
      margin-top: 0.25em; }
    .util-margin-l025\@md {
      margin-left: 0.25em; }
    .util-margin-r025\@md {
      margin-right: 0.25em; }
    .util-margin-b025\@md {
      margin-bottom: 0.25em; }
    .util-margin-v025\@md {
      margin-top: 0.25em;
      margin-bottom: 0.25em; }
    .util-margin-h025\@md {
      margin-left: 0.25em;
      margin-right: 0.25em; }
    .util-pad-a050\@md {
      padding: 0.5em; }
    .util-pad-t050\@md {
      padding-top: 0.5em; }
    .util-pad-l050\@md {
      padding-left: 0.5em; }
    .util-pad-r050\@md {
      padding-right: 0.5em; }
    .util-pad-b050\@md {
      padding-bottom: 0.5em; }
    .util-pad-v050\@md {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
    .util-pad-h050\@md {
      padding-left: 0.5em;
      padding-right: 0.5em; }
    .util-margin-a050\@md {
      margin: 0.5em; }
    .util-margin-t050\@md {
      margin-top: 0.5em; }
    .util-margin-l050\@md {
      margin-left: 0.5em; }
    .util-margin-r050\@md {
      margin-right: 0.5em; }
    .util-margin-b050\@md {
      margin-bottom: 0.5em; }
    .util-margin-v050\@md {
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    .util-margin-h050\@md {
      margin-left: 0.5em;
      margin-right: 0.5em; }
    .util-pad-a075\@md {
      padding: 0.75em; }
    .util-pad-t075\@md {
      padding-top: 0.75em; }
    .util-pad-l075\@md {
      padding-left: 0.75em; }
    .util-pad-r075\@md {
      padding-right: 0.75em; }
    .util-pad-b075\@md {
      padding-bottom: 0.75em; }
    .util-pad-v075\@md {
      padding-top: 0.75em;
      padding-bottom: 0.75em; }
    .util-pad-h075\@md {
      padding-left: 0.75em;
      padding-right: 0.75em; }
    .util-margin-a075\@md {
      margin: 0.75em; }
    .util-margin-t075\@md {
      margin-top: 0.75em; }
    .util-margin-l075\@md {
      margin-left: 0.75em; }
    .util-margin-r075\@md {
      margin-right: 0.75em; }
    .util-margin-b075\@md {
      margin-bottom: 0.75em; }
    .util-margin-v075\@md {
      margin-top: 0.75em;
      margin-bottom: 0.75em; }
    .util-margin-h075\@md {
      margin-left: 0.75em;
      margin-right: 0.75em; }
  @supports (display: grid) {
    .grid-span\@md {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-1\@md {
      grid-row: span 1; } }
    .grid-span--col-1\@md {
      width: 25%; }
      @supports (display: grid) {
        .grid-span--col-1\@md {
          width: auto;
          grid-column: span 1; } }
      .grid-span--col-1-1\@md {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-1\@md {
            width: auto;
            grid-column: 1/span 1; } }
      .grid-span--col-1-2\@md {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-2\@md {
            width: auto;
            grid-column: 2/span 1; } }
      .grid-span--col-1-3\@md {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-3\@md {
            width: auto;
            grid-column: 3/span 1; } }
      .grid-span--col-1-4\@md {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-4\@md {
            width: auto;
            grid-column: 4/span 1; } }
  @supports (display: grid) {
    .grid-span\@md {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-2\@md {
      grid-row: span 2; } }
    .grid-span--col-2\@md {
      width: 50%; }
      @supports (display: grid) {
        .grid-span--col-2\@md {
          width: auto;
          grid-column: span 2; } }
      .grid-span--col-2-1\@md {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-1\@md {
            width: auto;
            grid-column: 1/span 2; } }
      .grid-span--col-2-2\@md {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-2\@md {
            width: auto;
            grid-column: 2/span 2; } }
      .grid-span--col-2-3\@md {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-3\@md {
            width: auto;
            grid-column: 3/span 2; } }
      .grid-span--col-2-4\@md {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-4\@md {
            width: auto;
            grid-column: 4/span 2; } }
  @supports (display: grid) {
    .grid-span\@md {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-3\@md {
      grid-row: span 3; } }
    .grid-span--col-3\@md {
      width: 75%; }
      @supports (display: grid) {
        .grid-span--col-3\@md {
          width: auto;
          grid-column: span 3; } }
      .grid-span--col-3-1\@md {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-1\@md {
            width: auto;
            grid-column: 1/span 3; } }
      .grid-span--col-3-2\@md {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-2\@md {
            width: auto;
            grid-column: 2/span 3; } }
      .grid-span--col-3-3\@md {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-3\@md {
            width: auto;
            grid-column: 3/span 3; } }
      .grid-span--col-3-4\@md {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-4\@md {
            width: auto;
            grid-column: 4/span 3; } }
  @supports (display: grid) {
    .grid-span\@md {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-4\@md {
      grid-row: span 4; } }
    .grid-span--col-4\@md {
      width: 100%; }
      @supports (display: grid) {
        .grid-span--col-4\@md {
          width: auto;
          grid-column: span 4; } }
      .grid-span--col-4-1\@md {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-1\@md {
            width: auto;
            grid-column: 1/span 4; } }
      .grid-span--col-4-2\@md {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-2\@md {
            width: auto;
            grid-column: 2/span 4; } }
      .grid-span--col-4-3\@md {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-3\@md {
            width: auto;
            grid-column: 3/span 4; } }
      .grid-span--col-4-4\@md {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-4\@md {
            width: auto;
            grid-column: 4/span 4; } } }

@media (min-width: 34rem) {
  .site-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .site-header__title {
      width: 50%; }
    .nav-bar {
      width: 50%; }
        .is-expanded .nav-bar__navigation {
          top: 3.25rem; }
      .is-expanded .nav-bar__search-container {
        top: 3.25rem; } }

@media (min-width: 66rem) {
    .site-header__title {
      width: 25%; }
    .site-header__title--home {
      background-color: #f2f2f2;
      width: 50%; }
      .site-header__title--home .logo-large {
        display: block;
        position: absolute;
        top: 3.25rem;
        left: 5vw; }
      .site-header__title--home .logo-small {
        display: none; }
      .site-header__title-link:hover {
        background-color: #f2f2f2; }
    .nav-bar {
      width: 75%; }
      .site-header__title--home + .nav-bar {
        width: 50%; }
    .nav-bar {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .nav-bar__container {
        width: 75%; }
        .is-expanded .nav-bar__navigation {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          position: static;
          background-color: transparent; }
          .home .is-expanded .nav-bar__navigation {
            background-color: #787878; }
      .nav-bar__navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
      .home .nav-bar__navigation {
        display: none; }
      .nav-bar__list {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
      .home .nav-bar__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .nav-bar__list .menu-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
      .home .nav-bar__list .menu-item {
        display: block; }
      .home .nav-bar__toggle-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .nav-bar__toggle-nav {
        display: none; }
    .nav-bar__search {
      -ms-flex-preferred-size: 3rem;
          flex-basis: 3rem;
      -ms-flex-negative: 2;
          flex-shrink: 2; }
    .home .nav-bar__search {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .nav-bar__toggle-search {
      -ms-flex-preferred-size: 3rem;
          flex-basis: 3rem;
      -ms-flex-negative: 2;
          flex-shrink: 2;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      background: url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A//www.w3.org/2000/svg' width%3D'18' height%3D'17' viewBox%3D'0 0 18 17'%3E\a           %3Cpath fill%3D'white' stroke%3D'white' stroke-width%3D'.5' d%3D'M6.96 11.08a4.12 4.12 0 1 0 0-8.24 4.12 4.12 0 0 0 0 8.24zm5.5 0L17 15.63 15.63 17l-4.55-4.55v-.73l-.26-.25a5.86 5.86 0 0 1-3.86 1.41 5.95 5.95 0 1 1 4.5-2.06l.26.26h.73z'/%3E\a         %3C/svg%3E") no-repeat center center; }
    .home .nav-bar__toggle-search {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      text-indent: 0;
      background: none; }
  .nav-bar__search-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .home .nav-bar__search-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    position: static !important;
    clip: unset !important;
    padding: 0 !important;
    border: 0 !important;
    height: auto !important;
    width: auto !important;
    overflow: visible; }
      .hero__heading {
        margin-top: 3.25rem; } }

@media (min-width: 77rem) {
      .home .nav-bar__container {
        width: 75%; }
          .home .is-expanded .nav-bar__navigation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            background-color: transparent;
            position: static; }
      .home .nav-bar__navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
      .home .nav-bar__list {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
      .home .nav-bar__list .menu-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
      .home .nav-bar__toggle-nav {
        display: none; }
    .home .nav-bar__search {
      -ms-flex-preferred-size: 3rem;
          flex-basis: 3rem;
      -ms-flex-negative: 2;
          flex-shrink: 2; }
    .home .nav-bar__toggle-search {
      background: url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A//www.w3.org/2000/svg' width%3D'18' height%3D'17' viewBox%3D'0 0 18 17'%3E\a             %3Cpath fill%3D'white' stroke%3D'white' stroke-width%3D'.5' d%3D'M6.96 11.08a4.12 4.12 0 1 0 0-8.24 4.12 4.12 0 0 0 0 8.24zm5.5 0L17 15.63 15.63 17l-4.55-4.55v-.73l-.26-.25a5.86 5.86 0 0 1-3.86 1.41 5.95 5.95 0 1 1 4.5-2.06l.26.26h.73z'/%3E\a           %3C/svg%3E") no-repeat center center; }
  .home .nav-bar__search-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; } }

@media (max-width: 65.375rem) {
      .nav-bar a[href], .nav-bar a[href]:not([class]) {
        padding: 0.5rem 0.75rem;
        font-size: 1.375rem; } }

@media (max-width: 77rem) {
      .home .nav-bar a[href], .home .nav-bar a[href]:not([class]) {
        padding: 0.5rem 0.75rem;
        font-size: 1.375rem; } }

@media (min-width: 80rem) {
      .is-expanded .nav-bar__search-container {
        width: 25vw; }
        .post-link--item-1 .post-link__title {
          font-size: 4.375rem; }
      .post-link--item-2 {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .post-link--item-3 {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .post-link--item-4 {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%; }
      .post-link--item-5 {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%; }
    .post__title {
      font-size: 3.375rem;
      line-height: 1.075; }
    .post .wp-caption .wp-caption-text {
      width: 16vw; }
      .page-header__title {
        font-size: 3.375rem;
        line-height: 1.075; }
      .entry-header__title {
        font-size: 3.375rem;
        line-height: 1.075; }
    .events__block {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%; }
    .newsletter {
      -ms-flex-preferred-size: calc(25% - 4rem);
          flex-basis: calc(25% - 4rem);
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      .category-header__title {
        font-size: 3.375rem;
        line-height: 1.075; }
    .font-post-1 {
      font-size: 4.375rem; }
    .util-pad-a0\@xl {
      padding: 0em; }
    .util-pad-t0\@xl {
      padding-top: 0em; }
    .util-pad-l0\@xl {
      padding-left: 0em; }
    .util-pad-r0\@xl {
      padding-right: 0em; }
    .util-pad-b0\@xl {
      padding-bottom: 0em; }
    .util-pad-v0\@xl {
      padding-top: 0em;
      padding-bottom: 0em; }
    .util-pad-h0\@xl {
      padding-left: 0em;
      padding-right: 0em; }
    .util-margin-a0\@xl {
      margin: 0em; }
    .util-margin-t0\@xl {
      margin-top: 0em; }
    .util-margin-l0\@xl {
      margin-left: 0em; }
    .util-margin-r0\@xl {
      margin-right: 0em; }
    .util-margin-b0\@xl {
      margin-bottom: 0em; }
    .util-margin-v0\@xl {
      margin-top: 0em;
      margin-bottom: 0em; }
    .util-margin-h0\@xl {
      margin-left: 0em;
      margin-right: 0em; }
    .util-pad-a1\@xl {
      padding: 1em; }
    .util-pad-t1\@xl {
      padding-top: 1em; }
    .util-pad-l1\@xl {
      padding-left: 1em; }
    .util-pad-r1\@xl {
      padding-right: 1em; }
    .util-pad-b1\@xl {
      padding-bottom: 1em; }
    .util-pad-v1\@xl {
      padding-top: 1em;
      padding-bottom: 1em; }
    .util-pad-h1\@xl {
      padding-left: 1em;
      padding-right: 1em; }
    .util-margin-a1\@xl {
      margin: 1em; }
    .util-margin-t1\@xl {
      margin-top: 1em; }
    .util-margin-l1\@xl {
      margin-left: 1em; }
    .util-margin-r1\@xl {
      margin-right: 1em; }
    .util-margin-b1\@xl {
      margin-bottom: 1em; }
    .util-margin-v1\@xl {
      margin-top: 1em;
      margin-bottom: 1em; }
    .util-margin-h1\@xl {
      margin-left: 1em;
      margin-right: 1em; }
    .util-pad-a2\@xl {
      padding: 2em; }
    .util-pad-t2\@xl {
      padding-top: 2em; }
    .util-pad-l2\@xl {
      padding-left: 2em; }
    .util-pad-r2\@xl {
      padding-right: 2em; }
    .util-pad-b2\@xl {
      padding-bottom: 2em; }
    .util-pad-v2\@xl {
      padding-top: 2em;
      padding-bottom: 2em; }
    .util-pad-h2\@xl {
      padding-left: 2em;
      padding-right: 2em; }
    .util-margin-a2\@xl {
      margin: 2em; }
    .util-margin-t2\@xl {
      margin-top: 2em; }
    .util-margin-l2\@xl {
      margin-left: 2em; }
    .util-margin-r2\@xl {
      margin-right: 2em; }
    .util-margin-b2\@xl {
      margin-bottom: 2em; }
    .util-margin-v2\@xl {
      margin-top: 2em;
      margin-bottom: 2em; }
    .util-margin-h2\@xl {
      margin-left: 2em;
      margin-right: 2em; }
    .util-pad-a3\@xl {
      padding: 3em; }
    .util-pad-t3\@xl {
      padding-top: 3em; }
    .util-pad-l3\@xl {
      padding-left: 3em; }
    .util-pad-r3\@xl {
      padding-right: 3em; }
    .util-pad-b3\@xl {
      padding-bottom: 3em; }
    .util-pad-v3\@xl {
      padding-top: 3em;
      padding-bottom: 3em; }
    .util-pad-h3\@xl {
      padding-left: 3em;
      padding-right: 3em; }
    .util-margin-a3\@xl {
      margin: 3em; }
    .util-margin-t3\@xl {
      margin-top: 3em; }
    .util-margin-l3\@xl {
      margin-left: 3em; }
    .util-margin-r3\@xl {
      margin-right: 3em; }
    .util-margin-b3\@xl {
      margin-bottom: 3em; }
    .util-margin-v3\@xl {
      margin-top: 3em;
      margin-bottom: 3em; }
    .util-margin-h3\@xl {
      margin-left: 3em;
      margin-right: 3em; }
    .util-pad-a4\@xl {
      padding: 4em; }
    .util-pad-t4\@xl {
      padding-top: 4em; }
    .util-pad-l4\@xl {
      padding-left: 4em; }
    .util-pad-r4\@xl {
      padding-right: 4em; }
    .util-pad-b4\@xl {
      padding-bottom: 4em; }
    .util-pad-v4\@xl {
      padding-top: 4em;
      padding-bottom: 4em; }
    .util-pad-h4\@xl {
      padding-left: 4em;
      padding-right: 4em; }
    .util-margin-a4\@xl {
      margin: 4em; }
    .util-margin-t4\@xl {
      margin-top: 4em; }
    .util-margin-l4\@xl {
      margin-left: 4em; }
    .util-margin-r4\@xl {
      margin-right: 4em; }
    .util-margin-b4\@xl {
      margin-bottom: 4em; }
    .util-margin-v4\@xl {
      margin-top: 4em;
      margin-bottom: 4em; }
    .util-margin-h4\@xl {
      margin-left: 4em;
      margin-right: 4em; }
    .util-pad-a025\@xl {
      padding: 0.25em; }
    .util-pad-t025\@xl {
      padding-top: 0.25em; }
    .util-pad-l025\@xl {
      padding-left: 0.25em; }
    .util-pad-r025\@xl {
      padding-right: 0.25em; }
    .util-pad-b025\@xl {
      padding-bottom: 0.25em; }
    .util-pad-v025\@xl {
      padding-top: 0.25em;
      padding-bottom: 0.25em; }
    .util-pad-h025\@xl {
      padding-left: 0.25em;
      padding-right: 0.25em; }
    .util-margin-a025\@xl {
      margin: 0.25em; }
    .util-margin-t025\@xl {
      margin-top: 0.25em; }
    .util-margin-l025\@xl {
      margin-left: 0.25em; }
    .util-margin-r025\@xl {
      margin-right: 0.25em; }
    .util-margin-b025\@xl {
      margin-bottom: 0.25em; }
    .util-margin-v025\@xl {
      margin-top: 0.25em;
      margin-bottom: 0.25em; }
    .util-margin-h025\@xl {
      margin-left: 0.25em;
      margin-right: 0.25em; }
    .util-pad-a050\@xl {
      padding: 0.5em; }
    .util-pad-t050\@xl {
      padding-top: 0.5em; }
    .util-pad-l050\@xl {
      padding-left: 0.5em; }
    .util-pad-r050\@xl {
      padding-right: 0.5em; }
    .util-pad-b050\@xl {
      padding-bottom: 0.5em; }
    .util-pad-v050\@xl {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
    .util-pad-h050\@xl {
      padding-left: 0.5em;
      padding-right: 0.5em; }
    .util-margin-a050\@xl {
      margin: 0.5em; }
    .util-margin-t050\@xl {
      margin-top: 0.5em; }
    .util-margin-l050\@xl {
      margin-left: 0.5em; }
    .util-margin-r050\@xl {
      margin-right: 0.5em; }
    .util-margin-b050\@xl {
      margin-bottom: 0.5em; }
    .util-margin-v050\@xl {
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    .util-margin-h050\@xl {
      margin-left: 0.5em;
      margin-right: 0.5em; }
    .util-pad-a075\@xl {
      padding: 0.75em; }
    .util-pad-t075\@xl {
      padding-top: 0.75em; }
    .util-pad-l075\@xl {
      padding-left: 0.75em; }
    .util-pad-r075\@xl {
      padding-right: 0.75em; }
    .util-pad-b075\@xl {
      padding-bottom: 0.75em; }
    .util-pad-v075\@xl {
      padding-top: 0.75em;
      padding-bottom: 0.75em; }
    .util-pad-h075\@xl {
      padding-left: 0.75em;
      padding-right: 0.75em; }
    .util-margin-a075\@xl {
      margin: 0.75em; }
    .util-margin-t075\@xl {
      margin-top: 0.75em; }
    .util-margin-l075\@xl {
      margin-left: 0.75em; }
    .util-margin-r075\@xl {
      margin-right: 0.75em; }
    .util-margin-b075\@xl {
      margin-bottom: 0.75em; }
    .util-margin-v075\@xl {
      margin-top: 0.75em;
      margin-bottom: 0.75em; }
    .util-margin-h075\@xl {
      margin-left: 0.75em;
      margin-right: 0.75em; }
  @supports (display: grid) {
    .grid-span\@xl {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-1\@xl {
      grid-row: span 1; } }
    .grid-span--col-1\@xl {
      width: 25%; }
      @supports (display: grid) {
        .grid-span--col-1\@xl {
          width: auto;
          grid-column: span 1; } }
      .grid-span--col-1-1\@xl {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-1\@xl {
            width: auto;
            grid-column: 1/span 1; } }
      .grid-span--col-1-2\@xl {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-2\@xl {
            width: auto;
            grid-column: 2/span 1; } }
      .grid-span--col-1-3\@xl {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-3\@xl {
            width: auto;
            grid-column: 3/span 1; } }
      .grid-span--col-1-4\@xl {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-4\@xl {
            width: auto;
            grid-column: 4/span 1; } }
  @supports (display: grid) {
    .grid-span\@xl {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-2\@xl {
      grid-row: span 2; } }
    .grid-span--col-2\@xl {
      width: 50%; }
      @supports (display: grid) {
        .grid-span--col-2\@xl {
          width: auto;
          grid-column: span 2; } }
      .grid-span--col-2-1\@xl {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-1\@xl {
            width: auto;
            grid-column: 1/span 2; } }
      .grid-span--col-2-2\@xl {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-2\@xl {
            width: auto;
            grid-column: 2/span 2; } }
      .grid-span--col-2-3\@xl {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-3\@xl {
            width: auto;
            grid-column: 3/span 2; } }
      .grid-span--col-2-4\@xl {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-4\@xl {
            width: auto;
            grid-column: 4/span 2; } }
  @supports (display: grid) {
    .grid-span\@xl {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-3\@xl {
      grid-row: span 3; } }
    .grid-span--col-3\@xl {
      width: 75%; }
      @supports (display: grid) {
        .grid-span--col-3\@xl {
          width: auto;
          grid-column: span 3; } }
      .grid-span--col-3-1\@xl {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-1\@xl {
            width: auto;
            grid-column: 1/span 3; } }
      .grid-span--col-3-2\@xl {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-2\@xl {
            width: auto;
            grid-column: 2/span 3; } }
      .grid-span--col-3-3\@xl {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-3\@xl {
            width: auto;
            grid-column: 3/span 3; } }
      .grid-span--col-3-4\@xl {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-4\@xl {
            width: auto;
            grid-column: 4/span 3; } }
  @supports (display: grid) {
    .grid-span\@xl {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-4\@xl {
      grid-row: span 4; } }
    .grid-span--col-4\@xl {
      width: 100%; }
      @supports (display: grid) {
        .grid-span--col-4\@xl {
          width: auto;
          grid-column: span 4; } }
      .grid-span--col-4-1\@xl {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-1\@xl {
            width: auto;
            grid-column: 1/span 4; } }
      .grid-span--col-4-2\@xl {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-2\@xl {
            width: auto;
            grid-column: 2/span 4; } }
      .grid-span--col-4-3\@xl {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-3\@xl {
            width: auto;
            grid-column: 3/span 4; } }
      .grid-span--col-4-4\@xl {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-4\@xl {
            width: auto;
            grid-column: 4/span 4; } } }

@media (min-width: 64rem) {
    .hero {
      padding: 5vw;
      -ms-flex-preferred-size: calc(50% - 10vw);
          flex-basis: calc(50% - 10vw); }
        .post-link--item-1 .post-link__title {
          font-size: 3.375rem; }
      .post-link--item-1 {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .post-link--item-2 {
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%; }
      .post-link--item-3 {
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .post-link--item-4 {
        background-color: #f2f2f2;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%; }
      .post-link--item-5 {
        background-color: #e0e0e0;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
    .search-filter-results {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
  .post-list__layout {
    grid-column: span 2; }
  .post-list__layout.search-results {
    grid-column: 2/span 2; }
    .post__title-container {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .post__featured-img-container {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
      .post__featured-img-container.is-empty {
        background-color: #e0e0e0;
        display: block; }
    .post__meta {
      -ms-flex-preferred-size: calc(25% - 4em);
          flex-basis: calc(25% - 4em);
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
  .post__featured-img-container.is-empty + .post__meta {
    -ms-flex-preferred-size: calc(25% - 4em);
        flex-basis: calc(25% - 4em); }
  .post .wp-caption {
    position: relative; }
    .post .wp-caption .wp-caption-text {
      position: absolute;
      margin: 0;
      padding: 2em 3vw;
      top: 0;
      left: 100%;
      width: 22vw; }
      .page-header__title-container {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        min-height: 8rem; }
      .entry-header__title-container {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        min-height: 8rem; }
    .entry-content, .page-content {
      -ms-flex-preferred-size: calc(50% - 4rem);
          flex-basis: calc(50% - 4rem); }
      .page-template-template-about .entry-content, .page-template-template-about .page-content {
        padding-right: 25%; }
      .events__block--articles {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%; }
    .newsletter__block--articles {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%; }
  .stories-content {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
    @supports (display: grid) {
      .stories-content {
        grid-row: 4;
        grid-column: 2 / span 2; } }
      .site-footer__nav--primary {
        margin: 1em 2em 2em; }
      .site-footer__nav--secondary {
        margin: 0.45em 2em 0; }
      .site-footer__nav--secondary ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .site-footer__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -ms-flex-line-pack: center;
            align-content: center; }
    .site-footer__copyright {
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-box-flex: 3;
          -ms-flex: 3;
              flex: 3; }
      .site-footer__copyright p {
        text-align: left; }
      .site-footer__social-media {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .partners__list-item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 33%;
                flex: 1 1 33%; }
    .social-media__item {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      padding: 1em 0; }
      .post__footer .latest-articles {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .post__footer .author-bio {
        -ms-flex-preferred-size: calc(50% - 10vw);
            flex-basis: calc(50% - 10vw); }
      .post__footer .author-bio + .post__cta-content {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .post__footer .author-bio + .post__cta-content .latest-articles {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
      .post__footer .author-bio + .post__cta-content .events__block--articles {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .post__footer .author-bio + .post__cta-content .newsletter__block--articles {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
    .comments-area {
      grid-column: span 2 / 4;
      margin: 0 0 5vh 0; }
  .search-filter-results .pagination {
    margin: 0 calc(-25vw + 4px);
    padding: 0 calc(25vw - 4px); }
      .category-header__title-container {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
    .category-content {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
    .category-content .pagination {
      margin: 0 calc(-25vw + 4px);
      padding: 0 calc(25vw - 4px); }
  .util-visible\@large {
    display: block; }
    .util-visible\@large--flex {
      display: block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .util-hidden\@large {
    display: none; }
    .font-post-1 {
      font-size: 3.375rem; }
    .util-pad-a0\@lg {
      padding: 0em; }
    .util-pad-t0\@lg {
      padding-top: 0em; }
    .util-pad-l0\@lg {
      padding-left: 0em; }
    .util-pad-r0\@lg {
      padding-right: 0em; }
    .util-pad-b0\@lg {
      padding-bottom: 0em; }
    .util-pad-v0\@lg {
      padding-top: 0em;
      padding-bottom: 0em; }
    .util-pad-h0\@lg {
      padding-left: 0em;
      padding-right: 0em; }
    .util-margin-a0\@lg {
      margin: 0em; }
    .util-margin-t0\@lg {
      margin-top: 0em; }
    .util-margin-l0\@lg {
      margin-left: 0em; }
    .util-margin-r0\@lg {
      margin-right: 0em; }
    .util-margin-b0\@lg {
      margin-bottom: 0em; }
    .util-margin-v0\@lg {
      margin-top: 0em;
      margin-bottom: 0em; }
    .util-margin-h0\@lg {
      margin-left: 0em;
      margin-right: 0em; }
    .util-pad-a1\@lg {
      padding: 1em; }
    .util-pad-t1\@lg {
      padding-top: 1em; }
    .util-pad-l1\@lg {
      padding-left: 1em; }
    .util-pad-r1\@lg {
      padding-right: 1em; }
    .util-pad-b1\@lg {
      padding-bottom: 1em; }
    .util-pad-v1\@lg {
      padding-top: 1em;
      padding-bottom: 1em; }
    .util-pad-h1\@lg {
      padding-left: 1em;
      padding-right: 1em; }
    .util-margin-a1\@lg {
      margin: 1em; }
    .util-margin-t1\@lg {
      margin-top: 1em; }
    .util-margin-l1\@lg {
      margin-left: 1em; }
    .util-margin-r1\@lg {
      margin-right: 1em; }
    .util-margin-b1\@lg {
      margin-bottom: 1em; }
    .util-margin-v1\@lg {
      margin-top: 1em;
      margin-bottom: 1em; }
    .util-margin-h1\@lg {
      margin-left: 1em;
      margin-right: 1em; }
    .util-pad-a2\@lg {
      padding: 2em; }
    .util-pad-t2\@lg {
      padding-top: 2em; }
    .util-pad-l2\@lg {
      padding-left: 2em; }
    .util-pad-r2\@lg {
      padding-right: 2em; }
    .util-pad-b2\@lg {
      padding-bottom: 2em; }
    .util-pad-v2\@lg {
      padding-top: 2em;
      padding-bottom: 2em; }
    .util-pad-h2\@lg {
      padding-left: 2em;
      padding-right: 2em; }
    .util-margin-a2\@lg {
      margin: 2em; }
    .util-margin-t2\@lg {
      margin-top: 2em; }
    .util-margin-l2\@lg {
      margin-left: 2em; }
    .util-margin-r2\@lg {
      margin-right: 2em; }
    .util-margin-b2\@lg {
      margin-bottom: 2em; }
    .util-margin-v2\@lg {
      margin-top: 2em;
      margin-bottom: 2em; }
    .util-margin-h2\@lg {
      margin-left: 2em;
      margin-right: 2em; }
    .util-pad-a3\@lg {
      padding: 3em; }
    .util-pad-t3\@lg {
      padding-top: 3em; }
    .util-pad-l3\@lg {
      padding-left: 3em; }
    .util-pad-r3\@lg {
      padding-right: 3em; }
    .util-pad-b3\@lg {
      padding-bottom: 3em; }
    .util-pad-v3\@lg {
      padding-top: 3em;
      padding-bottom: 3em; }
    .util-pad-h3\@lg {
      padding-left: 3em;
      padding-right: 3em; }
    .util-margin-a3\@lg {
      margin: 3em; }
    .util-margin-t3\@lg {
      margin-top: 3em; }
    .util-margin-l3\@lg {
      margin-left: 3em; }
    .util-margin-r3\@lg {
      margin-right: 3em; }
    .util-margin-b3\@lg {
      margin-bottom: 3em; }
    .util-margin-v3\@lg {
      margin-top: 3em;
      margin-bottom: 3em; }
    .util-margin-h3\@lg {
      margin-left: 3em;
      margin-right: 3em; }
    .util-pad-a4\@lg {
      padding: 4em; }
    .util-pad-t4\@lg {
      padding-top: 4em; }
    .util-pad-l4\@lg {
      padding-left: 4em; }
    .util-pad-r4\@lg {
      padding-right: 4em; }
    .util-pad-b4\@lg {
      padding-bottom: 4em; }
    .util-pad-v4\@lg {
      padding-top: 4em;
      padding-bottom: 4em; }
    .util-pad-h4\@lg {
      padding-left: 4em;
      padding-right: 4em; }
    .util-margin-a4\@lg {
      margin: 4em; }
    .util-margin-t4\@lg {
      margin-top: 4em; }
    .util-margin-l4\@lg {
      margin-left: 4em; }
    .util-margin-r4\@lg {
      margin-right: 4em; }
    .util-margin-b4\@lg {
      margin-bottom: 4em; }
    .util-margin-v4\@lg {
      margin-top: 4em;
      margin-bottom: 4em; }
    .util-margin-h4\@lg {
      margin-left: 4em;
      margin-right: 4em; }
    .util-pad-a025\@lg {
      padding: 0.25em; }
    .util-pad-t025\@lg {
      padding-top: 0.25em; }
    .util-pad-l025\@lg {
      padding-left: 0.25em; }
    .util-pad-r025\@lg {
      padding-right: 0.25em; }
    .util-pad-b025\@lg {
      padding-bottom: 0.25em; }
    .util-pad-v025\@lg {
      padding-top: 0.25em;
      padding-bottom: 0.25em; }
    .util-pad-h025\@lg {
      padding-left: 0.25em;
      padding-right: 0.25em; }
    .util-margin-a025\@lg {
      margin: 0.25em; }
    .util-margin-t025\@lg {
      margin-top: 0.25em; }
    .util-margin-l025\@lg {
      margin-left: 0.25em; }
    .util-margin-r025\@lg {
      margin-right: 0.25em; }
    .util-margin-b025\@lg {
      margin-bottom: 0.25em; }
    .util-margin-v025\@lg {
      margin-top: 0.25em;
      margin-bottom: 0.25em; }
    .util-margin-h025\@lg {
      margin-left: 0.25em;
      margin-right: 0.25em; }
    .util-pad-a050\@lg {
      padding: 0.5em; }
    .util-pad-t050\@lg {
      padding-top: 0.5em; }
    .util-pad-l050\@lg {
      padding-left: 0.5em; }
    .util-pad-r050\@lg {
      padding-right: 0.5em; }
    .util-pad-b050\@lg {
      padding-bottom: 0.5em; }
    .util-pad-v050\@lg {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
    .util-pad-h050\@lg {
      padding-left: 0.5em;
      padding-right: 0.5em; }
    .util-margin-a050\@lg {
      margin: 0.5em; }
    .util-margin-t050\@lg {
      margin-top: 0.5em; }
    .util-margin-l050\@lg {
      margin-left: 0.5em; }
    .util-margin-r050\@lg {
      margin-right: 0.5em; }
    .util-margin-b050\@lg {
      margin-bottom: 0.5em; }
    .util-margin-v050\@lg {
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    .util-margin-h050\@lg {
      margin-left: 0.5em;
      margin-right: 0.5em; }
    .util-pad-a075\@lg {
      padding: 0.75em; }
    .util-pad-t075\@lg {
      padding-top: 0.75em; }
    .util-pad-l075\@lg {
      padding-left: 0.75em; }
    .util-pad-r075\@lg {
      padding-right: 0.75em; }
    .util-pad-b075\@lg {
      padding-bottom: 0.75em; }
    .util-pad-v075\@lg {
      padding-top: 0.75em;
      padding-bottom: 0.75em; }
    .util-pad-h075\@lg {
      padding-left: 0.75em;
      padding-right: 0.75em; }
    .util-margin-a075\@lg {
      margin: 0.75em; }
    .util-margin-t075\@lg {
      margin-top: 0.75em; }
    .util-margin-l075\@lg {
      margin-left: 0.75em; }
    .util-margin-r075\@lg {
      margin-right: 0.75em; }
    .util-margin-b075\@lg {
      margin-bottom: 0.75em; }
    .util-margin-v075\@lg {
      margin-top: 0.75em;
      margin-bottom: 0.75em; }
    .util-margin-h075\@lg {
      margin-left: 0.75em;
      margin-right: 0.75em; }
  @supports (display: grid) {
    .grid-span\@lg {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-1\@lg {
      grid-row: span 1; } }
    .grid-span--col-1\@lg {
      width: 25%; }
      @supports (display: grid) {
        .grid-span--col-1\@lg {
          width: auto;
          grid-column: span 1; } }
      .grid-span--col-1-1\@lg {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-1\@lg {
            width: auto;
            grid-column: 1/span 1; } }
      .grid-span--col-1-2\@lg {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-2\@lg {
            width: auto;
            grid-column: 2/span 1; } }
      .grid-span--col-1-3\@lg {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-3\@lg {
            width: auto;
            grid-column: 3/span 1; } }
      .grid-span--col-1-4\@lg {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-4\@lg {
            width: auto;
            grid-column: 4/span 1; } }
  @supports (display: grid) {
    .grid-span\@lg {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-2\@lg {
      grid-row: span 2; } }
    .grid-span--col-2\@lg {
      width: 50%; }
      @supports (display: grid) {
        .grid-span--col-2\@lg {
          width: auto;
          grid-column: span 2; } }
      .grid-span--col-2-1\@lg {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-1\@lg {
            width: auto;
            grid-column: 1/span 2; } }
      .grid-span--col-2-2\@lg {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-2\@lg {
            width: auto;
            grid-column: 2/span 2; } }
      .grid-span--col-2-3\@lg {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-3\@lg {
            width: auto;
            grid-column: 3/span 2; } }
      .grid-span--col-2-4\@lg {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-4\@lg {
            width: auto;
            grid-column: 4/span 2; } }
  @supports (display: grid) {
    .grid-span\@lg {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-3\@lg {
      grid-row: span 3; } }
    .grid-span--col-3\@lg {
      width: 75%; }
      @supports (display: grid) {
        .grid-span--col-3\@lg {
          width: auto;
          grid-column: span 3; } }
      .grid-span--col-3-1\@lg {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-1\@lg {
            width: auto;
            grid-column: 1/span 3; } }
      .grid-span--col-3-2\@lg {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-2\@lg {
            width: auto;
            grid-column: 2/span 3; } }
      .grid-span--col-3-3\@lg {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-3\@lg {
            width: auto;
            grid-column: 3/span 3; } }
      .grid-span--col-3-4\@lg {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-4\@lg {
            width: auto;
            grid-column: 4/span 3; } }
  @supports (display: grid) {
    .grid-span\@lg {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-4\@lg {
      grid-row: span 4; } }
    .grid-span--col-4\@lg {
      width: 100%; }
      @supports (display: grid) {
        .grid-span--col-4\@lg {
          width: auto;
          grid-column: span 4; } }
      .grid-span--col-4-1\@lg {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-1\@lg {
            width: auto;
            grid-column: 1/span 4; } }
      .grid-span--col-4-2\@lg {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-2\@lg {
            width: auto;
            grid-column: 2/span 4; } }
      .grid-span--col-4-3\@lg {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-3\@lg {
            width: auto;
            grid-column: 3/span 4; } }
      .grid-span--col-4-4\@lg {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-4\@lg {
            width: auto;
            grid-column: 4/span 4; } } }

@media (min-width: 94rem) {
      .hero__heading {
        font-size: 9rem; } }

@media (min-width: 24rem) {
    .post__featured-img-container {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
    .post__meta {
      -ms-flex-preferred-size: calc(50% - 4em);
          flex-basis: calc(50% - 4em); }
  .post__featured-img-container.is-empty + .post__meta {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }

@media (min-width: 54rem) {
    .site-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .site-footer__nav-container {
      display: block;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 25%;
              flex: 1 1 25%; }
      .site-footer__nav--primary {
        margin: 0 1em 2em; }
      .site-footer__nav--secondary {
        margin: 0.45em 1em 0; } }

@media (min-width: 71rem) {
        .site-footer__nav--secondary .menu-item {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; }
          .site-footer__nav--secondary .menu-item:nth-last-child(-n+2) {
            margin-bottom: 0; } }

@media print {
      .util-skip-trigger:active, .util-skip-trigger:focus {
        display: none !important; }
  .util-hidden\@print {
    display: none; } }

@media (min-width: 90rem) {
    .util-pad-a0\@xxl {
      padding: 0em; }
    .util-pad-t0\@xxl {
      padding-top: 0em; }
    .util-pad-l0\@xxl {
      padding-left: 0em; }
    .util-pad-r0\@xxl {
      padding-right: 0em; }
    .util-pad-b0\@xxl {
      padding-bottom: 0em; }
    .util-pad-v0\@xxl {
      padding-top: 0em;
      padding-bottom: 0em; }
    .util-pad-h0\@xxl {
      padding-left: 0em;
      padding-right: 0em; }
    .util-margin-a0\@xxl {
      margin: 0em; }
    .util-margin-t0\@xxl {
      margin-top: 0em; }
    .util-margin-l0\@xxl {
      margin-left: 0em; }
    .util-margin-r0\@xxl {
      margin-right: 0em; }
    .util-margin-b0\@xxl {
      margin-bottom: 0em; }
    .util-margin-v0\@xxl {
      margin-top: 0em;
      margin-bottom: 0em; }
    .util-margin-h0\@xxl {
      margin-left: 0em;
      margin-right: 0em; }
    .util-pad-a1\@xxl {
      padding: 1em; }
    .util-pad-t1\@xxl {
      padding-top: 1em; }
    .util-pad-l1\@xxl {
      padding-left: 1em; }
    .util-pad-r1\@xxl {
      padding-right: 1em; }
    .util-pad-b1\@xxl {
      padding-bottom: 1em; }
    .util-pad-v1\@xxl {
      padding-top: 1em;
      padding-bottom: 1em; }
    .util-pad-h1\@xxl {
      padding-left: 1em;
      padding-right: 1em; }
    .util-margin-a1\@xxl {
      margin: 1em; }
    .util-margin-t1\@xxl {
      margin-top: 1em; }
    .util-margin-l1\@xxl {
      margin-left: 1em; }
    .util-margin-r1\@xxl {
      margin-right: 1em; }
    .util-margin-b1\@xxl {
      margin-bottom: 1em; }
    .util-margin-v1\@xxl {
      margin-top: 1em;
      margin-bottom: 1em; }
    .util-margin-h1\@xxl {
      margin-left: 1em;
      margin-right: 1em; }
    .util-pad-a2\@xxl {
      padding: 2em; }
    .util-pad-t2\@xxl {
      padding-top: 2em; }
    .util-pad-l2\@xxl {
      padding-left: 2em; }
    .util-pad-r2\@xxl {
      padding-right: 2em; }
    .util-pad-b2\@xxl {
      padding-bottom: 2em; }
    .util-pad-v2\@xxl {
      padding-top: 2em;
      padding-bottom: 2em; }
    .util-pad-h2\@xxl {
      padding-left: 2em;
      padding-right: 2em; }
    .util-margin-a2\@xxl {
      margin: 2em; }
    .util-margin-t2\@xxl {
      margin-top: 2em; }
    .util-margin-l2\@xxl {
      margin-left: 2em; }
    .util-margin-r2\@xxl {
      margin-right: 2em; }
    .util-margin-b2\@xxl {
      margin-bottom: 2em; }
    .util-margin-v2\@xxl {
      margin-top: 2em;
      margin-bottom: 2em; }
    .util-margin-h2\@xxl {
      margin-left: 2em;
      margin-right: 2em; }
    .util-pad-a3\@xxl {
      padding: 3em; }
    .util-pad-t3\@xxl {
      padding-top: 3em; }
    .util-pad-l3\@xxl {
      padding-left: 3em; }
    .util-pad-r3\@xxl {
      padding-right: 3em; }
    .util-pad-b3\@xxl {
      padding-bottom: 3em; }
    .util-pad-v3\@xxl {
      padding-top: 3em;
      padding-bottom: 3em; }
    .util-pad-h3\@xxl {
      padding-left: 3em;
      padding-right: 3em; }
    .util-margin-a3\@xxl {
      margin: 3em; }
    .util-margin-t3\@xxl {
      margin-top: 3em; }
    .util-margin-l3\@xxl {
      margin-left: 3em; }
    .util-margin-r3\@xxl {
      margin-right: 3em; }
    .util-margin-b3\@xxl {
      margin-bottom: 3em; }
    .util-margin-v3\@xxl {
      margin-top: 3em;
      margin-bottom: 3em; }
    .util-margin-h3\@xxl {
      margin-left: 3em;
      margin-right: 3em; }
    .util-pad-a4\@xxl {
      padding: 4em; }
    .util-pad-t4\@xxl {
      padding-top: 4em; }
    .util-pad-l4\@xxl {
      padding-left: 4em; }
    .util-pad-r4\@xxl {
      padding-right: 4em; }
    .util-pad-b4\@xxl {
      padding-bottom: 4em; }
    .util-pad-v4\@xxl {
      padding-top: 4em;
      padding-bottom: 4em; }
    .util-pad-h4\@xxl {
      padding-left: 4em;
      padding-right: 4em; }
    .util-margin-a4\@xxl {
      margin: 4em; }
    .util-margin-t4\@xxl {
      margin-top: 4em; }
    .util-margin-l4\@xxl {
      margin-left: 4em; }
    .util-margin-r4\@xxl {
      margin-right: 4em; }
    .util-margin-b4\@xxl {
      margin-bottom: 4em; }
    .util-margin-v4\@xxl {
      margin-top: 4em;
      margin-bottom: 4em; }
    .util-margin-h4\@xxl {
      margin-left: 4em;
      margin-right: 4em; }
    .util-pad-a025\@xxl {
      padding: 0.25em; }
    .util-pad-t025\@xxl {
      padding-top: 0.25em; }
    .util-pad-l025\@xxl {
      padding-left: 0.25em; }
    .util-pad-r025\@xxl {
      padding-right: 0.25em; }
    .util-pad-b025\@xxl {
      padding-bottom: 0.25em; }
    .util-pad-v025\@xxl {
      padding-top: 0.25em;
      padding-bottom: 0.25em; }
    .util-pad-h025\@xxl {
      padding-left: 0.25em;
      padding-right: 0.25em; }
    .util-margin-a025\@xxl {
      margin: 0.25em; }
    .util-margin-t025\@xxl {
      margin-top: 0.25em; }
    .util-margin-l025\@xxl {
      margin-left: 0.25em; }
    .util-margin-r025\@xxl {
      margin-right: 0.25em; }
    .util-margin-b025\@xxl {
      margin-bottom: 0.25em; }
    .util-margin-v025\@xxl {
      margin-top: 0.25em;
      margin-bottom: 0.25em; }
    .util-margin-h025\@xxl {
      margin-left: 0.25em;
      margin-right: 0.25em; }
    .util-pad-a050\@xxl {
      padding: 0.5em; }
    .util-pad-t050\@xxl {
      padding-top: 0.5em; }
    .util-pad-l050\@xxl {
      padding-left: 0.5em; }
    .util-pad-r050\@xxl {
      padding-right: 0.5em; }
    .util-pad-b050\@xxl {
      padding-bottom: 0.5em; }
    .util-pad-v050\@xxl {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
    .util-pad-h050\@xxl {
      padding-left: 0.5em;
      padding-right: 0.5em; }
    .util-margin-a050\@xxl {
      margin: 0.5em; }
    .util-margin-t050\@xxl {
      margin-top: 0.5em; }
    .util-margin-l050\@xxl {
      margin-left: 0.5em; }
    .util-margin-r050\@xxl {
      margin-right: 0.5em; }
    .util-margin-b050\@xxl {
      margin-bottom: 0.5em; }
    .util-margin-v050\@xxl {
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    .util-margin-h050\@xxl {
      margin-left: 0.5em;
      margin-right: 0.5em; }
    .util-pad-a075\@xxl {
      padding: 0.75em; }
    .util-pad-t075\@xxl {
      padding-top: 0.75em; }
    .util-pad-l075\@xxl {
      padding-left: 0.75em; }
    .util-pad-r075\@xxl {
      padding-right: 0.75em; }
    .util-pad-b075\@xxl {
      padding-bottom: 0.75em; }
    .util-pad-v075\@xxl {
      padding-top: 0.75em;
      padding-bottom: 0.75em; }
    .util-pad-h075\@xxl {
      padding-left: 0.75em;
      padding-right: 0.75em; }
    .util-margin-a075\@xxl {
      margin: 0.75em; }
    .util-margin-t075\@xxl {
      margin-top: 0.75em; }
    .util-margin-l075\@xxl {
      margin-left: 0.75em; }
    .util-margin-r075\@xxl {
      margin-right: 0.75em; }
    .util-margin-b075\@xxl {
      margin-bottom: 0.75em; }
    .util-margin-v075\@xxl {
      margin-top: 0.75em;
      margin-bottom: 0.75em; }
    .util-margin-h075\@xxl {
      margin-left: 0.75em;
      margin-right: 0.75em; }
  @supports (display: grid) {
    .grid-span\@xxl {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-1\@xxl {
      grid-row: span 1; } }
    .grid-span--col-1\@xxl {
      width: 25%; }
      @supports (display: grid) {
        .grid-span--col-1\@xxl {
          width: auto;
          grid-column: span 1; } }
      .grid-span--col-1-1\@xxl {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-1\@xxl {
            width: auto;
            grid-column: 1/span 1; } }
      .grid-span--col-1-2\@xxl {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-2\@xxl {
            width: auto;
            grid-column: 2/span 1; } }
      .grid-span--col-1-3\@xxl {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-3\@xxl {
            width: auto;
            grid-column: 3/span 1; } }
      .grid-span--col-1-4\@xxl {
        width: 25%; }
        @supports (display: grid) {
          .grid-span--col-1-4\@xxl {
            width: auto;
            grid-column: 4/span 1; } }
  @supports (display: grid) {
    .grid-span\@xxl {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-2\@xxl {
      grid-row: span 2; } }
    .grid-span--col-2\@xxl {
      width: 50%; }
      @supports (display: grid) {
        .grid-span--col-2\@xxl {
          width: auto;
          grid-column: span 2; } }
      .grid-span--col-2-1\@xxl {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-1\@xxl {
            width: auto;
            grid-column: 1/span 2; } }
      .grid-span--col-2-2\@xxl {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-2\@xxl {
            width: auto;
            grid-column: 2/span 2; } }
      .grid-span--col-2-3\@xxl {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-3\@xxl {
            width: auto;
            grid-column: 3/span 2; } }
      .grid-span--col-2-4\@xxl {
        width: 50%; }
        @supports (display: grid) {
          .grid-span--col-2-4\@xxl {
            width: auto;
            grid-column: 4/span 2; } }
  @supports (display: grid) {
    .grid-span\@xxl {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-3\@xxl {
      grid-row: span 3; } }
    .grid-span--col-3\@xxl {
      width: 75%; }
      @supports (display: grid) {
        .grid-span--col-3\@xxl {
          width: auto;
          grid-column: span 3; } }
      .grid-span--col-3-1\@xxl {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-1\@xxl {
            width: auto;
            grid-column: 1/span 3; } }
      .grid-span--col-3-2\@xxl {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-2\@xxl {
            width: auto;
            grid-column: 2/span 3; } }
      .grid-span--col-3-3\@xxl {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-3\@xxl {
            width: auto;
            grid-column: 3/span 3; } }
      .grid-span--col-3-4\@xxl {
        width: 75%; }
        @supports (display: grid) {
          .grid-span--col-3-4\@xxl {
            width: auto;
            grid-column: 4/span 3; } }
  @supports (display: grid) {
    .grid-span\@xxl {
      width: 100%; } }
  @supports (display: grid) {
    .grid-span--row-4\@xxl {
      grid-row: span 4; } }
    .grid-span--col-4\@xxl {
      width: 100%; }
      @supports (display: grid) {
        .grid-span--col-4\@xxl {
          width: auto;
          grid-column: span 4; } }
      .grid-span--col-4-1\@xxl {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-1\@xxl {
            width: auto;
            grid-column: 1/span 4; } }
      .grid-span--col-4-2\@xxl {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-2\@xxl {
            width: auto;
            grid-column: 2/span 4; } }
      .grid-span--col-4-3\@xxl {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-3\@xxl {
            width: auto;
            grid-column: 3/span 4; } }
      .grid-span--col-4-4\@xxl {
        width: 100%; }
        @supports (display: grid) {
          .grid-span--col-4-4\@xxl {
            width: auto;
            grid-column: 4/span 4; } } }