/*
 * Screen sizes
 */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
}

/******* Clearfix *************/
.cf:before,
.cf:after,
.col2-set:before,
.col2-set:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after,
.col2-set:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf,
.col2-set {
  *zoom: 1;
}

/******* Hidden Stuff *************/
.is-hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.alert.browsehappy {
  display: block;
  background: #fff;
  padding: 30px;
  text-align: center;
  font-family: inherit;
  color: red;
}
.alert.browsehappy a {
  text-decoration: underline;
}

:focus {
  outline: none;
}

/******************* Notifications **********/
.notifications {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  padding: 0 1.5rem;
  line-height: 3;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 0.5rem;
  transition: opacity 400ms, transform 400ms 500ms;
  z-index: 100;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  transform: translateX(150%);
  opacity: 0;
  letter-spacing: 0;
  font-weight: normal;
  font-size: 12px;
}

.notifications.is-active {
  transition: transform 400ms ease-out;
  opacity: 1;
  transform: translateX(0%);
}

/*
* Media
*/
.image {
  overflow: hidden;
}

.scaled-media_inner {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
}

[data-ratio=variable] > .scaled-media_inner {
  position: static;
}

.scaled-media .media,
.scaled-media iframe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 100%;
  width: 100%;
  z-index: 2;
}

.scaled-media .media {
  width: auto;
  height: 100%;
}
.scaled-media .media.is-wider {
  width: 100%;
  height: auto;
}
.scaled-media[data-fitting=cover] .media {
  width: 100%;
  height: auto;
}
.scaled-media[data-fitting=cover] .media.is-wider {
  width: auto;
  height: 100%;
}

.lazyload {
  opacity: 0;
  transition: opacity 250ms;
}

.lazyloaded {
  opacity: 1;
}

.lazyload + .spinner {
  display: block;
  display: block;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  z-index: 1;
  border: 1px solid transparent;
  border-top-color: #000;
  border-right-color: #000;
  border-radius: 50%;
  animation: spin 600ms infinite linear;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1rem 0 0 -1rem;
  z-index: 3;
}

.lazyload.lazyloaded + .spinner {
  display: none;
  animation: none;
}

@font-face {
  font-family: "UniversLTPro";
  font-weight: normal;
  src: url("../fonts/37668B_0_0.eot");
  src: url("../fonts/37668B_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/37668B_0_0.woff2") format("woff2"), url("../fonts/37668B_0_0.woff") format("woff"), url("../fonts/37668B_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "UniversLTPro";
  font-weight: bold;
  src: url("../fonts/37668B_1_0.eot");
  src: url("../fonts/37668B_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/37668B_1_0.woff2") format("woff2"), url("../fonts/37668B_1_0.woff") format("woff"), url("../fonts/37668B_1_0.ttf") format("truetype");
}
html {
  font-size: 62.5%;
}

body {
  font-size: 1.2rem;
  font-family: "UniversLTPro", Arial, sans-serif;
  font-weight: bold;
  line-height: 1.5;
}

.entry-list-item_subtitle,
.single-entry_text,
.cell-index {
  font-size: 0.975em;
  font-weight: normal;
}

.single-entry_text strong {
  font-weight: bold;
}

*::-moz-selection {
  background: #fff000;
}

*::selection {
  background: #fff000;
}
*::-moz-selection {
  background: #fff000;
}

#tinymce {
  font-size: 1.7rem;
  font-family: "UniversLTPro", Arial, sans-serif;
  font-weight: normal;
}

#tinymce,
.prose {
  display: grid;
  gap: 0.5em;
  max-width: 1000px;
}
#tinymce a:not([class]),
.prose a:not([class]) {
  -webkit-text-decoration: underline solid currentColor min(2px, 0.075em);
          text-decoration: underline solid currentColor min(2px, 0.075em);
  text-underline-offset: max(2px, 0.08em);
}
#tinymce strong,
.prose strong {
  font-weight: bold;
}

.ui-draggable {
  position: relative;
}

.ui-draggable,
.ui-draggable a {
  cursor: move;
}

