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

:root {
  --button-shadow:
    0 8px 8px -4px rgba(0, 0, 0, 0.03), 0 20px 24px -4px rgba(0, 0, 0, 0.04);
}

:root {
  --ease-out: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-back: cubic-bezier(0.35, 1.47, 0.64, 1);
  scroll-behavior: smooth;
}

:root {
  --black: #000000;
  --white: #ffffff;
  --red: #da1e28;

  --background-color: var(--white);
  --text-color: var(--black);
  --text-color-light: #656565;
  --link-color: var(--text);
  --border-color: var(--text-color);
  --image-placeholder-color: #f2f2f2;

  --vertical-color: var(--text-color);
  --kunst-color: #e6ff4b;
  --tmd-color: #ffbdf2;
  --litteratur-color: #c5ecff;
}

body {
  background: #ffffff;
  background: var(--background-color);
  color: #000000;
  color: var(--text-color);
}

a,
a:visited,
button {
  color: var(--link-color);
}

.date,
.tags a,
.location,
figcaption,
form .field .description {
  color: #656565;
  color: var(--text-color-light);
}

.vertical-kunst {
  --vertical-color: var(--kunst-color);
}

.vertical-tmd {
  --vertical-color: var(--tmd-color);
}

.vertical-litteratur {
  --vertical-color: var(--litteratur-color);
}

.field-with-errors label {
  color: #da1e28;
  color: var(--red);
}

.field-with-errors input[type="text"],.field-with-errors input[type="number"],.field-with-errors textarea {
    border-color: #da1e28;
    border-color: var(--red);
  }

/* Inter */

@font-face {
  font-family: "InterVariable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/InterVariable-b50e09dd.woff2") format("woff2");
}

