/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

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

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

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

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

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

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

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

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

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

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

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

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

/* Weights:
 - Regular 500
 - Bold    700
 - Black   800 */

:root {
  --font-sans: benton-sans, sans-serif;
  --font-medium: 500 1.5rem/1.38 var(--font-sans);
  --font-normal: 500 1rem/1.75 var(--font-sans);
  --font-small: 500 0.875rem/1.55 var(--font-sans);
  --font-smaller: 500 0.75rem/1.55 var(--font-sans);

  --background-color: 255, 255, 255;
  --background-blue-color: 229, 239, 245;
  --background-green-color: 245, 246, 242;
  --background-green-darker-color: #eeefec;
  --background-grey-color: #f5f5f5;
  --text-color: #000000;
  --blue-color: #006298;
  --red-color: #882000;
  --gold-color: #aa8900;
  --green-color: #4e8640;
  --border-color: rgba(0, 0, 0, 0.1);

  --headline-tag-color: var(--gold-color);

  --ref-width: 1540;
}

@media screen and (max-width: 980px) {

:root {
    --font-medium: 500 1.375rem/1.38 var(--font-sans);
}
  }

:root {
  --columns: 24;
  --gutter: 1.4084507vw; /* 20px / 1420 */
  --outer-padding: 3.8961039vw;

  --column-width: calc((100% - var(--gutter)*(var(--columns) - 1) - var(--outer-padding)*2)/var(--columns));
}

@media screen and (max-width: 980px) {

:root {
    --columns: 6;
    --gutter: 1.5rem;
    --outer-padding: 1rem;
}
  }

@media print {

:root {
    --outer-padding: 0rem;
}
  }

.grid-overlay {
  display: none;
}

.grid-overlay--active {
  --grid-overlay-width: var(
    --grid-limit,
    calc(100% - var(--outer-padding)*2)
  );
  display: block;
  position: fixed;
  z-index: 9000;
  top: 0rem;
  width: calc(100% - 7.7922078vw);
  width: var(--grid-overlay-width);
  left: 50%;
  margin-left: calc(-50% - -3.8961039vw);
  margin-left: calc(var(--grid-overlay-width)/2*-1);
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    to right,
    transparent 1.4084507vw,
    rgba(255, 0, 255, 0.05) 1.4084507vw
  );
  background: linear-gradient(
    to right,
    var(--grid-overlay-gutter, transparent) var(--gutter),
    var(--grid-overlay-column, rgba(255, 0, 255, 0.05)) var(--gutter)
  );
  background-size: calc(4.1666666667% + 0.0586854458vw) 100%;
  background-size: calc((100% + var(--gutter))/var(--columns, 12)) 100%;
  background-position: top 0rem left -1.4084507vw;
  background-position: top 0rem left calc(var(--gutter)*-1);
}

body.anthology {
  --headline-tag-color: var(--green-color);
  --spacing-big: 5rem;
}

@media screen and (max-width: 980px) {

body.anthology {
    --spacing-big: 3.75rem;
}
  }

section.anthology.anthology-index {
    background: #eeefec;
    background: var(--background-green-darker-color);
    margin-top: var(--spacing-big);
    padding-top: var(--spacing-big);
    padding-bottom: var(--spacing-big);
  }

@media screen and (max-width: 980px) {

section.anthology.anthology-index {
  }
    }

section.anthology.anthology-index .page-list li {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m9%203-.715.696%203.79%203.804H2v1h10.075l-3.79%203.787L9%2013l5-5z%22%2F%3E%3C%2Fsvg%3E');
    }

section.anthology .bordered-columns {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
    grid-row-gap: 1.75rem;
    row-gap: 1.75rem;
    margin-bottom: 3.5rem;
  }

section.anthology .bordered-columns .column {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-top: 1px solid var(--border-color);
      padding-top: 0.5rem;
      grid-column: span 12;
    }

section.anthology .bordered-columns .column:only-child {
        grid-column: span 24;
      }

section.anthology header:not(.does-not-exist) h2,section.anthology .header-column h2 {
      margin-bottom: 0.25rem;
    }

