:root {
  --app-color: #000;
}

.apps-wrapper {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.apps-wrapper .apps-grid {
  display: grid;
  grid-template-columns: repeat(6, 16.6666666667%);
}
@media (max-aspect-ratio: 4/3) {
  .apps-wrapper .apps-grid {
    grid-template-columns: repeat(4, 25%);
  }
}
@media (max-aspect-ratio: 3/4) {
  .apps-wrapper .apps-grid {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
}
@media (max-aspect-ratio: 2/5) {
  .apps-wrapper .apps-grid {
    grid-template-columns: repeat(2, 50%);
  }
}
.apps-wrapper .apps-grid {
  grid-auto-rows: 1fr;
  height: 100%;
  width: 100%;
  padding: 0.5vw;
  list-style: none;
}
.apps-wrapper .apps-cell {
  padding: 0.5vw;
}
.apps-wrapper .app {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding-bottom: 1vw;
  text-decoration: none;
}
.apps-wrapper .app .app__icon-wrapper {
  flex-grow: 1;
  height: 100%;
  max-width: 80%;
  margin: auto;
}
.apps-wrapper .app .app__icon-wrapper .app__icon {
  height: 100%;
  width: 150px;
}
.apps-wrapper .app .app__title {
  text-transform: uppercase;
  padding: 0 2vw 1vw 2vw;
  margin-block: 0;
  color: white;
  text-align: center;
  font-size: 0.7rem;
  line-height: 1.2em;
}
@media (min-width: 700px) {
  .apps-wrapper .app .app__title {
    font-size: 1rem;
  }
}

.button__group {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  margin-left: 2vw !important;
}
.button__group li a {
  border-radius: 0 !important;
  font-size: 85%;
}
.button__group li:first-child a {
  border-radius: 500px 0 0 500px !important;
}
.button__group li:last-child a {
  border-radius: 0 500px 500px 0 !important;
}
.button__group li:not(:first-child) {
  margin-left: -1px;
}
.button__group li:not(:first-child) a {
  margin-left: 0;
}
.button__group li:not(:last-child) a {
  margin-right: 0;
}

.buttons {
  padding: 24px 0;
  margin-right: -0.6666666667vw;
  margin-left: -0.6666666667vw;
  max-width: 98vw;
  overflow-x: auto;
}

.button__group .button {
  border-width: 1px !important;
}
.button__group .button:not(.button-static), .button__group .button:link:not(.button-static), .button__group .button:visited:not(.button-static) {
  cursor: pointer;
}
.button__group .button, .button__group .button:link, .button__group .button:visited {
  background: transparent;
  background: linear-gradient(-90deg, transparent 0%, transparent 49.5%, transparent 50.5%, transparent 100%);
  background-size: 210% 210%;
  background-position: 99% center;
  color: white;
  border: 1px solid white;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  border-radius: 0.15em;
  white-space: nowrap;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  transition: background-color 0.2s ease-in-out, background-position 0.2s ease-in-out, border-color 0.2s ease-in-out;
  user-select: none;
  height: auto;
}
.button__group .button .icon {
  width: 1.2em;
  height: 1.2em;
  padding-left: 0;
  padding-right: 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button__group .button .icon svg {
  width: 1.2em;
  height: 1.2em;
}
.button__group .button .icon svg circle:not([fill=none]), .button__group .button .icon svg ellipse:not([fill=none]), .button__group .button .icon svg line:not([fill=none]), .button__group .button .icon svg path:not([fill=none]), .button__group .button .icon svg polygon:not([fill=none]), .button__group .button .icon svg polyline:not([fill=none]), .button__group .button .icon svg rect:not([fill=none]) {
  transition: fill 0.2s ease-in-out;
  fill: white;
}
.button__group .button .button__text {
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  padding-left: 0.3em;
  padding-right: 0.3em;
  transition: color 0.2s ease-in-out;
  color: white;
  position: relative;
  top: 0;
}
.button__group .button .button__text + .icon {
  padding-left: 0.3em;
  padding-right: 0;
}
.button__group .button:not(.button-static):hover, .button__group .button:not(.button-static).hover, .button__group .button:not(.button-static):active, .button__group .button:not(.button-static).is-active, .button__group .button:not(.button-static):focus {
  color: white;
  background-position: 1% center;
}
.button__group .button:not(.button-static):hover .icon svg circle:not([fill=none]), .button__group .button:not(.button-static):hover .icon svg ellipse:not([fill=none]), .button__group .button:not(.button-static):hover .icon svg line:not([fill=none]), .button__group .button:not(.button-static):hover .icon svg path:not([fill=none]), .button__group .button:not(.button-static):hover .icon svg polygon:not([fill=none]), .button__group .button:not(.button-static):hover .icon svg polyline:not([fill=none]), .button__group .button:not(.button-static):hover .icon svg rect:not([fill=none]), .button__group .button:not(.button-static).hover .icon svg circle:not([fill=none]), .button__group .button:not(.button-static).hover .icon svg ellipse:not([fill=none]), .button__group .button:not(.button-static).hover .icon svg line:not([fill=none]), .button__group .button:not(.button-static).hover .icon svg path:not([fill=none]), .button__group .button:not(.button-static).hover .icon svg polygon:not([fill=none]), .button__group .button:not(.button-static).hover .icon svg polyline:not([fill=none]), .button__group .button:not(.button-static).hover .icon svg rect:not([fill=none]), .button__group .button:not(.button-static):active .icon svg circle:not([fill=none]), .button__group .button:not(.button-static):active .icon svg ellipse:not([fill=none]), .button__group .button:not(.button-static):active .icon svg line:not([fill=none]), .button__group .button:not(.button-static):active .icon svg path:not([fill=none]), .button__group .button:not(.button-static):active .icon svg polygon:not([fill=none]), .button__group .button:not(.button-static):active .icon svg polyline:not([fill=none]), .button__group .button:not(.button-static):active .icon svg rect:not([fill=none]), .button__group .button:not(.button-static).is-active .icon svg circle:not([fill=none]), .button__group .button:not(.button-static).is-active .icon svg ellipse:not([fill=none]), .button__group .button:not(.button-static).is-active .icon svg line:not([fill=none]), .button__group .button:not(.button-static).is-active .icon svg path:not([fill=none]), .button__group .button:not(.button-static).is-active .icon svg polygon:not([fill=none]), .button__group .button:not(.button-static).is-active .icon svg polyline:not([fill=none]), .button__group .button:not(.button-static).is-active .icon svg rect:not([fill=none]), .button__group .button:not(.button-static):focus .icon svg circle:not([fill=none]), .button__group .button:not(.button-static):focus .icon svg ellipse:not([fill=none]), .button__group .button:not(.button-static):focus .icon svg line:not([fill=none]), .button__group .button:not(.button-static):focus .icon svg path:not([fill=none]), .button__group .button:not(.button-static):focus .icon svg polygon:not([fill=none]), .button__group .button:not(.button-static):focus .icon svg polyline:not([fill=none]), .button__group .button:not(.button-static):focus .icon svg rect:not([fill=none]) {
  fill: white;
}
.button__group .button:not(.button-static):hover .button__text, .button__group .button:not(.button-static).hover .button__text, .button__group .button:not(.button-static):active .button__text, .button__group .button:not(.button-static).is-active .button__text, .button__group .button:not(.button-static):focus .button__text {
  color: white;
}
.button__group .button {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
  margin-right: 0.6666666667vw;
  margin-left: 0.6666666667vw;
}
.button__group .button.button-large {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}
.button__group .button.button-medium {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}
.button__group .button.button-default {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}
.button__group .button.button-small {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}

.button-light {
  border-width: 1px !important;
}
.button-light:not(.button-static),
.button-light:link:not(.button-static),
.button-light:visited:not(.button-static) {
  cursor: pointer;
}
.button-light,
.button-light:link,
.button-light:visited {
  background: transparent;
  background: linear-gradient(-90deg, transparent 0%, transparent 49.5%, transparent 50.5%, transparent 100%);
  background-size: 210% 210%;
  background-position: 99% center;
  color: white;
  border: 1px solid white;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  border-radius: 0.15em;
  white-space: nowrap;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  transition: background-color 0.2s ease-in-out, background-position 0.2s ease-in-out, border-color 0.2s ease-in-out;
  user-select: none;
  height: auto;
}
.button-light .icon {
  width: 1.2em;
  height: 1.2em;
  padding-left: 0;
  padding-right: 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-light .icon svg {
  width: 1.2em;
  height: 1.2em;
}
.button-light .icon svg circle:not([fill=none]),
.button-light .icon svg ellipse:not([fill=none]),
.button-light .icon svg line:not([fill=none]),
.button-light .icon svg path:not([fill=none]),
.button-light .icon svg polygon:not([fill=none]),
.button-light .icon svg polyline:not([fill=none]),
.button-light .icon svg rect:not([fill=none]) {
  transition: fill 0.2s ease-in-out;
  fill: white;
}
.button-light .button__text {
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  padding-left: 0.3em;
  padding-right: 0.3em;
  transition: color 0.2s ease-in-out;
  color: white;
  position: relative;
  top: 0;
}
.button-light .button__text + .icon {
  padding-left: 0.3em;
  padding-right: 0;
}
.button-light:not(.button-static):hover,
.button-light:not(.button-static).hover,
.button-light:not(.button-static):active,
.button-light:not(.button-static).is-active,
.button-light:not(.button-static):focus {
  color: white;
  background-position: 1% center;
}
.button-light:not(.button-static):hover .icon svg circle:not([fill=none]),
.button-light:not(.button-static):hover .icon svg ellipse:not([fill=none]),
.button-light:not(.button-static):hover .icon svg line:not([fill=none]),
.button-light:not(.button-static):hover .icon svg path:not([fill=none]),
.button-light:not(.button-static):hover .icon svg polygon:not([fill=none]),
.button-light:not(.button-static):hover .icon svg polyline:not([fill=none]),
.button-light:not(.button-static):hover .icon svg rect:not([fill=none]),
.button-light:not(.button-static).hover .icon svg circle:not([fill=none]),
.button-light:not(.button-static).hover .icon svg ellipse:not([fill=none]),
.button-light:not(.button-static).hover .icon svg line:not([fill=none]),
.button-light:not(.button-static).hover .icon svg path:not([fill=none]),
.button-light:not(.button-static).hover .icon svg polygon:not([fill=none]),
.button-light:not(.button-static).hover .icon svg polyline:not([fill=none]),
.button-light:not(.button-static).hover .icon svg rect:not([fill=none]),
.button-light:not(.button-static):active .icon svg circle:not([fill=none]),
.button-light:not(.button-static):active .icon svg ellipse:not([fill=none]),
.button-light:not(.button-static):active .icon svg line:not([fill=none]),
.button-light:not(.button-static):active .icon svg path:not([fill=none]),
.button-light:not(.button-static):active .icon svg polygon:not([fill=none]),
.button-light:not(.button-static):active .icon svg polyline:not([fill=none]),
.button-light:not(.button-static):active .icon svg rect:not([fill=none]),
.button-light:not(.button-static).is-active .icon svg circle:not([fill=none]),
.button-light:not(.button-static).is-active .icon svg ellipse:not([fill=none]),
.button-light:not(.button-static).is-active .icon svg line:not([fill=none]),
.button-light:not(.button-static).is-active .icon svg path:not([fill=none]),
.button-light:not(.button-static).is-active .icon svg polygon:not([fill=none]),
.button-light:not(.button-static).is-active .icon svg polyline:not([fill=none]),
.button-light:not(.button-static).is-active .icon svg rect:not([fill=none]),
.button-light:not(.button-static):focus .icon svg circle:not([fill=none]),
.button-light:not(.button-static):focus .icon svg ellipse:not([fill=none]),
.button-light:not(.button-static):focus .icon svg line:not([fill=none]),
.button-light:not(.button-static):focus .icon svg path:not([fill=none]),
.button-light:not(.button-static):focus .icon svg polygon:not([fill=none]),
.button-light:not(.button-static):focus .icon svg polyline:not([fill=none]),
.button-light:not(.button-static):focus .icon svg rect:not([fill=none]) {
  fill: white;
}
.button-light:not(.button-static):hover .button__text,
.button-light:not(.button-static).hover .button__text,
.button-light:not(.button-static):active .button__text,
.button-light:not(.button-static).is-active .button__text,
.button-light:not(.button-static):focus .button__text {
  color: white;
}

.button-dark {
  border-width: 1px !important;
}
.button-dark:not(.button-static),
.button-dark:link:not(.button-static),
.button-dark:visited:not(.button-static) {
  cursor: pointer;
}
.button-dark,
.button-dark:link,
.button-dark:visited {
  background: transparent;
  background: linear-gradient(-90deg, transparent 0%, transparent 49.5%, transparent 50.5%, transparent 100%);
  background-size: 210% 210%;
  background-position: 99% center;
  color: black;
  border: 1px solid black;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  border-radius: 0.15em;
  white-space: nowrap;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  transition: background-color 0.2s ease-in-out, background-position 0.2s ease-in-out, border-color 0.2s ease-in-out;
  user-select: none;
  height: auto;
}
.button-dark .icon {
  width: 1.2em;
  height: 1.2em;
  padding-left: 0;
  padding-right: 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-dark .icon svg {
  width: 1.2em;
  height: 1.2em;
}
.button-dark .icon svg circle:not([fill=none]),
.button-dark .icon svg ellipse:not([fill=none]),
.button-dark .icon svg line:not([fill=none]),
.button-dark .icon svg path:not([fill=none]),
.button-dark .icon svg polygon:not([fill=none]),
.button-dark .icon svg polyline:not([fill=none]),
.button-dark .icon svg rect:not([fill=none]) {
  transition: fill 0.2s ease-in-out;
  fill: black;
}
.button-dark .button__text {
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  padding-left: 0.3em;
  padding-right: 0.3em;
  transition: color 0.2s ease-in-out;
  color: black;
  position: relative;
  top: 0;
}
.button-dark .button__text + .icon {
  padding-left: 0.3em;
  padding-right: 0;
}
.button-dark:not(.button-static):hover,
.button-dark:not(.button-static).hover,
.button-dark:not(.button-static):active,
.button-dark:not(.button-static).is-active,
.button-dark:not(.button-static):focus {
  color: black;
  background-position: 1% center;
}
.button-dark:not(.button-static):hover .icon svg circle:not([fill=none]),
.button-dark:not(.button-static):hover .icon svg ellipse:not([fill=none]),
.button-dark:not(.button-static):hover .icon svg line:not([fill=none]),
.button-dark:not(.button-static):hover .icon svg path:not([fill=none]),
.button-dark:not(.button-static):hover .icon svg polygon:not([fill=none]),
.button-dark:not(.button-static):hover .icon svg polyline:not([fill=none]),
.button-dark:not(.button-static):hover .icon svg rect:not([fill=none]),
.button-dark:not(.button-static).hover .icon svg circle:not([fill=none]),
.button-dark:not(.button-static).hover .icon svg ellipse:not([fill=none]),
.button-dark:not(.button-static).hover .icon svg line:not([fill=none]),
.button-dark:not(.button-static).hover .icon svg path:not([fill=none]),
.button-dark:not(.button-static).hover .icon svg polygon:not([fill=none]),
.button-dark:not(.button-static).hover .icon svg polyline:not([fill=none]),
.button-dark:not(.button-static).hover .icon svg rect:not([fill=none]),
.button-dark:not(.button-static):active .icon svg circle:not([fill=none]),
.button-dark:not(.button-static):active .icon svg ellipse:not([fill=none]),
.button-dark:not(.button-static):active .icon svg line:not([fill=none]),
.button-dark:not(.button-static):active .icon svg path:not([fill=none]),
.button-dark:not(.button-static):active .icon svg polygon:not([fill=none]),
.button-dark:not(.button-static):active .icon svg polyline:not([fill=none]),
.button-dark:not(.button-static):active .icon svg rect:not([fill=none]),
.button-dark:not(.button-static).is-active .icon svg circle:not([fill=none]),
.button-dark:not(.button-static).is-active .icon svg ellipse:not([fill=none]),
.button-dark:not(.button-static).is-active .icon svg line:not([fill=none]),
.button-dark:not(.button-static).is-active .icon svg path:not([fill=none]),
.button-dark:not(.button-static).is-active .icon svg polygon:not([fill=none]),
.button-dark:not(.button-static).is-active .icon svg polyline:not([fill=none]),
.button-dark:not(.button-static).is-active .icon svg rect:not([fill=none]),
.button-dark:not(.button-static):focus .icon svg circle:not([fill=none]),
.button-dark:not(.button-static):focus .icon svg ellipse:not([fill=none]),
.button-dark:not(.button-static):focus .icon svg line:not([fill=none]),
.button-dark:not(.button-static):focus .icon svg path:not([fill=none]),
.button-dark:not(.button-static):focus .icon svg polygon:not([fill=none]),
.button-dark:not(.button-static):focus .icon svg polyline:not([fill=none]),
.button-dark:not(.button-static):focus .icon svg rect:not([fill=none]) {
  fill: black;
}
.button-dark:not(.button-static):hover .button__text,
.button-dark:not(.button-static).hover .button__text,
.button-dark:not(.button-static):active .button__text,
.button-dark:not(.button-static).is-active .button__text,
.button-dark:not(.button-static):focus .button__text {
  color: black;
}

#block-cuik-theme-content {
  height: 100%;
}

#category-page {
  height: 100%;
}
#category-page .views-exposed-form {
  display: none;
  visibility: hidden;
}
#category-page.layout__grid {
  display: grid;
  grid-template-columns: 1fr 10fr;
  grid-template-areas: "sidebar category";
  height: 100%;
  overflow: hidden;
}
#category-page.layout__grid #cuik-sidebar {
  grid-area: sidebar;
}
#category-page.layout__grid .category {
  grid-area: category;
}
#category-page .category {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas: "view";
  grid-gap: 1vw;
  height: 100%;
  overflow: hidden;
  padding: 1vw;
}
#category-page .category .views-element-container {
  grid-area: view;
  max-height: 100%;
  min-height: 75vh;
  overflow: auto;
}
#category-page .category .views-element-container .cuik-app-category-view {
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: minmax(4.5vh, min-content) auto;
  grid-template-areas: "navbar" "content";
}
#category-page .category .category__navbar {
  grid-area: navbar;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 5;
  background: rgba(21, 24, 27, 0.8);
  backdrop-filter: blur(5px);
  margin-bottom: 1vw;
}
#category-page .category .category__navbar .category__navbar-group {
  display: flex;
  align-items: center;
  margin: 0.5vh 0.5vw;
}
#category-page .category .category__navbar .button__group {
  padding-bottom: 0;
}
#category-page .category .category__navbar .button__group-title {
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  color: white;
  font-size: 1rem;
}
#category-page .category .category__navbar .button {
  margin-top: 0;
  margin-bottom: 0;
  border-color: var(--app-color);
}
#category-page .category .category__navbar .button .button__text {
  color: white;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 85%;
  letter-spacing: 1px;
}
#category-page .category .category__navbar .button.is-active {
  background-color: var(--app-color);
}
#category-page .category .js-category-map:not(.visually-hidden) {
  height: 100%;
}
#category-page .category .category__content {
  grid-area: content;
  overflow-y: auto;
  height: 100%;
  position: relative;
}
#category-page .category .category__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-aspect-ratio: 4/3) {
  #category-page .category .category__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-aspect-ratio: 3/4) {
  #category-page .category .category__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-aspect-ratio: 2/5) {
  #category-page .category .category__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
