@charset "UTF-8";
/* ------------------------------------ *\
		style
\* ------------------------------------ */
/*! purgecss start ignore */
/* ------------------------------------ *\
		settings.behavior
\* ------------------------------------ */
/* ------------------------------------ *\
		settings.breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
		settings.colors
\* ------------------------------------ */
/* Base colors */
/* Naming done by: http://chir.ag/projects/name-that-color */
/* Generic colors */
/* Pattern colors */
/* ------------------------------------ *\
		settings.corners
\* ------------------------------------ */
/* ------------------------------------ *\
		settings.sizes
\* ------------------------------------ */
/* ------------------------------------ *\
		settings.spacing
\* ------------------------------------ */
/* Specific spacings */
/* ------------------------------------ *\
		settings.typography
\* ------------------------------------ */
/*
100    Extra Light or Ultra Light
200    Light or Thin
300    Book or Demi
400    Normal or Regular
500    Medium
600    Semibold, Demibold
700    Bold
800    Black, Extra Bold or Heavy
900    Extra Black, Fat, Poster or Ultra Black
*/
/* ------------------------------------ *\
		settings.z-index
\* ------------------------------------ */
/**
 * Define z-index as map
 * This way there will never be confusion
 * around what's on top of what.
 * A la: https://css-tricks.com/handling-z-index/
*/
/* Example use:
	.header {
		z-index: map-get($zindex, header);
	}
*/
/* ------------------------------------ *\
		tools.aspect-ratio
\* ------------------------------------ */
/* Example use:
 * .keep-me-at-aspect-ratio-16-9 {
 *   @include aspect-ratio(16, 9);
 * }
*/
/* ------------------------------------ *\
		tools.box-shadow
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.reset-button
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.container
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.content
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.display
\* ------------------------------------ */
/**
 * High-level mixins and functions,
 * that are accessible in whole project
*/
/* ------------------------------------ *\
		tools.grid
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.icon
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.mediaquery
\* ------------------------------------ */
/* Example use:

1. With min-width
	.foo {
			padding: 20px;

			@include mq('sm') {
					padding-top: 40px;
			}
	}

2. With max-width
	.foo {
			padding: 20px;

			@include mq('md', max) {
					padding-top: 10px;
			}
	}
*/
/* ------------------------------------ *\
		tools.mixin
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.position
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.print
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.rich-text
\* ------------------------------------ */
/*
 * Rich Text is a mixin to include in both
 * o-rich-text class and for the Umbraco
 * rich text editor css
*/
/* ------------------------------------ *\
		tools.table
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.transition
\* ------------------------------------ */
/* Mixin for transitions
 * to be compliant with
 * media-prefers-reduced-motion
*/
/* ------------------------------------ *\
		tools.typography
\* ------------------------------------ */
/* ------------------------------------ *\
		tools.underline
\* ------------------------------------ */
/* ------------------------------------ *\
		generic.box-sizing
\* ------------------------------------ */
/*
 * Generic – reset and/or normalize styles,
 * box-sizing definition, etc.
*/
@import url("https://use.typekit.net/yrt5fsi.css");
html {
  box-sizing: border-box; }

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

/* ------------------------------------ *\
		generic.reset
\* ------------------------------------ */
/*! 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.55;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  scroll-behavior: smooth; }

/* 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 */
  text-decoration: underline;
  /* 2 */
  -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 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  overflow: visible;
  /* 1 */ }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  text-transform: none;
  /* 1 */ }

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

/* ------------------------------------ *\
		generic.typography
\* ------------------------------------ */
h1, h2, h3, h4, h5, h6, p {
  margin: 0; }

/* ------------------------------------ *\
		elements.anchor
\* ------------------------------------ */
/*
 * Elements – unclassed HTML elements,
 * redefine browsers' default styling
*/
a {
  font-family: inherit; }

/* ------------------------------------ *\
		elements.page
\* ------------------------------------ */
/**
 *  Elements – unclassed HTML elements,
 *  redefine browsers' default styling
*/
html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 100%; }

body {
  font-size: 1.6rem;
  line-height: 1.55;
  height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* ------------------------------------ *\
		elements.page
\* ------------------------------------ */
::-ms-expand {
  display: none; }

/* ------------------------------------ *\
		elements.strong
\* ------------------------------------ */
/**
 * Elements – unclassed HTML elements,
 * redefine browsers' default styling
*/
strong,
b {
  font-weight: 700; }

/* ------------------------------------ *\
		atoms.button
\* ------------------------------------ */
.a-button {
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #ffffff;
  padding: 1.3rem 2rem;
  text-decoration: none;
  display: inline-block;
  border-radius: 0.6rem;
  background-color: #757575;
  cursor: pointer; }
  .a-button:hover, .a-button:focus {
    text-decoration: underline; }
  .a-button:focus {
    outline: 0.2rem solid #000000; }
  .a-button--close {
    width: 4rem;
    height: 4rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: transparent;
    color: #000000; }
    .a-button--close:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) rotate(135deg);
      width: 2rem;
      height: 0.2rem;
      background-color: currentColor; }
    .a-button--close:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      width: 2rem;
      height: 0.2rem;
      background-color: currentColor; }
  .a-button--plus {
    position: relative;
    color: #000000;
    padding: 0; }
    .a-button--plus:after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 1.2rem;
      height: 0.2rem;
      background-color: currentColor; }
    .a-button--plus:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotate(90deg);
      width: 1.2rem;
      height: 0.2rem;
      background-color: currentColor; }
    .is-open .a-button--plus:before,
    .a-button--plus .is-open:before {
      opacity: 0; }
  .a-button--circle {
    background-color: #ffffff;
    height: 4rem;
    width: 4rem;
    border-radius: 100%;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.1s ease; }
    @media (prefers-reduced-motion: reduce) {
      .a-button--circle {
        transition-duration: 0; } }
    .a-button--circle:active {
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
      outline: 0; }

/* ------------------------------------ *\
		atoms.datepicker
\* ------------------------------------ */
.a-datepicker {
  position: relative; }
  .a-datepicker:after, .a-datepicker:before {
    content: "";
    display: block;
    position: relative;
    border: solid currentColor;
    border-width: 0 0.2rem 0.2rem 0;
    padding: calc(0.4 * 1rem);
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(45deg) translate3d(0, -50%, 0);
    transform-origin: 75% 0; }
  .a-datepicker:before {
    content: none; }
  @media print {
    .a-datepicker {
      border: 0.2rem solid #e0e3e5; } }
  .a-datepicker:after {
    right: 1.3rem;
    left: auto; }
  .a-datepicker__input {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    font-size: 1.4rem;
    padding: 1.3rem;
    border: 0;
    cursor: pointer;
    width: 100%;
    border-radius: 0; }
    @media (max-width: 767px) {
      .a-datepicker__input {
        font-size: 1.6rem; } }
    .a-datepicker__input:focus {
      outline: 0.2rem solid #000000; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: thin solid #e0e3e5;
  border-bottom-color: #bbb;
  font-family: interstate-condensed, sans-serif; }

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table; }

.pika-single:after {
  clear: both; }

.pika-single {
  *zoom: 1; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-lendar {
  width: 100%;
  padding: 8px; }

.pika-title {
  position: relative;
  text-align: center; }

.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  background-color: #fff; }

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%; }

.pika-prev:hover,
.pika-next:hover, .pika-prev:focus,
.pika-next:focus {
  opacity: 1; }

.pika-prev,
.is-rtl .pika-next {
  float: left; }
  .pika-prev:after, .pika-prev:before,
  .is-rtl .pika-next:after,
  .is-rtl .pika-next:before {
    content: "";
    display: block;
    position: relative;
    border: solid currentColor;
    border-width: 0 0.2rem 0.2rem 0;
    padding: calc(0.4 * 1rem);
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(135deg) translate3d(-50%, -50%, 0);
    transform-origin: 10% 10%; }
  .pika-prev:before,
  .is-rtl .pika-next:before {
    content: none; }
  .pika-prev:after,
  .is-rtl .pika-next:after {
    top: 50%;
    left: 50%; }

.pika-next,
.is-rtl .pika-prev {
  float: right; }
  .pika-next:after, .pika-next:before,
  .is-rtl .pika-prev:after,
  .is-rtl .pika-prev:before {
    content: "";
    display: block;
    position: relative;
    border: solid currentColor;
    border-width: 0 0.2rem 0.2rem 0;
    padding: calc(0.4 * 1rem);
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(-45deg) translate3d(-50%, -50%, 0);
    transform-origin: 0% 25%; }
  .pika-next:before,
  .is-rtl .pika-prev:before {
    content: none; }
  .pika-next:after,
  .is-rtl .pika-prev:after {
    top: 50%;
    left: 50%; }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0; }

.pika-table th {
  text-align: center;
  padding: 0.7rem; }

.pika-button {
  cursor: pointer;
  position: relative;
  display: block;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  text-align: right;
  background-color: #ffffff; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-today .pika-button {
  font-weight: bold; }

.is-selected .pika-button,
.has-event .pika-button {
  background: #f3f5f5; }
  .is-selected .pika-button:after,
  .has-event .pika-button:after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 0.2rem solid #000000;
    bottom: 0;
    width: 100%;
    left: 0; }

.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9; }

.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none; }

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3; }

.is-outside-current-month .pika-button {
  color: #999;
  opacity: .3; }

.is-selection-disabled {
  pointer-events: none;
  cursor: default; }

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button, .pika-button:focus,
.pika-row.pick-whole-week:focus .pika-button {
  color: #000000;
  background: #f3f5f5;
  box-shadow: none; }

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
  text-decoration: none; }