@font-face {
  font-family: "InterVariable";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/InterVariable-Italic-1938dcee.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("/assets/Inter-Thin-43a2d8c6.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  src: url("/assets/Inter-ThinItalic-79152efa.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("/assets/Inter-ExtraLight-89584e15.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  src: url("/assets/Inter-ExtraLightItalic-82c816fd.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/Inter-Light-3ff4004f.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  src: url("/assets/Inter-LightItalic-05e76e34.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/Inter-Regular-c2378ac5.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url("/assets/Inter-Italic-b556d158.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/Inter-Medium-bbc656b3.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url("/assets/Inter-MediumItalic-d90c770b.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/Inter-SemiBold-4b1ff341.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src: url("/assets/Inter-SemiBoldItalic-91a89228.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/Inter-Bold-0e87bf8f.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  src: url("/assets/Inter-BoldItalic-e52a0471.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/Inter-ExtraBold-8a1ba277.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  src: url("/assets/Inter-ExtraBoldItalic-11f178eb.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("/assets/Inter-Black-e1805a11.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  src: url("/assets/Inter-BlackItalic-eaa40e3c.woff2") format("woff2");
}

/* InterDisplay */

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 100;
  src: url("/assets/InterDisplay-Thin-183e3dd5.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 100;
  src: url("/assets/InterDisplay-ThinItalic-c35ce677.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 200;
  src: url("/assets/InterDisplay-ExtraLight-da04784a.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 200;
  src: url("/assets/InterDisplay-ExtraLightItalic-518a442d.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/InterDisplay-Light-79b2c7f3.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 300;
  src: url("/assets/InterDisplay-LightItalic-15e856f8.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/InterDisplay-Regular-efb3b217.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 400;
  src: url("/assets/InterDisplay-Italic-9588da46.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/InterDisplay-Medium-dbd5a830.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 500;
  src: url("/assets/InterDisplay-MediumItalic-916d577f.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/InterDisplay-SemiBold-37d65d4d.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 600;
  src: url("/assets/InterDisplay-SemiBoldItalic-7f7e7928.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/InterDisplay-Bold-f68082cb.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 700;
  src: url("/assets/InterDisplay-BoldItalic-0c856466.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/InterDisplay-ExtraBold-c3110c89.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 800;
  src: url("/assets/InterDisplay-ExtraBoldItalic-0d1505cb.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 900;
  src: url("/assets/InterDisplay-Black-de1339a2.woff2") format("woff2");
}

@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 900;
  src: url("/assets/InterDisplay-BlackItalic-392e07f8.woff2") format("woff2");
}

/* Sentient */

@font-face {
  font-family: "Sentient";
  font-style: normal;
  font-weight: 200;
  src:
    url("/Sentient-ExtraLight.woff2") format("woff2"),
    url("/Sentient-ExtraLight.woff") format("woff"),
    url("/Sentient-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: italic;
  font-weight: 200;
  src:
    url("/Sentient-ExtraLightItalic.woff2") format("woff2"),
    url("/Sentient-ExtraLightItalic.woff") format("woff"),
    url("/Sentient-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: normal;
  font-weight: 300;
  src:
    url("/assets/Sentient-Light-00ace6c1.woff2") format("woff2"),
    url("/assets/Sentient-Light-de5fad5d.woff") format("woff"),
    url("/assets/Sentient-Light-7a5f5f22.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: italic;
  font-weight: 300;
  src:
    url("/assets/Sentient-LightItalic-8975b789.woff2") format("woff2"),
    url("/assets/Sentient-LightItalic-67755841.woff") format("woff"),
    url("/assets/Sentient-LightItalic-d71bf613.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: normal;
  font-weight: 400;
  src:
    url("/assets/Sentient-Regular-e25f99c6.woff2") format("woff2"),
    url("/assets/Sentient-Regular-8ccf1eb3.woff") format("woff"),
    url("/assets/Sentient-Regular-f2d0ee14.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: italic;
  font-weight: 400;
  src:
    url("/assets/Sentient-Italic-ec8191fe.woff2") format("woff2"),
    url("/assets/Sentient-Italic-2c668484.woff") format("woff"),
    url("/assets/Sentient-Italic-2955d7b4.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: normal;
  font-weight: 500;
  src:
    url("/assets/Sentient-Medium-c96e18ed.woff2") format("woff2"),
    url("/assets/Sentient-Medium-15559d34.woff") format("woff"),
    url("/assets/Sentient-Medium-ef2bd6fe.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: italic;
  font-weight: 500;
  src:
    url("/assets/Sentient-MediumItalic-5dec61f8.woff2") format("woff2"),
    url("/assets/Sentient-MediumItalic-d0d74ba9.woff") format("woff"),
    url("/assets/Sentient-MediumItalic-ebfcf9ec.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: normal;
  font-weight: 700;
  src:
    url("/assets/Sentient-Bold-f214327a.woff2") format("woff2"),
    url("/assets/Sentient-Bold-2254e327.woff") format("woff"),
    url("/assets/Sentient-Bold-1adc05b8.ttf") format("truetype");
}

@font-face {
  font-family: "Sentient";
  font-style: italic;
  font-weight: 700;
  src:
    url("/assets/Sentient-BoldItalic-fead80f2.woff2") format("woff2"),
    url("/assets/Sentient-BoldItalic-c1a95338.woff") format("woff"),
    url("/assets/Sentient-BoldItalic-b9f3a825.ttf") format("truetype");
}

:root {
  --columns: 12;
  --gutter: 1rem;
  --outer-padding: 4rem;

  --vertical-spacing: 1rem;

  /*
  @media (--medium) {
    //--columns: 9;
    --gutter: 1.5rem;
    --outer-padding: 1.5rem;
  }
  */
}

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

:root {
    --columns: 4;
    --outer-padding: 2rem;
    --vertical-spacing: 0.5rem;
}
  }

@media print {

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

:root {

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

  /* @mixin grid-limit 1400px; */
}

.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: 0px;
  width: calc(100% - 8rem);
  width: var(--grid-overlay-width);
  left: 50%;
  margin-left: calc(-50% - -4rem);
  margin-left: calc(var(--grid-overlay-width)/2*-1);
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    to right,
    transparent 1rem,
    rgba(255, 0, 255, 0.05) 1rem
  );
  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(8.3333333333% + 0.0833333333rem) 100%;
  background-size: calc((100% + var(--gutter))/var(--columns, 12)) 100%;
  background-position: top 0px left -1rem;
  background-position: top 0px left calc(var(--gutter)*-1);
}

/* ---- Mixins ------------------------------------------------------------- */

/* ---- Definitions -------------------------------------------------------- */

:root {
  --content-width: 100%;
  --bold-weight: 500;

  --font-sans: "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  --font-sans-display: "InterDisplay", var(--font-sans);
  --font-serif: "Sentient", var(--font-sans);

  --font-heading-1-serif: 700 2.281rem/1.2 var(--font-serif);
  --font-heading-1: 600 2.027rem/1.25 var(--font-sans-display);
  --font-heading-2-serif: 700 1.424rem/1.35 var(--font-serif);
  --font-heading-2: 600 1.424rem/1.4 var(--font-sans-display);
  --font-heading-3: 600 1.266rem/1.4 var(--font-sans);
  --font-heading-4: 600 1rem/1.4 var(--font-sans);

  --font-large: 400 1.424rem/1.45 var(--font-serif);
  --font-medium: 400 1.266rem/1.48 var(--font-serif);
  --font-normal: 400 1.125rem/1.46 var(--font-serif);
  --font-normal-sans: 400 1rem/1.3 var(--font-sans);
  --font-small: 400 0.889rem/1.3 var(--font-sans);

  --font-nav: var(--font-normal-sans);
}

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

:root {
    --font-heading-1-serif: 700 1.7rem/1.3 var(--font-serif);
    --font-heading-1: 600 1.7rem/1.2 var(--font-sans-display);
}
  }

/* ---- Font scale --------------------------------------------------------- */

html {
  --font-scale-coeff: calc((var(--font-scale-to) - var(--font-scale-from))/(var(--font-scale-end)/100 - var(--font-scale-start)/100));
  font-size: calc(0.625rem + 0.4166666667vw);
  font-size: calc((var(--font-scale-from) - (var(--font-scale-start)/100)*var(--font-scale-coeff))/16*1rem + var(--font-scale-coeff)*1vw);
  --font-scale-from: 16;
  --font-scale-to: 18;
  --font-scale-start: 1440;
  --font-scale-end: 1920;
}

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

html {
    --font-scale-from: 14;
    --font-scale-to: 16;
    --font-scale-start: 767;
    --font-scale-end: 1440;
}
  }

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

html {
    --font-scale-from: 12;
    --font-scale-to: 16;
    --font-scale-start: 1;
    --font-scale-end: 767;
}
  }

body {
  font-family: "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font-family: var(--font-sans);
  font-size: 100%;
}

/* ---- Rules -------------------------------------------------------------- */

b,
strong,
th,
.subnav .current {
  font-weight: 500;
  font-weight: var(--bold-weight);
}

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

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

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

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

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

fieldset:first-child {
    margin-top: 0px;
  }

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

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

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

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

fieldset:last-child {
    margin-bottom: 0px;
  }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figcaption,
label {
  width: 100%;
  width: var(--content-width);
  max-width: 80ch;
}

main {
  font: 400 1.125rem/1.46 "Sentient", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-normal);
}

h1 {
  font: 600 2.027rem/1.25 "InterDisplay", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-heading-1);
  letter-spacing: -0.044375rem;
  font-feature-settings: "ss04";
  margin-top: 4rem;
  margin-top: calc(var(--vertical-spacing)*4);
  margin-bottom: 2rem;
  margin-bottom: calc(var(--vertical-spacing)*2);
  word-wrap: break-word;
}

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

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

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

h1 {
    letter-spacing: -0.037216329551061rem;
}
  }

.article-page h1,.featured-article h1 {
    font: 700 2.281rem/1.2 "Sentient", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
    font: var(--font-heading-1-serif);
    letter-spacing: 0rem;
  }

h2 {
  font: 600 1.424rem/1.4 "InterDisplay", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-heading-2);
  letter-spacing: -0.026875rem;
  font-feature-settings: "ss04";
  margin-top: 4rem;
  margin-top: calc(var(--vertical-spacing)*4);
  margin-bottom: 2rem;
  margin-bottom: calc(var(--vertical-spacing)*2);
}

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

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

.article-grid h2,.search-result h2 {
    font: 700 1.424rem/1.35 "Sentient", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
    font: var(--font-heading-2-serif);
    font-spacing: 0rem;
  }

h3,
nav.subnav h1,
.tagged-articles h1,
.partners h2 {
  font: 600 1.266rem/1.4 "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-heading-3);
  font-feature-settings: "ss04";
  letter-spacing: -0.02125rem;
  margin-top: 3rem;
  margin-top: calc(var(--vertical-spacing)*3);
  margin-bottom: 2rem;
  margin-bottom: calc(var(--vertical-spacing)*2);
}

h3:not(.does-not-exist):not(does-not-exist):first-child {
    margin-top: 0px;
  }

nav.subnav h1:first-child {
    margin-top: 0px;
  }

.tagged-articles h1:not(does-not-exist):first-child {
    margin-top: 0px;
  }

.partners h2:not(does-not-exist):first-child {
    margin-top: 0px;
  }

h3:not(.does-not-exist):not(does-not-exist):last-child {
    margin-bottom: 0px;
  }

nav.subnav h1:last-child {
    margin-bottom: 0px;
  }

.tagged-articles h1:not(does-not-exist):last-child {
    margin-bottom: 0px;
  }

.partners h2:not(does-not-exist):last-child {
    margin-bottom: 0px;
  }

h4,
h5,
h6 {
  font: 600 1rem/1.4 "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-heading-4);
  font-feature-settings: "ss04";
  letter-spacing: -0.01125rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus,h6 a:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

.date,
.tags,
figcaption,
footer,
.pagination,
.location,
.partners,
.content-page form {
  --bold-weight: 600;
  font: 400 0.889rem/1.3 "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-small);
  letter-spacing: -0.00625rem;
  font-feature-settings: "ss04";
}

blockquote {
  font: 400 1.424rem/1.45 "Sentient", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-large);
  font-style: italic;
  max-width: 80ch;
  margin: 4rem 0rem;
  margin: calc(var(--vertical-spacing)*4) 0rem;
}

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

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

blockquote p {
    width: 100%;
  }

figcaption {
  margin-top: 1rem;
}

button,
nav,
.schedule-event,
.attachments {
  --bold-weight: 600;
  font: 400 1rem/1.3 "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-nav);
  letter-spacing: -0.02rem;
  font-feature-settings: "ss04";
}

input,
textarea,
.radio-button-label {
  --bold-weight: 600;
  font: 400 1rem/1.3 "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-normal-sans);
  letter-spacing: -0.02rem;
  font-feature-settings: "ss04";
}

nav a,nav a:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

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

.article-page .excerpt,.content-page .excerpt,.featured-article .excerpt {
    font: 400 1.424rem/1.45 "Sentient", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
    font: var(--font-large);
  }

.article-page .body,
.content-page .body {
  font: 400 1.266rem/1.48 "Sentient", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-medium);
}

.article-grid .article {
  font: 400 1.125rem/1.46 "Sentient", "InterVariable", "Inter", Helvetica, Arial, sans-serif;
  font: var(--font-normal);
}

.content-page ul li,.article-page ul li,.content-page ol li,.article-page ol li {
      margin: 0.5rem 0rem;
    }

.content-page ul li:first-child {
    margin-top: 0px;
  }

.article-page ul li:first-child {
    margin-top: 0px;
  }

.content-page ol li:first-child {
    margin-top: 0px;
  }

.article-page ol li:first-child {
    margin-top: 0px;
  }

.content-page ul li:last-child {
    margin-bottom: 0px;
  }

.article-page ul li:last-child {
    margin-bottom: 0px;
  }

.content-page ol li:last-child {
    margin-bottom: 0px;
  }

.article-page ol li:last-child {
    margin-bottom: 0px;
  }

.article-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1rem;
  grid-column-gap: var(--gutter);
  grid-column: 1 / span 12;
  grid-column: 1 / span var(--columns);
  grid-row-gap: 3rem;
  grid-row-gap: calc(var(--vertical-spacing)*3);
  row-gap: 3rem;
  row-gap: calc(var(--vertical-spacing)*3);
}

.article-grid .article {
    grid-column: span 4;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.article-grid .article .image-placeholder {
      background: #f2f2f2;
      background: var(--image-placeholder-color);
      width: auto;
      padding-bottom: 66.6667%;
    }

.article-grid .article .image,.article-grid .article .image-placeholder {
      margin-bottom: 1.5rem;
      margin-bottom: calc(var(--vertical-spacing)*1.5);
    }

.article-grid .article h2,.article-grid .article p {
      padding-right: 1rem;
    }

.article-grid .article h2 {
      margin-top: 0rem;
      margin-bottom: 0.5rem;
    }

.article-grid .article:hover h2,.article-grid .article:focus h2 {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

.article-grid .article .date {
      margin-top: 0.5rem;
    }

.template-vertical_articles .article-grid {
    grid-column: 5 / span 8;
    grid-template-columns: repeat(8, 1fr);
  }

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

.template-vertical_articles .article-grid {
      grid-column: 1 / span 4;
      grid-template-columns: repeat(4, 1fr);
  }
    }

.tagged-articles h1,
.related-articles h2 {
  grid-column: 1 / span 12;
  grid-column: 1 / span var(--columns);
  margin-bottom: 4rem;
  margin-bottom: calc(var(--vertical-spacing)*4);
}

.related-articles {
  margin-top: 8rem;
  margin-top: calc(var(--vertical-spacing)*8);
}

.article-page {
  --column-width: calc(8.3333333333% - var(--gutter)*11/12);
  --content-width: calc(var(--column-width)*6 + var(--gutter)*5);
}

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

.article-page {
    --content-width: calc(var(--column-width)*8 + var(--gutter)*7);
}
  }

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

.article-page {
    --content-width: 100%;
}
  }

.article-page {

  grid-column: 1 / span 12;
}

.article-page .intro {
    width: calc(66.6666666667% - 5.6666666667rem);
    width: calc(var(--column-width)*8 + var(--gutter)*7);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 4rem;
  }

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

.article-page .intro {
      width: 100%;
      width: calc(83.3333333333% - 6.8333333333rem);
      width: calc(var(--column-width)*10 + var(--gutter)*9);
  }
    }

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

.article-page .intro {
      width: 100%;
  }
    }

.article-page .intro h1,.article-page .intro p {
      width: 100%;
    }

.article-page .intro .excerpt {
      margin: 2rem 0rem;
      margin: calc(var(--vertical-spacing)*2) 0rem;
    }

.article-page .intro .excerpt:first-child {
    margin-top: 0px;
  }

.article-page .intro .excerpt:last-child {
    margin-bottom: 0px;
  }

.article-page .main.image.portrait,.article-page .main.image.small {
    --image-start: 5;
    --image-width: 4;
  }

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

.article-page .main.image.portrait,.article-page .main.image.small {
      --image-width: 6;
      --image-start: 4;
  }
    }

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

.article-page .main.image.portrait,.article-page .main.image.small {
      --image-width: 4;
      --image-start: 1;
  }
    }

.article-page .main.image.small img {
      width: auto;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
    }

.article-page .tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-bottom: 0.5rem;
  }

.article-page .body {
    display: flex;
    flex-direction: column;
    align-items: center;
    --landscape-width: 8;
    --image-start: 3;
  }

.article-page .body figure.image.portrait {
      --image-start: 5;
    }

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

.article-page .body {
      --landscape-width: 10;
      --portrait-width: 6;
      --image-start: 2;
  }
      .article-page .body figure.image.portrait {
        --image-start: 4;
      }
    }

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

.article-page .body {
      --landscape-width: 4;
      --portrait-width: 3;
      --image-start: 1;
  }
      .article-page .body figure.image.portrait {
        --image-start: 1;
      }
    }

.article-page blockquote {
    --content-width: calc(var(--column-width)*8 + var(--gutter)*7);
    width: calc(66.6666666667% - 5.6666666667rem);
    width: var(--content-width);
    max-width: 80ch;
    text-align: center;
  }

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

.article-page blockquote {
      --content-width: calc(var(--column-width)*10 + var(--gutter)*9);
  }
    }

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

.article-page blockquote {
      --content-width: 100%;
  }
    }

.attachments {
  margin: 4rem 0rem;
  margin: calc(var(--vertical-spacing)*4) 0rem;
}

.attachments ul {
    list-style-type: none;
    padding: 0rem;
    display: flex;
    flex-direction: column;
  }

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

.responsive-embed,
figure.image {
  margin: 4rem 0rem;
  margin: calc(var(--vertical-spacing)*4) 0rem;
}

.responsive-embed:not(does-not-exist):first-child {
    margin-top: 0px;
  }

.responsive-embed:not(does-not-exist):last-child {
    margin-bottom: 0px;
  }

.content-page,
.content-column {
  --image-columns: 8;
  --column-width: calc(12.5% - var(--gutter)*7/8);
  --content-width: calc(var(--column-width)*6 + var(--gutter)*5);

  grid-column: 5 / span 8;
}

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

.content-page,
.content-column {
    --content-width: 100%;
}
  }

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