#category-page .category .category__grid {
  grid-gap: 1vw;
  grid-auto-flow: dense;
  list-style: none;
}
#category-page .category .category__list {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 1vw;
}
#category-page .category .category__list .category__title {
  color: #fff;
  padding: 1vw;
  display: flex;
  align-items: center;
}
#category-page .category .category__map {
  position: absolute;
  top: 1vw;
  left: 1vw;
  bottom: 1vw;
  right: 1vw;
  width: auto;
  height: auto;
  display: none;
}
#category-page .category .category__map.is-visible {
  display: block;
}

.event-item {
  margin-bottom: var(--sp2);
}
.event-item .event-item__card {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas: "left right right right";
  grid-gap: 1vw;
  margin-top: 1vw;
}
.event-item .event-item__card-left {
  grid-area: left;
}
.event-item .event-item__card-right {
  grid-area: right;
}
.event-item .event-item__image {
  aspect-ratio: 1;
  max-width: 100%;
  width: 100%;
}
.event-item .event-item__caption {
  background: none;
}
.event-item .event-item__title {
  margin-top: 0;
}
.event-item .event-item__date ul {
  margin-block-start: 0.25em;
  margin-block-end: 0.25em;
  margin-inline-start: 1.5em;
  margin-inline-end: 0;
  padding-inline-start: 0;
}