.a-divider {
  border: thin solid #e0e3e5; }

/* ------------------------------------ *\
		atoms.heading
\* ------------------------------------ */
.a-heading-h1 {
  max-width: 100%;
  font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 1.25; }
  @media (min-width: 960px) {
    .a-heading-h1 {
      font-size: 6.4rem; } }

.a-heading-h2 {
  max-width: 100%;
  font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1; }
  @media (min-width: 768px) {
    .a-heading-h2 {
      font-size: 3.4rem; } }
  @media (min-width: 960px) {
    .a-heading-h2 {
      font-size: 4rem; } }

.a-heading-h3 {
  max-width: 100%;
  font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-size: 2.2rem; }
  @media (min-width: 960px) {
    .a-heading-h3 {
      font-size: 2.8rem; } }

.a-heading-h4 {
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem; }
  @media (min-width: 768px) {
    .a-heading-h4 {
      font-size: 1.8rem; } }
  @media (min-width: 960px) {
    .a-heading-h4 {
      font-size: 2rem; } }

.a-heading-h5 {
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.2rem; }
  @media (min-width: 768px) {
    .a-heading-h5 {
      font-size: 1.6rem; } }
  @media (min-width: 960px) {
    .a-heading-h5 {
      font-size: 1.8rem; } }

.a-heading-h6 {
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.6rem; }

/* ------------------------------------ *\
		atoms.icon
\* ------------------------------------ */
.a-icon {
  display: block;
  width: 100%;
  height: 100%; }
  .a-icon--circle {
    border: 0.2rem solid black;
    border-radius: 100%; }

.a-icon__asset {
  display: block;
  width: auto;
  height: 100%;
  fill: currentColor; }
  .a-icon--dynamic .a-icon__asset {
    width: 100%; }

/* ------------------------------------ *\
		atoms.image
\* ------------------------------------ */
.a-image {
  display: block;
  width: 100%;
  height: 100%; }
  .a-image.is-fallback {
    background-position: center center;
    background-size: cover;
    top: 0;
    left: 0; }
  .a-image__asset {
    display: block;
    fill: currentColor;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    height: 100%; }
    .a-image--full-width .a-image__asset {
      width: 100%;
      height: auto; }
    .a-image--cover .a-image__asset {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

/* ------------------------------------ *\
		atoms.input
\* ------------------------------------ */
.a-input {
  padding: 0 1.5rem;
  width: 100%;
  border: thin solid #e0e3e5;
  height: 4.2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }
  .a-input:focus {
    outline: 0.2rem solid #000000; }
  @media print {
    .a-input {
      border: 0.2rem solid #e0e3e5; } }

/* ------------------------------------ *\
		atoms.label
\* ------------------------------------ */
.a-label, .pika-table th {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.1rem; }
  @media (min-width: 960px) {
    .a-label, .pika-table th {
      font-size: 1.2rem; } }

/* ------------------------------------ *\
		atoms.link
\* ------------------------------------ */
.a-link, .pika-button {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: currentColor; }
  .a-link:focus, .pika-button:focus {
    outline: 0.2rem solid #000000; }
  .a-link--button {
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    cursor: pointer; }
  .a-link--sm, .pika-button {
    font-size: 1.4rem; }
  .a-link--lg {
    font-size: 1.6rem; }
    @media (min-width: 768px) {
      .a-link--lg {
        font-size: 1.8rem; } }
    @media (min-width: 960px) {
      .a-link--lg {
        font-size: 2rem; } }
  .a-link--arrow {
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative; }
    .a-link--arrow:after, .a-link--arrow:before {
      content: "";
      display: block;
      position: relative;
      border: solid currentColor;
      border-width: 0 0.2rem 0.2rem 0;
      padding: calc(0.4 * 0.6rem);
      pointer-events: none;
      width: 0.6rem;
      height: 0.6rem;
      transform: rotate(-45deg); }
    .a-link--arrow:after {
      content: none; }
    .a-link--arrow:hover, .a-link--arrow:focus {
      text-decoration: underline; }
    .a-link--arrow:before {
      margin-right: 2rem; }
  .a-link--readmore {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 2.5rem;
    text-decoration: none;
    color: black; }
    .a-link--readmore:before {
      position: absolute;
      content: "▪▪▪";
      display: block;
      left: -2.5rem; }
    .a-link--readmore:hover, .a-link--readmore:focus {
      text-decoration: underline; }

.a-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease; }
  @media (prefers-reduced-motion: reduce) {
    .a-overlay {
      transition-duration: 0; } }
  .a-overlay.is-active {
    opacity: 1;
    pointer-events: initial; }

/* ------------------------------------ *\
		atoms.paragraph
\* ------------------------------------ */
.a-paragraph, .pika-label, .a-input, .a-select__select {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem; }
  .a-paragraph--sm, .a-input, .a-select__select {
    font-size: 1.4rem; }

/* ------------------------------------ *\
		atoms.picture
\* ------------------------------------ */
.a-picture {
  display: block;
  position: relative; }
  .a-picture.is-fallback {
    background-position: center center;
    background-size: cover;
    top: 0;
    left: 0; }
  .a-picture__asset {
    display: block; }
    .a-picture--cover .a-picture__asset {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

picture.top-left img.a-picture__asset {
  -o-object-position: left top;
     object-position: left top; }

picture.top img.a-picture__asset, picture.top-center img.a-picture__asset {
  -o-object-position: center top;
     object-position: center top; }

picture.top-right img.a-picture__asset {
  -o-object-position: right top;
     object-position: right top; }

picture.left img.a-picture__asset {
  -o-object-position: left center;
     object-position: left center; }

picture.center img.a-picture__asset {
  -o-object-position: center center;
     object-position: center center; }

picture.right img.a-picture__asset {
  -o-object-position: right center;
     object-position: right center; }

picture.bottom-left img.a-picture__asset {
  -o-object-position: left bottom;
     object-position: left bottom; }

picture.bottom img.a-picture__asset, picture.bottom-center img.a-picture__asset {
  -o-object-position: center bottom;
     object-position: center bottom; }

picture.bottom-right img.a-picture__asset {
  -o-object-position: right bottom;
     object-position: right bottom; }

/* ------------------------------------ *\
		atoms.play-button
\* ------------------------------------ */
.a-play-button {
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  height: 2.5rem;
  cursor: pointer;
  border-style: solid;
  border-width: 1.25rem 0 1.25rem 1.66667rem;
  border-color: transparent transparent transparent currentColor;
  opacity: 0;
  transition: 0.1s border ease; }
  @media (prefers-reduced-motion: reduce) {
    .a-play-button {
      transition-duration: 0; } }
  .a-play-button.is-playing {
    border-style: double;
    border-width: 0 0 0 1.66667rem; }
  .a-play-button.is-loaded {
    opacity: .8; }
  .a-play-button:hover, .a-play-button:focus {
    opacity: 1; }
  .a-play-button:focus {
    outline: 0.2rem solid #000000; }

/* ------------------------------------ *\
		atoms.select
\* ------------------------------------ */
.a-select {
  display: inline-flex;
  align-items: center;
  position: relative; }
  @media print {
    .a-select {
      border: 0.2rem solid #e0e3e5; } }
  .a-select--arrow:after, .a-select--arrow:before {
    content: "";
    display: block;
    position: relative;
    border: solid currentColor;
    border-width: 0 0.2rem 0.2rem 0;
    padding: calc(0.4 * 1rem);
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(45deg) translate3d(0, -50%, 0);
    transform-origin: 75% 0; }
  .a-select--arrow:before {
    content: none; }
  .a-select--arrow:after {
    right: 1.3rem;
    left: auto; }
  .a-select--triangle:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-top: 0.4rem solid currentColor;
    pointer-events: none; }
  .a-select--triangle:after {
    top: 50%;
    transform: translate(0, -50%); }
  .a-select__select {
    cursor: pointer;
    padding: 1.3rem;
    border: 0;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #ffffff;
    border-radius: 0; }
    @media (max-width: 767px) {
      .a-select__select {
        font-size: 1.6rem; } }
    .a-select__select:focus {
      outline: 0.2rem solid #000000; }
    .a-select--arrow .a-select__select {
      padding-right: 4rem; }
    .a-select--small .a-select__select {
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 400;
      font-size: 1.6rem;
      color: currentColor;
      font-size: 1.4rem;
      background-color: transparent;
      color: currentColor;
      border: none;
      padding: 0.7rem 1.3rem 0.7rem 0.7rem;
      width: auto; }
      .a-select--small .a-select__select:focus {
        outline: 0.2rem solid #000000; }
    .a-select--capitalize .a-select__select {
      text-transform: capitalize; }

/* ------------------------------------ *\
		atoms.skip-to-main
\* ------------------------------------ */
.a-skip-to-main {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: currentColor;
  background-color: #e0e3e5;
  display: block;
  z-index: 1000;
  text-align: center;
  overflow: hidden;
  height: 4rem;
  line-height: 4rem;
  max-height: 0;
  transition: max-height 0.1s ease; }
  .a-skip-to-main:focus {
    outline: 0.2rem solid #000000; }
  @media (prefers-reduced-motion: reduce) {
    .a-skip-to-main {
      transition-duration: 0; } }
  .a-skip-to-main:focus, .a-skip-to-main:hover {
    max-height: 4rem; }
  .a-skip-to-main--visible {
    max-height: 4rem; }

/* ------------------------------------ *\
		atoms.table
\* ------------------------------------ */
.a-table {
  border-collapse: collapse;
  max-width: 100%;
  overflow-x: auto;
  display: block; }
  .a-table__thead {
    background-color: #f3f5f5; }
  .a-table__th {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    border: thin solid #e0e3e5;
    padding: 2rem;
    text-align: left;
    background-color: #f3f5f5; }
  .a-table__thead td {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    border: thin solid #e0e3e5;
    padding: 2rem;
    text-align: left;
    background-color: #f3f5f5; }
  .a-table__tbody td,
  .a-table__tfoot td {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    font-size: 1.4rem;
    border: thin solid #e0e3e5;
    padding: 2rem; }

/* ------------------------------------ *\
	atoms.video
\* ------------------------------------ */
.a-video {
  opacity: 0;
  width: 100%;
  transition: all .5s; }
  @media (prefers-reduced-motion: reduce) {
    .a-video {
      transition-duration: 0; } }
  .a-video.is-loaded {
    opacity: 1; }

/* ------------------------------------ *\
		molecules.breadcrumb
\* ------------------------------------ */
.m-breadcrumb {
  display: flex;
  align-items: center; }
  .m-breadcrumb__list {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .m-breadcrumb__item {
    display: inline-block; }
    .m-breadcrumb__item:after {
      content: "/";
      display: inline-block;
      margin: 0 1.3rem;
      transform: translateY(0.1rem);
      color: #757575; }
    .m-breadcrumb__item:last-child:after {
      display: none; }
  .m-breadcrumb__link, .m-breadcrumb__text {
    letter-spacing: 0.02rem;
    color: #757575; }
  .m-breadcrumb__link:hover, .m-breadcrumb__link:focus {
    color: #000000; }
  .m-breadcrumb__text {
    display: inline-block; }

.m-byline {
  overflow: hidden; }

.m-byline__item {
  font-size: 1.2rem;
  text-decoration: none;
  color: #000000;
  margin-bottom: 0.7rem;
  position: relative;
  display: inline-block;
  margin-right: 2rem; }
  .m-byline__item:first-child {
    padding-left: 0;
    margin-left: 0;
    border: 0; }
  .m-byline__item[href], .m-byline__item[href] {
    text-decoration: underline; }
  .m-byline__item[href]:hover, .m-byline__item[href]:focus {
    opacity: .5; }
  .m-byline__item[href]:focus {
    outline: 0.2rem solid #000000; }
  .m-byline__item:before {
    content: "";
    position: absolute;
    left: -1.3rem;
    height: 100%;
    width: .1rem;
    background-color: #cccccc; }

.m-card-campaign {
  text-decoration: none;
  color: #ffffff;
  position: relative;
  background-color: #66757E;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (min-width: 768px) {
    .m-card-campaign {
      flex-direction: row; } }
  .m-card-campaign:focus {
    outline: 0.2rem solid #000000; }

.m-card-campaign__media {
  position: relative; }
  @media (min-width: 768px) {
    .m-card-campaign__media {
      flex: 1 0 50%; } }

.m-card-campaign__picture {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  padding-top: 56.25%; }
  .m-card-campaign__picture > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  @media (min-width: 768px) {
    .m-card-campaign__picture {
      height: 100%; } }

.m-card-campaign__info {
  padding: 6rem 3rem;
  min-height: 35rem;
  max-width: 70rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  flex-basis: 100%; }

.m-card-campaign__info > * {
  max-width: 100%;
  text-align: center; }

.m-card-campaign__icon {
  width: 8rem;
  height: 8rem; }

.m-card-campaign__cta {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  transition: .2s ease transform; }
  .m-card-campaign__cta:after, .m-card-campaign__cta:before {
    content: "";
    display: block;
    position: relative;
    border: solid currentColor;
    border-width: 0 0.2rem 0.2rem 0;
    padding: calc(0.4 * 0.8rem);
    pointer-events: none;
    width: 0.8rem;
    height: 0.8rem;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(-45deg) translate3d(-50%, -50%, 0);
    transform-origin: 0% 25%; }
  .m-card-campaign__cta:after {
    content: none; }
  @media (prefers-reduced-motion: reduce) {
    .m-card-campaign__cta {
      transition-duration: 0; } }
  .m-card-campaign__cta:before {
    left: -1.3rem;
    opacity: 0;
    transition: .2s ease opacity; }
    @media (prefers-reduced-motion: reduce) {
      .m-card-campaign__cta:before {
        transition-duration: 0; } }
  .m-card-campaign__cta:hover, .m-card-campaign__cta:focus {
    text-decoration: underline; }
  .m-card-campaign:hover .m-card-campaign__cta,
  .m-card-campaign:focus .m-card-campaign__cta {
    transform: translateX(1rem); }
  .m-card-campaign:hover .m-card-campaign__cta:before,
  .m-card-campaign:focus .m-card-campaign__cta:before {
    opacity: 1;
    transition: .2s ease opacity; }
    @media (prefers-reduced-motion: reduce) {
      .m-card-campaign:hover .m-card-campaign__cta:before,
      .m-card-campaign:focus .m-card-campaign__cta:before {
        transition-duration: 0; } }

/* ------------------------------------ *\
		molecules.card-event
\* ------------------------------------ */
.m-card-event {
  height: 100%;
  color: #000000;
  text-decoration: none;
  position: relative;
  display: block; }
  .m-card-event:focus {
    outline: 0.2rem solid #000000; }

.m-card-event__media-wrapper {
  position: relative;
  background-color: #f3f5f5; }
  @media (max-width: 959px) {
    .m-card-event__media-wrapper {
      margin-bottom: 2rem; } }

.m-card-event__icon {
  position: absolute;
  width: 35%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #cccccc; }

.m-card-event__date {
  position: absolute;
  width: 4rem;
  height: 4rem;
  top: 0;
  left: 0;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  line-height: 1; }
  .m-card-event__date span {
    display: block; }
  .m-card-event__date span:first-child {
    font-size: 2rem; }
  .m-card-event__date span:last-child {
    font-size: 1.1rem;
    font-weight: 600; }

.m-card-event__heading {
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8rem; }
  .m-card-event:hover .m-card-event__heading,
  .m-card-event:focus .m-card-event__heading {
    text-decoration: underline; }

/* ------------------------------------ *\
		molecules.mail-item
\* ------------------------------------ */
.m-card-mail-item {
  display: flex; }
  .m-card-mail-item span {
    color: #757575; }
  .m-card-mail-item h2 {
    width: 100%;
    font-size: 1.5rem !important;
    font-weight: normal !important; }

/* ------------------------------------ *\
		molecules.card-person
\* ------------------------------------ */
.m-card-person {
  border-top-width: 0.2rem;
  border-top-style: solid;
  height: 100%; }

.m-card-person__wrapper {
  border-bottom-width: 0.2rem;
  border-bottom-style: solid;
  padding: 2.5rem 0 3rem 0;
  height: 100%;
  border-color: #e0e3e5;
  display: flex;
  align-items: flex-start; }

.m-card-person__media {
  width: 9rem;
  margin-top: 0.7rem;
  padding: 0 2.5rem 1.3rem 0; }

.m-card-person__info {
  flex-shrink: 4; }

.m-card-person__phone {
  display: flex;
  align-items: center; }
  @media (min-width: 960px) {
    .m-card-person__phone {
      text-decoration: none; } }
  .m-card-person__phone:hover, .m-card-person__phone:focus {
    text-decoration: underline; }
  .m-card-person__phone:before {
    content: url("/dist/media/icon-phone.svg");
    display: block;
    margin-right: 0.7rem; }

.m-card-person__name {
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem; }
  @media (min-width: 768px) {
    .m-card-person__name {
      font-size: 1.8rem; } }
  @media (min-width: 960px) {
    .m-card-person__name {
      font-size: 2rem; } }

.m-card-person__email,
.m-card-person__secure-link {
  display: block; }

.m-card-person__title {
  font-weight: 600; }

.m-card-person__email:focus, .m-card-person__email:hover,
.m-card-person__secure-link:focus,
.m-card-person__secure-link:hover,
.m-card-person__phone:focus,
.m-card-person__phone:hover {
  opacity: .5; }

/* ------------------------------------ *\
		molecules.card
\* ------------------------------------ */
.m-card {
  height: 100%;
  display: block;
  flex-direction: column;
  color: #000000;
  text-decoration: none; }
  .m-card--link-list {
    background-color: #ffffff;
    border-radius: 0.6rem; }
    @media (max-width: 767px) {
      .m-card--link-list {
        min-height: 25vw; } }
  .m-card--link {
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 0.6rem;
    overflow: hidden;
    transition: box-shadow 0.2s ease; }
    @media (prefers-reduced-motion: reduce) {
      .m-card--link {
        transition-duration: 0; } }
    .m-card--link:hover, .m-card--link:focus {
      box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2); }
    .m-card--link:focus {
      outline: 0.2rem solid #000000; }
  @media print {
    .m-card--link, .m-card--link-list {
      border: 0.2rem solid #e0e3e5; } }
  .m-card--blurb {
    position: relative; }
    .m-card--blurb:focus {
      outline: 0.2rem solid #000000; }
  @media (max-width: 767px) {
    .m-card--text {
      padding-bottom: 2rem; } }
  @media (max-width: 767px) {
    .m-card--border:before {
      content: "";
      display: block;
      position: relative;
      border-bottom: thin solid #e0e3e5;
      width: 100%;
      top: 0;
      transform-origin: center bottom;
      transform: scaleY(1);
      margin-bottom: 3rem; } }
  .m-card__icon {
    height: 100%; }
    .m-card--link .m-card__icon {
      border-bottom: thin solid #e0e3e5; }
  .m-card__link {
    display: block; }
    .m-card--link-list .m-card__link {
      display: flex; }
  .m-card--link-list .m-card__link-item {
    margin-bottom: 1.3rem; }
    .m-card--link-list .m-card__link-item:last-child {
      margin-bottom: 0; }
  .m-card--link .m-card__text {
    padding: 1.3rem;
    text-align: center; }
    @media (min-width: 768px) {
      .m-card--link .m-card__text {
        padding: 2rem; } }
  @media (max-width: 767px) {
    .m-card__inner-card {
      pointer-events: none;
      visibility: hidden;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 9999;
      transform: translateY(100%);
      background-color: #ffffff;
      box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
      transition: transform 0.2s cubic-bezier(0.55, 1.35, 0.39, 1.01), visibility 0s 0.2s; } }
  @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
    .m-card__inner-card {
      transition-duration: 0; } }
  @media (max-width: 767px) {
      .m-card__inner-card.is-active {
        pointer-events: initial;
        visibility: visible;
        transform: translateY(0);
        transition: transform 0.2s cubic-bezier(0.55, 1.35, 0.39, 1.01), visibility 0s 0s; } }
    @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
      .m-card__inner-card.is-active {
        transition-duration: 0; } }
  .m-card--link-list .m-card__heading {
    text-decoration: none;
    font-size: 1.2rem; }
    @media (min-width: 768px) {
      .m-card--link-list .m-card__heading {
        font-size: 1.6rem;
        text-align: left; } }
    @media (min-width: 960px) {
      .m-card--link-list .m-card__heading {
        font-size: 1.8rem; } }
    .m-card--link-list .m-card__heading:hover, .m-card--link-list .m-card__heading:focus {
      text-decoration: underline; }
  .m-card--blurb:hover .m-card__heading,
  .m-card--blurb:focus .m-card__heading {
    text-decoration: underline; }
  .m-card__heading-modal {
    font-size: 1.8rem;
    text-decoration: none; }
    .m-card__heading-modal:hover, .m-card__heading-modal:focus {
      text-decoration: underline; }
  @media (min-width: 768px) {
    .m-card__inner-card {
      display: flex;
      flex-direction: column;
      height: 100%; } }
  .m-card__header {
    border-bottom: thin solid #e0e3e5;
    text-align: center;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .m-card--link-list .m-card__header {
      text-align: left; }
  .m-card__bottom {
    padding: 2rem;
    border-top: thin solid #e0e3e5; }
  .m-card__link-navigation {
    flex: 1 0 auto; }
  .m-card__link-list {
    padding: 2rem;
    height: 100%;
    margin: 0; }
  .m-card__link-item {
    list-style-type: none; }
  .m-card__toggle {
    text-align: center;
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .m-card__toggle {
        display: none; } }
  .m-card__open-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.3rem; }
  .m-card__close {
    margin: -2.5rem -1.3rem -2.5rem 0; }
    @media (min-width: 768px) {
      .m-card__close {
        display: none; } }
  @media (max-width: 767px) {
    .m-card--link .m-card__paragraph {
      position: absolute;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px 1px 1px 1px);
      /* IE6, IE7 */
      clip: rect(1px, 1px, 1px, 1px);
      white-space: nowrap;
      /* added line */ } }
  .m-card--blurb:hover .m-card__paragraph,
  .m-card--blurb:focus .m-card__paragraph {
    text-decoration: underline; }
  .m-card picture img.a-picture__asset {
    -o-object-fit: cover;
       object-fit: cover; }

/* ------------------------------------ *\
		molecules.hamburger
\* ------------------------------------ */
/**
 *  Grapped from https://jonsuh.com/hamburgers/
 *  and edited for project needs
*/
.m-hamburger {
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  z-index: 800;
  cursor: pointer;
  position: relative;
  padding: 1.3rem;
  margin: -1.3rem; }
  .m-hamburger:focus, .m-hamburger:active {
    outline-color: transparent; }
  .m-hamburger__label {
    opacity: 1;
    transition: opacity 0.1s ease, transform 0.1s ease; }
    @media (prefers-reduced-motion: reduce) {
      .m-hamburger__label {
        transition-duration: 0; } }
    .m-hamburger__label:active {
      outline: 0; }
    .m-hamburger.is-active .m-hamburger__label {
      transform: translateX(100%);
      opacity: 0; }
  .m-hamburger__icon {
    display: inline-block;
    transition: opacity .15s linear; }
    @media (prefers-reduced-motion: reduce) {
      .m-hamburger__icon {
        transition-duration: 0; } }
  .m-hamburger__icon-box {
    width: 2rem;
    height: 1.2rem;
    display: inline-block;
    position: relative; }
  .m-hamburger__icon-inner {
    display: block;
    top: 50%;
    margin-top: -0.1rem;
    transition-duration: .075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .m-hamburger__icon-inner, .m-hamburger__icon-inner::before, .m-hamburger__icon-inner::after {
      display: block;
      width: 2rem;
      height: 0.2rem;
      background-color: #000;
      border-radius: 0.4rem;
      position: absolute; }
    .m-hamburger__icon-inner::before {
      content: "";
      top: -0.5rem;
      transition: top .075s .12s ease, opacity .075s ease; }
      @media (prefers-reduced-motion: reduce) {
        .m-hamburger__icon-inner::before {
          transition-duration: 0; } }
    .m-hamburger__icon-inner::after {
      content: "";
      bottom: -0.5rem;
      transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
      @media (prefers-reduced-motion: reduce) {
        .m-hamburger__icon-inner::after {
          transition-duration: 0; } }
    .m-hamburger.is-active .m-hamburger__icon-inner {
      transform: rotate(45deg);
      transition-delay: .12s;
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
      .m-hamburger.is-active .m-hamburger__icon-inner::before {
        top: 0;
        opacity: 0;
        transition: top .075s ease, opacity .075s .12s ease; }
        @media (prefers-reduced-motion: reduce) {
          .m-hamburger.is-active .m-hamburger__icon-inner::before {
            transition-duration: 0; } }
      .m-hamburger.is-active .m-hamburger__icon-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
        @media (prefers-reduced-motion: reduce) {
          .m-hamburger.is-active .m-hamburger__icon-inner::after {
            transition-duration: 0; } }

/* ------------------------------------ *\
		molecules.header-article
\* ------------------------------------ */
.m-header-article {
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .m-header-article {
      margin-top: -0.7rem; } }
  @media (min-width: 960px) {
    .m-header-article {
      margin-top: -2rem; } }
  .m-header-article__heading-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .m-header-article__print-btn {
    margin-left: 1.3rem;
    line-height: 4rem; }
    @media (min-width: 960px) {
      .m-header-article__print-btn {
        margin-left: 2.5rem;
        line-height: 8rem; } }

/* ------------------------------------ *\
		molecules.header
\* ------------------------------------ */
.m-header {
  text-align: center; }

/* ------------------------------------ *\
		molecules.image-slider
\* ------------------------------------ */
.m-image-slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  border-bottom: thin solid #e0e3e5;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .m-image-slider__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box; }
  .m-image-slider__slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    transition-property: transform; }
  .m-image-slider__picture, .m-image-slider__controls {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    padding-top: 50%;
    height: auto; }
    .m-image-slider__picture > *, .m-image-slider__controls > * {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
  .m-image-slider__text {
    color: #757575;
    margin: 1.3rem 0; }
  .m-image-slider__controls {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  .m-image-slider__prev, .m-image-slider__next {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); }
    .m-image-slider__prev[aria-disabled="true"], .m-image-slider__next[aria-disabled="true"] {
      display: none; }
    .m-image-slider__prev:focus, .m-image-slider__next:focus {
      outline: 0.2rem solid #000000; }
  .m-image-slider__next {
    right: 1.3rem;
    left: auto; }
    .m-image-slider__next:after, .m-image-slider__next:before {
      content: "";
      display: block;
      position: relative;
      border: solid currentColor;
      border-width: 0 0.2rem 0.2rem 0;
      padding: calc(0.4 * 1rem);
      pointer-events: none;
      width: 1rem;
      height: 1rem;
      top: 50%;
      left: 50%;
      position: absolute;
      transform: rotate(-45deg) translate3d(-50%, -50%, 0);
      transform-origin: 0% 25%; }
    .m-image-slider__next:before {
      content: none; }
  .m-image-slider__prev {
    left: 1.3rem;
    right: auto; }
    .m-image-slider__prev:after, .m-image-slider__prev:before {
      content: "";
      display: block;
      position: relative;
      border: solid currentColor;
      border-width: 0 0.2rem 0.2rem 0;
      padding: calc(0.4 * 1rem);
      pointer-events: none;
      width: 1rem;
      height: 1rem;
      top: 50%;
      left: 50%;
      position: absolute;
      transform: rotate(135deg) translate3d(-50%, -50%, 0);
      transform-origin: 10% 10%; }
    .m-image-slider__prev:before {
      content: none; }

.m-info-text {
  background-color: var(--color-secondary, #0d6baa);
  padding: 2.5rem;
  color: white; }
  .m-info-text a {
    color: white; }

/* ------------------------------------ *\
		molcules.link-list
\* ------------------------------------ */
.m-link-list {
  width: 100%; }
  .m-link-list[aria-hidden="true"] {
    display: none; }

.m-link-list__heading {
  margin-bottom: 1.3rem;
  margin-top: -0.7rem; }

.m-link-list__item {
  display: block;
  margin-bottom: 2rem; }
  .m-link-list__item:last-child {
    margin-bottom: 0; }
  .m-link-list__item:hover, .m-link-list__item:focus {
    opacity: .5; }

/* ------------------------------------ *\
		molecules.nav-list
\* ------------------------------------ */
.m-nav-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column; }
  .m-nav-list__item {
    list-style-type: none;
    margin: 0 0 1rem 0; }
    .m-nav-list__item:first-child {
      margin-left: 0; }
    .m-nav-list__item:last-child {
      margin-right: 0; }
  .m-nav-list__link {
    white-space: nowrap; }
    .m-nav-list__link:hover, .m-nav-list__link:focus {
      opacity: .5; }
  .m-nav-list__toggle {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: currentColor;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 1.5rem 3rem;
    width: 100%;
    text-align: left;
    display: flex;
    position: relative;
    align-items: center;
    font-weight: 700; }
    .m-nav-list__toggle:focus {
      outline: 0.2rem solid #000000; }
  .m-nav-list__icon {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: .5rem; }
    .m-nav-list__item.is-open .m-nav-list__icon {
      transform: rotate(90deg); }
  .m-nav-list__nested-link {
    margin: 0;
    padding: .5rem 3rem .5rem 6rem;
    display: block;
    text-decoration: none; }
  .m-nav-list__content {
    display: none; }
    .m-nav-list__item.is-open .m-nav-list__content {
      display: flex;
      flex-direction: column;
      padding-bottom: 2rem; }

/* ------------------------------------ *\
		molecules.pagination
\* ------------------------------------ */
.m-pagination__wrapper {
  width: 100%;
  border-top: thin solid #e0e3e5;
  border-bottom: 0.2rem solid #e0e3e5; }

.m-pagination__list, .m-pagination__page-wrapper {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0; }

.m-pagination__item:last-child {
  margin-right: 0; }

.m-pagination__item:first-child {
  margin-left: 0; }

.m-pagination__item.is-active {
  position: relative;
  background-color: #f3f5f5; }
  .m-pagination__item.is-active:after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 0.2rem solid #000000;
    width: 100%;
    bottom: -0.2rem; }

.m-pagination__page {
  padding: 2rem 2.5rem;
  margin: 0 .1rem; }

.m-pagination__icon {
  width: 4rem;
  height: 4rem; }

.m-pagination__next, .m-pagination__prev {
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  position: relative;
  height: 100%;
  cursor: pointer;
  width: 3rem; }
  .m-pagination__next:after, .m-pagination__prev:after {
    top: 50%;
    left: 50%; }
  .m-pagination__next:disabled, .m-pagination__prev:disabled {
    opacity: 0;
    cursor: default; }
  .m-pagination__next:focus, .m-pagination__prev:focus {
    outline: 0.2rem solid #000000; }

.m-pagination__next:after, .m-pagination__next:before {
  content: "";
  display: block;
  position: relative;
  border: solid currentColor;
  border-width: 0 0.2rem 0.2rem 0;
  padding: calc(0.4 * 1rem);
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: rotate(-45deg) translate3d(-50%, -50%, 0);
  transform-origin: 0% 25%; }

.m-pagination__next:before {
  content: none; }

.m-pagination__prev:after, .m-pagination__prev:before {
  content: "";
  display: block;
  position: relative;
  border: solid currentColor;
  border-width: 0 0.2rem 0.2rem 0;
  padding: calc(0.4 * 1rem);
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: rotate(135deg) translate3d(-50%, -50%, 0);
  transform-origin: 10% 10%; }

.m-pagination__prev:before {
  content: none; }

/* ------------------------------------ *\
		molecules.print-button
\* ------------------------------------ */
.m-pinfo-print-button {
  display: none;
  flex-shrink: 0;
  line-height: 8rem; }
  .pinfo-container .m-pinfo-print-button {
    display: block; }
  .m-pinfo-print-button__button {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: currentColor;
    font-size: 1.4rem;
    background-color: transparent;
    cursor: pointer;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    white-space: nowrap; }
    .m-pinfo-print-button__button:focus {
      outline: 0.2rem solid #000000; }

.m-pinfo-print-button__container {
  display: flex;
  flex-direction: column; }

/* ------------------------------------ *\
		molecules.print-button
\* ------------------------------------ */
.m-print-button {
  flex-shrink: 0; }
  .m-print-button__button {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: currentColor;
    font-size: 1.4rem;
    background-color: transparent;
    cursor: pointer;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center; }
    .m-print-button__button:focus {
      outline: 0.2rem solid #000000; }

/* ------------------------------------ *\
		molecules.search
\* ------------------------------------ */
.m-search {
  position: relative;
  color: #757575;
  width: 100%; }
  .m-search__button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    position: absolute;
    height: 4rem;
    width: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0; }
    .m-search__button:focus {
      outline: 0.2rem solid #000000; }
  .m-search__icon {
    height: 1.5rem;
    width: 1.5rem;
    color: #000000; }

/* ------------------------------------ *\
		organisms.accordion
\* ------------------------------------ */
.o-accordion__item {
  border-bottom: thin solid #e0e3e5; }
  .o-accordion__item:first-of-type {
    border-top: thin solid #e0e3e5; }

.o-accordion__button {
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  width: 100%;
  padding: 1.7rem 3rem 1.7rem 1.3rem;
  cursor: pointer;
  text-align: left;
  position: relative;
  color: #666666; }
  .o-accordion__button:after {
    content: "";
    display: block;
    position: absolute;
    left: calc(100% - 1.3rem);
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.2rem;
    height: 0.2rem;
    background-color: currentColor; }
  .o-accordion__button:before {
    content: "";
    display: block;
    position: absolute;
    left: calc(100% - 1.3rem);
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 1.2rem;
    height: 0.2rem;
    background-color: currentColor; }
  .is-open .o-accordion__button:before,
  .o-accordion__button .is-open:before {
    opacity: 0; }
  .o-accordion__button:focus {
    outline: 0.2rem solid #000000; }
  .o-accordion__button:hover, .o-accordion__button:focus {
    background-color: #f3f5f5; }
  .is-open .o-accordion__button {
    color: #000000;
    background-color: #f3f5f5; }

.o-accordion__content {
  padding: 2rem 1.3rem 3rem 1.3rem;
  display: none; }
  @media print {
    .o-accordion__content {
      display: block; } }
  .o-accordion__item.is-open .o-accordion__content {
    display: block;
    border-top: 0.2rem solid #000000; }

.o-accordion__rich-text > *:last-child {
  margin-bottom: 0; }

.alphabet-list {
  margin-bottom: 2rem; }
  aside .alphabet-list,
  main > .alphabet-list {
    max-width: 124rem;
    margin-block: 4rem;
    margin-inline: auto;
    padding-inline: 2rem; }
  .alphabet-list__nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    list-style: none;
    margin: 0 0 2rem 0;
    padding: 0;
    padding-inline: 1.3rem;
    border-radius: 4px; }
  .alphabet-list__nav-item {
    margin: 0; }
  .alphabet-list__nav-link {
    max-width: 100%;
    font-family: interstate-condensed, sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 1;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: var(--color-primary);
    font-weight: 700;
    transition: all 0.2s ease; }
    @media (min-width: 768px) {
      .alphabet-list__nav-link {
        font-size: 3.4rem; } }
    @media (min-width: 960px) {
      .alphabet-list__nav-link {
        font-size: 4rem; } }
    @media (prefers-reduced-motion: reduce) {
      .alphabet-list__nav-link {
        transition-duration: 0; } }
    .alphabet-list__nav-link--is-disabled {
      pointer-events: none;
      color: #999; }
    .alphabet-list__nav-link:hover, .alphabet-list__nav-link:focus {
      color: inherit; }
  .alphabet-list__links {
    margin-top: 3rem; }
  .alphabet-list__letter {
    max-width: 100%;
    font-family: interstate-condensed, sans-serif;
    font-weight: 400;
    font-size: 2.2rem;
    font-weight: bold;
    color: #333;
    margin: 2rem 0 0 0;
    padding: 2rem 1.3rem 0.5rem 1.3rem;
    border-bottom: 2px solid var(--color-primary); }
    @media (min-width: 960px) {
      .alphabet-list__letter {
        font-size: 2.8rem; } }
  .alphabet-list__links-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem 3rem;
    list-style: none;
    margin: 0 0 2rem 0;
    padding: 0; }
    @media (min-width: 768px) {
      .alphabet-list__links-list {
        grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) {
      .alphabet-list.u-container--lg .alphabet-list__links-list {
        grid-template-columns: repeat(3, 1fr); } }
  .alphabet-list__links-item {
    margin: 0;
    -moz-column-break-inside: avoid;
         break-inside: avoid; }
  .alphabet-list__links-link {
    display: block;
    padding: 2rem 1.3rem 2rem 1.3rem;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #e0e3e5;
    transition: all 0.2s ease;
    height: 100%; }
    @media (prefers-reduced-motion: reduce) {
      .alphabet-list__links-link {
        transition-duration: 0; } }
    .alphabet-list__links-link:hover, .alphabet-list__links-link:focus {
      color: inherit;
      background-color: #f3f5f5; }

/* ------------------------------------ *\
		organisms.article
\* ------------------------------------ */
.o-article {
  padding: 0 2rem; }
  .o-article__toc-link {
    display: block; }
  .o-article__picture {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    padding-top: 50%; }
    .o-article__picture > * {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
  .o-article__last-update, .o-article__last-edit-heading {
    font-style: italic; }

.o-banner {
  padding: 72px 30px;
  border-radius: 10px;
  font-family: var(--font-family--primary);
  font-size: 18px; }
  @media (min-width: 960px) {
    .o-banner {
      padding: 104px 107px; } }
  .o-banner h2,
  .o-banner h3,
  .o-banner h4,
  .o-banner h5 {
    font-weight: 400;
    font-family: var(--font-family--secondary); }
  .o-banner h2 {
    font-weight: 2.8rem;
    margin-bottom: 0.7rem; }
  .o-banner h3 {
    font-size: 2.4rem;
    margin-bottom: 0.7rem; }
  .o-banner h4 {
    font-size: 1.8rem;
    margin-bottom: 0.7rem; }
  .o-banner p {
    margin-bottom: 20px; }
  .o-banner ul,
  .o-banner ol {
    margin-bottom: 20px;
    padding-left: 20px; }
    .o-banner ul li,
    .o-banner ol li {
      margin-bottom: 8px; }
  .o-banner__cta-container {
    margin-top: 37px; }

/* ------------------------------------ *\
		organisms.calendar
\* ------------------------------------ */
.o-calendar__select {
  padding-top: 2rem; }

.o-calendar__interval, .o-calendar__datepicker {
  width: 100%; }

.o-calendar__interval {
  width: 100%; }

@media (max-width: 767px) {
  .o-calendar__events {
    margin-bottom: 0; } }

.o-calendar__no-events {
  text-align: center; }

.o-calendar__icon {
  width: 8rem;
  height: 8rem;
  display: inline-block; }

/* ------------------------------------ *\
		organisms.campaig-hero
\* ------------------------------------ */
.o-hero {
  position: absolute;
  width: 100%; }

.o-hero.o-hero--campaign {
  height: 90vh;
  padding: 0 20px 92px 20px;
  margin-bottom: 11rem;
  overflow: visible;
  background-color: var(--color-primary--scale--10);
  --_max-height: 700px;
  max-height: var(--_max-height); }
  .o-hero.o-hero--campaign:has(.svg-wrapper) {
    margin-bottom: 18rem; }
  @media (min-width: 768px) {
    .o-hero.o-hero--campaign {
      padding: 0 110px 120px 110px; }
      .o-hero.o-hero--campaign:has(picture) {
        --_max-height: 890px; } }
  .o-hero.o-hero--campaign .a-button--campaign {
    margin-top: 4rem;
    background-color: var(--color-primary--100);
    color: var(--color-white);
    border-radius: 500vmax;
    padding: 1.6rem 2rem; }
    .o-hero.o-hero--campaign .a-button--campaign:hover, .o-hero.o-hero--campaign .a-button--campaign:focus {
      background-color: var(--color-white);
      color: var(--color-primary--100); }
  .o-hero.o-hero--campaign:not(:has(picture)) .o-hero-campaign__content {
    flex: 1 1 auto;
    text-align: center; }

.o-hero-campaign {
  height: 100%;
  display: flex;
  align-items: flex-end; }

.o-hero-campaign__content {
  isolation: isolate;
  z-index: 2;
  color: #ffffff;
  flex: 0 1 100%; }
  @media (min-width: 768px) {
    .o-hero-campaign__content {
      flex: 0 1 762px; } }
  .o-hero-campaign__content__heading h1 {
    color: #ffffff;
    font-family: var(--font-family--secondary);
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 3.2rem; }
    @media (min-width: 960px) {
      .o-hero-campaign__content__heading h1 {
        font-size: 7rem;
        line-height: 105%; } }
  .o-hero-campaign__content__manchet {
    margin-bottom: 24px;
    font-family: var(--font-family--primary);
    font-size: 18px;
    font-weight: 400;
    line-height: 25px; }
    @media (min-width: 960px) {
      .o-hero-campaign__content__manchet {
        font-size: 2rem;
        line-height: 140%; } }

.o-hero.o-hero--campaign .u-container--lg,
.o-hero.o-hero--campaign .u-container--lg .u-grid.u-grid--container {
  height: 100%; }

.o-hero-campaign__asset-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden; }
  .o-hero-campaign__asset-wrapper:after {
    display: block;
    content: " ";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.54) 29.25%, rgba(0, 0, 0, 0) 70.75%); }
    @media (min-width: 768px) {
      .o-hero-campaign__asset-wrapper:after {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 50%, rgba(0, 0, 0, 0) 100%); } }

.o-hero-campaign__asset-wrapper picture img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover !important;
     object-fit: cover !important; }

.svg-wrapper {
  height: 130px;
  width: 48px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2;
  color: currentColor; }
  .svg-wrapper svg {
    height: 100%;
    width: 100%; }
  @media (min-width: 768px) {
    .svg-wrapper {
      height: 220px; } }

/* ------------------------------------ *\
		organisms.card-section
\* ------------------------------------ */
.o-card-section__divider {
  border: thin solid #e0e3e5;
  margin: 4rem 0; }

.o-card-section__view-more {
  text-decoration: none; }
  .o-card-section__view-more:hover, .o-card-section__view-more:focus {
    text-decoration: underline; }

.o-card-section--bg .o-card-section__wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media (min-width: 960px) {
    .o-card-section--bg .o-card-section__wrapper {
      padding-bottom: 4rem;
      padding-top: 3rem; } }

.o-card-section__wrapper ul.u-grid {
  list-style-type: none;
  padding: unset; }
  .o-card-section__wrapper ul.u-grid li.u-grid__cell {
    display: block; }

.o-card-section____icon {
  width: 8rem;
  height: 8rem;
  display: inline-block; }

.o-card-section__no-content {
  text-align: center; }

.o-card-section__header {
  margin-bottom: 1.3rem; }
  .o-card-section--border-top .o-card-section__header {
    margin-bottom: 0;
    padding-bottom: 3rem; }
    @media (min-width: 768px) {
      .o-card-section--border-top .o-card-section__header {
        border-width: 0.2rem;
        border-bottom-style: solid;
        margin-bottom: 3rem; } }
  .o-card-section--bg .o-card-section__header {
    margin-bottom: 3rem; }

/* ------------------------------------ *\
		organisms.content-nav
\* ------------------------------------ */
.o-content-nav {
  border-top-style: solid;
  border-top-width: 0.2rem; }
  .o-content-nav__menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%; }
  .o-content-nav__item {
    position: relative;
    color: #666666;
    display: flex;
    flex-direction: column; }
    .o-content-nav__item .o-content-nav__link {
      padding: 2rem 3rem 2rem 1.3rem; }
    .o-content-nav__item .o-content-nav__item .o-content-nav__link {
      padding-left: 2.6rem; }
    .o-content-nav__item .o-content-nav__item .o-content-nav__item .o-content-nav__link {
      padding-left: 3.9rem; }
    .o-content-nav__item .o-content-nav__item .o-content-nav__item .o-content-nav__item .o-content-nav__link {
      padding-left: 5.2rem; }
    .o-content-nav__item.is-open {
      color: #000000; }
      .o-content-nav__item.is-open .o-content-nav__link {
        color: #000000; }
  .o-content-nav__heading {
    display: block;
    color: #000000;
    padding: 2.5rem 0;
    border-bottom: thin solid #e0e3e5;
    text-decoration: none; }
    .o-content-nav__heading:hover, .o-content-nav__heading:focus {
      text-decoration: underline; }
  .o-content-nav__link {
    display: block;
    border-bottom: thin solid #e0e3e5;
    text-decoration: none;
    width: 100%; }
    .o-content-nav__link:hover, .o-content-nav__link:focus {
      background-color: #f3f5f5; }
  .o-content-nav .o-content-nav__item.is-active > .o-content-nav__item-controls-container > .o-content-nav__link {
    color: #000000;
    border-bottom: 0.2rem solid #000000;
    background-color: #f3f5f5; }
  .o-content-nav__item-controls-container {
    display: flex;
    flex-direction: row; }
    .o-content-nav__item-controls-container .o-content-nav__toggle-button {
      border-left: 1px solid #e0e3e5;
      border-bottom: 1px solid #e0e3e5;
      border-top: none;
      border-right: none; }
  .o-content-nav__toggle-button {
    padding: 1.7rem 3rem 1.7rem 1.3rem;
    cursor: pointer;
    color: #666666;
    position: relative;
    background-color: transparent; }
    .o-content-nav__toggle-button:before, .o-content-nav__toggle-button:after {
      content: "";
      display: block;
      position: absolute;
      left: calc(100% - 2rem);
      top: 50%;
      transform: translate(-50%, -50%);
      width: 1.2rem;
      height: 0.2rem;
      background-color: currentColor; }
    .o-content-nav__toggle-button:before {
      transform: translate(-50%, -50%) rotate(90deg); }
    .o-content-nav__toggle-button:hover, .o-content-nav__toggle-button:focus-visible {
      background-color: #f3f5f5; }
    .o-content-nav__toggle-button.is-open:before {
      opacity: 0; }
    .o-content-nav__toggle-button.is-open {
      color: #000000; }

/* ------------------------------------ *\
		organisms.department
\* ------------------------------------ */
.o-department {
  border-top-width: 0.2rem;
  border-top-style: solid; }

.o-department__wrapper {
  padding: 3rem 0;
  display: flex;
  flex-direction: column-reverse;
  border-bottom-width: 0.2rem;
  border-bottom-style: solid;
  border-color: #e0e3e5; }
  @media (min-width: 768px) {
    .o-department__wrapper {
      display: block; } }

.o-department__link-list {
  border-top: 0.2rem solid #e0e3e5;
  padding-top: 2.7rem;
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .o-department__link-list {
      float: right;
      margin-bottom: 2rem;
      margin-left: 2rem;
      padding-left: 2rem;
      border-left: 0.2rem solid #e0e3e5;
      width: 25rem;
      border-top: 0;
      padding-top: 0;
      margin-top: 0.7rem; } }

.o-department__link {
  margin: 0 2rem;
  display: inline-block; }
  .o-department__link:focus, .o-department__link:hover {
    opacity: .5; }

.o-department__heading {
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem; }
  @media (min-width: 768px) {
    .o-department__heading {
      font-size: 1.8rem; } }
  @media (min-width: 960px) {
    .o-department__heading {
      font-size: 2rem; } }

.o-department__address {
  font-weight: 600; }

.o-department__phone {
  display: flex;
  align-items: center; }
  @media (min-width: 960px) {
    .o-department__phone {
      text-decoration: none; } }
  .o-department__phone:hover, .o-department__phone:focus {
    text-decoration: underline; }
  .o-department__phone:before {
    content: url("/dist/media/icon-phone.svg");
    display: block;
    margin-right: 0.7rem; }

.o-department__email {
  display: block; }

.o-department__phone:focus, .o-department__phone:hover,
.o-department__email:focus,
.o-department__email:hover {
  opacity: .5; }

/* ------------------------------------ *\
		organisms.embed
\* ------------------------------------ */
.o-embed {
  overflow-x: auto; }
  .o-embed .pagination-wrapper {
    height: unset; }
    .o-embed .pagination-wrapper .search_page_list li {
      justify-content: unset !important;
      flex-direction: unset !important;
      flex: unset !important; }
      .o-embed .pagination-wrapper .search_page_list li a, .o-embed .pagination-wrapper .search_page_list li.active {
        height: unset !important; }
      .o-embed .pagination-wrapper .search_page_list li a {
        padding: 2rem 2.5rem !important; }
      .o-embed .pagination-wrapper .search_page_list li.active {
        justify-content: center !important;
        align-items: center; }
      .o-embed .pagination-wrapper .search_page_list li.active:after {
        display: block;
        border-bottom: 0.2rem solid #000000;
        bottom: -0.2rem !important;
        background: unset !important;
        height: unset !important; }
      .o-embed .pagination-wrapper .search_page_list li.previous:after, .o-embed .pagination-wrapper .search_page_list li.next:after, .o-embed .pagination-wrapper .search_page_list li.next-mobile:after {
        top: 50% !important; }

/* ------------------------------------ *\
		organisms.event-list
\* ------------------------------------ */
.o-event-list__event {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: thin solid #e0e3e5; }
  .o-event-list__event:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; }

.o-event-list__top {
  padding: 2rem 0; }

.o-event-list__select {
  width: 100%;
  text-transform: capitalize; }

/* ------------------------------------ *\
		organisms.event
\* ------------------------------------ */
.o-event__media-wrapper {
  position: relative;
  background-color: #f3f5f5;
  margin-bottom: 2rem; }

.o-event__icon {
  position: absolute;
  width: 35%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #cccccc; }

.o-event__details {
  display: flex;
  flex-direction: column;
  flex: 1; }
  @media (min-width: 960px) {
    .o-event__details {
      flex-direction: row-reverse;
      align-items: flex-start; } }

@media (max-width: 959px) {
  .o-event__col-first {
    margin-bottom: 3rem; } }

@media (min-width: 960px) {
  .o-event__col-first {
    flex: 0 0 25rem;
    padding-left: 3rem;
    margin-left: 3rem;
    border-left: 0.2rem solid #e0e3e5;
    margin-top: .6rem;
    margin-bottom: 3rem; }
    .o-event__col-first > *:first-child {
      margin-top: calc(.6rem * -1); } }

.o-event__col-second {
  flex: 1; }

.o-event__signup-link {
  display: inline-block;
  margin-bottom: 1.3rem; }

.o-event__location {
  margin-bottom: 2rem; }
  .o-event__location:last-of-type {
    margin-bottom: 0; }

.o-factbox {
  --_color-primary: #66757e;
  --_color-secondary: #66757e;
  display: flow-root;
  margin-top: 3rem;
  margin-bottom: 2rem;
  border-radius: 0.6rem;
  overflow: hidden; }
  .o-factbox--theme {
    --_color-primary: var(--color-primary);
    --_color-secondary: var(--color-secondary); }
  .o-factbox--outline .o-factbox__wrapper {
    border-radius: 0;
    border-top: 4px solid var(--_color-secondary);
    border-bottom: 4px solid var(--_color-secondary);
    padding-top: 2.5rem;
    margin-top: 5rem;
    margin-bottom: 5rem; }
  .o-factbox__headline {
    position: relative;
    padding: 1rem 2rem;
    font-family: interstate-condensed, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 0; }
    .o-factbox--solid .o-factbox__headline {
      color: white; }
      .o-factbox--solid .o-factbox__headline::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background-color: var(--_color-secondary); }
    .o-factbox--outline .o-factbox__headline {
      padding: 0rem 2rem 1rem 2rem;
      margin-top: -1.5rem; }
    @media print {
      .o-factbox__headline {
        color: black !important; } }
  .o-factbox__text {
    position: relative;
    padding: 0rem 2rem 2rem; }
    .o-factbox--solid .o-factbox__text {
      color: black;
      padding: 1rem 2rem 3rem;
      margin-top: 0; }
      .o-factbox--solid .o-factbox__text::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background-color: var(--_color-primary);
        opacity: 0.2; }
    .o-factbox--solid[data-toggle="false"] .o-factbox__text,
    .o-factbox--outline[data-toggle="false"] .o-factbox__text {
      padding-bottom: 2.5rem; }
    .o-factbox__text-fold {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: all 0.5s ease-in-out;
      position: relative; }
      @media (prefers-reduced-motion: reduce) {
        .o-factbox__text-fold {
          transition: none; } }
      [data-toggle="false"] .o-factbox__text-fold {
        -webkit-line-clamp: 3;
        -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent); }
      @media print {
        .o-factbox__text-fold {
          -webkit-line-clamp: unset !important;
          -webkit-mask-image: unset !important; } }
    .o-factbox__text-control {
      font: inherit;
      color: inherit;
      text-transform: none;
      background-color: transparent;
      border: 0;
      margin: 0;
      padding: 0;
      overflow: visible;
      position: relative;
      transition: box-shadow 0.2s ease;
      border-radius: 0.6rem;
      border: 2px solid var(--_color-primary);
      width: 4rem;
      height: 4rem;
      margin-inline: auto;
      background-color: white;
      display: block;
      cursor: pointer; }
      @media print {
        .o-factbox__text-control {
          display: none; } }
      .o-factbox__text-control-wrapper {
        margin-top: -2rem; }
        .o-factbox--outline .o-factbox__text-control-wrapper {
          margin-top: -7rem; }
      @media (prefers-reduced-motion: reduce) {
        .o-factbox__text-control {
          transition: none; } }
      .o-factbox__text-control:after {
        content: "";
        display: block;
        position: absolute;
        left: calc(100% - 1.3rem);
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1.2rem;
        height: 0.2rem;
        background-color: currentColor; }
      .o-factbox__text-control:before {
        content: "";
        display: block;
        position: absolute;
        left: calc(100% - 1.3rem);
        top: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
        width: 1.2rem;
        height: 0.2rem;
        background-color: currentColor; }
      .is-open .o-factbox__text-control:before,
      .o-factbox__text-control .is-open:before {
        opacity: 0; }
      .o-factbox__text-control::before, .o-factbox__text-control::after {
        left: 50%; }
      .o-factbox__text-control:hover, .o-factbox__text-control:focus {
        box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2); }
        .o-factbox__text-control:hover .o-factbox__text-fold-control-text, .o-factbox__text-control:focus .o-factbox__text-fold-control-text {
          text-decoration: none; }
      .o-factbox__text-control-text {
        text-decoration: underline; }
      [data-toggle="true"] .o-factbox__text-control--open {
        display: none; }
      [data-toggle="false"] .o-factbox__text-control--close {
        display: none; }

/* ------------------------------------ *\
		organisms.hero
\* ------------------------------------ */
.o-hero {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .o-hero__bg {
    z-index: -1; }
  .o-hero__info {
    display: block;
    margin: 4rem 0;
    padding: 3rem;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    border-radius: 0.6rem; }
    .o-hero__info:focus {
      outline: 0.2rem solid #000000; }
  .o-hero__video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover; }
  .o-hero__play-button-shadow {
    position: absolute;
    top: 0;
    right: 0;
    background-image: radial-gradient(circle at top right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 75%);
    width: 8rem;
    height: 8rem; }
  .o-hero__play-button {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: #ffffff;
    z-index: 2; }
  .o-hero__content-overlay {
    position: relative; }
  .o-hero__label {
    margin-bottom: 1.3rem; }
  .o-hero__heading {
    position: relative;
    padding-bottom: 2.5rem; }
    .o-hero__heading:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      border-bottom-width: 0.2rem;
      border-bottom-style: solid;
      transform-origin: center bottom;
      transform: scaleY(1);
      transition: transform 0.1s ease; }
      @media (prefers-reduced-motion: reduce) {
        .o-hero__heading:after {
          transition-duration: 0; } }
      .o-hero__info--link:hover .o-hero__heading:after,
      .o-hero__info--link:focus .o-hero__heading:after {
        transform: scaleY(2); }
  .o-hero__cta {
    margin-top: 2rem; }

/* ------------------------------------ *\
		organisms.Media
\* ------------------------------------ */
.o-media__asset-container {
  border-radius: 8px;
  margin-bottom: 10px;
  aspect-ratio: 2 / 3;
  overflow: hidden; }
  @media (min-width: 960px) {
    .o-media__asset-container {
      aspect-ratio: 318 / 179; } }

.o-media__media-caption {
  color: #000;
  font-family: var(--font-family--primary);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-align: left; }

/* ------------------------------------ *\
		organisms.meta
\* ------------------------------------ */
.o-meta {
  padding: 1.3rem 0;
  border-top: 0.2rem solid #e0e3e5; }

.o-meta__person {
  font-style: normal; }

/* ------------------------------------ *\
		organisms.mobile-nav
\* ------------------------------------ */
.o-mobile-nav__content {
  position: fixed;
  width: 100vw;
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  top: 0;
  left: 0;
  z-index: 1;
  transform: translateX(110%);
  background-color: #ffffff;
  display: none; }
  .o-mobile-nav__content.is-open {
    transform: translateX(0);
    display: block; }

.o-mobile-nav__prev {
  color: #757575;
  padding: 2rem;
  position: relative;
  padding-left: 2.5rem;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .o-mobile-nav__prev:after, .o-mobile-nav__prev:before {
    content: "";
    display: block;
    position: relative;
    border: solid currentColor;
    border-width: 0 0.2rem 0.2rem 0;
    padding: calc(0.4 * 1rem);
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    transform: rotate(135deg); }
  .o-mobile-nav__prev:after {
    content: none; }
  .o-mobile-nav__prev:before {
    margin-right: 0.7rem; }
  .o-mobile-nav__prev.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }

.o-mobile-nav__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative; }
  .o-mobile-nav__inner:before {
    content: "";
    display: block;
    width: 2rem;
    height: 6rem;
    position: absolute;
    background: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    left: 0;
    z-index: 10; }
  .o-mobile-nav__inner:after {
    content: "";
    display: block;
    width: 8rem;
    height: 6rem;
    position: absolute;
    background: linear-gradient(to left, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    right: 0;
    z-index: 10; }

@media (max-width: 767px) {
  .o-mobile-nav__toggle {
    position: absolute;
    right: 2rem;
    top: 2rem; } }

.o-mobile-nav__toggle.is-active {
  position: fixed;
  right: 2rem; }

.o-mobile-nav__primary-nav {
  flex: 1;
  position: relative;
  overflow: hidden; }

.o-mobile-nav__service-nav {
  padding: 2rem;
  overflow-x: auto;
  z-index: 2; }

.o-mobile-nav__top {
  height: 6rem;
  width: 100%;
  z-index: 2; }

.o-mobile-nav__menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100vw;
  transform: translateX(110%);
  overflow-y: auto;
  height: 100%;
  top: 0;
  left: 0;
  overflow-x: hidden;
  background-color: #ffffff;
  z-index: 1; }
  .o-mobile-nav__menu.is-open {
    transform: translateX(0); }
  .o-mobile-nav__menu.has-child-open {
    overflow-y: hidden; }

.o-mobile-nav__item {
  display: flex;
  height: 6rem;
  flex: 0 0 6rem;
  align-items: stretch;
  border-bottom: thin solid #e0e3e5; }
  .o-mobile-nav__item:first-child {
    border-top: thin solid #e0e3e5; }

.o-mobile-nav__link {
  display: flex;
  align-items: center;
  position: relative;
  padding: 2rem;
  text-decoration: none;
  letter-spacing: 0.02rem;
  flex: 1; }

.o-mobile-nav__next {
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  cursor: pointer;
  width: 6rem;
  border-left: thin solid #e0e3e5;
  padding: 2rem;
  position: relative; }
  .o-mobile-nav__next:after, .o-mobile-nav__next:before {
    content: "";
    display: block;
    position: relative;
    border: solid currentColor;
    border-width: 0 0.2rem 0.2rem 0;
    padding: calc(0.4 * 1rem);
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(-45deg) translate3d(-50%, -50%, 0);
    transform-origin: 0% 25%; }
  .o-mobile-nav__next:before {
    content: none; }
  .o-mobile-nav__next:after {
    top: 50%;
    left: 50%; }

.o-open-filter {
  background-color: #e8ebec;
  padding: 3rem 2.5rem; }
  .o-open-filter__fieldset {
    border: 0;
    padding: 0; }
  .o-open-filter__legend {
    font-family: interstate-condensed, sans-serif;
    font-size: 3rem;
    margin-bottom: 1.3rem; }

.o-open-project-content {
  line-height: 1.4; }
  @media (min-width: 768px) {
    .o-open-project-content {
      padding-left: 2rem; } }
  .o-open-project-content__section:first-of-type {
    margin-top: 2.5rem; }
  .o-open-project-content__section:not(:first-of-type) {
    margin-top: 4rem; }
  .o-open-project-content__section a {
    color: #000; }
  .o-open-project-content__collaborating-grid {
    border-collapse: collapse; }
    .o-open-project-content__collaborating-grid thead {
      text-align: left; }
      .o-open-project-content__collaborating-grid thead tr {
        border-bottom: 1px solid #000000;
        background-color: #f3f5f5; }
    .o-open-project-content__collaborating-grid tbody tr:nth-child(even) {
      background-color: #e8ebec; }
    .o-open-project-content__collaborating-grid th,
    .o-open-project-content__collaborating-grid td {
      padding: 1.3rem;
      vertical-align: text-top; }
  .o-open-project-content p:not(:last-of-type) {
    margin: 0 0 2rem; }
  .o-open-project-content h2 {
    margin-bottom: 0.5rem;
    font-weight: 400; }

.o-open-project-sidebar {
  background-color: #f3f5f5;
  padding: 4rem 2.5rem; }
  .o-open-project-sidebar__personel:not(:first-of-type) {
    margin-top: 3rem; }
  .o-open-project-sidebar__picture {
    width: 10.9rem;
    height: auto;
    margin-bottom: 1.3rem; }
  .o-open-project-sidebar__headline {
    font-weight: 700;
    margin-bottom: 0.7rem; }
  .o-open-project-sidebar__name {
    margin-bottom: 0.4rem; }
  .o-open-project-sidebar__title {
    line-height: 1.4; }
  .o-open-project-sidebar__table {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.4; }
    .o-open-project-sidebar__table tbody {
      border-top: 3rem solid transparent; }
      @media (min-width: 768px) {
        .o-open-project-sidebar__table tbody {
          border-top: 6rem solid transparent; } }
    .o-open-project-sidebar__table th,
    .o-open-project-sidebar__table td {
      vertical-align: top; }
    .o-open-project-sidebar__table th[scope="row"] {
      font-weight: 400;
      padding-right: 1.3rem;
      padding-bottom: 0.7rem; }
    .o-open-project-sidebar__table td:not([scope="col"]) {
      font-style: italic; }
  .o-open-project-sidebar__icon {
    position: relative;
    top: 4px;
    margin-left: 0.5rem;
    width: 1.8rem;
    aspect-ratio: 1;
    display: inline-block;
    color: var(--color-secondary); }

.o-open-search-results {
  line-height: 1.4; }
  @media (min-width: 768px) {
    .o-open-search-results {
      padding-left: 2rem; } }
  .o-open-search-results .o-searchresults__label {
    margin-bottom: 0.7rem; }
  .o-open-search-results .o-searchresults__link {
    color: #000;
    font-weight: 700;
    font-size: 1.6rem; }
  .o-open-search-results .o-searchresults__result {
    border-bottom: 1px solid #e8ebec;
    padding-bottom: 3rem; }

/* ------------------------------------ *\
		organisms.primary-nav
\* ------------------------------------ */
.o-primary-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .o-primary-nav__item {
    margin: 0 2rem 0 0; }
    .o-primary-nav__item:last-child {
      margin: 0; }
  .o-primary-nav__link {
    display: block;
    align-items: center;
    position: relative;
    padding: 2rem 0;
    text-decoration: none;
    letter-spacing: 0.02rem;
    white-space: nowrap; }
    .o-primary-nav__link:after {
      content: "";
      display: block;
      position: absolute;
      border-bottom-width: 0.6rem;
      border-bottom-style: solid;
      width: 100%;
      bottom: -0.2rem;
      transform-origin: center bottom;
      transform: scaleY(0);
      transition: transform 0.1s ease; }
      @media (prefers-reduced-motion: reduce) {
        .o-primary-nav__link:after {
          transition-duration: 0; } }
    .o-primary-nav__link:hover:after, .o-primary-nav__link:focus:after {
      transform: scaleY(1); }

/* ------------------------------------ *\
		organisms.rich-text
\* ------------------------------------ */
.o-rich-text {
  /**  umb_name:Normal */
  /**  umb_name:Overskrift 2 */
  /**  umb_name:Overskrift 3 */
  /**  umb_name:Overskrift 4 */
  margin-top: 2rem; }
  .o-rich-text p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0 0 2rem 0; }
    .o-rich-text p:last-child {
      margin-bottom: 0; }
  .o-rich-text h2 {
    font-family: interstate-condensed, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 0.7rem; }
  .o-rich-text h3 {
    font-size: 2.2rem;
    margin-bottom: 0.7rem;
    font-family: interstate-condensed, sans-serif;
    font-weight: 400; }
  .o-rich-text h4 {
    font-size: 1.8rem;
    margin-bottom: 0.7rem;
    font-family: interstate-condensed, sans-serif;
    font-weight: 400; }
  .o-rich-text a:not(.a-button):not(.a-link):not(.pika-button) {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: currentColor; }
    .o-rich-text a:not(.a-button):not(.a-link):not(.pika-button):focus {
      outline: 0.2rem solid #000000; }
    .o-rich-text a:not(.a-button):not(.a-link):not(.pika-button):hover, .o-rich-text a:not(.a-button):not(.a-link):not(.pika-button):focus {
      opacity: 0.5; }
  .o-rich-text .o-rich-text img {
    max-width: 100%;
    height: auto; }
  .o-rich-text ul,
  .o-rich-text ol {
    margin: 2.5rem 0;
    padding-left: 3rem; }
    @media (min-width: 768px) {
      .o-rich-text ul,
      .o-rich-text ol {
        padding-left: 4rem; } }
    @media (min-width: 960px) {
      .o-rich-text ul,
      .o-rich-text ol {
        padding-left: 6rem; } }
  .o-rich-text ul ul,
  .o-rich-text ol ol {
    margin-bottom: 0;
    margin-top: 0; }
  .o-rich-text ul li,
  .o-rich-text ol li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    margin-bottom: 0.7rem;
    padding-left: 0.7rem;
    margin-left: 0.7rem;
    list-style-position: outside; }
  .o-rich-text ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0; }
  .o-rich-text ol > li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em; }
  .o-rich-text li ol > li {
    margin: 0; }
  .o-rich-text ol > li::before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em; }
  .o-rich-text li ol > li:before {
    content: counters(item, ".") " "; }
  .o-rich-text li ol[style*="list-style-type: lower-alpha;"] > li:before {
    content: counters(item, ".", lower-alpha) " "; }
  .o-rich-text ol[style*="list-style-type: lower-alpha;"] > li::before {
    content: counters(item, ".", lower-alpha) ". ";
    display: table-cell;
    padding-right: 0.6em; }
  .o-rich-text li ol[style*="list-style-type: lower-roman;"] > li:before {
    content: counters(item, ".", lower-roman) " "; }
  .o-rich-text ol[style*="list-style-type: lower-roman;"] > li::before {
    content: counters(item, ".", lower-roman) ". ";
    display: table-cell;
    padding-right: 0.6em; }
  .o-rich-text li ol[style*="list-style-type: upper-alpha;"] > li:before {
    content: counters(item, ".", upper-alpha) " "; }
  .o-rich-text ol[style*="list-style-type: upper-alpha;"] > li::before {
    content: counters(item, ".", upper-alpha) ". ";
    display: table-cell;
    padding-right: 0.6em; }
  .o-rich-text li ol[style*="list-style-type: upper-roman;"] > li:before {
    content: counters(item, ".", upper-roman) " "; }
  .o-rich-text ol[style*="list-style-type: upper-roman;"] > li::before {
    content: counters(item, ".", upper-roman) ". ";
    display: table-cell;
    padding-right: 0.6em; }
  .o-rich-text ul ul li,
  .o-rich-text ol ol li {
    margin-bottom: 0; }
  .o-rich-text ol li h2,
  .o-rich-text ol li h3,
  .o-rich-text ol li h4,
  .o-rich-text ul li h2,
  .o-rich-text ul li h3,
  .o-rich-text ul li h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0;
    font-weight: 700; }
  .o-rich-text table {
    border-collapse: collapse;
    max-width: 100%;
    overflow-x: auto;
    display: block;
    margin: 4rem 0; }
  .o-rich-text table thead {
    background-color: #f3f5f5; }
  .o-rich-text table th {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    border: thin solid #e0e3e5;
    padding: 2rem;
    text-align: left;
    background-color: #f3f5f5; }
  .o-rich-text table tbody td {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    font-size: 1.4rem;
    border: thin solid #e0e3e5;
    padding: 2rem; }
  .o-rich-text table thead td {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    border: thin solid #e0e3e5;
    padding: 2rem;
    text-align: left;
    background-color: #f3f5f5; }
  .o-rich-text table tfoot td {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    font-size: 1.4rem;
    border: thin solid #e0e3e5;
    padding: 2rem; }
  .o-rich-text table td p {
    font-size: 1.4rem; }
  .o-rich-text--small a:not(.a-button):not(.a-link):not(.pika-button) {
    font-size: 1.4rem; }
  .o-rich-text--small p,
  .o-rich-text--small ul li,
  .o-rich-text--small ol li {
    font-size: 1.4rem; }
  @media print {
    .o-rich-text table {
      position: relative;
      -moz-column-break-inside: avoid;
           break-inside: avoid;
      page-break-inside: avoid; } }
  .o-rich-text img {
    max-width: 100%; }
  .o-rich-text > *:first-child {
    margin-top: 0; }
  .o-rich-text > *:last-child {
    margin-bottom: 0; }
  .o-rich-text.pinfo-container {
    margin-top: -1rem; }
    .o-rich-text.pinfo-container .headlinecontainer {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 2.5rem; }
    .o-rich-text.pinfo-container h1 {
      max-width: 100%;
      font-family: interstate-condensed, sans-serif !important;
      font-weight: 400 !important;
      font-size: 3.2rem !important;
      line-height: 1 !important;
      margin-bottom: 2.5rem; }
      @media (min-width: 960px) {
        .o-rich-text.pinfo-container h1 {
          font-size: 6.4rem !important; } }
    .o-rich-text.pinfo-container .img-grid {
      margin-block: 3rem; }
      .o-rich-text.pinfo-container .img-grid-row {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
        .o-rich-text.pinfo-container .img-grid-row p {
          margin: 0;
          font-size: 1.4rem; }
        .o-rich-text.pinfo-container .img-grid-row img {
          width: revert-layer;
          height: revert-layer; }
    .o-rich-text.pinfo-container .kontakttabel,
    .o-rich-text.pinfo-container .footertabel {
      border-block-width: 0.2rem;
      border-block-style: solid;
      border-color: var(--color-primary); }
      .o-rich-text.pinfo-container .kontakttabel td,
      .o-rich-text.pinfo-container .footertabel td {
        border: none;
        -webkit-padding-start: 0;
                padding-inline-start: 0; }
      .o-rich-text.pinfo-container .kontakttabel p,
      .o-rich-text.pinfo-container .footertabel p {
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.6rem; }
        .o-rich-text.pinfo-container .kontakttabel p.Kontaktboksoverskrift,
        .o-rich-text.pinfo-container .footertabel p.Kontaktboksoverskrift {
          font-weight: 700 !important;
          margin-bottom: 0.7rem !important; }
    .o-rich-text.pinfo-container .footertabel p {
      display: flex;
      gap: 0.5rem; }
    .o-rich-text.pinfo-container .faktabokstabel {
      --_color-primary: #66757e;
      --_color-secondary: #66757e;
      --_opacity: 0.2; }
      .o-rich-text.pinfo-container .faktabokstabel tr {
        position: relative; }
        .o-rich-text.pinfo-container .faktabokstabel tr::before {
          content: "";
          position: absolute;
          inset: 0;
          background-color: var(--_color-primary);
          z-index: -1;
          opacity: var(--_opacity); }
        .o-rich-text.pinfo-container .faktabokstabel tr:first-of-type {
          --_opacity: 1; }
          .o-rich-text.pinfo-container .faktabokstabel tr:first-of-type::before {
            border-radius: 0.6rem 0.6rem 0 0; }
      .o-rich-text.pinfo-container .faktabokstabel td {
        border: none;
        padding: 0; }
      .o-rich-text.pinfo-container .faktabokstabel .Fakta {
        color: white;
        font-family: interstate-condensed, sans-serif;
        font-size: 2.8rem;
        font-weight: 400;
        padding: 1rem 2rem; }
      .o-rich-text.pinfo-container .faktabokstabel .Faktatekst {
        color: black;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        padding: 1rem 2rem 3rem; }
    .o-rich-text.pinfo-container ul,
    .o-rich-text.pinfo-container ol {
      margin-block: 0.5rem 2.5rem; }
    .o-rich-text.pinfo-container ol {
      -webkit-padding-start: 3.7rem;
              padding-inline-start: 3.7rem; }
    .o-rich-text.pinfo-container p:has(+ :is(ul, ol)) {
      -webkit-margin-after: 1rem;
              margin-block-end: 1rem; }

.o-rich-text__toc {
  margin-bottom: 4rem;
  margin-top: 0.7rem; }
  @media (min-width: 960px) {
    .o-rich-text__toc {
      float: right;
      margin-bottom: 2rem;
      margin-left: 2rem;
      padding-left: 2rem;
      border-left: 0.2rem solid #e0e3e5;
      width: 25rem; } }

/* ------------------------------------ *\
		organisms.searchresults
\* ------------------------------------ */
.o-searchresults__search {
  padding: 2rem 0; }

.o-searchresults__link {
  font-size: 1.8rem;
  display: block;
  margin-bottom: .5rem; }

.o-searchresults__link:hover, .o-searchresults__link:focus {
  opacity: .5; }

.o-searchresults__pagination {
  display: flex;
  justify-content: center; }

.o-searchresults__text {
  opacity: .7; }

/* ------------------------------------ *\
		organisms.service-nav
\* ------------------------------------ */
.o-service-nav {
  color: #757575;
  display: flex;
  align-items: center; }
  @media (min-width: 960px) {
    .o-service-nav {
      justify-content: flex-end; } }
  .o-service-nav .a-link:hover, .o-service-nav .pika-button:hover,
  .o-service-nav .a-select:hover, .o-service-nav__print:hover,
  .o-service-nav .a-link:focus,
  .o-service-nav .pika-button:focus,
  .o-service-nav .a-select:focus, .o-service-nav__print:focus {
    color: #000000; }
  .o-service-nav__menu {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-right: 2.5rem;
    height: 3rem;
    flex-direction: row;
    align-items: center; }
    @media (min-width: 960px) {
      .o-service-nav__menu {
        border-right: thin solid #e0e3e5; } }
  .o-service-nav__link {
    text-decoration: none;
    white-space: nowrap; }
  .o-service-nav__item {
    margin: 0 2.5rem 0 0; }
    .o-service-nav__item:last-child {
      margin: 0; }
  .o-service-nav__print {
    margin: 0 2.5rem; }
  .o-service-nav__lang {
    width: auto; }
    @media (max-width: 959px) {
      .o-service-nav__lang:before {
        content: "";
        display: block;
        position: absolute;
        right: -8rem;
        width: 8rem;
        height: .1rem; } }

/* ------------------------------------ *\
		organisms.slider
\* ------------------------------------ */
.m-campaign-slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }
  .m-campaign-slider__header {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .m-campaign-slider__header h2 {
      font-family: var(--font-family--secondary);
      font-size: 2.8rem;
      font-weight: 400; }
    .m-campaign-slider__header .m-campaign-slider__controls {
      display: none; }
      .m-campaign-slider__header .m-campaign-slider__controls__prev, .m-campaign-slider__header .m-campaign-slider__controls__next {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        height: 4rem;
        width: 4rem;
        border-radius: 50%;
        background-color: var(--color-primary--100);
        transition: opacity 0.2s, background-color 0.2s; }
        @media (prefers-reduced-motion: reduce) {
          .m-campaign-slider__header .m-campaign-slider__controls__prev, .m-campaign-slider__header .m-campaign-slider__controls__next {
            transition-duration: 0; } }
        .m-campaign-slider__header .m-campaign-slider__controls__prev:focus, .m-campaign-slider__header .m-campaign-slider__controls__next:focus {
          outline: 0.2rem solid #000000; }
        .m-campaign-slider__header .m-campaign-slider__controls__prev[aria-disabled="true"], .m-campaign-slider__header .m-campaign-slider__controls__next[aria-disabled="true"] {
          cursor: not-allowed;
          opacity: 0.3;
          background-color: var(--color-primary--100); }
      .m-campaign-slider__header .m-campaign-slider__controls__prev .svg {
        transform: rotate(180deg); }
      @media (min-width: 960px) {
        .m-campaign-slider__header .m-campaign-slider__controls {
          display: inline-flex;
          gap: 2rem; } }
    @media (min-width: 960px) {
      .m-campaign-slider__header {
        padding-right: 2.4rem; } }
  .m-campaign-slider__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box; }
    .m-campaign-slider__wrapper__slide {
      flex-shrink: 0;
      width: 100%;
      position: relative; }
      .m-campaign-slider__wrapper__slide:nth-child(3n + 1) {
        width: calc(30% - 2.4rem); }
        .m-campaign-slider__wrapper__slide:nth-child(3n + 1) .card__image-wrapper {
          aspect-ratio: 408/560; }
      .m-campaign-slider__wrapper__slide:nth-child(3n + 2) {
        width: calc(20% - 2.4rem); }
        .m-campaign-slider__wrapper__slide:nth-child(3n + 2) .card__image-wrapper {
          aspect-ratio: 300/420; }
      .m-campaign-slider__wrapper__slide:nth-child(3n + 3) {
        width: calc(50% - 2.4rem); }
        .m-campaign-slider__wrapper__slide:nth-child(3n + 3) .card__image-wrapper {
          aspect-ratio: 516/500; }

.card__content {
  padding: 0 2rem 0 0; }

.card__image-wrapper {
  border-radius: 0.8rem;
  margin-bottom: 3.2rem;
  overflow: hidden;
  position: relative; }

.card .card__image {
  display: block;
  height: 100%;
  width: 100%;
  border: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

.card__title h3 {
  color: #000000;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  font-family: var(--font-family--secondary); }

.card__description {
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-family: var(--font-family--primary);
  font-weight: 400;
  line-height: 2.2rem;
  color: #000000; }

.card__link-wrapper {
  margin-top: 2rem; }
  .card__link-wrapper .link {
    font-family: var(--font-family--primary);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: block;
    color: var(--color-primary--100);
    text-decoration: none; }

/* ------------------------------------ *\
		organisms.video
\* ------------------------------------ */
.o-video {
  width: 100%; }

.o-video__heading {
  margin-bottom: 2rem;
  font-family: interstate-condensed, sans-serif;
  font-size: 2.8rem;
  font-weight: 400; }

.o-video__disclaimer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: auto;
  height: auto;
  padding: 3rem;
  background-color: #ffffff;
  color: #000000; }

/* ------------------------------------ *\
		habitats.article
\* ------------------------------------ */
.h-article__main > *:first-child {
  margin-top: 0; }

.h-article__main > *:last-child {
  margin-bottom: 0; }

/* ------------------------------------ *\
		habitats.footer
\* ------------------------------------ */
.h-footer {
  color: #000000;
  margin-top: 4rem; }
  @media print {
    .h-footer {
      page-break-inside: avoid; } }
  @media (min-width: 768px) {
    .h-footer {
      margin-top: 6rem; } }
  @media (min-width: 960px) {
    .h-footer {
      margin-top: 8rem; } }
  .h-footer__wrapper {
    padding: 6rem 0; }
  .h-footer:before {
    content: "";
    display: block;
    width: 100%;
    border-top-width: 0.4rem;
    border-top-style: solid;
    margin-bottom: 1.3rem; }
    @media (min-width: 768px) {
      .h-footer:before {
        margin-bottom: 2rem; } }
    @media (min-width: 960px) {
      .h-footer:before {
        margin-bottom: 3rem; } }
  .h-footer__logo {
    max-width: 25rem;
    display: block;
    color: #000000;
    margin-top: 0.35rem; }
    .h-footer__logo:focus {
      outline: 0.2rem solid #000000; }
  .h-footer__divider {
    border-color: transparent;
    border-top: 1px solid #d9ddde; }
  .h-footer__grid-cell-placeholder {
    display: none; }
    @media (min-width: 768px) {
      .h-footer__grid-cell-placeholder {
        display: block; } }
  .h-footer__bottom-links-container {
    margin-top: 2rem;
    margin-bottom: 3rem; }
    @media (min-width: 960px) {
      .h-footer__bottom-links-container.u-grid__cell--width-3\@sm {
        width: 100%;
        max-width: 100%; } }
  @media (min-width: 768px) {
    .h-footer__bottom-links-container, .h-footer__grid-cell-placeholder {
      margin-top: 2rem;
      margin-bottom: 1.3rem; } }
  @media (min-width: 768px) {
    .h-footer__link-list {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 2rem 2.5rem; } }
  .h-footer__link-list .m-nav-list__item {
    margin: 0; }
  .h-footer__link-list .a-link:hover, .h-footer__link-list .pika-button:hover,
  .h-footer__link-list .a-link:focus,
  .h-footer__link-list .pika-button:focus {
    opacity: 0.5; }
  .h-footer .o-rich-text ul,
  .h-footer .o-rich-text ol {
    list-style: none;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0; }
    .h-footer .o-rich-text ul li,
    .h-footer .o-rich-text ol li {
      margin-left: 0;
      padding-left: 0; }

.h-header-campaign {
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 1000; }
  .h-header-campaign.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; }
    .h-header-campaign.sticky .u-container--lg {
      max-width: 2048px;
      padding-inline: 0; }
      @media (min-width: 768px) {
        .h-header-campaign.sticky .u-container--lg {
          padding-inline: 2rem; } }
  .h-header-campaign .u-container--lg {
    transition: max-width 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .h-header-campaign .u-container--lg {
        transition-duration: 0; } }

.navigation {
  --_gap: clamp(2rem, 0.718rem + 3.205vw, 4rem);
  display: flex;
  gap: var(--_gap);
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-primary--100);
  width: 100%;
  border-radius: 8px 8px 8px 8px;
  padding: 10px 20px;
  position: relative;
  z-index: 100; }
  @media (min-width: 960px) {
    .navigation {
      padding: 20px 32px; } }
  .navigation__logo-wrapper {
    scale: 1;
    transition: scale 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .navigation__logo-wrapper {
        transition-duration: 0; } }
  .sticky .navigation {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 6px 0px #00000085;
    padding: 10px 20px; }
    @media (min-width: 960px) {
      .sticky .navigation {
        padding: 0px 32px; } }
    .sticky .navigation__logo-wrapper {
      transform-origin: left; }
      @media (min-width: 960px) {
        .sticky .navigation__logo-wrapper {
          scale: 0.7; } }
    .sticky .navigation .navigation__toggle {
      transform-origin: right;
      padding-block: 1rem; }
    .u-overflow--hidden-stable .sticky .navigation {
      box-shadow: none; }
  .navigation__logo-wrapper {
    flex: 0 1 600px;
    display: flex;
    gap: var(--_gap);
    align-items: center; }
    .navigation__logo-wrapper__svg-wrapper {
      color: currentColor;
      height: 50px;
      width: auto; }
      @media (min-width: 960px) {
        .navigation__logo-wrapper__svg-wrapper {
          height: 70px;
          width: auto; } }
      .navigation__logo-wrapper__svg-wrapper a {
        display: block;
        height: 100%;
        width: 100%;
        color: currentColor; }
        .navigation__logo-wrapper__svg-wrapper a svg {
          width: 100%;
          height: 100%;
          color: currentColor; }
    .navigation__logo-wrapper__text-wrapper {
      display: flex;
      flex-direction: column; }
    .navigation__logo-wrapper__title {
      font-family: var(--font-family--secondary);
      font-size: 2rem;
      font-weight: 500;
      line-height: 1.2;
      color: var(--color-white); }
      @media (min-width: 960px) {
        .navigation__logo-wrapper__title {
          font-size: 2.4rem; } }
    .navigation__logo-wrapper__subtitle {
      font-family: var(--font-family--secondary);
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 1.2;
      color: var(--color-white); }
  @media (max-width: 959px) {
    .navigation__toggle-label {
      position: absolute;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px 1px 1px 1px);
      /* IE6, IE7 */
      clip: rect(1px, 1px, 1px, 1px);
      white-space: nowrap;
      /* added line */ } }
  .navigation__toggle-button {
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family--primary);
    line-height: 1; }
    .navigation__toggle-button svg {
      height: 44px;
      width: 44px; }

.overlay {
  height: 100vh;
  width: 100%;
  background-color: var(--color-primary--100);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
  transform: translateY(-100%); }
  @media (prefers-reduced-motion: reduce) {
    .overlay {
      transition-duration: 0; } }
  .overlay .u-container--md {
    height: 100%; }
  .overlay.overlay--is-open {
    transform: translateY(0%);
    opacity: 1;
    pointer-events: auto; }

.overlay__navigation__menu {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .overlay__navigation__menu__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    overflow: hidden; }
    .overlay__navigation__menu__list__list-item {
      text-align: left;
      flex: 0 0 100%;
      align-items: center;
      justify-content: center;
      margin-bottom: 40px; }
      .overlay__navigation__menu__list__list-item:last-child {
        margin-bottom: 0; }
      .overlay__navigation__menu__list__list-item__link {
        color: #fff;
        display: inline-flex;
        text-decoration: none;
        font-size: 2.2rem;
        font-weight: 400;
        line-height: 1;
        font-family: var(--font-family--secondary);
        opacity: 0.8;
        transition: opacity 300ms ease-out; }
        @media (prefers-reduced-motion: reduce) {
          .overlay__navigation__menu__list__list-item__link {
            transition-duration: 0; } }
        @media (min-width: 960px) {
          .overlay__navigation__menu__list__list-item__link {
            font-size: 3rem; } }
        .overlay__navigation__menu__list__list-item__link:hover, .overlay__navigation__menu__list__list-item__link:focus {
          opacity: 1;
          text-decoration: underline; }
        .overlay__navigation__menu__list__list-item__link__btn {
          margin-left: 14px;
          background-color: #fff;
          border: none;
          cursor: pointer;
          height: 28px;
          width: 28px;
          border-radius: 50%;
          display: inline-flex; }
  .overlay__navigation__menu .sub-menu {
    display: none;
    margin-top: 0;
    margin-bottom: 0; }
    .overlay__navigation__menu .sub-menu .sub-menu__nav__list {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      row-gap: 10px; }
      .overlay__navigation__menu .sub-menu .sub-menu__nav__list__item {
        display: flex;
        align-items: center; }
        .overlay__navigation__menu .sub-menu .sub-menu__nav__list__item:before {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 10px;
          width: 10px;
          content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10"><path d="M7.26855 5.26855L3.93066 9.71875L2.73144 8.81836L5.39355 5.26855L2.73145 1.71875L3.93066 0.818359L7.26855 5.26855Z" fill="white"/></svg>');
          margin-right: 10px; }
        .overlay__navigation__menu .sub-menu .sub-menu__nav__list__item__link {
          text-decoration: none;
          color: #fff;
          display: block;
          font-size: 16px;
          font-weight: 400;
          font-family: var(--font-family--secondary);
          line-height: 24px;
          transition: color 300ms ease-out;
          opacity: 0.8;
          transition: opacity 300ms ease-out; }
          @media (prefers-reduced-motion: reduce) {
            .overlay__navigation__menu .sub-menu .sub-menu__nav__list__item__link {
              transition-duration: 0; } }
          @media (prefers-reduced-motion: reduce) {
            .overlay__navigation__menu .sub-menu .sub-menu__nav__list__item__link {
              transition-duration: 0; } }
          .overlay__navigation__menu .sub-menu .sub-menu__nav__list__item__link:hover, .overlay__navigation__menu .sub-menu .sub-menu__nav__list__item__link:focus {
            opacity: 1;
            text-decoration: underline; }
          @media (min-width: 960px) {
            .overlay__navigation__menu .sub-menu .sub-menu__nav__list__item__link {
              font-size: 18px; } }
    .overlay__navigation__menu .sub-menu.is-open {
      display: block; }

.navigation__toggle-button .icon-close {
  display: none; }

.navigation__toggle-button.is-active .icon-burger {
  display: none; }

.navigation__toggle-button.is-active .icon-close {
  display: inline; }

.nav__item {
  width: 100%;
  margin-bottom: 40px; }
  .nav__item .x {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px; }
  .nav__item:last-child {
    margin-bottom: 0; }

.nav__item__link {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  opacity: 0.8;
  transition: opacity 250ms ease-in-out;
  cursor: pointer; }
  @media (prefers-reduced-motion: reduce) {
    .nav__item__link {
      transition-duration: 0; } }
  .nav__item__link:hover, .nav__item__link:focus {
    opacity: 1;
    text-decoration: underline; }
  @media (min-width: 960px) {
    .nav__item__link {
      font-size: 30px; } }

.nav__toggle {
  padding: 4px;
  display: block;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.8;
  transition: opacity 250ms ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .nav__toggle {
      transition-duration: 0; } }
  .nav__toggle:hover, .nav__toggle:focus {
    opacity: 1; }

.nav__icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .nav__icon span {
    height: 100%;
    width: 100%;
    color: #1d7d45; }
    .nav__icon span svg {
      fill: currentColor; }

.nav__panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 250ms ease-in-out;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @media (prefers-reduced-motion: reduce) {
    .nav__panel {
      transition-duration: 0; } }
  .nav__panel .nav__panel__list {
    margin: 0;
    margin-top: 16px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 10px; }
    .nav__panel .nav__panel__list__item__link {
      text-decoration: none;
      color: #fff;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      opacity: 0.8;
      transition: opacity 300ms ease-in-out;
      display: flex;
      align-items: center; }
      @media (prefers-reduced-motion: reduce) {
        .nav__panel .nav__panel__list__item__link {
          transition-duration: 0; } }
      .nav__panel .nav__panel__list__item__link:before {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 10px;
        width: 10px;
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10"><path d="M7.26855 5.26855L3.93066 9.71875L2.73144 8.81836L5.39355 5.26855L2.73145 1.71875L3.93066 0.818359L7.26855 5.26855Z" fill="white"/></svg>');
        margin-right: 10px; }
      .nav__panel .nav__panel__list__item__link:hover, .nav__panel .nav__panel__list__item__link:focus {
        opacity: 1;
        text-decoration: underline; }
      @media (min-width: 960px) {
        .nav__panel .nav__panel__list__item__link {
          font-size: 18px; } }

/* ------------------------------------ *\
		habitats.header
\* ------------------------------------ */
.h-header {
  position: relative;
  z-index: 700;
  border-bottom-width: 0.4rem;
  border-bottom-style: solid; }

.h-header__logo {
  width: 100%;
  position: relative;
  margin-top: 0.35rem;
  max-width: 34rem; }
  @media (min-width: 960px) {
    .h-header__logo {
      margin-top: 0.7rem; } }

.h-header__wrapper {
  padding-top: 2rem; }

.h-header__top {
  min-height: 8rem; }
  @media (min-width: 768px) {
    .h-header__top {
      min-height: 10rem; } }

.h-header__logo-link {
  display: block;
  height: 100%;
  color: #000000; }
  .h-header__logo-link:focus {
    outline: 0.2rem solid #000000; }

.h-header__mobile-menu-toggle {
  z-index: 2; }

body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  color: var(--color-secondary);
  border-bottom-color: var(--color-secondary); }

body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:focus {
  color: var(--color-primary); }

body #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--color-secondary); }

body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary); }

body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span,
body #CybotCookiebotDialog :focus-visible {
  outline-color: var(--color-primary); }

body #CybotCookiebotDialogPoweredbyLink {
  background-image: var(--asset-logo);
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px; }

body #CybotCookiebotDialogPoweredbyImage {
  display: none; }

body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--color-secondary); }

body #CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--color-secondary); }

body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: var(--color-primary); }

body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: var(--color-secondary);
  border-color: var(--color-primary); }

@media print {
  body #CookiebotWidget,
  body #CybotCookiebotDialog {
    display: none; } }

/* ------------------------------------ *\
		overrides.coi
\* ------------------------------------ */
/*
* This overrides cookie information banner z-index
* so that is do not cover mobile navigation
*/
#Coi-Renew {
  z-index: 500 !important; }
  @media print {
    #Coi-Renew {
      display: none !important; } }

/*! purgecss end ignore */
/* ------------------------------------ *\
		utilities.box-shadow
\* ------------------------------------ */
.u-border-bottom--sm {
  border-bottom: 0.2rem solid #e0e3e5; }

/* ------------------------------------ *\
		utilities.box-shadow
\* ------------------------------------ */
.u-box-shadow--md {
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2); }

.u-box-shadow--sm {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); }

/* ------------------------------------ *\
		utilities.color
\* ------------------------------------ */
.u-bg-color--grey {
  background-color: #e8ebec; }
  @media print {
    .u-bg-color--grey {
      background-color: transparent; } }

.u-color--white {
  color: #ffffff; }

/* ------------------------------------ *\
		utilities.container
\* ------------------------------------ */
.u-container--fluid, .u-container--sm, .u-container--md, .u-container--lg {
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem; }

.u-container--sm {
  max-width: 60rem; }

.u-container--md {
  max-width: 90rem; }

.u-container--lg {
  max-width: 124rem; }

.u-container-spacing--sm {
  margin-top: 1.3rem;
  margin-bottom: 1.3rem; }
  @media (min-width: 768px) {
    .u-container-spacing--sm {
      margin-bottom: 2rem;
      margin-top: 2rem; } }
  @media (min-width: 960px) {
    .u-container-spacing--sm {
      margin-bottom: 3rem;
      margin-top: 3rem; } }

.u-container-spacing--md {
  margin-bottom: 3rem;
  margin-top: 3rem; }

.u-container-spacing--lg {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.u-container-spacing--xl {
  margin-top: 4rem;
  margin-bottom: 4rem; }
  @media (min-width: 768px) {
    .u-container-spacing--xl {
      margin-bottom: 6rem;
      margin-top: 6rem; } }
  @media (min-width: 960px) {
    .u-container-spacing--xl {
      margin-bottom: 8rem;
      margin-top: 8rem; } }

.u-clearfix {
  clear: both;
  font-size: 1px; }

/* ------------------------------------ *\
		utilities.grid
\* ------------------------------------ */
/*! purgecss start ignore */
.fade-enter {
  opacity: 0; }

.fade-enter-active {
  opacity: 1; }

.fade-exit {
  opacity: 1; }

.fade-exit-active {
  opacity: 0; }

.fade-enter-active,
.fade-exit-active {
  transition: opacity 0.2s; }
  @media (prefers-reduced-motion: reduce) {
    .fade-enter-active,
    .fade-exit-active {
      transition-duration: 0; } }

/*! purgecss end ignore */
/* ------------------------------------ *\
		utilities.grid
\* ------------------------------------ */
/* Example use:

1. Basic grid with automatic cell-widths
(great for flexible grids with equal-width children)

<div class="u-grid">
	<div class="u-grid__cell">
		<!-- foo -->
	</div>
	<div class="u-grid__cell">
		<!-- foo -->
	</div>
</div>


2. Traditional, fixed-width grid with responsive values

 - .u-container: wrapper with max-width for content (.u-grid doesn't depend on this)
 - .u-grid--wrap: allows cells to wrap, when their total width exceeds 100
 - .u-grid__cell--width-X: sets width to X%
 - .u-grid__cell--width-X@Y: sets width to X% from min-width Y breakpoint

<section class="u-container">
	<div class="u-grid u-grid--wrap">
		<div class="u-grid__cell u-grid__cell--width-100 u-grid__cell--width-66@md">
			<!-- foo -->
		</div>
		<div class="u-grid__cell u-grid__cell--width-100 u-grid__cell--width-33@md">
			<!-- foo -->
		</div>
	</div>
</section>

*/
.u-grid {
  display: flex; }
  .u-grid--right {
    justify-content: flex-end; }
  .u-grid--left {
    justify-content: flex-start; }
  .u-grid--justify {
    justify-content: space-between; }
  .u-grid--justify-center {
    justify-content: center; }
  .u-grid--wrap {
    flex-wrap: wrap; }
  .u-grid--top {
    align-items: flex-start; }
  .u-grid--center {
    align-items: center; }
  .u-grid--bottom {
    align-items: flex-end; }
  .u-grid--container {
    margin-right: -1rem;
    margin-left: -1rem; }
  .u-grid--container.u-grid--lg {
    margin-right: -2rem;
    margin-left: -2rem; }
  .u-grid--container.u-grid--lg-flex-auto {
    margin-right: -2rem;
    margin-left: -2rem; }
  .u-grid--full {
    flex-wrap: wrap; }
    .u-grid--full > .u-grid__cell {
      flex: 0 0 100%;
      max-width: 100%;
      margin-left: 0; }
  .u-grid--no-gutter > .u-grid__cell {
    padding-right: 0.001em;
    padding-left: 0.001em; }
  .u-grid--row-gap {
    margin-bottom: -2rem; }
    .u-grid--row-gap > .u-grid__cell {
      padding-bottom: 2rem; }
  .u-grid--lg > .u-grid__cell {
    flex: 1;
    padding-left: 2rem;
    padding-right: 2rem; }
  .u-grid--row-gap-lg {
    margin-bottom: -3rem; }
    @media (min-width: 768px) {
      .u-grid--row-gap-lg {
        margin-bottom: -6rem; } }
    .u-grid--row-gap-lg > .u-grid__cell {
      padding-bottom: 3rem; }
      @media (min-width: 768px) {
        .u-grid--row-gap-lg > .u-grid__cell {
          padding-bottom: 6rem; } }
  .u-grid--space-between {
    justify-content: space-between; }
    .u-grid--space-between > .u-grid__cell {
      flex-basis: auto;
      flex-grow: 0; }
  .u-grid--stretch {
    align-items: stretch; }
  .u-grid__cell {
    flex: 1;
    padding-left: 1rem;
    padding-right: 1rem; }
    .u-grid__cell--width-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .u-grid__cell--width-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .u-grid__cell--width-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .u-grid__cell--width-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .u-grid__cell--width-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .u-grid__cell--width-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .u-grid__cell--width-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .u-grid__cell--width-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .u-grid__cell--width-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .u-grid__cell--width-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .u-grid__cell--width-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .u-grid__cell--width-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .u-grid__cell--top {
      align-self: flex-start; }
    .u-grid__cell--center {
      align-self: center; }
    .u-grid__cell--bottom {
      align-self: flex-end; }
    .u-grid__cell--no-gutter {
      padding-right: 0.001em;
      padding-left: 0.001em; }
    .u-grid__cell--hidden {
      display: none; }
    .u-grid__cell--visible {
      display: initial; }
    .u-grid__cell--padding {
      padding-left: 4rem;
      padding-right: 4rem; }
      @media (min-width: 768px) {
        .u-grid__cell--padding\@sm {
          padding-left: 4rem;
          padding-right: 4rem; } }
      @media (min-width: 960px) {
        .u-grid__cell--padding\@md {
          padding-left: 4rem;
          padding-right: 4rem; } }

@media (min-width: 768px) {
  .u-grid__cell--width-1\@sm {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .u-grid__cell--width-2\@sm {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .u-grid__cell--width-3\@sm {
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%; }
  .u-grid__cell--width-4\@sm {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .u-grid__cell--width-5\@sm {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .u-grid__cell--width-6\@sm {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%; }
  .u-grid__cell--width-7\@sm {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .u-grid__cell--width-8\@sm {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .u-grid__cell--width-9\@sm {
    flex: 0 0 75%;
    max-width: 75%;
    width: 75%; }
  .u-grid__cell--width-10\@sm {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .u-grid__cell--width-11\@sm {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .u-grid__cell--width-12\@sm {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; }
  .u-grid__cell--grow\@sm {
    max-width: none;
    width: auto;
    flex-grow: 1; }
  .u-grid__cell--hidden\@sm {
    display: none; } }

@media (min-width: 960px) {
  .u-grid__cell--width-1\@md {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .u-grid__cell--width-2\@md {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .u-grid__cell--width-3\@md {
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%; }
  .u-grid__cell--width-4\@md {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .u-grid__cell--width-5\@md {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .u-grid__cell--width-6\@md {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%; }
  .u-grid__cell--width-7\@md {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .u-grid__cell--width-8\@md {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .u-grid__cell--width-9\@md {
    flex: 0 0 75%;
    max-width: 75%;
    width: 75%; }
  .u-grid__cell--width-10\@md {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .u-grid__cell--width-11\@md {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .u-grid__cell--width-12\@md {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; }
  .u-grid__cell--grow\@md {
    max-width: none;
    width: auto;
    flex-grow: 1; }
  .u-grid__cell--hidden\@md {
    display: none; } }

.u-grid__cell--flex {
  display: flex; }

/* ------------------------------------ *\
		utilities.position
\* ------------------------------------ */
.u-absolute-stretch {
  position: absolute;
  width: 100%;
  height: 100%; }

.u-absolute-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0); }

/* ------------------------------------ *\
		utilities.grid
\* ------------------------------------ */
@media print {
  .u-print-avoid-break {
    position: relative;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid; } }

@media print {
  .u-print-break-before {
    position: relative;
    -moz-column-break-before: always;
         break-before: always;
    page-break-before: always; } }

@media print {
  .u-hidden-print {
    display: none !important; } }

/* ------------------------------------ *\
		utilities.size
\* ------------------------------------ */
.u-aspect-ratio-16-9 {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  padding-top: 56.25%; }
  .u-aspect-ratio-16-9 > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

.u-aspect-ratio-16-10 {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  padding-top: 62.5%; }
  .u-aspect-ratio-16-10 > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

.u-aspect-ratio-16-7 {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  padding-top: 43.75%; }
  .u-aspect-ratio-16-7 > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

.u-aspect-ratio-2-1 {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  padding-top: 50%; }
  .u-aspect-ratio-2-1 > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

.u-aspect-ratio-3-4 {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  padding-top: 133.33333%; }
  .u-aspect-ratio-3-4 > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

.u-max-width-60rem {
  max-width: 60rem; }

.u-min-height-46rem {
  height: 1px;
  min-height: 46rem; }

.u-max-width--100 {
  max-width: 100%; }

/* ------------------------------------ *\
		utilities.spacing
\* ------------------------------------ */
.u-padding--none {
  padding: 0; }

.u-margin-bottom--none {
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .u-margin-bottom--none\@sm {
      margin-bottom: 0; } }

.u-padding-bottom--none {
  padding-bottom: 0; }

.u-margin-top--none {
  margin-top: 0; }

.u-padding-top--none {
  padding-top: 0; }

.u-padding-left--none {
  padding-left: 0; }

.u-margin-left--none {
  margin-left: 0; }

.u-padding-right--none {
  padding-right: 0; }

.u-margin-right--none {
  margin-right: 0; }

.u-padding--grid-gutter {
  padding: 2rem; }

.u-margin-bottom--grid-gutter {
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--grid-gutter\@sm {
      margin-bottom: 2rem; } }

.u-padding-bottom--grid-gutter {
  padding-bottom: 2rem; }

.u-margin-top--grid-gutter {
  margin-top: 2rem; }

.u-padding-top--grid-gutter {
  padding-top: 2rem; }

.u-padding-left--grid-gutter {
  padding-left: 2rem; }

.u-margin-left--grid-gutter {
  margin-left: 2rem; }

.u-padding-right--grid-gutter {
  padding-right: 2rem; }

.u-margin-right--grid-gutter {
  margin-right: 2rem; }

.u-padding--2xs {
  padding: 0.7rem; }

.u-margin-bottom--2xs {
  margin-bottom: 0.7rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--2xs\@sm {
      margin-bottom: 0.7rem; } }

.u-padding-bottom--2xs {
  padding-bottom: 0.7rem; }

.u-margin-top--2xs {
  margin-top: 0.7rem; }

.u-padding-top--2xs {
  padding-top: 0.7rem; }

.u-padding-left--2xs {
  padding-left: 0.7rem; }

.u-margin-left--2xs {
  margin-left: 0.7rem; }

.u-padding-right--2xs {
  padding-right: 0.7rem; }

.u-margin-right--2xs {
  margin-right: 0.7rem; }

.u-padding--xs {
  padding: 1.3rem; }

.u-margin-bottom--xs {
  margin-bottom: 1.3rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--xs\@sm {
      margin-bottom: 1.3rem; } }

.u-padding-bottom--xs {
  padding-bottom: 1.3rem; }

.u-margin-top--xs {
  margin-top: 1.3rem; }

.u-padding-top--xs {
  padding-top: 1.3rem; }

.u-padding-left--xs {
  padding-left: 1.3rem; }

.u-margin-left--xs {
  margin-left: 1.3rem; }

.u-padding-right--xs {
  padding-right: 1.3rem; }

.u-margin-right--xs {
  margin-right: 1.3rem; }

.u-padding--sm {
  padding: 2rem; }

.u-margin-bottom--sm {
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--sm\@sm {
      margin-bottom: 2rem; } }

.u-padding-bottom--sm {
  padding-bottom: 2rem; }

.u-margin-top--sm {
  margin-top: 2rem; }

.u-padding-top--sm {
  padding-top: 2rem; }

.u-padding-left--sm {
  padding-left: 2rem; }

.u-margin-left--sm {
  margin-left: 2rem; }

.u-padding-right--sm {
  padding-right: 2rem; }

.u-margin-right--sm {
  margin-right: 2rem; }

.u-padding--md {
  padding: 2.5rem; }

.u-margin-bottom--md {
  margin-bottom: 2.5rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--md\@sm {
      margin-bottom: 2.5rem; } }

.u-padding-bottom--md {
  padding-bottom: 2.5rem; }

.u-margin-top--md {
  margin-top: 2.5rem; }

.u-padding-top--md {
  padding-top: 2.5rem; }

.u-padding-left--md {
  padding-left: 2.5rem; }

.u-margin-left--md {
  margin-left: 2.5rem; }

.u-padding-right--md {
  padding-right: 2.5rem; }

.u-margin-right--md {
  margin-right: 2.5rem; }

.u-padding--lg {
  padding: 3rem; }

.u-margin-bottom--lg {
  margin-bottom: 3rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--lg\@sm {
      margin-bottom: 3rem; } }

.u-padding-bottom--lg {
  padding-bottom: 3rem; }

.u-margin-top--lg {
  margin-top: 3rem; }

.u-padding-top--lg {
  padding-top: 3rem; }

.u-padding-left--lg {
  padding-left: 3rem; }

.u-margin-left--lg {
  margin-left: 3rem; }

.u-padding-right--lg {
  padding-right: 3rem; }

.u-margin-right--lg {
  margin-right: 3rem; }

.u-padding--xl {
  padding: 4rem; }

.u-margin-bottom--xl {
  margin-bottom: 4rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--xl\@sm {
      margin-bottom: 4rem; } }

.u-padding-bottom--xl {
  padding-bottom: 4rem; }

.u-margin-top--xl {
  margin-top: 4rem; }

.u-padding-top--xl {
  padding-top: 4rem; }

.u-padding-left--xl {
  padding-left: 4rem; }

.u-margin-left--xl {
  margin-left: 4rem; }

.u-padding-right--xl {
  padding-right: 4rem; }

.u-margin-right--xl {
  margin-right: 4rem; }

.u-padding--2xl {
  padding: 6rem; }

.u-margin-bottom--2xl {
  margin-bottom: 6rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--2xl\@sm {
      margin-bottom: 6rem; } }

.u-padding-bottom--2xl {
  padding-bottom: 6rem; }

.u-margin-top--2xl {
  margin-top: 6rem; }

.u-padding-top--2xl {
  padding-top: 6rem; }

.u-padding-left--2xl {
  padding-left: 6rem; }

.u-margin-left--2xl {
  margin-left: 6rem; }

.u-padding-right--2xl {
  padding-right: 6rem; }

.u-margin-right--2xl {
  margin-right: 6rem; }

.u-padding--3xl {
  padding: 8rem; }

.u-margin-bottom--3xl {
  margin-bottom: 8rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--3xl\@sm {
      margin-bottom: 8rem; } }

.u-padding-bottom--3xl {
  padding-bottom: 8rem; }

.u-margin-top--3xl {
  margin-top: 8rem; }

.u-padding-top--3xl {
  padding-top: 8rem; }

.u-padding-left--3xl {
  padding-left: 8rem; }

.u-margin-left--3xl {
  margin-left: 8rem; }

.u-padding-right--3xl {
  padding-right: 8rem; }

.u-margin-right--3xl {
  margin-right: 8rem; }

.u-padding--4xl {
  padding: 12rem; }

.u-margin-bottom--4xl {
  margin-bottom: 12rem; }
  @media (max-width: 767px) {
    .u-margin-bottom--4xl\@sm {
      margin-bottom: 12rem; } }

.u-padding-bottom--4xl {
  padding-bottom: 12rem; }

.u-margin-top--4xl {
  margin-top: 12rem; }

.u-padding-top--4xl {
  padding-top: 12rem; }

.u-padding-left--4xl {
  padding-left: 12rem; }

.u-margin-left--4xl {
  margin-left: 12rem; }

.u-padding-right--4xl {
  padding-right: 12rem; }

.u-margin-right--4xl {
  margin-right: 12rem; }

/* ------------------------------------ *\
		utilities.typography
\* ------------------------------------ */
.u-font-weight--bold {
  font-weight: 700; }

.u-font-weight--semibold {
  font-weight: 600; }

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

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

.u-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

/* ------------------------------------ *\
		utilities.visibility
\* ------------------------------------ */
.u-hidden {
  display: none; }
  .u-hidden--sm-down {
    display: none; }
    @media (min-width: 768px) {
      .u-hidden--sm-down {
        display: block; } }
  .u-hidden--sm-up {
    display: block; }
    @media (min-width: 768px) {
      .u-hidden--sm-up {
        display: none; } }
  .u-hidden--md-down {
    display: none; }
    @media (min-width: 960px) {
      .u-hidden--md-down {
        display: block; } }
  .u-hidden--md-up {
    display: block; }
    @media (min-width: 960px) {
      .u-hidden--md-up {
        display: none; } }
  .u-hidden--lg-down {
    display: none; }
    @media (min-width: 1248px) {
      .u-hidden--lg-down {
        display: block; } }
  .u-hidden--lg-up {
    display: block; }
    @media (min-width: 1248px) {
      .u-hidden--lg-up {
        display: none; } }
  @media (min-width: 768px) and (max-width: 960px) {
    .u-hidden--sm {
      display: none; } }
  @media (min-width: 960px) and (max-width: 1248px) {
    .u-hidden--md {
      display: none; } }

.u-overflow--hidden {
  overflow: hidden; }

.u-overflow--hidden-stable {
  overflow: hidden;
  scrollbar-gutter: stable; }

.u-sprite-hidden {
  position: relative;
  z-index: -1;
  width: 0;
  height: 0; }

.u-visually-hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  /* added line */ }