.content-page,
.content-column {
    --column-width: calc(25% - var(--gutter)*3/4);
    --image-columns: 4;
    grid-column: span 4;
}
  }

.content-page .excerpt,.content-column .excerpt {
    margin-bottom: 4rem;
    margin-bottom: calc(var(--vertical-spacing)*4);
  }

.content-page .excerpt:first-child {
    margin-top: 0px;
  }

.content-column .excerpt:first-child {
    margin-top: 0px;
  }

.content-page .excerpt:last-child {
    margin-bottom: 0px;
  }

.content-column .excerpt:last-child {
    margin-bottom: 0px;
  }

.content-page .excerpt,.content-column .excerpt {
    --content-width: calc(var(--column-width)*7 + var(--gutter)*6);
  }

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

.content-page .excerpt,.content-column .excerpt {
      --content-width: 100%;
  }
    }

.content-page .excerpt,.content-column .excerpt,.content-page .body,.content-column .body {
    --landscape-width: 6;
  }

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

.content-page .excerpt,.content-column .excerpt,.content-page .body,.content-column .body {
      --landscape-width: 8;
  }
    }

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

.content-page .excerpt,.content-column .excerpt,.content-page .body,.content-column .body {
      --landscape-width: 4;
      --portrait-width: 3;
  }
    }