body {
  background: linear-gradient(180deg, #363E46 0%, rgb(20.685483871, 23.75, 26.814516129) 100%);
}

.kiosk {
  background: linear-gradient(180deg, #363E46 0%, rgb(20.685483871, 23.75, 26.814516129) 100%);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.kiosk .kiosk-screen {
  height: 100%;
}
.kiosk .layout-grid {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-rows: 25vh 70vh 5vh;
  grid-template-columns: 100%;
  grid-template-areas: "banner" "main" "footer";
}
.kiosk .layout-grid.has-sidebar-first {
  grid-template-rows: 25vh 70vh 5vh;
  grid-template-columns: 10% 90%;
  grid-template-areas: "banner banner" "sidebar main" "footer footer";
}
.kiosk .banner-cell {
  grid-area: banner;
  overflow: hidden;
}
.kiosk .sidebar-cell,
.kiosk .main-cell {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-top: 0;
  transition: padding-top ease-in-out 250ms;
}
.kiosk .sidebar-cell.accessible-active,
.kiosk .main-cell.accessible-active {
  padding-top: 15vh;
}
.kiosk .sidebar-cell {
  grid-area: sidebar;
}
.kiosk .main-cell {
  grid-area: main;
}
.kiosk .footer-cell {
  grid-area: footer;
  overflow: hidden;
  background: black;
}

.kiosk-full {
  background: linear-gradient(180deg, #363E46 0%, rgb(20.685483871, 23.75, 26.814516129) 100%);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.kiosk-full .kiosk-screen {
  height: 100%;
}
.kiosk-full .layout-grid {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-rows: 100vh;
  grid-template-columns: 100vw;
  grid-template-areas: "banner";
}
.kiosk-full .banner-cell {
  grid-area: banner;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.kiosk-full .main-cell {
  overflow-y: hidden;
  overflow-x: hidden;
  padding-top: 0;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

#kiosk-page {
  height: 100%;
}
#kiosk-page .cuik-view {
  height: 100%;
}

.region-footer .views-element-container {
  height: auto;
}

#navbar {
  background: #222222;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}
#navbar > ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navbar > ul li {
  flex-basis: 100%;
}
#navbar > ul li a {
  margin: 0 1vw;
  padding: 1vh 0;
  display: block;
  text-align: center;
}
#navbar > ul li a .icon {
  margin: 0 auto;
}
#navbar > ul li a h2,
#navbar > ul li a h3 {
  text-transform: uppercase;
  padding-bottom: 0;
  margin-bottom: 0 !important;
  margin-top: 0.5em !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}