section.anthology header:not(.does-not-exist) h2 a:visited {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

section.anthology .header-column h2 a:visited {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

section.anthology header:not(.does-not-exist) h2 a,section.anthology .header-column h2 a {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

section.anthology header:not(.does-not-exist) h2 a:hover,section.anthology .header-column h2 a:hover,section.anthology header:not(.does-not-exist) h2 a:focus,section.anthology .header-column h2 a:focus {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

section.anthology header:not(.does-not-exist) .tagline,section.anthology .header-column .tagline,section.anthology header:not(.does-not-exist) .year,section.anthology .header-column .year {
      font: 500 0.875rem/1.55 benton-sans, sans-serif;
      font: var(--font-small);
    }

section.anthology .page-list {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    margin: 0rem;
    padding: 0rem;
  }

section.anthology .page-list a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

section.anthology .page-list a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

section.anthology .page-list a:hover h3,section.anthology .page-list a:focus h3 {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

section.anthology .page-list li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid var(--border-color);
      padding: 0.5rem 0rem;
      background-repeat: no-repeat;
      background-position: right 0rem top 0.5rem;
      background-size: 1.5rem;
    }

section.anthology .page-list li:first-child {
        padding-top: 0rem;
      }

section.anthology .page-list h3 {
      margin-bottom: 0.25rem;
    }

section.anthology .page-list a {
      display: block;
      padding-right: 2.25rem;
    }

section.anthology .anthology-section {
    margin: var(--spacing-big) 0rem;
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
  }

section.anthology .anthology-section:last-child {
      margin-bottom: 0rem;
    }

section.anthology .anthology-section .column {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: 1.4084507vw;
      grid-column-gap: var(--gutter);
    }

@media screen and (max-width: 980px) {

section.anthology .anthology-section .column {
        grid-template-columns: repeat(24, 1fr);
        grid-template-columns: repeat(var(--columns), 1fr);
    }
      }

section.anthology .anthology-section ul {
      grid-column: 1 / span 12;
    }

@media screen and (max-width: 980px) {

section.anthology .anthology-section ul {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
    }
      }

section.anthology .anthology-section .body {
      margin-top: 1.75rem;
      grid-column: 1 / span 10;
    }

@media screen and (max-width: 980px) {

section.anthology .anthology-section .body {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
    }
      }

section.anthology .anthology-section .page-list li {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m12.85%204.65-3.5-3.5C9.25%201.05%209.15%201%209%201H4c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h8c.55%200%201-.45%201-1V5c0-.15-.05-.25-.15-.35M9%202.2%2011.8%205H9zM12%2014H4V2h4v3c0%20.55.45%201%201%201h3z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M5%2011h6v1H5zm0-3h6v1H5z%22%2F%3E%3C%2Fsvg%3E');
    }

section.anthology .anthology-intro,section.anthology .anthology-article {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
    grid-row-gap: 4rem;
    row-gap: 4rem;
    align-items: start;
  }

@media screen and (max-width: 980px) {

section.anthology .anthology-intro,section.anthology .anthology-article {
      row-gap: 2.5rem;
  }
    }

section.anthology .anthology-intro figure.image:first-child {
        margin-top: 0rem;
      }

section.anthology .anthology-article figure.image:first-child {
        margin-top: 0rem;
      }

section.anthology .anthology-intro figure.image:last-child {
        margin-bottom: 0rem;
      }

section.anthology .anthology-article figure.image:last-child {
        margin-bottom: 0rem;
      }

section.anthology .anthology-intro .content,section.anthology .article-header {
    grid-column: 1 / span 12;
  }

@media screen and (min-width: 981px) {

section.anthology .anthology-intro .content,section.anthology .article-header {
      padding-top: 1.5rem;
  }
    }

@media screen and (max-width: 980px) {

section.anthology .anthology-intro .content,section.anthology .article-header {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

section.anthology .anthology-intro .content h1,section.anthology .article-header:not(.does-not-exist) h1 {
      margin-bottom: 1.5rem;
    }

section.anthology .anthology-intro .content h2,section.anthology .article-header:not(.does-not-exist) h2 {
      margin-bottom: 1rem;
    }

section.anthology .anthology-intro .content .attachments,section.anthology .article-header:not(.does-not-exist) .attachments {
      margin-top: 2.25rem;
    }

section.anthology .anthology-intro .content .byline-and-portrait,section.anthology .article-header:not(.does-not-exist) .byline-and-portrait {
      --portrait-width: 3;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: 1.4084507vw;
      grid-column-gap: var(--gutter);
    }

@media screen and (max-width: 980px) {

section.anthology .anthology-intro .content .byline-and-portrait,section.anthology .article-header:not(.does-not-exist) .byline-and-portrait {
        --portrait-width: 2;
        display: grid;
        grid-template-columns: repeat(24, 1fr);
        grid-template-columns: repeat(var(--columns), 1fr);
        grid-column-gap: 1.4084507vw;
        grid-column-gap: var(--gutter);
    }
      }

section.anthology .anthology-intro .content .byline-and-portrait .portrait,section.anthology .article-header:not(.does-not-exist) .byline-and-portrait .portrait {
        grid-column: 1 / span var(--portrait-width);
      }

section.anthology .anthology-intro .content .byline-and-portrait .portrait img,section.anthology .article-header:not(.does-not-exist) .byline-and-portrait .portrait img {
          filter: grayscale(1);
        }

section.anthology .anthology-intro .content .byline-and-portrait .byline,section.anthology .article-header:not(.does-not-exist) .byline-and-portrait .byline {
        grid-column: 1 / span 12;
      }

@media screen and (max-width: 980px) {

section.anthology .anthology-intro .content .byline-and-portrait .byline,section.anthology .article-header:not(.does-not-exist) .byline-and-portrait .byline {
          grid-column: 1 / span 24;
          grid-column: 1 / span var(--columns);
      }
        }

section.anthology .anthology-intro .content .byline-and-portrait .portrait + .byline,section.anthology .article-header:not(.does-not-exist) .byline-and-portrait .portrait + .byline {
        grid-column: span calc(12 - var(--portrait-width));
      }

@media screen and (max-width: 980px) {

section.anthology .anthology-intro .content .byline-and-portrait .portrait + .byline,section.anthology .article-header:not(.does-not-exist) .byline-and-portrait .portrait + .byline {
          grid-column: span calc(24 - var(--portrait-width));
          grid-column: span calc(var(--columns) - var(--portrait-width));
      }
        }

section.anthology .anthology-intro .content .year {
        font: 500 1.5rem/1.38 benton-sans, sans-serif;
        font: var(--font-medium);
      }

section.anthology .anthology-intro .content .excerpt {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
      }

section.anthology .anthology-intro .image-wrapper {
      grid-column: 13 / span 12;
    }

@media screen and (max-width: 980px) {

section.anthology .anthology-intro .image-wrapper {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
    }
      }

@media screen and (min-width: 981px) {

section.anthology .anthology-article .article-header {
        position: sticky;
        top: 7.5rem;
    }
      }

section.anthology .anthology-article.wide .article-header {
        grid-column: 1 / span 22;
      }

@media screen and (min-width: 981px) {

section.anthology .anthology-article.wide .article-header {
          position: relative;
          top: 0rem;
      }
        }

@media screen and (max-width: 980px) {

section.anthology .anthology-article.wide .article-header {
          grid-column: 1 / span 24;
          grid-column: 1 / span var(--columns);
      }
        }

section.anthology .anthology-article .body,section.anthology .anthology-article .notes {
      grid-column: 13 / span 10;
    }

@media screen and (max-width: 980px) {

section.anthology .anthology-article .body,section.anthology .anthology-article .notes {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
    }
      }

section.anthology .anthology-article .notes {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-top: 1px solid var(--border-color);
      padding-top: 2.5rem;
      font: 500 0.875rem/1.55 benton-sans, sans-serif;
      font: var(--font-small);
    }

section.anthology .anthology-article .notes p,section.anthology .anthology-article .notes li {
        margin: 0.5rem 0rem;
      }

section.anthology .anthology-article .notes p:first-child {
          margin-top: 0rem;
        }

section.anthology .anthology-article .notes li:first-child {
          margin-top: 0rem;
        }

section.anthology .anthology-article .notes p:last-child {
          margin-top: 0rem;
        }

section.anthology .anthology-article .notes li:last-child {
          margin-top: 0rem;
        }

section.anthology .anthology-article .full-width-image {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
      margin: 3rem 0rem;
    }

@media screen and (max-width: 980px) {

section.anthology .anthology-article .full-width-image {
        margin: 1.5rem 0rem;
    }
      }

section.anthology .anthology-article .full-width-image figure {
        display: grid;
        grid-template-columns: repeat(24, 1fr);
        grid-template-columns: repeat(var(--columns), 1fr);
        grid-column-gap: 1.4084507vw;
        grid-column-gap: var(--gutter);
      }

section.anthology .anthology-article .full-width-image figure img {
          grid-column: 1 / span 24;
          grid-column: 1 / span var(--columns);
        }

section.anthology .anthology-article .full-width-image figcaption {
        grid-column: 1 / span 11;
      }

@media screen and (max-width: 980px) {

section.anthology .anthology-article .full-width-image figcaption {
          grid-column: 1 / span 24;
          grid-column: 1 / span var(--columns);
      }
        }

article.intro,
article.main {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1.4084507vw;
  grid-column-gap: var(--gutter);
  margin-bottom: 7.5rem;
  position: relative;
}

@media screen and (max-width: 980px) {

article.intro,
article.main {
    margin-bottom: 3.75rem;
}
  }

article.intro h1,article.main h1 {
    grid-column: 10 / span 13;
  }

@media screen and (max-width: 980px) {

article.intro h1,article.main h1 {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

article.intro .invite-preamble,article.main .invite-preamble,article.intro .calendar-header,article.main .calendar-header {
    grid-column: 3 / span 20;
  }

@media screen and (max-width: 980px) {

article.intro .invite-preamble,article.main .invite-preamble,article.intro .calendar-header,article.main .calendar-header {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

article.intro .invite-preamble,article.main .invite-preamble {
    margin-bottom: 1.5rem;
  }

article.intro .calendar-header,article.main .calendar-header {
    margin-bottom: 5rem;
    padding: 1rem 0rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--border-color);
  }

article.intro .calendar-header h1,article.main .calendar-header h1 {
      margin-bottom: 1rem;
    }

article.intro .calendar-header h2,article.main .calendar-header h2 {
      margin-bottom: 0rem;
    }

article.intro .calendar-header h2 .time,article.main .calendar-header h2 .time {
        margin-right: 1.5rem;
      }

@media screen and (max-width: 980px) {

article.intro .calendar-header h2 .time,article.main .calendar-header h2 .time {
          display: block;
      }
        }

article.intro .info,article.main .info {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    grid-column: 3 / span 10;
  }

@media screen and (max-width: 980px) {

article.intro .info,article.main .info {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
      margin-bottom: 2.5rem;
  }
    }

article.intro .info ul.breadcrumbs,article.main .info ul.breadcrumbs {
      list-style-type: none;
      padding: 0rem;
      display: inline-block;
    }

@media screen and (max-width: 980px) {

article.intro .info ul.breadcrumbs,article.main .info ul.breadcrumbs {
        display: none;
    }
      }

article.intro .info ul.breadcrumbs li,article.main .info ul.breadcrumbs li {
        display: inline-block;
        margin-right: 1rem;
      }

article.intro .info span,article.main .info span {
      margin-right: 1rem;
    }

article.intro .byline,article.main .byline {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    margin-bottom: 2.5rem;
  }

article.intro h1.offset,article.main h1.offset,article.intro h2.offset,article.main h2.offset,article.intro .body,article.main .body,article.intro .excerpt,article.main .excerpt {
    grid-column: 14 / span 9;
  }

@media screen and (max-width: 980px) {

article.intro h1.offset,article.main h1.offset,article.intro h2.offset,article.main h2.offset,article.intro .body,article.main .body,article.intro .excerpt,article.main .excerpt {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

article.intro .body,article.main .body {
    margin-bottom: 2.5rem;
  }

article.intro .full-width-image figure.image,article.main .full-width-image figure.image,article.intro .sidebar-image figure.image,article.main .sidebar-image figure.image {
      width: 100%;
      margin: 0rem;
    }

article.intro .full-width-image,article.main .full-width-image {
    grid-column: 1 / span 24;
    grid-column: 1 / span var(--columns);
    margin-bottom: 2.5rem;
  }

article.intro .full-width-image figure,article.main .full-width-image figure {
      display: grid;
      grid-template-columns: repeat(24, 1fr);
      grid-template-columns: repeat(var(--columns), 1fr);
      grid-column-gap: 1.4084507vw;
      grid-column-gap: var(--gutter);
    }

article.intro .full-width-image figure img,article.main .full-width-image figure img {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
      }

article.intro .full-width-image figcaption,article.main .full-width-image figcaption {
      grid-column: 1 / span 11;
    }

@media screen and (max-width: 980px) {

article.intro .full-width-image figcaption,article.main .full-width-image figcaption {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
    }
      }

article.intro .sidebar-image,article.main .sidebar-image {
    grid-column: 1 / span 11;
    margin-top: 0rem;
    margin-bottom: 0rem;
    will-change: scroll-position;
    align-self: start;
  }

@media screen and (max-width: 980px) {

article.intro .sidebar-image,article.main .sidebar-image {
      margin-bottom: 2.5rem;
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

article.intro .sidebar-image.portrait,article.main .sidebar-image.portrait {
      grid-column: 3 / span 9;
    }

@media screen and (max-width: 980px) {

article.intro .sidebar-image.portrait,article.main .sidebar-image.portrait {
        grid-column: 2 / span 4;
    }
      }

article.intro .floating-image,article.main .floating-image {
    grid-column: 1 / span 24;
    grid-column: 1 / span var(--columns);
    position: relative;
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
  }

@media screen and (min-width: 981px) {

article.intro .floating-image .sidebar,article.main .floating-image .sidebar,article.intro .floating-image .sidebar-image,article.main .floating-image .sidebar-image {
        position: sticky;
        top: 7.5rem;
    }
      }

article.intro .floating-image .full-width.sidebar-image,article.main .floating-image .full-width.sidebar-image {
        opacity: 0;
        transition: opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
      }

@media screen and (max-width: 980px) {

article.intro .floating-image .full-width.sidebar-image,article.main .floating-image .full-width.sidebar-image {
          display: none;
      }
        }

.news-item .timestamp {
    margin-bottom: 1rem;
    opacity: 0.55;
  }

article.intro:not(.does-not-exist) aside,article.main:not(.does-not-exist) aside,section.home .news aside {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    background: rgb(229, 239, 245);
    background: rgb(var(--background-blue-color));
    margin: 2.5rem 0rem;
    padding: 1rem;
    border-radius: 0.5rem;
  }

article.intro:not(.does-not-exist) aside.newsletter-box,article.main:not(.does-not-exist) aside.newsletter-box,section.home .news aside.newsletter-box {
      background: #f5f5f5;
      background: var(--background-grey-color);
    }

article.intro:not(.does-not-exist) aside:first-child {
      margin-top: 0rem;
    }

article.main:not(.does-not-exist) aside:first-child {
      margin-top: 0rem;
    }

section.home .news aside:first-child {
      margin-top: 0rem;
    }

article.intro:not(.does-not-exist) aside:last-child {
      margin-bottom: 0rem;
    }

article.main:not(.does-not-exist) aside:last-child {
      margin-bottom: 0rem;
    }

section.home .news aside:last-child {
      margin-bottom: 0rem;
    }

ul.attachments {
  list-style-type: none;
  padding: 0rem;
  margin: 4rem 0rem;
}

ul.attachments:first-child {
    margin-top: 0rem;
  }

ul.attachments:last-child {
    margin-bottom: 0rem;
  }

ul.attachments li {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    padding-left: 2.25rem;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2025%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M19.5%2023.25H8.25a1.5%201.5%200%200%201-1.5-1.5v-4.5h1.5v4.5H19.5V5.25h-6.75v-1.5h6.75a1.5%201.5%200%200%201%201.5%201.5v16.5a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.75%208.25H18v1.5h-5.25zM12%2012h6v1.5h-6zm-.75%203.75H18v1.5h-6.75zM6.75%2015A3.754%203.754%200%200%201%203%2011.25V3h1.5v8.25a2.25%202.25%200%200%200%204.5%200V4.5a.75.75%200%200%200-1.5%200V12H6V4.5a2.25%202.25%200%201%201%204.5%200v6.75A3.754%203.754%200%200%201%206.75%2015%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-position: 0rem 0rem;
    padding-bottom: 1.5rem;
  }

ul.attachments a {
    font: 500 1rem/1.75 benton-sans, sans-serif;
    font: var(--font-normal);
    display: block;
    margin-bottom: 1rem;
  }

ul.attachments a:last-child {
      margin-bottom: 0rem;
    }

body {
  --overlay-background: var(--background-color);
  background-color: rgb(255, 255, 255);
  background-color: rgb(var(--overlay-background));
  color: #000000;
  color: var(--text-color);
}

body  > header .nav-wrapper .overlay {
    background: linear-gradient(
      180deg,
      rgb(var(--overlay-background)) 0%,
      rgb(var(--overlay-background)) 18.75rem,
      rgba(var(--overlay-background), 0.5) 100%
    );
  }

@media screen and (max-width: 980px) {

body  > header .nav-wrapper .overlay {
      background: rgb(var(--overlay-background));
  }
    }

body.background-transition {
    transition:
      background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1), color 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  }

body.tildelinger {
    --overlay-background: var(--background-blue-color);
  }

body.anthology,body.mittfrieord {
    --overlay-background: var(--background-green-color);
  }

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

body {
  font: 500 1rem/1.75 benton-sans, sans-serif;
  font: var(--font-normal);
  word-wrap: break-word;
}

p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
  margin: 0rem 0rem 1.5rem 0rem;
}

p:first-child {
    margin-top: 0rem;
  }

ul:first-child {
    margin-top: 0rem;
  }

ol:first-child {
    margin-top: 0rem;
  }

h1:first-child {
    margin-top: 0rem;
  }

h2:first-child {
    margin-top: 0rem;
  }

h3:first-child {
    margin-top: 0rem;
  }

h4:first-child {
    margin-top: 0rem;
  }

h5:first-child {
    margin-top: 0rem;
  }

h6:first-child {
    margin-top: 0rem;
  }

blockquote:first-child {
    margin-top: 0rem;
  }

p:last-child {
    margin-bottom: 0rem;
  }

ul:last-child {
    margin-bottom: 0rem;
  }

ol:last-child {
    margin-bottom: 0rem;
  }

h1:last-child {
    margin-bottom: 0rem;
  }

h2:last-child {
    margin-bottom: 0rem;
  }

h3:last-child {
    margin-bottom: 0rem;
  }

h4:last-child {
    margin-bottom: 0rem;
  }

h5:last-child {
    margin-bottom: 0rem;
  }

h6:last-child {
    margin-bottom: 0rem;
  }

blockquote:last-child {
    margin-bottom: 0rem;
  }

h1 {
  font: 500 3.75rem/1.2 benton-sans, sans-serif;
  font: 500 3.75rem/1.2 var(--font-sans);
  margin-bottom: 2.5rem;

  font-size: 3.8961038961vw;

  font-size: calc(60/var(--ref-width)*100vw);
}

@media screen and (max-width: 1232px) {

h1 {
    font-size: 3rem;
}
  }

h1.bold,h1 b {
    font-weight: 800;
  }

@media screen and (max-width: 980px) {

h1 {
    font-size: 2rem;
}
  }

h2,
.anthology .page-list h3 {
  font: 500 1.5rem/1.38 benton-sans, sans-serif;
  font: 500 1.5rem/1.38 var(--font-sans);
}

@media screen and (max-width: 980px) {

h2,
.anthology .page-list h3 {
    font-size: 1.375rem;
}
  }

h3 {
  font: 700 1.25rem/1.5 benton-sans, sans-serif;
  font: 700 1.25rem/1.5 var(--font-sans);
}

@media screen and (max-width: 980px) {

h3 {
    font-size: 1.125rem;
}
  }

h4 {
  font: 700 1rem/1.5 benton-sans, sans-serif;
  font: 700 1rem/1.5 var(--font-sans);
}

h5 {
  font: 700 0.875rem/1.43 benton-sans, sans-serif;
  font: 700 0.875rem/1.43 var(--font-sans);
}

h6 {
  font: 500 0.875rem/1.43 benton-sans, sans-serif;
  font: 500 0.875rem/1.43 var(--font-sans);
}

blockquote {
  padding: 0rem;
  margin: 2.5rem 0rem;
  font: 700 1.25rem/1.38 benton-sans, sans-serif;
  font: 700 1.25rem/1.38 var(--font-sans);
  letter-spacing: 0.015625rem;
}

a,
a:visited {
  color: inherit;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.button:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-block;
    padding: 0.375rem 2.5rem 0.375rem 1rem;
    border-radius: 1.25rem;
    border: 1px solid #000000;
    border: 1px solid var(--text-color);
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.333%203.333v1h6.295l-8.295%208.295.705.705%208.295-8.295v6.295h1v-8z%22%2F%3E%3C%2Fsvg%3E') top 50% right 0.75rem;
    background-repeat: no-repeat;
  }

a.button:not(.does-not-exist) {
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-block;
    padding: 0.375rem 2.5rem 0.375rem 1rem;
    border-radius: 1.25rem;
    border: 1px solid #000000;
    border: 1px solid var(--text-color);
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.333%203.333v1h6.295l-8.295%208.295.705.705%208.295-8.295v6.295h1v-8z%22%2F%3E%3C%2Fsvg%3E') top 50% right 0.75rem;
    background-repeat: no-repeat;
  }

.read-more a:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m9%203-.715.696%203.79%203.804H2v1h10.075l-3.79%203.787L9%2013l5-5z%22%2F%3E%3C%2Fsvg%3E') top 50% right 0rem;
    background-repeat: no-repeat;
    padding: 0.375rem 1.75rem 0.375rem 0rem;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid var(--text-color);
  }

.see-all a:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m9%203-.715.696%203.79%203.804H2v1h10.075l-3.79%203.787L9%2013l5-5z%22%2F%3E%3C%2Fsvg%3E') top 50% right 0rem;
    background-repeat: no-repeat;
    padding: 0.375rem 1.75rem 0.375rem 0rem;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid var(--text-color);
  }

.read-more a:not(.does-not-exist),.see-all a:not(.does-not-exist) {
    -webkit-text-decoration: none;
    text-decoration: none;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m9%203-.715.696%203.79%203.804H2v1h10.075l-3.79%203.787L9%2013l5-5z%22%2F%3E%3C%2Fsvg%3E') top 50% right 0rem;
    background-repeat: no-repeat;
    padding: 0.375rem 1.75rem 0.375rem 0rem;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid var(--text-color);
  }

.read-more.external a:visited {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.333%203.333v1h6.295l-8.295%208.295.705.705%208.295-8.295v6.295h1v-8z%22%2F%3E%3C%2Fsvg%3E');
  }

.read-more.external a:not(.does-not-exist) {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.333%203.333v1h6.295l-8.295%208.295.705.705%208.295-8.295v6.295h1v-8z%22%2F%3E%3C%2Fsvg%3E');
  }

.read-more.scroll a:visited {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2213%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2013%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m10%207.75-.697-.715-3.803%203.79V.75h-1v10.075L.713%207.035%200%207.75l5%205z%22%2F%3E%3C%2Fsvg%3E');
  }

.read-more.scroll a:not(.does-not-exist) {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2213%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2013%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m10%207.75-.697-.715-3.803%203.79V.75h-1v10.075L.713%207.035%200%207.75l5%205z%22%2F%3E%3C%2Fsvg%3E');
  }

a.button,
button.icon {
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  padding: 0.375rem 2.5rem 0.375rem 1rem;
  border-radius: 1.25rem;
  border: 1px solid #000000;
  border: 1px solid var(--text-color);
  background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.333%203.333v1h6.295l-8.295%208.295.705.705%208.295-8.295v6.295h1v-8z%22%2F%3E%3C%2Fsvg%3E') top 50% right 0.75rem;
  background-repeat: no-repeat;
}

.excerpt {
  margin-bottom: 5rem;
  font: 500 1.5rem/1.38 benton-sans, sans-serif;
  font: var(--font-medium);
}

.excerpt:last-child {
    margin-bottom: 0rem;
  }

main {
  padding-top: 5rem;
  padding-bottom: 7.5rem;
}

main  > section {
    padding-left: 3.8961039vw;
    padding-left: var(--outer-padding);
    padding-right: 3.8961039vw;
    padding-right: var(--outer-padding);
  }

main > section > .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-width: var(--grid-limit, 100%);
  }

@media screen and (max-width: 980px) {

main {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
}
  }

.headline-tag {
  display: inline-block;
  color: #aa8900;
  color: var(--headline-tag-color);
  border-right: 0.055em solid #000000;
  border-right: 0.055em solid var(--text-color);
  padding-right: 0.4em;
  margin-right: 0.2em;
}

/* Shared navigation pills styling for mittfrieord section */

.mittfrieord-nav {
  margin-bottom: 2rem;
}

.mittfrieord-nav .nav-pills {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
  }

@media screen and (max-width: 980px) {

.mittfrieord-nav .nav-pills {
      gap: 0.5rem;
  }
    }

.mittfrieord-nav .nav-item {
    margin: 0;
  }

.mittfrieord-nav .nav-link {
    display: inline-flex;
    padding: 4px 16px;
    align-items: center;
    border-radius: 32px;
    border: 2px solid #000000;
    border: 2px solid var(--text-color);
    background: transparent;
    -webkit-text-decoration: none;
    text-decoration: none;
    font: 500 1.5rem/1.38 benton-sans, sans-serif;
    font: var(--font-medium);
    color: #000000;
    color: var(--text-color);
    transition: all 0.05s ease;
    white-space: nowrap;
  }

@media screen and (max-width: 980px) {

.mittfrieord-nav .nav-link {
      padding: 4px 12px;
      font-size: 1.25rem;
  }
    }

.mittfrieord-nav .nav-link:hover,.mittfrieord-nav .nav-link:focus,.mittfrieord-nav .nav-link.active {
      background: #00d4ff; /* mittfrieord accent color */
      border: 2px solid #000000;
      border: 2px solid var(--text-color);
      box-shadow: 4px 4px 0px 0px #000;
      -webkit-text-decoration: none;
      text-decoration: none;
      color: #000000;
      color: var(--text-color);
      border-radius: 0px;
    }

.beyondwords-player {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid var(--border-color);
  padding: 1rem 0rem;
  margin-bottom: 2.5rem;
  font: 500 0.875rem/1.55 benton-sans, sans-serif;
  font: var(--font-small);
  display: none;
}

.beyondwords-player.available {
    display: block;
  }

.beyondwords-player p:first-of-type {
    margin-top: 1rem;
  }

section.calendar-index {
  font: 500 0.875rem/1.55 benton-sans, sans-serif;
  font: var(--font-small);
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1.4084507vw;
  grid-column-gap: var(--gutter);
}

section.calendar-index .calendar {
    grid-column: 2 / span 20;
  }

@media screen and (max-width: 980px) {

section.calendar-index .calendar {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

section.calendar-index .links {
    margin-bottom: 2.5rem;
  }

section.calendar-index .links span {
      margin-right: 1rem;
    }

section.calendar-index .calendar-items {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid var(--border-color);
  }

section.calendar-index .calendar-item .image img {
      display: block;
      width: 100%;
      height: auto;
      filter: contrast(95%);
      opacity: 0.95;
      transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
      will-change: transform;
    }

section.calendar-index .calendar-item:hover .image img,section.calendar-index .calendar-item:focus .image img {
      filter: contrast(100%);
      opacity: 1;
    }

section.calendar-index .calendar-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--border-color);
    padding: 1.5rem 0rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    opacity: 1;
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
  }

@media screen and (max-width: 980px) {

section.calendar-index .calendar-item {
      grid-template-columns: repeat(24, 1fr);
      grid-template-columns: repeat(var(--columns), 1fr);
  }
    }

section.calendar-index .calendar-item .image {
      grid-column: 1 / span 4;
    }

@media screen and (max-width: 980px) {

section.calendar-index .calendar-item .image {
        grid-column: 1 / span 2;
    }
      }

section.calendar-index .calendar-item h2 {
      grid-column: 1 / span 20;
    }

@media screen and (max-width: 980px) {

section.calendar-index .calendar-item h2 {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
    }
      }

section.calendar-index .calendar-item h2 .time,section.calendar-index .calendar-item h2 .name {
        display: inline-block;
        margin-right: 1rem;
      }

section.calendar-index .calendar-item h2 .time:last-child {
          margin-right: 0rem;
        }

section.calendar-index .calendar-item h2 .name:last-child {
          margin-right: 0rem;
        }

section.calendar-index .calendar-item h2 .time {
        opacity: 0.55;
      }

section.calendar-index .calendar-item h2 .name {
      }

section.calendar-index .calendar-item .text {
      grid-column: span 11;
    }

@media screen and (max-width: 980px) {

section.calendar-index .calendar-item .text {
        grid-column: span 4;
    }
      }

section.calendar-index .calendar-item:hover h2 .name,section.calendar-index .calendar-item:focus h2 .name {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

section.document {
  position: relative;
}

section.document  > .inner {
    display: grid;
    grid-template-areas: "content";
  }

@media screen and (max-width: 980px) {

section.document  > .inner {
      display: flex;
      flex-direction: column;
  }
    }

section.document article {
    grid-area: content;
  }

@media screen and (max-width: 980px) {

section.document article {
      grid-area: none;
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

section.document .sidebar-wrapper {
    pointer-events: none;
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
    grid-area: content;
    align-self: start;
    z-index: 2;
  }

@media screen and (min-width: 981px) {

section.document .sidebar-wrapper {
      position: sticky;
      top: 7.5rem;
  }
    }

@media screen and (max-width: 980px) {

section.document .sidebar-wrapper {
      width: 100%;
      margin-bottom: 3.75rem;
      margin-top: -5rem;
  }
    }

section.document .sidebar {
    pointer-events: auto;
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    grid-column: 3 / span 5;
  }

@media screen and (max-width: 980px) {

section.document .sidebar {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

section.document .sidebar .portal-link {
      margin-top: 2.5rem;
    }

.document-section {
  padding: 1rem 0rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--border-color);
  grid-column: 10 / span 13;
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-column-gap: 1.4084507vw;
  grid-column-gap: var(--gutter);
}

@media screen and (max-width: 980px) {

.document-section {
    grid-column: 1 / span 24;
    grid-column: 1 / span var(--columns);
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
}
  }

.document-section  > h2 {
    margin-bottom: 0rem;
    grid-column: 1 / span 13;
  }

@media screen and (max-width: 980px) {

.document-section  > h2 {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

.document-section .content.body {
    grid-column: 5 / span 9;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

@media screen and (max-width: 980px) {

.document-section .content.body {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

@media screen and (min-width: 981px) {

section.error .sidebar-image {
      position: fixed;
      bottom: 0rem;
      top: 6.25rem;
      left: 0rem;
      margin-left: 0rem;
      width: 50vw;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
  }
      section.error .sidebar-image figure.image {
        width: 100%;
        height: 100%;
      }
        section.error .sidebar-image figure.image img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain;
          -o-object-position: left bottom;
             object-position: left bottom;
        }
    }

@media screen and (max-width: 980px) {

section.error article.main {
      display: flex;
      flex-direction: column;
  }
      section.error article.main .sidebar-image {
        order: 2;
      }
    }

.expandable .expand {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none;
    opacity: 1;
    cursor: pointer;
    position: relative;
  }

.expandable .expand:before {
      content: " ";
      position: absolute;
      right: 0rem;
      top: 0.25rem;
      width: 1.5rem;
      height: 1.5rem;
      z-index: -1;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M16.59%208.59%2012%2013.17%207.41%208.59%206%2010l6%206%206-6z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23000%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
      transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    }

.expandable .expand:hover,.expandable .expand:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

.expandable .content {
    display: none;
  }

.expandable.expanded .expand:before {
        transform: rotate(-180deg);
      }

.expandable.expanded .content {
      display: block;
    }

body > footer {
  padding-left: 3.8961039vw;
  padding-left: var(--outer-padding);
  padding-right: 3.8961039vw;
  padding-right: var(--outer-padding);
}

body > footer > .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-width: var(--grid-limit, 100%);
  }

body > footer > .inner {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
  }

body > footer .inner {
    padding: 2.5rem 0rem 5rem 0rem;
  }

body > footer .content {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    grid-column: 14 / span 9;
  }

@media screen and (max-width: 980px) {

body > footer .content {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

body > footer .social {
    margin-top: 1rem;
  }

body > footer .social .icon {
      background: transparent;
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      display: inline-block;
      overflow: hidden;
      text-indent: -1000rem;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 1rem;
      opacity: 1;
    }

body > footer .social .icon.facebook {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22.676%200H1.324C.593%200%200%20.593%200%201.324v21.352C0%2023.407.593%2024%201.324%2024h11.504v-9.281H9.703v-3.633h3.125V8.412c0-3.099%201.895-4.787%204.659-4.787q1.397-.003%202.789.14v3.24h-1.904c-1.506%200-1.8.712-1.8%201.763v2.313h3.6l-.467%203.633h-3.153V24h6.124c.731%200%201.324-.593%201.324-1.324V1.324C24%20.593%2023.407%200%2022.676%200%22%2F%3E%3C%2Fsvg%3E');
      }

body > footer .social .icon.instagram {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20.008h23.992v23.99H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.996.008C8.738.008%208.33.02%207.05.08%205.773.138%204.901.34%204.138.637a5.9%205.9%200%200%200-2.125%201.384A5.9%205.9%200%200%200%20.63%204.146C.333%204.909.13%205.78.072%207.058.014%208.338%200%208.746%200%2012.004s.014%203.666.072%204.946c.058%201.277.261%202.149.558%202.912a5.9%205.9%200%200%200%201.383%202.125%205.9%205.9%200%200%200%202.125%201.383c.763.297%201.635.5%202.912.558%201.28.058%201.688.072%204.946.072s3.667-.014%204.946-.072c1.277-.058%202.15-.261%202.912-.558a5.9%205.9%200%200%200%202.125-1.383%205.9%205.9%200%200%200%201.384-2.125c.296-.763.499-1.635.557-2.912.059-1.28.072-1.688.072-4.946s-.013-3.667-.072-4.946c-.058-1.277-.26-2.15-.557-2.912a5.9%205.9%200%200%200-1.384-2.125A5.9%205.9%200%200%200%2019.854.637C19.091.341%2018.22.138%2016.942.08c-1.28-.06-1.688-.072-4.946-.072m0%202.161c3.203%200%203.583.012%204.848.07%201.17.053%201.805.249%202.227.413.56.218.96.478%201.38.897s.68.82.897%201.38c.164.422.36%201.058.413%202.227.058%201.265.07%201.645.07%204.848s-.012%203.582-.07%204.847c-.053%201.17-.249%201.805-.413%202.228-.218.56-.478.96-.897%201.38s-.82.679-1.38.897c-.422.164-1.058.36-2.227.413-1.265.057-1.644.07-4.848.07s-3.582-.013-4.847-.07c-1.17-.054-1.805-.25-2.228-.413a3.7%203.7%200%200%201-1.38-.898%203.7%203.7%200%200%201-.897-1.38c-.164-.422-.36-1.057-.413-2.227-.057-1.265-.07-1.644-.07-4.847s.013-3.583.07-4.848c.054-1.17.25-1.805.413-2.227.218-.56.478-.96.898-1.38s.82-.68%201.38-.897c.422-.164%201.057-.36%202.227-.413%201.265-.058%201.644-.07%204.847-.07%22%20mask%3D%22url%28%23b%29%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.996%2016.003a3.999%203.999%200%201%201%200-7.998%203.999%203.999%200%200%201%200%207.998m0-10.16a6.16%206.16%200%201%200%200%2012.321%206.16%206.16%200%200%200%200-12.32zM19.84%205.6a1.44%201.44%200%201%201-2.88%200%201.44%201.44%200%200%201%202.88%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
      }

body > footer .social .icon.twitter {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M66.69%20160.204c59.625%200%2092.231-49.397%2092.231-92.231q.001-2.105-.092-4.191A66%2066%200%200%200%20175%2046.998a64.7%2064.7%200%200%201-18.616%205.103c6.693-4.012%2011.83-10.363%2014.254-17.932a64.9%2064.9%200%200%201-20.583%207.868c-5.915-6.3-14.34-10.24-23.662-10.24-17.903%200-32.42%2014.517-32.42%2032.413%200%202.544.284%205.018.84%207.39-26.94-1.353-50.83-14.254-66.816-33.867a32.3%2032.3%200%200%200-4.391%2016.293c0%2011.245%205.724%2021.174%2014.425%2026.982a32.2%2032.2%200%200%201-14.682-4.055c-.006.135-.006.27-.006.413%200%2015.701%2011.176%2028.807%2026.006%2031.78a32.34%2032.34%200%200%201-14.639.556c4.127%2012.878%2016.094%2022.25%2030.283%2022.515-11.096%208.694-25.072%2013.875-40.26%2013.875q-3.925%200-7.733-.449c14.347%209.194%2031.38%2014.561%2049.69%2014.561%22%2F%3E%3C%2Fsvg%3E');
      }

body > footer .social .icon.youtube {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%200h20a2%202%200%200%201%202%202v20a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2m8.327%2014.396V9.604L14.63%2012l-4.302%202.396zm9.458-6.35a2.05%202.05%200%200%200-1.436-1.453C17.082%206.25%2012%206.25%2012%206.25s-5.082%200-6.349.343c-.699.19-1.25.746-1.436%201.453-.34%201.28-.34%203.954-.34%203.954s0%202.673.34%203.954a2.05%202.05%200%200%200%201.436%201.453c1.267.343%206.349.343%206.349.343s5.082%200%206.349-.343a2.05%202.05%200%200%200%201.436-1.453c.34-1.281.34-3.954.34-3.954s0-2.673-.34-3.954%22%2F%3E%3C%2Fsvg%3E');
      }

body > footer .credit {
    margin-top: 2.5rem;
    opacity: 0.55;
  }

input[type="text"],
input[type="email"],
input[type="password"] {
  font: 500 1rem/1.75 benton-sans, sans-serif;
  font: var(--font-normal);
  background: transparent;
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid var(--border-color);
  width: 100%;
  padding: 0.5rem 2.25rem 0.5rem 0rem;
}

@media screen and (min-width: 981px) {

input[type="text"],
input[type="email"],
input[type="password"] {
    font: normal 1.25rem/1.5 benton-sans, sans-serif;
    font: normal 1.25rem/1.5 var(--font-sans);
}
  }

input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus {
    outline: none;
  }

input[type="text"]:disabled {
    opacity: 0.3;
  }

input[type="email"]:disabled {
    opacity: 0.3;
  }

input[type="password"]:disabled {
    opacity: 0.3;
  }

form label {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
  }

form .field {
    margin-bottom: 1rem;
  }

form .buttons {
    margin-top: 2rem;
  }

form button {
    font: 500 1rem/1.75 benton-sans, sans-serif;
    font: var(--font-normal);
    background: #000000;
    background: var(--text-color);
    color: rgb(255, 255, 255);
    color: rgb(var(--background-color));
    border: none;
    border-radius: 1.25rem;
    padding: 0.25rem 1.25rem;
  }

section.gallery {
  margin-bottom: 7.5rem;
  padding-left: 3.8961039vw;
  padding-left: var(--outer-padding);
  padding-right: 3.8961039vw;
  padding-right: var(--outer-padding);
}

@media screen and (max-width: 980px) {

section.gallery {
    width: 100%;
    margin-left: 0rem;
    margin-right: 0rem;
    float: none;
    margin-bottom: 3.75rem;
}
  }

section.gallery .open-button {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    margin-bottom: 1.875rem;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2017%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M2%2011.345H1v-9a1%201%200%200%201%201-1h9v1H2zm8.5-2.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203m0-2a.5.5%200%201%201%200%201%20.5.5%200%200%201%200-1%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M14%203.845H4.5a1%201%200%200%200-1%201v9.5a1%201%200%200%200%201%201H14a1%201%200%200%200%201-1v-9.5a1%201%200%200%200-1-1m0%2010.5H4.5v-3l2-1.999%202.793%202.793a1%201%200%200%200%201.414%200l.793-.793%202.5%202.499zm0-1.914-1.793-1.793a1%201%200%200%200-1.414%200L10%2011.43%207.207%208.638a1%201%200%200%200-1.414%200L4.5%209.93V4.845H14z%22%2F%3E%3C%2Fsvg%3E');
  }

.yarl__slide {
  flex-direction: column;
}

.yarl__slide_captions_container {
  background: transparent;
  position: relative;
  width: 100%;
  padding: 0rem;
}

.yarl__slide_description {
  text-align: center;
  padding: 1.5rem 0rem 2.5rem 0rem;
}

section.grants {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1.4084507vw;
  grid-column-gap: var(--gutter);
}

section.grants article {
    grid-column: 1 / span 24;
    grid-column: 1 / span var(--columns);
  }

section.grants .grants-list-wrapper {
    grid-column: 3 / span 20;
  }

@media screen and (max-width: 980px) {

section.grants .grants-list-wrapper {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

.grants-list {
  font: 500 0.875rem/1.55 benton-sans, sans-serif;
  font: var(--font-small);
  margin: 0rem auto;
}

.grants-list .filter,.grants-list .search-bar {
    margin-bottom: 5rem;
  }

.grants-list .filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5rem;
  }

@media screen and (max-width: 980px) {

.grants-list .filter {
      flex-direction: column;
      margin-bottom: 2.5rem;
  }
    }

.grants-list .filter  > div {
      margin-left: 1.25rem;
    }

.grants-list .filter > div:first-child {
        margin-left: 0rem;
      }

@media screen and (max-width: 980px) {

.grants-list .filter  > div {
        margin-left: 0rem;
        width: 100%;
        margin-bottom: 0.5rem;
    }
      }

@media screen and (max-width: 980px) {

.grants-list .filter .label {
        display: none;
    }
      }

.grants-list .filter .year {
      min-width: 7.5rem;
    }

.grants-list .filter .month {
      min-width: 12.5rem;
    }

.grants-list .filter .category {
      min-width: 15.5rem;
    }

.grants-list .filter .search-toggle {
      flex-grow: 1;
      min-height: 1.5rem;
      line-height: 1.5rem;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M15.977%2014.472h-.79l-.28-.27a6.5%206.5%200%200%200%201.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505%206.505%200%200%200-7.27%207.27c.34%202.8%202.56%205.12%205.34%205.59a6.5%206.5%200%200%200%205.34-1.48l.27.28v.79l4.25%204.25c.41.41%201.08.41%201.49%200s.41-1.08%200-1.49zm-6%200c-2.49%200-4.5-2.01-4.5-4.5s2.01-4.5%204.5-4.5%204.5%202.01%204.5%204.5-2.01%204.5-4.5%204.5%22%2F%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat;
      background-position: right center;
      text-align: right;
      padding-right: 2.5rem;
    }

@media screen and (max-width: 980px) {

.grants-list .filter .search-toggle {
        margin-top: 1rem;
        text-align: left;
        background-position: left center;
        padding-left: 2.5rem;
        padding-right: 0rem;
    }
      }

.grants-list .filter .react-select__control {
      background: transparent;
      border-color: rgba(0, 0, 0, 0.2);
    }

.grants-list .search-bar {
    position: relative;
  }

.grants-list .search-bar input {
    }

.grants-list .search-bar button.close {
      display: block;
      border: 0rem;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M13.3.71a.996.996%200%200%200-1.41%200L7%205.59%202.11.7A.996.996%200%201%200%20.7%202.11L5.59%207%20.7%2011.89a.996.996%200%201%200%201.41%201.41L7%208.41l4.89%204.89a.996.996%200%201%200%201.41-1.41L8.41%207l4.89-4.89c.38-.38.38-1.02%200-1.4%22%2F%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20transform%3D%22translate%285%205%29%22%2F%3E%3C%2Fsvg%3E') no-repeat;
      background-position: 50% 50%;
      height: 1.5rem;
      width: 1.5rem;
      overflow: hidden;
      text-indent: -1000rem;
      position: absolute;
      right: 0rem;
      top: 0.75rem;
    }

.grants-list ul.index li {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%229%22%20r%3D%227%22%20fill%3D%22%23006298%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280%20-2%29%22%2F%3E%3C%2Fsvg%3E');
      background-position: left 1rem;
    }

.grants-list ul.index li .image img {
      display: block;
      width: 100%;
      height: auto;
      filter: contrast(95%);
      opacity: 0.95;
      transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
      will-change: transform;
    }

.grants-list ul.index li:hover .image img,.grants-list ul.index li:focus .image img {
      filter: contrast(100%);
      opacity: 1;
    }

.grants-list ul.index li .name {
        font-weight: 700;
      }

.grants-list ul.index li .featured {
        display: grid;
        grid-template-columns: repeat(20, 1fr);
        grid-column-gap: 1.4084507vw;
        grid-column-gap: var(--gutter);
        margin: 1.5rem 0rem 1.5rem -2.125rem;
      }

@media screen and (max-width: 980px) {

.grants-list ul.index li .featured {
          grid-template-columns: repeat(24, 1fr);
          grid-template-columns: repeat(var(--columns), 1fr);
          margin-left: 0rem;
      }
        }

.grants-list ul.index li .featured .image {
          grid-column: 1 / span 4;
        }

@media screen and (max-width: 980px) {

.grants-list ul.index li .featured .image {
            grid-column: 1 / span 24;
            grid-column: 1 / span var(--columns);
            margin-bottom: 1rem;
        }
          }

.grants-list ul.index li .featured .image img {
            display: block;
            width: 100%;
            height: auto;
          }

.grants-list ul.index li .featured .text {
          grid-column: span 10;
        }

@media screen and (max-width: 980px) {

.grants-list ul.index li .featured .text {
            grid-column: 1 / span 24;
            grid-column: 1 / span var(--columns);
        }
          }

.grants-list ul.index li .featured .read-more {
          -webkit-text-decoration: underline;
          text-decoration: underline;
          opacity: 0.7;
        }

@media screen and (max-width: 980px) {
          .grants-list ul.index li span.column,.grants-list ul.index li span.column.recipient span {
            display: block;
            border-right: none;
            padding: 0rem;
            margin: 0rem;
          }
      }

section.grant h1 {
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%229%22%20r%3D%227%22%20fill%3D%22%23006298%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280%20-2%29%22%2F%3E%3C%2Fsvg%3E') left 0.75rem no-repeat;
    background-size: 2.5rem 2.5rem;
    padding-left: 5rem;
    margin-left: -5rem;
  }

.grants-grid .article {
    font: 500 0.75rem/1.55 benton-sans, sans-serif;
    font: var(--font-smaller);
  }

.grants-grid .article h5 {
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%229%22%20r%3D%227%22%20fill%3D%22%23006298%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280%20-2%29%22%2F%3E%3C%2Fsvg%3E') left 0.25rem no-repeat;
      padding-left: 1.5rem;
      font-weight: normal;
      margin-bottom: 0.75rem;
    }

@media screen and (max-width: 980px) {

.grants-grid .article h5 {
        background: none;
        padding-left: 0rem;
    }
      }

.grants-grid .article h5 b {
        font-weight: 700;
      }

.grants-grid .article .category {
      margin-bottom: 0.75rem;
      opacity: 0.55;
    }

.grid-3col,
.grid-4col,
.grid-6col {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1.4084507vw;
  grid-column-gap: var(--gutter);
}

.grid-3col article,.grid-4col article,.grid-6col article,.grid-3col .article,.grid-4col .article,.grid-6col .article {
    display: block;
    margin-bottom: 5rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    opacity: 1;
  }

.grid-3col article:not(.does-not-exist) .image img,.grid-4col article:not(.does-not-exist) .image img,.grid-6col article:not(.does-not-exist) .image img,.grid-3col .article .image img,.grid-4col .article .image img,.grid-6col .article .image img {
      display: block;
      width: 100%;
      height: auto;
      filter: contrast(95%);
      opacity: 0.95;
      transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
      will-change: transform;
    }

.grid-3col article:not(.does-not-exist):hover .image img,.grid-4col article:not(.does-not-exist):hover .image img,.grid-6col article:not(.does-not-exist):hover .image img,.grid-3col .article:hover .image img,.grid-4col .article:hover .image img,.grid-6col .article:hover .image img,.grid-3col article:not(.does-not-exist):focus .image img,.grid-4col article:not(.does-not-exist):focus .image img,.grid-6col article:not(.does-not-exist):focus .image img,.grid-3col .article:focus .image img,.grid-4col .article:focus .image img,.grid-6col .article:focus .image img {
      filter: contrast(100%);
      opacity: 1;
    }

.grid-3col article,.grid-4col article,.grid-6col article,.grid-3col .article,.grid-4col .article,.grid-6col .article {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
  }

@media screen and (max-width: 980px) {

.grid-3col article,.grid-4col article,.grid-6col article,.grid-3col .article,.grid-4col .article,.grid-6col .article {
      margin-bottom: 3.75rem;
  }
    }

.grid-3col article:not(.does-not-exist) .image,.grid-4col article:not(.does-not-exist) .image,.grid-6col article:not(.does-not-exist) .image,.grid-3col .article .image,.grid-4col .article .image,.grid-6col .article .image {
      position: relative;
      margin-bottom: 1.5rem;
    }

.grid-3col article:not(.does-not-exist) .image a,.grid-4col article:not(.does-not-exist) .image a,.grid-6col article:not(.does-not-exist) .image a,.grid-3col .article .image a,.grid-4col .article .image a,.grid-6col .article .image a {
        opacity: 1;
      }

.grid-3col article:not(.does-not-exist) .image img,.grid-4col article:not(.does-not-exist) .image img,.grid-6col article:not(.does-not-exist) .image img,.grid-3col .article .image img,.grid-4col .article .image img,.grid-6col .article .image img {
        position: absolute;
      }

.grid-3col article:not(.does-not-exist) h2,.grid-4col article:not(.does-not-exist) h2,.grid-6col article:not(.does-not-exist) h2,.grid-3col .article h2,.grid-4col .article h2,.grid-6col .article h2 {
      margin-bottom: 1rem;
    }

.grid-3col article:not(.does-not-exist) h4,.grid-4col article:not(.does-not-exist) h4,.grid-6col article:not(.does-not-exist) h4,.grid-3col .article h4,.grid-4col .article h4,.grid-6col .article h4 {
      margin: 1rem 0rem;
    }

.grid-3col article:not(.does-not-exist) h4.winner,.grid-4col article:not(.does-not-exist) h4.winner,.grid-6col article:not(.does-not-exist) h4.winner,.grid-3col .article h4.winner,.grid-4col .article h4.winner,.grid-6col .article h4.winner {
        background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%229%22%20r%3D%227%22%20fill%3D%22%23AA8A00%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280%20-2%29%22%2F%3E%3C%2Fsvg%3E') 0rem 0.25rem no-repeat;
        background-size: 0.875rem 0.875rem;
        padding-left: 1.5rem;
      }

.color.grid-3col article:not(.does-not-exist) .image img,.color.grid-4col article:not(.does-not-exist) .image img,.color.grid-6col article:not(.does-not-exist) .image img,.color.grid-3col .article .image img,.color.grid-4col .article .image img,.color.grid-6col .article .image img {
        filter: none;
      }

.grid-3col a.article:hover h2,.grid-4col a.article:hover h2,.grid-6col a.article:hover h2,.grid-3col a.article:focus h2,.grid-4col a.article:focus h2,.grid-6col a.article:focus h2 {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

.grid-3col article,.grid-3col .article {
    grid-column: 1 / span 24;
    grid-column: 1 / span var(--columns);
  }

@media screen and (min-width: 981px) {

.grid-3col article,.grid-3col .article {
      grid-column: span 6;
  }
      .grid-3col article:not(.does-not-exist):nth-child(3n + 1) {
        grid-column: 3 / span 6;
      }
      .grid-3col .article:nth-child(3n + 1) {
        grid-column: 3 / span 6;
      }
      .grid-3col article:not(.does-not-exist):nth-child(3n + 2) {
        grid-column: 10 / span 6;
      }
      .grid-3col .article:nth-child(3n + 2) {
        grid-column: 10 / span 6;
      }
      .grid-3col article:not(.does-not-exist):nth-child(3n + 3) {
        grid-column: 17 / span 6;
      }
      .grid-3col .article:nth-child(3n + 3) {
        grid-column: 17 / span 6;
      }
    }

.grid-3col article:not(.does-not-exist) .image,.grid-3col .article .image {
      padding-bottom: 100%;
    }

.grid-4col article,.grid-4col .article {
    grid-column: span 6;
  }

@media screen and (max-width: 980px) {

.grid-4col article,.grid-4col .article {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

.grid-4col article:not(.does-not-exist) .image,.grid-4col .article .image {
      padding-bottom: 56.42857%;
    }

.grid-6col article,.grid-6col .article {
    grid-column: span 4;
  }

.grid-6col article:not(.does-not-exist) .image,.grid-6col .article .image {
      margin-bottom: 1rem;
    }

@media screen and (max-width: 1300px) {

.grid-6col article,.grid-6col .article {
      grid-column: span 6;
  }
    }

@media screen and (max-width: 980px) {

.grid-6col article,.grid-6col .article {
      grid-column: span 3;
  }
    }

.grid-6col article:not(.does-not-exist) .image,.grid-6col .article .image {
      padding-bottom: 56.42857%;
    }

:root {
  --header-animation-duration: 250ms;
  --header-transition: var(--header-animation-duration)
    cubic-bezier(0.165, 0.84, 0.44, 1);
}

body > header {
  height: 9.375rem;
}

body > header .nav-wrapper {
    position: fixed;
    width: 100%;
    min-height: 2.75rem;
    z-index: 10;
    pointer-events: none;
    padding-left: 3.8961039vw;
    padding-left: var(--outer-padding);
    padding-right: 3.8961039vw;
    padding-right: var(--outer-padding);
  }

body > header .nav-wrapper > .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-width: var(--grid-limit, 100%);
  }

body > header .nav-wrapper > .inner {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
  }

body > header .nav-wrapper .overlay,body > header .nav-wrapper .logo,body > header .nav-wrapper .nav-toggle,body > header .nav-wrapper nav {
      pointer-events: auto;
    }

body > header .nav-wrapper .overlay {
      transition: all 250ms
    cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: all var(--header-transition);
      width: 100%;
      height: 12.5rem;
      height: 100vh;
      z-index: 1;
      position: absolute;
      left: 0rem;
      opacity: 0;
      visibility: hidden;
    }

body > header .inner {
    padding: 1.875rem 0rem;
    position: relative;
    z-index: 2;
  }

@media screen and (max-width: 980px) {

body > header .inner {
      height: 100vh;
      overflow: scroll;
      padding: 0.5rem 0rem;
  }
    }

body > header .nav-toggle {
    border: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    transition: all 250ms
    cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all var(--header-transition);
    grid-column: 1 / span 2;
    height: 3rem;
    overflow: hidden;
    text-indent: -1000rem;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M3%2018h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: left center;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
  }

@media screen and (max-width: 980px) {

body > header .nav-toggle {
      visibility: visible;
      opacity: 1;
      width: 2.5rem;
  }
    }

body > header nav {
    padding: 0.625rem 0rem;
    grid-column: span 18;
    float: left;
    pointer-events: auto;
    transition: all 250ms
    cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all var(--header-transition);
    display: grid;
    grid-template-columns: repeat(18, 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
  }

@media screen and (max-width: 980px) {

body > header nav {
      grid-template-columns: repeat(24, 1fr);
      grid-template-columns: repeat(var(--columns), 1fr);
      visibility: hidden;
      opacity: 0;
  }
    }

body > header nav ul {
      list-style-type: none;
      margin: 0rem;
      padding: 0rem;
      display: block;
    }

body > header nav li {
      display: inline-block;
      margin-right: 1rem;
      transition: margin 250ms
    cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: margin var(--header-transition);
    }

@media screen and (max-width: 980px) {

body > header nav li {
        display: block;
    }
      }

body > header nav li a {
        margin-right: 0.25rem;
      }

body > header nav li a:last-child {
          margin-right: 0rem;
        }

body > header nav .stotte li {
      font-weight: bold;
    }

body > header nav a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
      opacity: 1;
    }

body > header nav a {
      -webkit-text-decoration: none;
      text-decoration: none;
      opacity: 1;
    }

body > header nav a.current:visited {
        opacity: 0.55;
      }

body > header nav a.current:not(.does-not-exist) {
        opacity: 0.55;
      }

body > header nav a:hover,body > header nav a:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

body > header nav .nav-items {
      grid-column: 1 / span 11;
    }

@media screen and (max-width: 1300px) {

body > header nav .nav-items {
        grid-column: 1 / span 15;
    }
      }

@media screen and (max-width: 980px) {

body > header nav .nav-items {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
        line-height: 1.75rem;
    }
      }

body > header nav .stotte {
      grid-column: span 3;
    }

@media screen and (max-width: 980px) {

body > header nav .stotte {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
    }
      }

body > header nav .search-toggle a {
        background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M15.977%2014.472h-.79l-.28-.27a6.5%206.5%200%200%200%201.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505%206.505%200%200%200-7.27%207.27c.34%202.8%202.56%205.12%205.34%205.59a6.5%206.5%200%200%200%205.34-1.48l.27.28v.79l4.25%204.25c.41.41%201.08.41%201.49%200s.41-1.08%200-1.49zm-6%200c-2.49%200-4.5-2.01-4.5-4.5s2.01-4.5%204.5-4.5%204.5%202.01%204.5%204.5-2.01%204.5-4.5%204.5%22%2F%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat;
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        overflow: hidden;
        text-indent: -1000rem;
        vertical-align: middle;
        margin-top: -0.25rem;
      }

@media screen and (max-width: 980px) {

body > header nav .search-toggle {
        display: none;
    }
      }

@media screen and (max-width: 980px) {

body > header nav .locale-toggle {
        display: none;
    }
      }

body > header nav .search {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
      margin-top: 3.75rem;
      grid-column: span 16;
      display: none;
    }

@media screen and (max-width: 980px) {

body > header nav .search {
        margin-top: 2.5rem;
    }
      }

body > header nav .mobile-locale-toggle {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
      display: none;
      margin-top: 2.5rem;
    }

@media screen and (max-width: 980px) {

body > header nav .mobile-locale-toggle {
        display: block;
    }
      }

body > header nav .mobile-locale-toggle a {
        margin-left: 0.375rem;
      }

body > header nav .mobile-locale-toggle a:first-child {
          margin-left: 0rem;
        }

body > header .logo {
    display: block;
    opacity: 1;
    width: 6.4935064935vw;
    width: calc(100/var(--ref-width)*100vw);
    height: 7.5324675325vw;
    height: calc(116/var(--ref-width)*100vw);
    max-width: 6.25rem;
    max-height: 7.25rem;
    overflow: hidden;
    transition:
      height 100ms cubic-bezier(0.165, 0.84, 0.44, 1), max-height 100ms cubic-bezier(0.165, 0.84, 0.44, 1);

    position: absolute;
    right: 1.9480519481vw;
    right: calc(30/var(--ref-width)*100vw);
    top: 2rem;
  }

@media screen and (max-width: 980px) {

body > header .logo {
      right: 0rem;
      width: 4.875rem;
      height: 5.5rem;
      margin-right: 0rem;
      top: 0.5rem;
  }
    }

body > header .logo.anniversary {
      height: 8.2467532468vw;
      height: calc(127/var(--ref-width)*100vw);
      max-height: 8rem;
    }

@media screen and (max-width: 980px) {

body > header .logo.anniversary {
        height: 6.25rem;
    }
      }

body > header .logo svg {
      width: 100%;
      height: auto;
    }

body > header .logo svg #text,body > header .logo svg #symbol {
        transition: all 250ms
    cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all var(--header-transition);
        transform-origin: 50% 0%;
      }

body > header.scrolled .logo {
      height: 3.1168831169vw;
      height: calc(48/var(--ref-width)*100vw);
      max-height: 3rem;
      transition-duration: 500ms;
    }

@media screen and (max-width: 980px) {

body > header.scrolled .logo {
        max-height: none;
        height: 2.5rem;
    }
      }

body > header.scrolled .logo svg #symbol {
          transform: scale(0.5, 0.5);
        }

@media screen and (max-width: 980px) {

body > header.scrolled .logo svg #symbol {
            transform: scale(0.5, 0.5);
            opacity: 0;
        }
          }

body > header.scrolled .logo svg #text {
          transform: scale(0.75, 0.75) translateY(-20%);
          opacity: 0;
        }

@media screen and (max-width: 980px) {

body > header.scrolled .logo svg #text {
            transform: translateY(-67%);
            opacity: 1;
        }
          }

@media screen and (max-width: 980px) {

body > header.scrolled .logo.anniversary svg #text {
            transform: translateY(-63%);
        }
          }

body > header.searching nav .search {
      display: block;
    }

@media screen and (max-width: 980px) {
      body > header.pre-expand nav li,body > header.contract nav li {
        margin: 0rem;
      }
      body > header.expanded nav li {
        margin: 0.5rem 0rem;
      }
  }

body > header.scrolled .nav-toggle,body > header.searching .nav-toggle {
      visibility: visible;
      opacity: 1;
      transform: none;
    }

body > header.scrolled nav,body > header.searching nav {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-50%);
    }

body > header.pre-expand.scrolled nav,body > header.pre-expand.searching nav,body > header.pre-expand.scrolled nav li,body > header.pre-expand.searching nav li {
          transition-duration: 0ms;
        }

body > header.pre-expand.scrolled nav,body > header.pre-expand.searching nav,body > header.contract.scrolled nav,body > header.contract.searching nav {
        opacity: 0;
        visibility: visible;
        transform: none;
      }

@media screen and (min-width: 981px) {

body > header.pre-expand.scrolled nav li,body > header.pre-expand.searching nav li,body > header.contract.scrolled nav li,body > header.contract.searching nav li {
            margin-right: 0.375rem;
        }
          }

body > header.expanded.scrolled .nav-wrapper .overlay,body > header.expanded.searching .nav-wrapper .overlay {
        opacity: 1;
        visibility: visible;
      }

body > header.expanded.scrolled .nav-toggle,body > header.expanded.searching .nav-toggle {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M13.3.71a.996.996%200%200%200-1.41%200L7%205.59%202.11.7A.996.996%200%201%200%20.7%202.11L5.59%207%20.7%2011.89a.996.996%200%201%200%201.41%201.41L7%208.41l4.89%204.89a.996.996%200%201%200%201.41-1.41L8.41%207l4.89-4.89c.38-.38.38-1.02%200-1.4%22%2F%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20transform%3D%22translate%285%205%29%22%2F%3E%3C%2Fsvg%3E');
      }

body > header.expanded.scrolled nav,body > header.expanded.searching nav {
        transform: none;
        opacity: 1;
        visibility: visible;
      }

body > header.expanded.scrolled nav,body > header.expanded.searching nav,body > header.expanded.scrolled nav li,body > header.expanded.searching nav li {
          transition-duration: 250ms;
          transition-duration: var(--header-animation-duration);
        }

body > header.expanded.scrolled nav li,body > header.expanded.searching nav li {
          margin-right: 1rem;
        }

section.home section.news {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    position: relative;
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
  }

section.home section.news:after {
      content: "";
      display: table;
      clear: both;
    }

section.home section.news .article {
      -webkit-text-decoration: none;
      text-decoration: none;
      opacity: 1;
    }

section.home section.news .article .image img {
          width: 100%;
          height: auto;
        }

section.home section.news .article .text {
        max-width: 95%;
      }

section.home section.news .news-items {
      grid-column: span 12;
      padding-bottom: 3rem;
    }

section.home section.news .news-item .image img {
      display: block;
      width: 100%;
      height: auto;
      filter: contrast(95%);
      opacity: 0.95;
      transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
      will-change: transform;
    }

section.home section.news .news-item:hover .image img,section.home section.news .news-item:focus .image img {
      filter: contrast(100%);
      opacity: 1;
    }

section.home section.news .news-item {
      margin-bottom: 3rem;
    }

section.home section.news .news-item:last-child {
        margin-bottom: 0rem;
      }

section.home section.news .news-item .image {
        margin-bottom: 1.5rem;
        padding-bottom: 56.42857%;
        position: relative;
      }

section.home section.news .news-item .image img {
          position: absolute;
        }

section.home section.news .news-item h2 {
        margin-bottom: 1rem;
      }

section.home section.news .news-item:hover h2,section.home section.news .news-item:focus h2 {
          -webkit-text-decoration: underline;
          text-decoration: underline;
        }

section.home section.news .main-news-item {
      padding-bottom: 7.5rem;
      will-change: scroll-position;
      grid-column: 1 / span 12;
    }

@media screen and (min-width: 981px) {

section.home section.news .main-news-item {
        position: sticky;
        top: 7.5rem;
    }
      }

@media screen and (max-width: 980px) {

section.home section.news .main-news-item {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
        margin-bottom: 3rem;
        padding-bottom: 0rem;
    }
      }

section.home section.news .news-items {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: 1.4084507vw;
      grid-column-gap: var(--gutter);
    }

@media screen and (max-width: 980px) {

section.home section.news .news-items {
        grid-column: 1 / span 24;
        grid-column: 1 / span var(--columns);
        grid-template-columns: repeat(24, 1fr);
        grid-template-columns: repeat(var(--columns), 1fr);
    }
      }

section.home section.news .news-items .news-item {
        grid-column: span 6;
      }

@media screen and (max-width: 980px) {

section.home section.news .news-items .news-item {
          grid-column: 1 / span 24;
          grid-column: 1 / span var(--columns);
      }
        }

section.home section.news .news-items .read-more {
        grid-column: 1 / span 12;
      }

@media screen and (max-width: 980px) {

section.home section.news .news-items .read-more {
          grid-column: 1 / span 24;
          grid-column: 1 / span var(--columns);
      }
        }

section.home section.news .newsletter-box {
      grid-column: span 12;
      margin-top: 3rem;
    }

section.home section.apply,section.home section.grants,section.home section.projects,section.home section.prizes {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

@media screen and (max-width: 980px) {

section.home section.apply,section.home section.grants,section.home section.projects,section.home section.prizes {
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
  }
    }

section.home section.apply .apply-grid {
      margin-bottom: 2.5rem;
    }

figure.image {
  width: 100%;
  padding: 0rem;
  margin: 2.5rem 0rem;
}

figure.image img {
    width: 100%;
    height: auto;
    display: block;
  }

figure.image figcaption {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
    margin-top: 1rem;
  }

:root {
  --yarl__color_backdrop: rgba(0, 0, 0, 0.95);
}

/*
 * Mittfrieord Section Styles
 *
 * NOTE: Navigation styles (.mittfrieord-nav, .nav-pills, .nav-item, .nav-link)
 * are defined in base.css as shared components between anthology and mittfrieord sections.
 * This allows consistent navigation styling across both sections.
 */

body.mittfrieord {
  --headline-tag-color: var(--green-color);
  --spacing-big: 5rem;
  --mittfrieord-accent-color: #00d4ff; /* Accent color for mittfrieord section */
}

@media screen and (max-width: 980px) {

body.mittfrieord {
    --spacing-big: 3.75rem;
}
  }

section.mittfrieord.mittfrieord-index {
    background: #eeefec;
    background: var(--background-green-darker-color);
    margin-top: var(--spacing-big);
    padding-top: var(--spacing-big);
    padding-bottom: var(--spacing-big);
  }

section.mittfrieord.mittfrieord-index .page-list li {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m9%203-.715.696%203.79%203.804H2v1h10.075l-3.79%203.787L9%2013l5-5z%22%2F%3E%3C%2Fsvg%3E');
    }

section.mittfrieord .bordered-columns {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
    grid-row-gap: 1.75rem;
    row-gap: 1.75rem;
    margin-bottom: 3.5rem;
  }

section.mittfrieord .bordered-columns .column {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-top: 1px solid var(--border-color);
      padding-top: 0.5rem;
      grid-column: span 12;
    }

section.mittfrieord header:not(.does-not-exist) h2,section.mittfrieord .header-column h2 {
      margin-bottom: 0.25rem;
    }

section.mittfrieord header:not(.does-not-exist) h2 a:visited {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

section.mittfrieord .header-column h2 a:visited {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

section.mittfrieord header:not(.does-not-exist) h2 a,section.mittfrieord .header-column h2 a {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

section.mittfrieord header:not(.does-not-exist) h2 a:hover,section.mittfrieord .header-column h2 a:hover,section.mittfrieord header:not(.does-not-exist) h2 a:focus,section.mittfrieord .header-column h2 a:focus {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

section.mittfrieord .page-list {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    margin: 0rem;
    padding: 0rem;
  }

section.mittfrieord .page-list a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

section.mittfrieord .page-list a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

section.mittfrieord .page-list a:hover h3,section.mittfrieord .page-list a:focus h3 {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

section.mittfrieord .page-list li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid var(--border-color);
      padding: 0.5rem 0rem;
      background-repeat: no-repeat;
      background-position: right 0rem top 0.5rem;
      background-size: 1.5rem;
    }

section.mittfrieord .page-list li:first-child {
        padding-top: 0rem;
      }

section.mittfrieord .page-list h3 {
      margin-bottom: 0.25rem;
    }

section.mittfrieord .page-list a {
      display: block;
      padding-right: 2.25rem;
    }

section.mittfrieord .mittfrieord-section {
    margin: var(--spacing-big) 0rem;
  }

section.mittfrieord .mittfrieord-section:last-child {
      margin-bottom: 0rem;
    }

section.mittfrieord .mittfrieord-section h2 {
      margin-bottom: 1rem;
    }

section.mittfrieord .mittfrieord-section .body {
      margin-top: 1.75rem;
    }

section.mittfrieord .mittfrieord-content {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
    grid-row-gap: 4rem;
    row-gap: 4rem;
    align-items: start;
  }

@media screen and (max-width: 980px) {

section.mittfrieord .mittfrieord-content {
      row-gap: 2.5rem;
  }
    }

section.mittfrieord .mittfrieord-content figure.image:first-child {
        margin-top: 0rem;
      }

section.mittfrieord .mittfrieord-content figure.image:last-child {
        margin-bottom: 0rem;
      }

section.mittfrieord .mittfrieord-content .content {
    grid-column: span 12;
    padding-top: 1.5rem;
  }

@media screen and (max-width: 980px) {

section.mittfrieord .mittfrieord-content .content {
      padding-top: 0;
  }
    }

section.mittfrieord .mittfrieord-content .content h1 {
      margin-bottom: 1.5rem;
    }

section.mittfrieord .mittfrieord-content .content h2 {
      margin-bottom: 1rem;
    }

section.mittfrieord .mittfrieord-content .content .excerpt {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
    }

section.mittfrieord .mittfrieord-content .content .body {
      margin-top: 1.5rem;
    }

section.mittfrieord .mittfrieord-content .image-wrapper {
    grid-column: span 12;
  }

section.mittfrieord .mittfrieord-content .image-wrapper .video-embed {
      aspect-ratio: 1 / 1;
      border-radius: 1rem;
      overflow: hidden;
      scroll-margin-top: 2rem;
    }

section.mittfrieord .mittfrieord-content .image-wrapper .video-embed iframe {
        width: 100%;
        height: 100%;
        border: none;
        scroll-behavior: smooth;
      }

/* Shared Cards Grid Styles */

section.mittfrieord .cards-grid {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
    align-items: start;
  }

section.mittfrieord .cards-grid article.card {
      background: white;
      border-radius: 1rem;
      border: 2px solid #000000;
      border: 2px solid var(--text-color);
      padding: 2rem 1.5rem 2.5rem 1.5rem;
      box-shadow: 6px 6px 0px 0px #000;
      margin-bottom: 2rem;
      transition: all 0.15s ease;

      grid-column: span 8;
    }

@media screen and (max-width: 980px) {

section.mittfrieord .cards-grid article.card {
        padding: 1.5rem 1rem 2rem 1rem;
        margin-bottom: 1.5rem;
        box-shadow: 4px 4px 0px 0px #000;
    }
      }

section.mittfrieord .cards-grid article.card h2,section.mittfrieord .cards-grid article.card h3 {
        margin-bottom: 1rem;
        color: #000000;
        color: var(--text-color);
      }

@media screen and (max-width: 980px) {

section.mittfrieord .cards-grid article.card h2,section.mittfrieord .cards-grid article.card h3 {
          margin-bottom: 0.75rem;
      }
        }

section.mittfrieord .cards-grid article.card .excerpt {
        font: 500 0.875rem/1.55 benton-sans, sans-serif;
        font: var(--font-small);
        margin-bottom: 1.5rem;
        color: #000000;
        color: var(--text-color);
      }

@media screen and (max-width: 980px) {

section.mittfrieord .cards-grid article.card .excerpt {
          margin-bottom: 1.25rem;
      }
        }

section.mittfrieord .cards-grid article.card .read-more {
        font: 500 0.875rem/1.55 benton-sans, sans-serif;
        font: var(--font-small);
      }

section.mittfrieord .cards-grid article.card .video-embed {
        aspect-ratio: 9 / 16;
        border-radius: 1rem;
        overflow: hidden;
        margin-bottom: 1.5rem;
      }

@media screen and (max-width: 980px) {

section.mittfrieord .cards-grid article.card .video-embed {
          margin-bottom: 1.25rem;
      }
        }

section.mittfrieord .cards-grid article.card .video-embed iframe {
          width: 100%;
          height: 100%;
          border: none;
        }

/* Mittfrieord Cards Section Styles */

section.mittfrieord .mittfrieord-cards {
    margin: var(--spacing-big) 0rem 0rem 0rem;
  }

/* Mittfrieord Accordion Section Styles */

section.mittfrieord .mittfrieord-accordion {
    margin: var(--spacing-big) 0rem 0rem 0rem;
  }

section.mittfrieord .mittfrieord-accordion .accordion-item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid var(--border-color);
      padding: 1.5rem 0rem;
    }

section.mittfrieord .mittfrieord-accordion .accordion-item:first-child {
        padding-top: 0rem;
      }

section.mittfrieord .mittfrieord-accordion .accordion-item:last-child {
        border-bottom: none;
      }

section.mittfrieord .mittfrieord-accordion .accordion-item h2 {
        font-size: 1.5rem;
        line-height: 1.38;
        margin-bottom: 1rem;
        color: #000000;
        color: var(--text-color);
      }

section.mittfrieord .mittfrieord-accordion .accordion-item h2 .expand {
          padding-right: 2.25rem;
        }

@media screen and (max-width: 980px) {

section.mittfrieord .mittfrieord-accordion .accordion-item h2 {
          margin-bottom: 0.75rem;
      }
        }

section.mittfrieord .mittfrieord-accordion .accordion-item .excerpt {
        font: 500 0.875rem/1.55 benton-sans, sans-serif;
        font: var(--font-small);
        margin-bottom: 1.5rem;
        color: #000000;
        color: var(--text-color);
      }

@media screen and (max-width: 980px) {

section.mittfrieord .mittfrieord-accordion .accordion-item .excerpt {
          margin-bottom: 1.25rem;
      }
        }

section.mittfrieord .mittfrieord-accordion .accordion-item .content .body {
        font: 500 0.875rem/1.55 benton-sans, sans-serif;
        font: var(--font-small);
        color: #000000;
        color: var(--text-color);
      }

section.news-index .inner {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1.4084507vw;
    grid-column-gap: var(--gutter);
  }

section.news-index h1,section.news-index .pagination,section.news-index .links {
    grid-column: 3 / span 21;
  }

@media screen and (max-width: 980px) {

section.news-index h1,section.news-index .pagination,section.news-index .links {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

section.news-index h1 {
    margin-bottom: 1rem;
  }

section.news-index .links {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
  }

section.news-index .articles {
    margin-top: 2.5rem;
    grid-column: 1 / span 24;
    grid-column: 1 / span var(--columns);
  }

.pagination {
  font: 500 0.875rem/1.55 benton-sans, sans-serif;
  font: var(--font-small);
  margin: 1.25rem 0rem;
}

.pagination .disabled {
    display: none;
  }

.pagination .previous_page {
    margin-right: 1rem;
  }

.pagination .next_page {
    margin-left: 1rem;
  }

ul.pagination {
  padding: 0rem;
  list-style-type: none;
}

ul.pagination li {
    display: inline-block;
    margin-right: 1rem;
  }

ul.pagination a {
    cursor: pointer;
  }

ul.pagination a:hover,ul.pagination a:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

ul.pagination em {
    font-style: normal;
  }

ul.pagination .current a,ul.pagination .break a {
      color: #000000;
      color: var(--text-color);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.people {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1.4084507vw;
  grid-column-gap: var(--gutter);
}

.people h6 {
    margin-bottom: 2.5rem;
    grid-column: 3 / span 20;
  }

@media screen and (max-width: 980px) {

.people h6 {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

.people .grid-6col {
    grid-column: 1 / span 24;
    grid-column: 1 / span var(--columns);
  }

.people .person {
    margin-bottom: 2.5rem;
    font: 500 0.75rem/1.55 benton-sans, sans-serif;
    font: var(--font-smaller);
  }

.people .person .image {
      position: relative;
      padding-bottom: 125% !important;
    }

.people .person .image img {
        position: absolute;
        display: block;
        width: 100%;
        height: auto;
        opacity: 1;
        filter: contrast(100%);
      }

.people .person h5,.people .person .title,.people .person .phone,.people .person .email {
      margin-bottom: 0.25rem;
    }

.people .person .responsibilities {
      margin-top: 1rem;
    }

.previous-winners {
  font: 500 0.875rem/1.55 benton-sans, sans-serif;
  font: var(--font-small);
}

@media screen and (max-width: 980px) {

.previous-winners {
    padding: 0rem;
}
  }

.previous-winners li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.previous-winners li .name {
      font-weight: 700;
    }

@media screen and (max-width: 980px) {

.previous-winners .see-all {
      margin-top: -1.5rem;
  }
    }

section.prizes a.prize {
    -webkit-text-decoration: none;
    text-decoration: none;
    opacity: 1;
  }

section.prizes a.prize:hover h2,section.prizes a.prize:focus h2 {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

@media screen and (max-width: 980px) {

section.prizes .previous-winners ul.index li {
        display: none;
    }
        section.prizes .previous-winners ul.index li:nth-child(-n + 3) {
          display: list-item;
        }
      }

ul.index {
  list-style-type: none;
  padding: 0rem;
  margin: 2.5rem 0rem;
}

ul.index li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--border-color);
    padding: 0.75rem 0rem 0.75rem 2.125rem;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%229%22%20r%3D%227%22%20fill%3D%22%23AA8A00%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280%20-2%29%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
  }

@media screen and (max-width: 980px) {

ul.index li {
      padding: 0.75rem 0rem 0.75rem 1.875rem;
  }
    }

ul.index li:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-top: 1px solid var(--border-color);
    }

ul.index li a:visited {
      opacity: 1;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

ul.index li a {
      opacity: 1;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

ul.index li a:hover .name,ul.index li a:focus .name {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

ul.index li span.column {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      border-right: 1px solid var(--border-color);
      padding: 0rem 0.75rem;
    }

@media screen and (max-width: 980px) {

ul.index li span.column {
        padding: 0 0.5rem;
    }
      }

ul.index li span.column:first-child {
        padding-left: 0rem;
      }

ul.index li span.column:last-child {
        border-right: none;
        padding-right: 0rem;
      }

ul.index li span.column span {
        margin: 0rem 0.25rem;
      }

ul.index li span.column span:first-child {
          margin-left: 0rem;
        }

ul.index li span.column span:last-child {
          margin-right: 0rem;
        }

section.prize {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1.4084507vw;
  grid-column-gap: var(--gutter);
}

section.prize article,section.prize .latest-winners {
    grid-column: 1 / span 24;
    grid-column: 1 / span var(--columns);
  }

section.prize .previous-winners {
    grid-column: 3 / span 20;
    margin-top: 5rem;
  }

@media screen and (max-width: 980px) {

section.prize .previous-winners {
      padding: 0rem;
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

.prize-winner .winner-name {
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%229%22%20r%3D%227%22%20fill%3D%22%23AA8A00%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280%20-2%29%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 2.5rem 2.5rem;
    padding-left: 5rem;
    margin-left: -5rem;
  }

@media screen and (max-width: 980px) {

.prize-winner .winner-name {
      background: none;
      padding-left: 0rem;
      margin-left: 0rem;
  }
    }

.search-results {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1.4084507vw;
  grid-column-gap: var(--gutter);
}

.search-results .search-results-list {
    grid-column: 10 / span 12;
  }

@media screen and (max-width: 980px) {

.search-results .search-results-list {
      grid-column: 1 / span 24;
      grid-column: 1 / span var(--columns);
  }
    }

.search-results-list h1 {
    margin-bottom: 7.5rem;
  }

.search-results-list .result {
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    opacity: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--border-color);
  }

@media screen and (max-width: 980px) {

.search-results-list .result {
      margin-bottom: 1rem;
      padding-bottom: 1rem;
  }
    }

.search-results-list .result .description {
      width: 90%;
    }

@media screen and (max-width: 980px) {

.search-results-list .result .description {
        width: 100%;
    }
      }

.search-results-list .result h2 {
      margin-bottom: 0.5rem;
    }

.search-results-list .result .location {
      opacity: 0.55;
      margin-bottom: 0.5rem;
      font: 500 0.875rem/1.55 benton-sans, sans-serif;
      font: var(--font-small);
    }

.search-results-list .result:hover h2,.search-results-list .result:focus h2 {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

nav.sidebar-nav {
  font: 500 0.875rem/1.55 benton-sans, sans-serif;
  font: var(--font-small);
}

nav.sidebar-nav ul {
    padding: 0rem;
    list-style-type: none;
  }

nav.sidebar-nav li {
    margin: 0rem;
    padding: 0.375rem 0rem;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid var(--text-color);
  }

nav.sidebar-nav a,nav.sidebar-nav a:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m9%203-.715.696%203.79%203.804H2v1h10.075l-3.79%203.787L9%2013l5-5z%22%2F%3E%3C%2Fsvg%3E') top 50% right 0rem;
    background-repeat: no-repeat;
    padding-right: 1.25rem;
  }

.signup-form {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 3rem;
  padding: 1.5rem 0rem;
}

.signup-form .event-status {
    font: 500 1.5rem/1.38 benton-sans, sans-serif;
    font: 500 1.5rem/1.38 var(--font-sans);
    color: #006298;
    color: var(--blue-color);
  }

@media screen and (max-width: 980px) {

.signup-form .event-status {
      font-size: 1.375rem;
  }
    }

.signup-form form {
    margin-top: 1.5rem;
  }

.signup-form .field {
    margin-bottom: 1rem;
  }

.signup-form .field.radio-buttons {
      display: flex;
      flex-direction: column;
      gap: 0.125rem;
    }

.signup-form .field.radio-buttons label {
        font: 500 1rem/1.75 benton-sans, sans-serif;
        font: var(--font-normal);
        display: flex;
        gap: 0.5rem;
      }

.signup-form .field.check-box {
      padding-left: 1.75rem;
    }

.signup-form .field.check-box input[type="checkbox"] {
        float: left;
        margin-left: -1.75rem;
        margin-top: 0.25rem;
      }

.signup-form label .error {
    margin-left: 0.5rem;
    color: #882000;
    color: var(--red-color);
  }

.signup-form label + input {
    margin-top: 0.25rem;
  }

.signup-form input[type="text"] {
    border: 1px solid #000000;
    border: 1px solid var(--text-color);
    padding: 0.5rem 0.5rem;
  }

.signup-form .status-options {
    margin-bottom: 1.5rem;
  }

.signup-form .terms,.signup-form .newsletter {
    font: 500 0.875rem/1.55 benton-sans, sans-serif;
    font: var(--font-small);
  }

.signup-form button {
    font: 500 1rem/1.75 benton-sans, sans-serif;
    font: var(--font-normal);
    background: #000000;
    background: var(--text-color);
    color: rgb(255, 255, 255);
    color: rgb(var(--background-color));
    border: none;
    border-radius: 1.25rem;
    padding: 0.25rem 1.25rem;
  }

.signup-form button:disabled {
      opacity: 0.55;
    }