.featured-article {
  grid-column: 1 / span 12;
  grid-column: 1 / span var(--columns);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1rem;
  grid-column-gap: var(--gutter);
  margin-bottom: 4rem;
  margin-bottom: calc(var(--vertical-spacing)*4);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.featured-article figure.image {
    grid-column: 1 / span 7;
    margin-bottom: 0rem;
  }

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

.featured-article figure.image {
      grid-column: 1 / span 12;
      grid-column: 1 / span var(--columns);
      margin-bottom: 2rem;
  }
    }

.featured-article .content {
    padding-left: 1rem;
    padding-right: 1rem;
    grid-column: 8 / span 5;
    align-self: center;
    text-align: center;
  }

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

.featured-article .content {
      grid-column: 1 / span 12;
      grid-column: 1 / span var(--columns);
  }
    }

.featured-article h1 {
    margin-bottom: 1rem;
  }

.featured-article:hover h1,.featured-article:focus h1 {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

.featured-article .date {
    margin-top: 1rem;
  }

footer {
  padding-left: 4rem;
  padding-left: var(--outer-padding);
  padding-right: 4rem;
  padding-right: var(--outer-padding);
}

footer > .inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1rem;
    grid-column-gap: var(--gutter);
    max-width: 100%;
    max-width: var(--grid-limit, 100%);
  }

footer {

  padding-top: 4rem;

  padding-top: calc(var(--vertical-spacing)*4);
  padding-bottom: 4rem;
  padding-bottom: calc(var(--vertical-spacing)*4);
}

footer .contact,footer .bottom {
    grid-column: 1 / span 12;
    grid-column: 1 / span var(--columns);
    border-top: 1px solid #000000;
    border-top: 1px solid var(--border-color);
    padding-top: 2rem;
    padding-top: calc(var(--vertical-spacing)*2);
  }

footer .contact {
    margin-bottom: 2rem;
    margin-bottom: calc(var(--vertical-spacing)*2);
  }

footer .bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
  }

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

footer .bottom {
      flex-direction: column;
      gap: 0.5rem;
  }
    }

footer .links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }

input[type="text"],
input[type="number"],
textarea {
  border: 1px solid #000000;
  border: 1px solid var(--text-color);
  padding: 0.75rem 1rem;
  border-radius: 2px;
  box-shadow: inset 0 0 20px -4px rgba(0, 0, 0, 0.04);
}

a.button,
button,
input[type="file"]::file-selector-button {
  display: inline-block;
  border: 1px solid #000000;
  border: 1px solid var(--text-color);
  background: #ffffff;
  background: var(--white);
  border-radius: 2px;
  padding: 0.75rem 1.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
}

input[type="file"]::-csstools-invalid-file-selector-button:hover {
    box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.03), 0 20px 24px -4px rgba(0, 0, 0, 0.04);
    box-shadow: var(--button-shadow);
  }

input[type="file"]::-csstools-invalid-file-selector-button:focus {
    box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.03), 0 20px 24px -4px rgba(0, 0, 0, 0.04);
    box-shadow: var(--button-shadow);
  }

a.button:not(does-not-exist):hover,button:not(.does-not-exist):not(does-not-exist):hover,a.button:not(does-not-exist):focus,button:not(.does-not-exist):not(does-not-exist):focus {
    box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.03), 0 20px 24px -4px rgba(0, 0, 0, 0.04);
    box-shadow: var(--button-shadow);
  }

input[type="file"]::file-selector-button {
  margin-right: 1rem;
}

a.button.primary,
button.primary,
button[type="submit"] {
  background: #000000;
  background: var(--text-color);
  color: #ffffff;
  color: var(--background-color);
}

.content-page form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.content-page form .field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

.content-page form .field .description {
      margin-top: -0.5rem;
    }

.content-page form fieldset {
    border: none;
    padding: 0rem;
    margin: 0rem;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 1rem;
    grid-column-gap: var(--gutter);
    grid-row-gap: 1rem;
  }

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

.content-page form fieldset {
      grid-template-columns: repeat(4, 1fr);
  }
    }

.content-page form fieldset .field {
      grid-column: span 4;
    }

.content-page form label {
    display: block;
  }

.content-page form label.radio-button-label {
      display: flex;
      gap: 0.5rem;
    }

.content-page form .field:has([required]) label::after {
      content: "*";
    }

.content-page form .field:has([required]) label.radio-button-label::after {
      content: "";
    }

.content-page form input[type="text"],.content-page form input[type="number"],.content-page form textarea {
    width: 100%;
  }

.content-page form .date-select {
    display: flex;
    gap: 0.5rem;
  }

.content-page form .buttons {
    margin-top: 4rem;
    margin-top: calc(var(--vertical-spacing)*4);
  }

.file-uploads .file {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
  }

header.top-header {
  padding-left: 4rem;
  padding-left: var(--outer-padding);
  padding-right: 4rem;
  padding-right: var(--outer-padding);
}

header.top-header > .inner {
    display: flex;
    max-width: 100%;
    max-width: var(--grid-limit, 100%);
  }

header.top-header {
  background: #ffffff;
  background: var(--white);

  padding-top: 2rem;

  padding-top: calc(var(--vertical-spacing)*2);
  padding-bottom: 1.5rem;
}

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

header.top-header {
    padding-bottom: 1rem;
}
  }

header.top-header.show-menu {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: scroll;
  }

header.top-header.show-menu .main-menu-toggle {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2233%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m24%209.9-1.4-1.4-6.6%206.6-6.6-6.6L8%209.9l6.6%206.6L8%2023.1l1.4%201.4%206.6-6.6%206.6%206.6%201.4-1.4-6.6-6.6z%22%2F%3E%3C%2Fsvg%3E');
    }