#navbar > ul li a:hover {
  color: white;
}
#navbar > ul li a:hover .icon {
  fill: white;
}
#navbar > ul li:first-child a {
  margin-left: 0;
}
#navbar > ul li:last-child a {
  margin-right: 0;
}
#navbar > ul li.selected a {
  color: white;
}
#navbar > ul li.selected a .icon {
  fill: white;
}

svg circle:not([fill=none]), svg ellipse:not([fill=none]), svg line:not([fill=none]), svg path:not([fill=none]), svg polygon:not([fill=none]), svg polyline:not([fill=none]) {
  transition: fill 0.2s ease-in-out;
}

.place-item.view-mode__teaser, .place-item.view-mode__teaser_small, .place-item.view-mode__teaser_featured {
  background: var(--color--gray-100);
  overflow: hidden;
}
.place-item.view-mode__teaser.block, .place-item.view-mode__teaser_small.block, .place-item.view-mode__teaser_featured.block {
  padding: 0 !important;
}
.place-item.view-mode__teaser.is-featured, .place-item.view-mode__teaser_small.is-featured, .place-item.view-mode__teaser_featured.is-featured {
  grid-column-end: span 2;
  grid-row-end: span 2;
}
.place-item.view-mode__teaser .place-item__deals, .place-item.view-mode__teaser_small .place-item__deals, .place-item.view-mode__teaser_featured .place-item__deals {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 40%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, #594082 55.1%);
  z-index: 1;
}
.place-item.view-mode__teaser .place-item__deals .place-item__deals-icon, .place-item.view-mode__teaser_small .place-item__deals .place-item__deals-icon, .place-item.view-mode__teaser_featured .place-item__deals .place-item__deals-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 50%;
}
.place-item.view-mode__teaser .place-item__deals .place-item__deals-text, .place-item.view-mode__teaser_small .place-item__deals .place-item__deals-text, .place-item.view-mode__teaser_featured .place-item__deals .place-item__deals-text {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50%;
  color: white;
  text-align: center;
  padding: 0;
  margin-top: -1em;
}
.place-item.view-mode__teaser .place-item__link, .place-item.view-mode__teaser_small .place-item__link, .place-item.view-mode__teaser_featured .place-item__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.place-item.view-mode__teaser .place-item__card, .place-item.view-mode__teaser_small .place-item__card, .place-item.view-mode__teaser_featured .place-item__card {
  position: relative;
  margin: 0;
}
.place-item.view-mode__teaser .place-item__card .place-item__image .field__item:not(:first-child), .place-item.view-mode__teaser_small .place-item__card .place-item__image .field__item:not(:first-child), .place-item.view-mode__teaser_featured .place-item__card .place-item__image .field__item:not(:first-child) {
  display: none;
}
.place-item.view-mode__teaser .place-item__card .place-item__image picture, .place-item.view-mode__teaser_small .place-item__card .place-item__image picture, .place-item.view-mode__teaser_featured .place-item__card .place-item__image picture {
  width: 100%;
}
.place-item.view-mode__teaser .place-item__card .place-item__image picture img, .place-item.view-mode__teaser_small .place-item__card .place-item__image picture img, .place-item.view-mode__teaser_featured .place-item__card .place-item__image picture img {
  width: 100%;
}
.place-item.view-mode__teaser .place-item__caption, .place-item.view-mode__teaser_small .place-item__caption, .place-item.view-mode__teaser_featured .place-item__caption {
  background: var(--app-color);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.place-item.view-mode__teaser .place-item__caption .place-item__title,
.place-item.view-mode__teaser .place-item__caption .place-item__description, .place-item.view-mode__teaser_small .place-item__caption .place-item__title,
.place-item.view-mode__teaser_small .place-item__caption .place-item__description, .place-item.view-mode__teaser_featured .place-item__caption .place-item__title,
.place-item.view-mode__teaser_featured .place-item__caption .place-item__description {
  padding: 0.2em 0.5vw;
  margin: 0;
  color: white;
  text-align: left;
  max-height: 3.4em;
  overflow: hidden;
}
.place-item.view-mode__teaser .place-item__caption .place-item__description, .place-item.view-mode__teaser_small .place-item__caption .place-item__description, .place-item.view-mode__teaser_featured .place-item__caption .place-item__description {
  padding-top: 0;
}
.place-item.view-mode__teaser .place-item__caption .place-item__icon-wrapper, .place-item.view-mode__teaser_small .place-item__caption .place-item__icon-wrapper, .place-item.view-mode__teaser_featured .place-item__caption .place-item__icon-wrapper {
  padding-right: 0.5vw;
  display: none;
  align-items: center;
}
.place-item.view-mode__teaser .place-item__caption .place-item__icon-wrapper .place-item__icon, .place-item.view-mode__teaser_small .place-item__caption .place-item__icon-wrapper .place-item__icon, .place-item.view-mode__teaser_featured .place-item__caption .place-item__icon-wrapper .place-item__icon {
  width: 1.5vw;
}
.place-item.view-mode__teaser .place-item__caption .place-item__icon-wrapper .place-item__icon.is-featured, .place-item.view-mode__teaser_small .place-item__caption .place-item__icon-wrapper .place-item__icon.is-featured, .place-item.view-mode__teaser_featured .place-item__caption .place-item__icon-wrapper .place-item__icon.is-featured {
  width: 2vw;
}

.place-item.view-mode__teaser_list {
  overflow: hidden;
}
.place-item.view-mode__teaser_list .place-item__card-left {
  position: relative;
}
.place-item.view-mode__teaser_list .place-item__deals {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 40%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, #594082 55.1%);
  z-index: 1;
}
.place-item.view-mode__teaser_list .place-item__deals .place-item__deals-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 50%;
}
.place-item.view-mode__teaser_list .place-item__link {
  position: relative;
  display: block;
  text-decoration: none;
}
.place-item.view-mode__teaser_list .place-item__card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-areas: "image text";
  grid-gap: 1vw;
}
.place-item.view-mode__teaser_list .place-item__card .place-item__image {
  grid-area: image;
  background: var(--color--gray-100);
}
.place-item.view-mode__teaser_list .place-item__card .place-item__image .field__item:not(:first-child) {
  display: none;
}
.place-item.view-mode__teaser_list .place-item__card .place-item__caption {
  grid-area: text;
  background: var(--color--gray-100);
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.place-item.view-mode__teaser_list .place-item__card .place-item__caption .place-item__title,
.place-item.view-mode__teaser_list .place-item__card .place-item__caption .place-item__description {
  padding: 0.5vw 2vw;
  margin: 0;
  text-align: left;
}
.place-item.view-mode__teaser_list .place-item__card .place-item__caption .place-item__description {
  padding-top: 0;
}

#place-page.layout__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "place";
  height: 100%;
}
#place-page.layout__grid .place {
  grid-area: place;
}
#place-page .place {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content auto;
  grid-gap: 1vw;
  padding: 1vw;
}
#place-page .place .block {
  color: black;
}
#place-page .place .has-padding {
  padding: 1vw;
}
#place-page .place h4.subtitle {
  margin-block-start: var(--sp2);
  margin-block-end: var(--sp0-5);
}
#place-page .place .place__header {
  display: grid;
  grid-template-columns: 1fr 8fr 1fr 1fr;
  grid-gap: 1vw;
}
#place-page .place .place__header .place__title {
  color: #fff;
  padding: 1vw;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