.ui-resizable-handle {
  width: 18px !important;
  height: 18px !important;
  background: black !important;
  border: 2px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

.ui-resizable-ne {
  transform: rotate(90deg);
}

.draggable-containment {
  position: fixed;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  outline: 1px solid blue;
  z-index: 100;
  pointer-events: none;
}

.ui-resizable-ne,
.ui-resizable-e {
  top: -5px;
  right: -5px;
}

.ui-resizable-nw,
.ui-resizable-w {
  top: -5px;
  left: -5px;
}

.ui-resizable-sw {
  bottom: -10px;
  left: -10px;
  transform: rotate(-90deg);
}

.ui-resizable-se {
  bottom: -10px;
  right: -10px;
  transform: rotate(-180deg);
}

.helper-grid {
  position: absolute;
  top: 0;
  left: 3rem;
  right: 3rem;
  bottom: 0;
  pointer-events: none;
  z-index: -1;
  display: flex;
  opacity: 0;
  transition: opacity 400ms;
}

.helper-grid_segment {
  position: relative;
  display: block;
  flex: 1;
  margin: 0 1rem;
  border-left: 1px solid hsl(300, 100%, 80%);
  border-right: 1px solid hsl(300, 100%, 80%);
}

.helper-grid_segment:first-child {
  margin-left: 0;
}

.helper-grid_segment:last-child {
  margin-right: 0;
}

.helper-grid_segment:last-child:after {
  display: none;
}

.show-helper-grid .helper-grid {
  opacity: 1;
  transition: none;
}

.layout-item-iframe-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 60px;
  background: white;
  z-index: 3;
  opacity: 0;
}

.layout-item.is-debug {
  outline: 2px solid red;
}

.ui-draggable-dragging,
.ui-resizable-resizing {
  outline: 1px solid red;
}

.is-edit-mode .is-infinite-scroll-clone .entry-list-item_inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(45deg, rgba(255, 0, 0, 0.3) 0px, transparent 1px, transparent 10px);
  cursor: no-drop;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
}

.is-edit-mode .is-infinite-scroll-clone .entry-list-item_inner:hover:after {
  opacity: 1;
}

#container {
  width: 100%;
}

#container:after {
  content: " ";
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 11;
  background: #000;
  opacity: 0;
  cursor: no-drop;
  backface-visibility: hidden;
  transition: opacity 0.4s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.show-off-canvas #container:after {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  transition: opacity 0.4s;
}

/************ Burger Button *************/
.burger-menu {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  top: 3.2rem;
  right: 3.2rem;
  z-index: 13;
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
  border: none;
  padding: 0;
}

.burger-menu .burger,
.burger-menu .label {
  display: inline-block;
  vertical-align: middle;
}

.burger {
  position: relative;
  width: 15px;
  height: 14px;
  margin-right: 0.5rem;
}

.burger-layer {
  display: block;
  height: 2px;
  width: 100%;
  background: currentColor;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
}
.burger-layer:nth-child(2) {
  top: 5px;
}
.burger-layer:nth-child(3) {
  top: 10px;
}

.show-mobile-menu .burger {
  transform: rotate(-90deg);
}

.show-mobile-menu .burger-menu .label {
  visibility: hidden;
}

.show-mobile-menu .burger-layer:nth-child(1) {
  transform: rotate(45deg);
  top: 45%;
}
.show-mobile-menu .burger-layer:nth-child(2) {
  width: 0;
}
.show-mobile-menu .burger-layer:nth-child(3) {
  transform: rotate(-45deg);
  top: 45%;
}

.main-canvas {
  position: relative;
  width: 100%;
  left: 0;
}

.show-off-canvas .main-canvas {
  left: -200px;
}

.navbar-off-canvas {
  width: 300px;
  top: 0;
  right: 0;
  height: 100%;
  overflow: auto;
  background: #fff;
  z-index: 12;
  position: fixed;
  border-left: 2px solid;
}
@media (min-width: 900px) {
  .navbar-off-canvas {
    position: fixed;
  }
}
.navbar-off-canvas {
  transform: translateX(300px) translateY(0);
  transform: translate3d(300px, 0, 0);
  transition: transform 0.4s;
}

.show-off-canvas .navbar-off-canvas {
  transform: translateX(0%) translateY(0%);
  transform: translate3d(0%, 0%, 0);
}