header.top-header  > .inner {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

header.top-header .main-menu-toggle {
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2233%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%206.136h24v2H4zm0%2018h24v2H4zm0-12h24v2H4zm0%206h24v2H4z%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
    width: 2rem;
    height: 2rem;
    background-size: contain;
    overflow: hidden;
    text-indent: -9000px;
    border: none;
    cursor: pointer;
  }

header.top-header .main-menu-toggle:hover,header.top-header .main-menu-toggle:focus {
      box-shadow: none;
    }

header.top-header .top-nav {
    flex-grow: 1;
  }

header.top-header .top-nav,header.top-header .top-nav ul {
      display: flex;
      justify-content: flex-end;
    }

header.top-header .top-nav ul {
      list-style-type: none;
      margin: 0rem;
      padding: 0rem;
      flex-wrap: wrap;
      gap: 0.5rem;
    }

header.top-header .top-nav a:visited {
      display: inline-block;
      padding: 0.5rem 1rem;
      border-radius: 3rem;
    }

header.top-header .top-nav a {
      display: inline-block;
      padding: 0.5rem 1rem;
      border-radius: 3rem;
    }

header.top-header .top-nav a.current:visited {
        background-color: #000000;
        background-color: var(--vertical-color);
        -webkit-text-decoration: none;
        text-decoration: none;
      }

header.top-header .top-nav a:visited:hover {
        background-color: #000000;
        background-color: var(--vertical-color);
        -webkit-text-decoration: none;
        text-decoration: none;
      }

header.top-header .top-nav a:visited:focus {
        background-color: #000000;
        background-color: var(--vertical-color);
        -webkit-text-decoration: none;
        text-decoration: none;
      }

header.top-header .top-nav a.current:not(.does-not-exist),header.top-header .top-nav a:not(.does-not-exist):hover,header.top-header .top-nav a:not(.does-not-exist):focus {
        background-color: #000000;
        background-color: var(--vertical-color);
        -webkit-text-decoration: none;
        text-decoration: none;
      }

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

header.top-header .top-nav {
      display: none;
  }
    }

header.top-header .main-menu {
    margin-top: 5.5rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1rem;
    grid-column-gap: var(--gutter);
  }

header.top-header .main-menu .buttons {
      justify-content: flex-end;
      margin-top: 4rem;
      margin-top: calc(var(--vertical-spacing)*4);
      grid-column: 1 / span 12;
      grid-column: 1 / span var(--columns);
      display: flex;
      gap: 1rem;
    }

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

header.top-header .main-menu .buttons {
        flex-direction: column;
    }
      }

header.top-header .main-menu .button {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.125%2011%208.25%2017.875l-.962-.962L13.2%2011%207.288%205.088l.962-.963z%22%2F%3E%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-position: right 1rem bottom 50%;
      padding-right: 2.875rem;
    }

:root {
  --image-start: 1;
  --image-columns: var(--columns);
  --landscape-width: var(--image-columns);
  --portrait-width: 4;
}

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

:root {
    --portrait-width: 5;
}
  }

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

:root {
    --portrait-width: 4;
}
  }

figure.image {
  width: 100%;
  padding: 0rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(var(--image-columns), 1fr);
  grid-column-gap: 1rem;
  grid-column-gap: var(--gutter);

  margin: 4rem 0rem;

  margin: calc(var(--vertical-spacing)*4) 0rem;
}

figure.image:first-child {
    margin-top: 0px;
  }

figure.image:last-child {
    margin-bottom: 0px;
  }

figure.image {

  --image-width: var(--landscape-width);
}

figure.image.portrait {
    --image-width: var(--portrait-width);
  }

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

figure.image picture,figure.image img,figure.image figcaption {
    grid-column: 1 / span var(--image-width);
    grid-column: var(--image-start) / span var(--image-width);
  }

figure.image figcaption {
    width: auto;
  }

img {
  display: block;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

main {
  padding-top: 4rem;
  padding-top: calc(var(--vertical-spacing)*4);
  padding-bottom: 4rem;
  padding-bottom: calc(var(--vertical-spacing)*4);
}

main  > section {
    padding-left: 4rem;
    padding-left: var(--outer-padding);
    padding-right: 4rem;
    padding-right: var(--outer-padding);
  }

main > section > .inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-column-gap: 1rem;
    grid-column-gap: var(--gutter);
    max-width: 100%;
    max-width: var(--grid-limit, 100%);
  }