#place-page .place .place__header .icon-wrapper {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#place-page .place .place__header .icon {
  width: 100%;
  height: auto;
}
#place-page .place .place__deals {
  display: grid;
  grid-template-columns: 1fr 10fr;
  grid-gap: 1vw;
  margin-bottom: 1vw;
  background: #594082;
  align-items: center;
}
#place-page .place .place__deals .place__deals-content {
  padding: 1vw;
}
#place-page .place .place__deals .place__deals-title {
  padding: 0;
  color: white;
}
#place-page .place .place__content {
  position: relative;
}
#place-page .place .place__grid {
  display: block;
}
#place-page .place .place__grid-left {
  display: grid;
  grid-gap: 1vw;
}
#place-page .place .place__grid-right {
  display: grid;
  grid-gap: 1vw;
}
#place-page .place .place__image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}
#place-page .place .place__image-wrapper .place__image {
  aspect-ratio: 1/1;
}
#place-page .place .place__image-wrapper .place__image .field__item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  opacity: 0;
  transition: opacity 350ms linear;
  z-index: 0;
}
#place-page .place .place__image-wrapper .place__image .field__item.is-active {
  opacity: 1;
  z-index: 1;
}
#place-page .place .place__image-wrapper img {
  max-width: 100%;
  height: auto;
}
#place-page .place .place__map.block {
  padding: 0;
}
#place-page .place .place__map .field {
  height: 100%;
}
#place-page .place .place__map #map,
#place-page .place .place__map .leaflet-container {
  width: 100%;
  aspect-ratio: 3/2;
}
#place-page .place .place__text {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 1vw;
}
#place-page .place .place__text .place__description .field > * {
  padding-bottom: 1em;
}
#place-page .place .place__text .place__description .field h1:not(:first-child), #place-page .place .place__text .place__description .field h2:not(:first-child), #place-page .place .place__text .place__description .field h3:not(:first-child), #place-page .place .place__text .place__description .field h4:not(:first-child), #place-page .place .place__text .place__description .field h5:not(:first-child), #place-page .place .place__text .place__description .field h6:not(:first-child) {
  padding-top: 1em;
}
#place-page .place .place__review {
  grid-column-end: span 3;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 10px;
}
#place-page .place .place__review-image {
  margin: 0;
}
#place-page .place .place__review-rating {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
#place-page .place .place__review-rating svg {
  width: 24px;
  height: 24px;
}
#place-page .related-places {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 1vw;
  margin-top: 1vw;
  grid-auto-flow: dense;
  list-style: none;
}