/*! Flickity v2.0.7
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: 0;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #fff;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
  background: #fff;
}

.flickity-prev-next-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

body {
  min-width: 300px;
}

#container {
  width: 100%;
  overflow: hidden;
}

.cell-index {
  display: inline-block;
  margin-right: 0.5rem;
}

#mfPreviewBar {
  display: none;
}

.is-loading * {
  cursor: progress !important;
}

a {
  text-decoration: none;
}

.main-nav .current-menu-item a span,
.main-nav a:hover span,
.post-nav a:hover span,
.single-entry_text a,
.breadcrumb a:hover {
  -webkit-text-decoration: underline solid currentColor min(2px, 0.075em);
          text-decoration: underline solid currentColor min(2px, 0.075em);
  text-underline-offset: max(2px, 0.08em);
}

.home .main-nav .current-menu-item a span,
.home .main-nav a:hover span {
  -webkit-text-decoration: underline solid currentColor min(2px, 0.075em);
          text-decoration: underline solid currentColor min(2px, 0.075em);
  text-underline-offset: max(2px, 0.08em);
}

.main-header-wrap {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 101;
  background: #fff;
}
.main-header-wrap.is-bg-black {
  background: #000 !important;
}

.home .main-header-wrap {
  background: none;
}

.main-canvas {
  position: relative;
  padding-bottom: 2rem;
  width: 100%;
  overflow: hidden;
  min-height: 100vh;
  min-height: var(--vh, 100vh);
}

.home .main-canvas {
  padding-bottom: 0;
}

.main-header,
.main-nav ul,
.post-nav ul {
  display: flex;
  justify-content: space-between;
  font-size: 1.1rem;
}

.main-header {
  padding: 0 2rem;
}
@media (min-width: 620px) {
  .main-header {
    padding: 0 3rem;
  }
}
.main-header {
  height: 6rem;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
}

.main-nav {
  font-size: 1.1rem;
  border-bottom: 1px solid;
  padding: 1.5rem 2rem;
}
@media (min-width: 620px) {
  .main-nav {
    padding: 0 3rem;
  }
}

@media (min-width: 620px) {
  .burger-menu {
    display: none;
  }
}

.main-nav ul {
  position: relative;
  z-index: 3;
  height: 0;
  overflow: hidden;
  flex-direction: column;
}
@media (min-width: 620px) {
  .main-nav ul {
    height: auto;
    flex-direction: row;
  }
}

.show-mobile-menu .main-nav ul {
  height: auto;
  margin-top: -2rem;
  padding-left: 2.3rem;
}

.post-nav ul {
  padding: 0 3rem;
}

.main-nav a {
  display: inline-block;
  padding: 0.5rem 0;
}
@media (min-width: 620px) {
  .main-nav a {
    padding: 1.25rem 0;
  }
}
.main-nav a {
  width: 100%;
}

.post-nav a {
  display: inline-block;
  padding: 1.25rem 0;
}

.main-nav a span {
  display: inline-block;
  line-height: 1.3;
}

.post-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.post-nav ul {
  border-top: 1px solid;
}

.logo--fhnw {
  display: block;
  height: 30px;
  width: 60px;
  overflow: hidden;
}
@media (min-width: 620px) {
  .logo--fhnw {
    width: auto;
  }
}

.logo--fhnw svg {
  display: block;
  height: 100%;
  width: auto;
}

.logo--fhnw svg * {
  fill: inherit;
}

.main-header .right .site-title {
  text-align: right;
  font-size: inherit !important;
}

.site-title a {
  display: block;
  line-height: 1.3;
  position: relative;
  top: 0.15em;
}

.home:not(.is-network-home) .main-header,
.home:not(.is-network-home) .main-nav {
  color: #fff;
  fill: #fff;
}

.network-nav {
  margin-top: 1em;
}

.network-nav {
  position: relative;
  z-index: 2;
  pointer-events: none;
  display: grid;
  row-gap: 0.2em;
}

.network-nav_item {
  pointer-events: all;
  display: flex;
}

.network-nav_item_link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.network-nav_item_link .feather {
  width: 1em;
  height: 1em;
  stroke-width: 2px;
  position: relative;
  top: -0.1em;
  transition: transform 150ms;
}

.network-nav_item_link:hover .feather {
  transform: translateX(10%);
}

.home_gallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: var(--vh);
  z-index: 1;
  background: #999;
}

.home_gallery .scaled-media_inner {
  position: static;
}

.home_gallery:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 90%);
  opacity: 1;
  pointer-events: none;
}

.home_gallery .flickity-viewport {
  width: 100%;
  height: 100%;
}

.home_gallery_cell {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.home_gallery img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: auto;
}

.home_gallery img.is-wider {
  height: 100%;
  width: auto;
}

.home_gallery .flickity-prev-next-button {
  width: 50%;
  height: 100%;
  border-radius: 0;
  background: none;
}

.home_gallery .flickity-prev-next-button.previous {
  left: 0;
  cursor: w-resize;
}

.home_gallery .flickity-prev-next-button.next {
  right: 0;
  cursor: e-resize;
}

.is-dev .home_gallery .flickity-prev-next-button {
  display: none;
}

.home_gallery .flickity-prev-next-button svg {
  display: none;
}

.is-mobile .home_gallery .flickity-prev-next-button {
  display: none;
}

.entry-list {
  margin: 0 -1.5rem;
  overflow: hidden;
  padding: 1px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.entry-list_item {
  display: block;
  position: relative;
  padding: 0 1.5rem 4rem;
}

.entry-list-item_text {
  position: relative;
  padding-top: 0.4rem;
}

.entry-list-item_link:hover .entry-list-item_visual {
  transform: scale(1.01);
}

.entry-list-item_inner {
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.entry-list-item_visual {
  margin-bottom: 1rem;
  transition: all 200ms;
  backface-visibility: hidden;
}

.entry-list-item_visual .scaled-media[data-orientation=portrait] {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.image-collage:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.2;
}

.image-collage_cell {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}

.image-collage_cell.is-1-of-2,
.image-collage_cell.is-2-of-2 {
  width: 51%;
}

.image-collage_cell.is-2-of-2 {
  left: 50%;
}

.image-collage_cell.is-1-of-3 {
  width: 51%;
}

.image-collage_cell.is-2-of-3,
.image-collage_cell.is-3-of-3 {
  left: 50%;
  width: 50%;
  height: 50%;
}

.image-collage_cell.is-3-of-3 {
  top: 50%;
}

.entry-list-item_subtitle {
  margin-bottom: 0.2em;
}

.has-child-terms .entry-list-item_text {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate3d(-50%, -50%, 0);
  color: #fff;
  padding: 0 2rem;
}

.has-child-terms .entry-list-item_title {
  font-size: 2.5em;
  line-height: 1.3;
}

.main-body {
  margin-top: 6rem;
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .main-body {
    padding: 3rem;
  }
}

.home .page-wrap {
  display: none;
}

h1,
.is-h1,
.single-entry_text h2 {
  font-size: 2rem;
}
@media (min-width: 850px) {
  h1,
  .is-h1,
  .single-entry_text h2 {
    font-size: 3rem;
  }
}
h1,
.is-h1,
.single-entry_text h2 {
  line-height: 1.25;
}

.is-strong {
  font-weight: bold;
}

.is-normal {
  font-weight: normal;
}

.overview-page_header {
  padding-bottom: 2rem;
}

.single-entry_header {
  padding-right: 3rem;
  position: relative;
}

.single-entry_content {
  position: relative;
}

.single-entry_subtitle {
  padding-bottom: 0.5em;
}

.single-entry_text {
  padding-top: 1rem;
  font-size: 1.2em;
  line-height: 1.6;
}

.single-entry_text p,
.single-entry_text ul,
.single-entry_text h2 {
  padding-bottom: 1rem;
}

.single-entry_text p + h2 {
  padding-top: 3rem;
}

.single-entry_text h2 {
  font-weight: bold;
}

.single-entry_text li {
  list-style: disc;
  margin-left: 1em;
}

.edit-link {
  position: absolute;
  top: 0rem;
  right: 0rem;
  z-index: 3;
}

.entry-list_item .edit-link {
  top: 1rem;
  right: 1rem;
}

.entry-list_item .edit-link {
  color: #fff;
  z-index: 3;
}

@media (min-width: 1000px) {
  .single-columns > div {
    float: left;
    width: 50%;
  }
  .single-columns > .column-1 {
    padding-right: 1rem;
  }
  .single-columns > .column-2 {
    padding-left: 1rem;
  }
}
.single-content .layout-item {
  left: 0 !important;
  max-width: 100%;
  min-width: 40%;
}

@media (max-width: 1000px) {
  .single-content .layout-item {
    width: 100% !important;
  }
  .layout-item .ui-resizable-handle {
    display: none !important;
  }
}
.layout-item_index {
  display: none;
}

.single-columns .item-inner {
  width: 100%;
}

.single-columns .column-item {
  float: left;
  width: 100%;
}

.single-columns .column-1 .item-inner {
  float: right;
}

.singular .text-item {
  max-width: 550px;
}

.single-content .single-item {
  margin-bottom: 3rem;
}

.breadcrumb {
  margin-top: -0.2em;
  margin-bottom: 0.5em;
}

.breadcrumb_last {
  display: none;
}

.breadcrumb a + span:before,
.breadcrumb span + .breadcrumb-subtitle:before {
  content: url("../../assets/images/arrow-right.svg");
  display: inline-block;
  width: 1.2em;
  margin-right: 0.5em;
}

.post-nav a span {
  display: none;
}
@media (min-width: 1000px) {
  .post-nav a span {
    display: inline-block;
  }
}

.post-nav li.prev a:before {
  content: url("../../assets/images/arrow-left.svg");
  margin: 0 1em 0 0.5em;
}

.post-nav li.next a:after {
  content: url("../../assets/images/arrow-right.svg");
  margin: 0 0.5em 0 1em;
}

.post-nav li a:before,
.post-nav li a:after {
  display: inline-block;
  width: 2em;
  vertical-align: middle;
  position: relative;
  top: 0.1em;
}

.scaled-media.is-image {
  pointer-events: none;
}
@media (min-width: 620px) {
  .scaled-media.is-image {
    pointer-events: all;
  }
}

.is-singular .is-lightbox-enabled .scaled-media.is-image {
  cursor: zoom-in;
  transition: all 100ms;
}

.image_caption {
  padding-top: 1rem;
  color: #000;
}

.lightbox {
  position: fixed;
  top: 100%;
  left: 100%;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: #fff;
  color: #000;
  opacity: 0;
  transition: opacity 200ms, top 200ms 200ms, left 200ms 200ms;
}

.show-lightbox .lightbox {
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 200ms;
}

.lightbox_cell {
  position: relative;
  width: 100%;
  height: 100%;
}

.lightbox .scaled-media {
  position: absolute;
  top: 6rem;
  right: 8rem;
  bottom: 6rem;
  left: 8rem;
  background: none;
}

.lightbox .scaled-media_inner {
  position: static;
}

.lightbox img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: auto;
  height: 100%;
}

.lightbox img.is-wider {
  height: auto;
  width: 100%;
}

.lightbox_cell figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 2rem;
  text-align: center;
}

.lightbox .flickity-prev-next-button {
  background: none;
  background-repeat: no-repeat;
  background-size: 27px;
  background-position: center center;
  transition: transform 200ms;
}

.flickity-prev-next-button.next.clicked {
  transform: translateX(10px) translateY(-50%);
}

.flickity-prev-next-button.previous.clicked {
  transform: translateX(-10px) translateY(-50%);
}

.lightbox button.clicked {
  transition: none !important;
}

.lightbox .flickity-prev-next-button svg {
  width: 18px;
}

.lightbox .flickity-prev-next-button:focus {
  box-shadow: none;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  cursor: pointer;
}

.lightbox_close {
  background-image: url("../../assets/images/lightbox-close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -1000px;
  background-size: 17px;
  overflow: hidden;
  display: block;
  position: absolute;
  left: 50%;
  z-index: 3;
  width: 30px;
  height: 30px;
  transform: translateX(-50%) rotate(-90deg);
  transition: transform 200ms;
  top: 1.5rem;
}

.lightbox_close.clicked {
  transition: none;
  transform: translateX(-50%) translateY(5px) rotate(-90deg);
}

.column-1 .ui-resizable-e,
.column-2 .ui-resizable-w {
  display: none !important;
}

.media {
  position: relative;
}

.scaled-media {
  background: #eee;
}

.is-embed .scaled-media_inner {
  padding-bottom: 56.25%;
}

/*
* Video
*/
.layout-item-iframe-mask {
  display: none;
}