.kritikerlaget-logo {
  display: inline-block;
  background: red;
  overflow: hidden;
  text-indent: -9000px;
  width: 22rem;
  height: 1.5rem;
  background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22348%22%20height%3D%2225%22%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%23000%22%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M12%2016.024c2.87%200%205.434-1.32%207.117-3.388A9.17%209.17%200%200%200%2012%209.246a9.16%209.16%200%200%200-7.117%203.39A9.17%209.17%200%200%200%2012%2016.024%22%2F%3E%3Cpath%20d%3D%22M12%2016.86a10%2010%200%200%201-7.63-3.539%209.15%209.15%200%200%200-1.56%205.111v6.198h18.375v-6.198c0-1.89-.574-3.65-1.56-5.111a10%2010%200%200%201-7.63%203.54zM21.185.635H2.81v6.198c0%201.89.574%203.651%201.56%205.111A10%2010%200%200%201%2012%208.405a10%2010%200%200%201%207.63%203.54%209.15%209.15%200%200%200%201.56-5.112V.635z%22%2F%3E%3Cpath%20d%3D%22M1.973%2018.432a10%2010%200%200%201%201.862-5.802%209.95%209.95%200%200%201-1.862-5.802V.635H0v24h1.973zM22.021.635v6.198a10%2010%200%200%201-1.861%205.803%209.95%209.95%200%200%201%201.861%205.802v6.198h1.973v-24h-1.973z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M343.758%209.47a4.5%204.5%200%200%200-.588-1.237%203.8%203.8%200%200%200-.887-.946%203.6%203.6%200%200%200-1.176-.588%204.9%204.9%200%200%200-1.449-.204q-1.406%200-2.505.707-1.1.708-1.73%202.08-.622%201.363-.622%203.324%200%201.977.622%203.349.621%201.372%201.73%202.088%201.107.708%202.574.707%201.329%200%202.301-.51a3.6%203.6%200%200%200%201.508-1.45q.53-.946.529-2.216l.716.111h-4.739v-2.471h7.082v2.096q0%202.242-.954%203.878a6.53%206.53%200%200%201-2.625%202.523q-1.67.878-3.835.878-2.412%200-4.236-1.083-1.815-1.09-2.838-3.094-1.014-2.01-1.014-4.772%200-2.115.596-3.776.606-1.662%201.688-2.82a7.2%207.2%200%200%201%202.539-1.774q1.458-.613%203.171-.613%201.448%200%202.702.426a7.2%207.2%200%200%201%202.224%201.193%206.7%206.7%200%200%201%201.611%201.841q.63%201.065.826%202.352h-3.221zm-30.179%2011.88h-3.375l6.145-17.455h3.903l6.154%2017.455h-3.375l-4.662-13.875h-.137zm.111-6.844h9.204v2.54h-9.204zm-19.306%206.844V3.895h3.162V18.7h7.687v2.65zm-18.97%200V3.895h6.546q2.012%200%203.375.7%201.372.697%202.071%201.96.707%201.252.707%202.923%200%201.678-.716%202.914-.706%201.228-2.088%201.901-1.38.665-3.392.665h-4.662v-2.625h4.236q1.176%200%201.926-.324.75-.333%201.108-.963.366-.64.367-1.568%200-.93-.367-1.586-.366-.664-1.116-1.005-.75-.35-1.935-.35h-2.898V21.35zm9.017-7.91%204.321%207.91h-3.528l-4.244-7.91zm-26.955%207.91V3.895h11.352v2.65h-8.19v4.74h7.602v2.65h-7.602v4.764h8.259v2.65h-11.421zm-19.602%200V3.895h3.162v8.02h.213l6.81-8.02h3.86l-6.75%207.833%206.81%209.622h-3.801l-5.207-7.483-1.935%202.284v5.199zM222.52%206.546v-2.65h9.316v2.65zm0%2014.804V18.7h9.316v2.65zm6.239-17.455V21.35h-3.162V3.895zm-25.442%202.651v-2.65h13.926v2.65h-5.395V21.35h-3.136V6.546zm-14.587%200v-2.65h9.316v2.65zm0%2014.804V18.7h9.316v2.65zm6.239-17.455V21.35h-3.162V3.895zM170.528%2021.35V3.895h6.545q2.012%200%203.375.7%201.372.697%202.071%201.96.708%201.252.708%202.923%200%201.678-.716%202.914-.708%201.228-2.088%201.901-1.381.665-3.392.665h-4.662v-2.625h4.236q1.176%200%201.926-.324.75-.333%201.108-.963.366-.64.366-1.568%200-.93-.366-1.586-.367-.664-1.117-1.005-.75-.35-1.935-.35h-2.897V21.35zm9.017-7.91%204.321%207.91h-3.529l-4.244-7.91zm-28.619%207.91V3.895h3.162v8.02h.213l6.809-8.02h3.861l-6.75%207.833%206.81%209.622h-3.801l-5.208-7.483-1.934%202.284v5.199zm-28.916%200V3.895h3.162v8.02h.213l6.81-8.02h3.861l-6.75%207.833%206.809%209.622h-3.801l-5.207-7.483-1.935%202.284v5.199zm-9.46-12.656q-.12-1.117-1.005-1.739-.878-.622-2.285-.622-.988%200-1.696.298-.707.298-1.082.81-.375.51-.384%201.167%200%20.547.248.946.255.402.69.682.435.273.963.46.528.188%201.065.316l1.637.409q.988.23%201.9.622a6.7%206.7%200%200%201%201.645.989q.733.597%201.159%201.44.426.845.426%201.977%200%201.535-.784%202.702-.783%201.16-2.267%201.815-1.474.648-3.571.648-2.037%200-3.537-.63-1.49-.631-2.335-1.842-.836-1.21-.903-2.948h3.111q.067.912.562%201.517t1.287.903a5.1%205.1%200%200%200%201.79.298q1.03%200%201.807-.306.783-.315%201.227-.87.443-.562.452-1.312-.01-.683-.401-1.125-.392-.451-1.099-.75a10.6%2010.6%200%200%200-1.637-.546l-1.986-.511q-2.156-.555-3.409-1.679-1.244-1.133-1.244-3.009%200-1.543.835-2.701.844-1.159%202.293-1.799%201.448-.647%203.281-.647%201.858%200%203.256.647%201.406.64%202.207%201.782.801%201.133.827%202.608zM84.095%2021.35V3.895h6.545q2.011%200%203.375.7%201.373.697%202.071%201.96.708%201.252.708%202.923%200%201.678-.716%202.914-.708%201.228-2.088%201.901-1.38.665-3.392.665h-4.662v-2.625h4.236q1.176%200%201.926-.324.75-.333%201.108-.963.366-.64.366-1.568%200-.93-.366-1.586-.367-.664-1.117-1.005-.75-.35-1.934-.35h-2.898V21.35zm9.017-7.91%204.321%207.91h-3.528l-4.245-7.91zm-15.366-.817q0%202.82-1.057%204.832-1.049%202.003-2.864%203.068-1.805%201.066-4.1%201.066-2.292%200-4.107-1.066-1.808-1.074-2.864-3.076-1.048-2.012-1.048-4.824%200-2.821%201.048-4.824%201.058-2.012%202.864-3.077%201.816-1.065%204.108-1.065t4.1%201.065q1.815%201.065%202.863%203.077%201.056%202.003%201.057%204.824m-3.18%200q0-1.985-.621-3.35-.615-1.372-1.705-2.07-1.09-.708-2.514-.708t-2.514.707q-1.092.699-1.713%202.071-.614%201.364-.614%203.35t.614%203.358q.621%201.363%201.713%202.07%201.09.7%202.514.7t2.514-.7q1.09-.707%201.705-2.07.621-1.372.622-3.358zM55.344%203.895V21.35H52.53L44.307%209.46h-.145v11.89H41V3.895h2.83l8.215%2011.898h.154V3.895z%22%2F%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20.635h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') top left no-repeat;
  background-size: contain;
}

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