.open-weather-container {
  background: none !important;
}
.open-weather-container * {
  color: black !important;
}
.open-weather-container .weather-icon {
  width: 150px;
  height: 150px;
  display: block;
  float: none;
}

.open-weather__wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.region--footer-top .block-openweather {
  display: none !important;
}

:root {
  --font-sans: "metropolis", sans-serif;
  --font-serif: "Lora", "georgia", serif;
  --font-size-base: 1rem;
  --font-size-l: 1.125rem;
  --font-size-s: 0.875rem;
  --font-size-xs: 0.8125rem;
  --font-size-xxs: 0.75rem;
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;
  --max-width: 84.375rem;
  --max-bg-color: 98.125rem;
  --sp: 1.125rem;
  --content-left: 5.625rem;
  --site-header-height-wide: var(--sp10);
  --container-padding: var(--sp);
  --scrollbar-width: 0px;
  --grid-col-count: 6;
  --grid-gap: var(--sp);
  --grid-gap-count: calc(var(--grid-col-count) - 1);
  --grid-full-width: calc(100vw - var(--sp2) - var(--scrollbar-width));
  --grid-col-width: calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count));
  --sp0-25: calc(0.25 * var(--sp));
  --sp0-5: calc(0.5 * var(--sp));
  --sp0-75: calc(0.75 * var(--sp));
  --sp1: calc(1 * var(--sp));
  --sp1-5: calc(1.5 * var(--sp));
  --sp2: calc(2 * var(--sp));
  --sp2-5: calc(2.5 * var(--sp));
  --sp3: calc(3 * var(--sp));
  --sp4: calc(4 * var(--sp));
  --sp5: calc(5 * var(--sp));
  --sp6: calc(6 * var(--sp));
  --sp7: calc(7 * var(--sp));
  --sp8: calc(8 * var(--sp));
  --sp9: calc(9 * var(--sp));
  --sp10: calc(10 * var(--sp));
  --sp11: calc(11 * var(--sp));
  --sp12: calc(12 * var(--sp));
  --color--gray-hue: 201;
  --color--gray-saturation: 5%;
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%);
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%);
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%);
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%);
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%);
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%);
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%);
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%);
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%);
  --color--primary-hue: 202;
  --color--primary-saturation: 79%;
  --color--primary-lightness: 50;
  --color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness)))));
  --color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness)))));
  --color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * var(--color--primary-lightness)));
  --color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness))))));
  --color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness))))));
  --color-text-neutral-soft: var(--color--gray-45);
  --color-text-neutral-medium: var(--color--gray-20);
  --color-text-neutral-loud: var(--color--gray-5);
  --color-text-primary-medium: var(--color--primary-40);
  --color-text-primary-loud: var(--color--primary-30);
  --color--black: #000;
  --color--white: #fff;
  --color--red: #e33f1e;
  --color--gold: #fdca40;
  --color--green: #3fa21c;
  --header-height-wide-when-fixed: calc(6 * var(--sp));
  --mobile-nav-width: 31.25rem;
  --border-radius: 0.1875rem;
}

.site-branding {
  background: #333;
}

.main-content__container {
  padding-block-start: var(--sp1);
}

ul {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}

figure {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  background: none;
}

figcaption {
  padding-block: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.block-page-title-block {
  margin-block-end: 0;
}

@media (min-width: 43.75rem) {
  .grid-full {
    grid-template-columns: 0.1fr repeat(12, minmax(0, 1fr)) 0.1fr;
    grid-column-gap: 0.25rem;
  }
}

.main {
  position: relative;
  z-index: 0;
}

.text-content,
.cke_editable {
  font-family: var(--font-sans);
}

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