.video {
  position: relative;
  color: #fff;
}
@media (min-width: 740px) {
  .video {
    stroke-width: 0.5px;
  }
}

.video_poster {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  background: #000;
  opacity: 1;
  cursor: pointer;
}

.video_poster .scaled-media {
  pointer-events: none !important;
}

.video_poster .image {
  transition: opacity 250ms;
  opacity: 1;
  position: relative;
  z-index: 1;
}

.video_poster .spinner {
  top: 2rem;
  left: 2rem;
}

.video_play {
  position: absolute;
  width: 10rem;
  height: 10rem;
  top: 50%;
  left: 50%;
  margin: -5rem 0 0 -5rem;
  z-index: 3;
  transition: all 250ms;
  filter: drop-shadow(1px 1px 7px black);
}

.lazyloaded + .video_play {
  opacity: 1;
}

.video_play .feather {
  width: 100%;
  height: 100%;
  stroke-width: 0.7px;
}

@media screen and (hover: hover), screen and (min--moz-device-pixel-ratio: 0), screen and (-ms-high-contrast: none) {
  .video:hover .video_play {
    transform: scale(1.05);
  }
  .video:hover .image {
    opacity: 0.8;
  }
}
.video .hide-if-started {
  transition: opacity 400ms 300ms;
}