.kritikerlaget-logo {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22209%22%20height%3D%2238%22%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%23000%22%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M18.5%2024.458c4.425%200%208.378-2.037%2010.973-5.225-2.604-3.188-6.556-5.224-10.973-5.224a14.13%2014.13%200%200%200-10.973%205.224c2.604%203.188%206.556%205.225%2010.973%205.225%22%2F%3E%3Cpath%20d%3D%22M18.5%2025.747c-4.709%200-8.928-2.123-11.763-5.457a14.1%2014.1%200%200%200-2.406%207.88v9.555h28.33V28.17c0-2.913-.885-5.628-2.406-7.88-2.836%203.334-7.055%205.457-11.764%205.457h.01zM32.66.733H4.33v9.555c0%202.913.886%205.629%202.407%207.88%202.835-3.334%207.054-5.456%2011.763-5.456s8.928%202.122%2011.764%205.456a14.1%2014.1%200%200%200%202.405-7.88V.733z%22%2F%3E%3Cpath%20d%3D%22M3.042%2028.17c0-3.334%201.074-6.41%202.87-8.945a15.34%2015.34%200%200%201-2.87-8.945V.733H0v37h3.042zM33.95.733v9.555c0%203.334-1.075%206.41-2.87%208.945a15.34%2015.34%200%200%201%202.87%208.945v9.555h3.041v-37z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M205.659%2028.237a3.6%203.6%200%200%200-.466-.978%203%203%200%200%200-.702-.75%202.8%202.8%200%200%200-.931-.465%203.9%203.9%200%200%200-1.147-.162q-1.113%200-1.983.56t-1.37%201.647q-.493%201.08-.493%202.631%200%201.566.493%202.652.492%201.086%201.37%201.653.877.56%202.037.56%201.053%200%201.822-.405.775-.405%201.194-1.147.419-.75.419-1.754l.566.087h-3.751V30.41h5.607v1.66q0%201.774-.756%203.07a5.16%205.16%200%200%201-2.078%201.997q-1.323.694-3.036.694-1.91%200-3.354-.856-1.437-.864-2.246-2.45-.803-1.591-.803-3.778%200-1.674.472-2.989.479-1.316%201.336-2.233a5.7%205.7%200%200%201%202.011-1.404%206.4%206.4%200%200%201%202.51-.485q1.146%200%202.138.337a5.6%205.6%200%200%201%201.761.945q.777.614%201.276%201.457.5.843.654%201.862zm-23.892%209.406h-2.672l4.865-13.819h3.09l4.872%2013.819h-2.672l-3.691-10.985h-.108zm.088-5.418h7.287v2.01h-7.287zm-15.284%205.418V23.824h2.503v11.72h6.086v2.099zm-15.017%200V23.824h5.182q1.592%200%202.671.554%201.087.553%201.64%201.552.56.99.56%202.314%200%201.329-.567%202.307-.56.972-1.653%201.505-1.094.526-2.685.526h-3.691v-2.078h3.353q.931%200%201.525-.256.594-.264.877-.763.291-.505.291-1.241t-.291-1.255a1.85%201.85%200%200%200-.883-.796q-.594-.277-1.532-.277h-2.294v11.727zm7.138-6.262%203.421%206.262h-2.793l-3.36-6.262zm-21.339%206.262V23.824h8.987v2.099h-6.484v3.751h6.018v2.099h-6.018v3.771h6.538v2.099zm-15.519%200V23.824h2.503v6.35h.169l5.391-6.35h3.057l-5.344%206.201%205.391%207.618h-3.009l-4.123-5.924-1.532%201.808v4.116zm-12.155-11.72v-2.098h7.375v2.098zm0%2011.72v-2.099h7.375v2.099zm4.939-13.819v13.819h-2.503V23.824zm-20.142%202.099v-2.098h11.025v2.098h-4.271v11.72h-2.483v-11.72h-4.27zm-11.548%200v-2.098h7.375v2.098H82.93zm0%2011.72v-2.099h7.375v2.099H82.93zm4.94-13.819v13.819h-2.504V23.824h2.503zm-19.35%2013.819V23.824H73.7q1.593%200%202.672.554%201.085.553%201.64%201.552.56.99.56%202.314%200%201.329-.567%202.307-.56.972-1.653%201.505-1.093.526-2.686.526h-3.69v-2.078h3.353q.931%200%201.525-.256.594-.264.877-.763.29-.505.29-1.241t-.29-1.255a1.85%201.85%200%200%200-.884-.796q-.594-.277-1.531-.277h-2.294v11.727zm7.139-6.262%203.42%206.262h-2.793l-3.36-6.262zM53%2037.643V23.824h2.503v6.35h.169l5.39-6.35h3.057l-5.343%206.201%205.39%207.618h-3.009l-4.122-5.924-1.532%201.808v4.116zm64.133-23V.824h2.503v6.35h.169l5.391-6.35h3.056l-5.343%206.201%205.391%207.618h-3.01l-4.122-5.924-1.532%201.808v4.116zm-7.489-10.02q-.094-.885-.796-1.376-.695-.493-1.809-.493-.782%200-1.342.236t-.857.641-.304.925q0%20.43.196.749.202.315.546.54.345.215.763.364.419.148.843.25l1.296.323a9%209%200%200%201%201.504.493q.729.31%201.303.782.58.473.917%201.14.338.669.338%201.566%200%201.215-.621%202.139-.62.917-1.795%201.437-1.167.513-2.827.513-1.612%200-2.8-.5-1.18-.498-1.849-1.457-.661-.958-.715-2.334h2.463q.054.72.445%201.2.392.48%201.019.716.634.236%201.417.236.816%200%201.43-.243.621-.25.972-.688.351-.445.357-1.04-.006-.54-.317-.89-.31-.357-.87-.594a8.4%208.4%200%200%200-1.296-.431l-1.572-.405q-1.707-.44-2.699-1.33-.984-.897-.985-2.381%200-1.22.662-2.14.668-.915%201.815-1.423%201.146-.513%202.597-.513%201.471%200%202.578.513%201.113.507%201.747%201.41.634.898.655%202.065zm-22.527%2010.02V.824h5.182q1.592%200%202.672.554%201.086.553%201.64%201.552.56.99.56%202.314%200%201.329-.568%202.307-.56.972-1.653%201.505-1.092.526-2.685.526h-3.69V7.504h3.353q.93%200%201.525-.256.593-.264.877-.763.29-.505.29-1.241%200-.735-.29-1.255a1.85%201.85%200%200%200-.884-.796q-.594-.277-1.532-.277H89.62v11.727zm7.138-6.262%203.421%206.262h-2.793l-3.36-6.262zM82.09%207.734q0%202.233-.836%203.825-.831%201.586-2.267%202.43-1.431.842-3.246.842c-1.815%200-2.294-.28-3.252-.843q-1.431-.85-2.267-2.436-.83-1.592-.83-3.818%200-2.234.83-3.82.837-1.591%202.267-2.435%201.437-.843%203.252-.844c1.815-.001%202.292.282%203.246.844q1.436.843%202.267%202.436.836%201.585.836%203.819m-2.516%200q0-1.573-.493-2.652-.486-1.086-1.35-1.64-.863-.56-1.99-.56t-1.99.56q-.864.555-1.356%201.64-.486%201.08-.486%202.652t.486%202.658q.492%201.08%201.356%201.64.863.553%201.99.553t1.99-.554q.864-.56%201.35-1.64.492-1.085.493-2.657M64.356.824v13.819h-2.227L55.618%205.23h-.115v9.413H53V.824h2.24l6.504%209.42h.122V.823z%22%2F%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20.733h37v37H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    width: 13rem;
    height: 2.325rem;
}
  }

.pagination {
  grid-column: span 12;
  grid-column: span var(--columns);
  display: flex;
  gap: 1rem;
  margin: 4.5rem 0rem;
  margin: calc(var(--vertical-spacing)*4.5) 0rem;
  padding: 1rem 0rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.pagination a,.pagination a:visited {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.pagination:first-child {
    margin-top: 0px;
  }

.pagination:last-child {
    margin-bottom: 0px;
  }

.pagination .previous_page,.pagination .next_page,.pagination .current,.pagination .button {
    border: 1px solid #000000;
    border: 1px solid var(--text-color);
    background-size: 1.375rem;
    border-radius: 2px;
    padding: 0.5rem 1.5rem;
  }

.pagination a.previous_page:hover,.pagination a.next_page:hover,.pagination a.button:hover,.pagination a.previous_page:focus,.pagination a.next_page:focus,.pagination a.button:focus {
      box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.03), 0 20px 24px -4px rgba(0, 0, 0, 0.04);
      box-shadow: var(--button-shadow);
    }

.pagination .current {
    padding: 0.5rem 0.75rem;
  }

.pagination .previous_page {
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m6.875%2010.992%206.875-6.876.963.963L8.8%2010.992l5.912%205.912-.962.962z%22%2F%3E%3C%2Fsvg%3E') left 1rem bottom 50%
      no-repeat;
    padding-left: 2.875rem;
  }

.pagination .next_page {
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.125%2010.992%208.25%2017.866l-.963-.962%205.913-5.912-5.913-5.913.963-.963z%22%2F%3E%3C%2Fsvg%3E') right 1rem bottom 50%
      no-repeat;
    padding-right: 2.875rem;
  }

.pagination span.previous_page,.pagination span.next_page,.pagination .current {
    opacity: 0.5;
    font-style: normal;
  }

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

.pagination {
    justify-content: flex-end;
}
    .pagination a,.pagination .gap {
      display: none;
    }
    .pagination .previous_page,.pagination .next_page,.pagination .button {
      display: block;
    }
  }

section.partners {
  margin-top: 8rem;
}

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

section.partners {
    margin-top: 4rem;
}
  }

section.partners .content {
    grid-column: 1 / span 12;
    grid-column: 1 / span var(--columns);
    border-top: 1px solid #000000;
    border-top: 1px solid var(--border-color);
    padding: 2rem 0rem;
    padding: calc(var(--vertical-spacing)*2) 0rem;
  }

.partner-logos {
  grid-column: 1 / span 12;
  grid-column: 1 / span var(--columns);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 4rem;
  gap: calc(var(--vertical-spacing)*2) calc(var(--vertical-spacing)*4);
}

.partner-logos img {
    width: auto;
    height: calc(8.5vw - 2rem);
  }

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

.partner-logos img {
      height: 3rem;
  }
    }

section.calendar {
  margin-bottom: 4rem;
}

section.calendar:first-child {
    margin-top: 0px;
  }

section.calendar:last-child {
    margin-bottom: 0px;
  }

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

section.calendar {
    margin-bottom: 2rem;
}
  }

.schedule-events {
  grid-column: 1 / span 12;
  grid-column: 1 / span var(--columns);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1rem;
  grid-column-gap: var(--gutter);
  border-top: 1px solid #000000;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid #000000;
  border-bottom: 1px solid var(--border-color);
  padding: 2rem 0rem;
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

.schedule-events .schedule-event {
    grid-column: span 3;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

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

.schedule-events .schedule-event {
      grid-column: span 6;
  }
    }

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

.schedule-events .schedule-event {
      grid-column: span 12;
      grid-column: span var(--columns);
  }
    }

.schedule-events a.schedule-event {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.schedule-events a.schedule-event:hover .name,.schedule-events a.schedule-event:focus .name {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

.schedule-events .calendar-date span {
      display: inline-block;
      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%203.299h-3v-1.5H15v1.5H9v-1.5H7.5v1.5h-3c-.825%200-1.5.675-1.5%201.5v15c0%20.825.675%201.5%201.5%201.5h15c.825%200%201.5-.675%201.5-1.5v-15c0-.825-.675-1.5-1.5-1.5m0%2016.5h-15v-10.5h15zm0-12h-15v-3h3v1.5H9v-1.5h6v1.5h1.5v-1.5h3z%22%2F%3E%3C%2Fsvg%3E') left 0rem top 50%
        no-repeat;
      background-size: 1.5rem;
      padding-left: 2rem;
      line-height: 1.5rem;
    }

.search-form-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-column-gap: 1rem;
  grid-column-gap: var(--gutter);
  grid-column: 1 / span 12;
  grid-column: 1 / span var(--columns);
}

.search-form {
  width: 100%;
  grid-column: span 12;
  grid-column: span var(--columns);
  margin-bottom: 4rem;
  margin-bottom: calc(var(--vertical-spacing)*4);
  display: flex;
}

.search-form input {
    flex: 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

.search-form button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -1px;
  }

.search-form input:focus,.search-form button:focus {
      z-index: 100;
    }

.search-result {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 4rem 0rem;
  margin: calc(var(--vertical-spacing)*4) 0rem;
}

.search-result:first-child {
    margin-top: 0px;
  }

.search-result:last-child {
    margin-bottom: 0px;
  }

.search-result h2,.search-result .excerpt {
    margin-bottom: 0.5rem;
  }

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

section > .inner > aside {
  grid-column: span 4;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-column-gap: var(--gutter);
}

section > .inner > aside div[data-react-class="Subnav"] {
    grid-column: span 4;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1rem;
    grid-column-gap: var(--gutter);
  }

section > .inner > aside nav.subnav {
    align-self: start;
    position: sticky;
    top: 2rem;
  }

nav.subnav {
  grid-column: span 3;
}

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

nav.subnav {
    grid-column: span 12;
    grid-column: span var(--columns);
}
  }

nav.subnav ul {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid var(--border-color);
  }

nav.subnav li {
    border-top: 1px solid #000000;
    border-top: 1px solid var(--border-color);
  }

nav.subnav a,nav.subnav a:visited {
    display: block;
    padding: 0.75rem 0rem;
  }

nav.subnav h1 {
    background: radial-gradient(
        circle at center,
        #000000 0%,
        #000000 70%,
        transparent 70%,
        transparent 71%
      )
      top 0.05rem left 0rem no-repeat;
    background: radial-gradient(
        circle at center,
        var(--vertical-color) 0%,
        var(--vertical-color) 70%,
        transparent 70%,
        transparent 71%
      )
      top 0.05rem left 0rem no-repeat;
    background-size: 1.5rem 1.5rem;
    min-height: 1.6rem;
    padding-left: 2rem;
    display: flex;
  }

nav.subnav h1 button {
      font: inherit;
      padding: 0px;
      background: transparent;
      border: none;
      width: 100%;
      text-align: left;
    }

nav.subnav h1 button:focus,nav.subnav h1 button:hover {
        box-shadow: none;
      }

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

nav.subnav {
    padding-top: 1rem;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid var(--border-color);
}
    nav.subnav:first-of-type {
      border-top: 1px solid #000000;
      border-top: 1px solid var(--border-color);
    }

    nav.subnav ul {
      display: none;
      border-bottom: none;
      width: 100%;
      max-width: 100%;
    }
    nav.subnav h1 {
      margin-bottom: 1rem;
    }
      nav.subnav h1 button {
        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%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m12%2016.696-7.5-7.5%201.05-1.05%206.45%206.45%206.45-6.45%201.05%201.05z%22%2F%3E%3C%2Fsvg%3E') top 50% right 0rem
          no-repeat;
        padding-right: 2rem;
      }
      nav.subnav.expanded ul {
        display: block;
      }
      nav.subnav.expanded h1 button {
        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%2225%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2025%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m12%208.146%207.5%207.5-1.05%201.05-6.45-6.45-6.45%206.45-1.05-1.05z%22%2F%3E%3C%2Fsvg%3E');
      }
  }