.video.is-started .hide-if-started {
  opacity: 0;
  pointer-events: none;
}

.scaled-media.is-vimeo + .video_poster {
  display: none;
}

/**
* CD Footer
**/
.footer {
  background-color: #000;
  color: #bebdb9;
  padding-top: 60px;
  border-top: 1px solid #fff;
}

.footer a {
  color: #fff;
}
@media screen and (hover: hover), screen and (min--moz-device-pixel-ratio: 0), screen and (-ms-high-contrast: none) {
  .footer a:hover {
    color: #fff !important;
    -webkit-text-decoration: underline solid currentColor min(2px, 0.075em);
            text-decoration: underline solid currentColor min(2px, 0.075em);
    text-underline-offset: max(2px, 0.08em);
  }
}

.footer > * {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 880px) {
  .footer > * {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.footer_inner {
  max-width: 1100px;
}

.footer_row {
  margin: 0 -3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 880px) {
  .footer_row {
    grid-template-columns: repeat(3, 1fr);
  }
}

.footer_col {
  padding: 0 3rem;
  padding-bottom: 30px;
  grid-column: span 2;
}
@media (min-width: 620px) {
  .footer_col {
    grid-column: span 1;
    padding-bottom: 50px;
  }
}

.footer_about {
  order: 0;
  grid-column: span 2;
}
@media (min-width: 880px) {
  .footer_about {
    order: 1;
    grid-column: span 1;
  }
}

.footer_quicklinks {
  order: 2;
}

.footer_col_title {
  color: #fff;
  margin-bottom: 1.5rem;
  font-size: 1.2em;
}

.footer_col_content {
  font-weight: normal;
}

.footer_col_content p {
  margin-bottom: 1.5rem;
}

.footer_meta {
  padding-bottom: 3rem;
}

.footer_meta ul {
  border-top: 1px solid;
  display: flex;
  justify-content: center;
  padding-top: calc(3rem - 5px);
  flex-wrap: wrap;
}
@media (min-width: 880px) {
  .footer_meta ul {
    justify-content: flex-start;
  }
}

.footer_meta li {
  display: flex;
  align-items: center;
}

.footer_meta li:not(:last-child):after {
  content: "";
  display: block;
  margin: 0 2vw;
}
@media (min-width: 620px) {
  .footer_meta li:not(:last-child):after {
    margin: 0 2rem;
  }
}
.footer_meta li:not(:last-child):after {
  border-left: 1px solid;
  height: 1em;
}

/*# sourceMappingURL=main.css.map */