html:not(.js) .lp-cruncho-filter-expandable__container {
  display: block;
}
html:not(.js) .lp-cruncho-filter__row--hidden {
  display: flex;
}
html:not(.js) .lp-cruncho-pinned-events {
  display: none;
}
/*
=========================================================
CRUNCHO CSS
=========================================================
 * Innehåller styling för evenemangsmodulen
 *
 * Copyright (C) Limepark AB.
=========================================================*/
/*
---------------------------------------------------------
GENERELLT
---------------------------------------------------------*/
.lp-cruncho {
  --border-color: #ccc;
  --font-family: 'open sans', helvetica, arial, sans-serif;
  --transition: 0.3s ease;
  --border-radius-large: 4.5rem;
  --border-radius-small: 0.3rem;
  --focus-shadow: 0 0 0 0.4rem rgb(0 0 0%);
  --padding-box: 2rem;
  --padding-button: 1rem 1.5rem;
  --padding-button-large: 2rem 3.5rem;
  --primary: #ddd;
  --primary-hover: #ccc;
  --text-color: #222;
}
.lp-cruncho-events {
  margin: 2rem 0 5rem;
}
/*
---------------------------------------------------------
SÖK/FILTRERING
---------------------------------------------------------*/
.lp-cruncho-filter form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.lp-cruncho-filter__row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.lp-cruncho-filter form > .lp-cruncho-filter-multiselect {
  padding: 2rem;
  border: solid 1px var(--border-color);
  border-radius: var(--border-radius-small);
}
.lp-cruncho-filter > form > .lp-cruncho-filter__row:first-of-type > * {
  min-width: 20rem;
}
.lp-cruncho-filter__heading {
  font-size: 2.2rem;
  margin: 0 0 1rem;
}
.lp-cruncho-filter-element {
  flex: 1 1 auto;
}
.lp-cruncho-filter-element:last-child {
  margin-right: 0;
}
.lp-cruncho-filter label {
  color: var(--text-color);
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 0 0.6rem;
}
.lp-cruncho-filter-multiselect label {
  margin-bottom: 1rem;
}
.lp-cruncho-filter-categories__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.lp-cruncho-filter-multiselect-option {
  align-items: center;
  background-color: transparent;
  border-radius: var(--border-radius-large);
  cursor: pointer;
  display: flex;
  margin: 0 1rem 1rem 0;
  position: relative;
  justify-content: center;
}
.lp-cruncho-filter-multiselect-option input[type='checkbox'] {
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-small);
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  transition: var(--transition);
  width: 100%;
  z-index: -1;
  -webkit-appearance: none;
  appearance: none;
}
.lp-cruncho-filter-multiselect-option__label {
  cursor: pointer;
}
.lp-cruncho-filter-multiselect-option input[type='checkbox']:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.lp-cruncho-filter-multiselect-option:hover .lp-cruncho-filter-multiselect-option__label {
  text-decoration: underline;
}
label.lp-cruncho-filter-multiselect-option__label {
  margin: 0;
  padding: var(--padding-button);
}
.lp-cruncho-view-toggler {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}
.lp-cruncho .lp-cruncho-translation-notice {
  flex: 1 1 auto;
  font-size: 1.6rem;
  margin: 0;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  width: max-content;
}
.lp-cruncho-toggle-options {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  max-width: 100%;
  padding: 0;
  justify-content: flex-end;
}
.lp-cruncho-toggle-option {
  margin-left: 1rem;
}
.lp-cruncho-filter-submit__button {
  background-color: var(--primary);
  border: 0;
  border-radius: var(--border-radius-large);
  font-family: var(--font-family);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  padding: var(--padding-button-large);
  transition: var(--transition);
}
.lp-cruncho-filter-submit__button:hover,
.lp-cruncho-filter-submit__button:focus {
  background-color: var(--primary-hover);
}
.lp-cruncho-filter-expandable {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-small);
  width: 100%;
}
.lp-cruncho .lp-cruncho-filter-toggle__heading {
  font: inherit;
  margin: 0;
  padding: 0;
}
.lp-cruncho .lp-cruncho-filter-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: flex;
  font-family: var(--font-family);
  font-size: 1.5rem;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: var(--padding-box);
  text-align: left;
  transition: var(--transition);
  width: 100%;
  justify-content: space-between;
}
.lp-cruncho-filter-toggle .lp-cruncho-filter-toggle__status {
  align-items: center;
  display: flex;
}
.lp-cruncho-filter-toggle .lp-cruncho-filter-toggle__status:after {
  background: #000;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2029.56%2028.14\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23fff\'%3E%3Cpath%20d=\'M28.86%2C11.63l-1.42-1.42a2.43%2C2.43%2C0%2C0%2C0-1.73-.7%2C2.32%2C2.32%2C0%2C0%2C0-1.71.7l-5.58%2C5.58V2.43A2.33%2C2.33%2C0%2C0%2C0%2C17.7.72%2C2.34%2C2.34%2C0%2C0%2C0%2C16%2C0H13.57a2.33%2C2.33%2C0%2C0%2C0-1.71.72%2C2.33%2C2.33%2C0%2C0%2C0-.72%2C1.71V15.79L5.56%2C10.21a2.32%2C2.32%2C0%2C0%2C0-1.71-.7%2C2.43%2C2.43%2C0%2C0%2C0-1.73.7l-1.4%2C1.42A2.36%2C2.36%2C0%2C0%2C0%2C0%2C13.36a2.26%2C2.26%2C0%2C0%2C0%2C.72%2C1.71L13.07%2C27.44a2.32%2C2.32%2C0%2C0%2C0%2C1.71.7%2C2.43%2C2.43%2C0%2C0%2C0%2C1.73-.7L28.86%2C15.06a2.32%2C2.32%2C0%2C0%2C0%2C.7-1.71A2.43%2C2.43%2C0%2C0%2C0%2C28.86%2C11.63Z\'%3E%3C/path%3E%3C/svg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 2.6rem;
  margin-left: 0.7rem;
  transition: var(--transition);
  width: 2.6rem;
}
.lp-cruncho-filter-toggle[aria-expanded='true'] .lp-cruncho-filter-toggle__status:after {
  transform: rotate(180deg);
}
.lp-cruncho .lp-cruncho-filter-toggle:hover,
.lp-cruncho .lp-cruncho-filter-toggle:focus {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}
.lp-cruncho-filter-expandable-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: var(--padding-box);
  padding-top: 0;
}
.lp-cruncho-filter-expandable-content .lp-cruncho-filter__row {
  gap: 2rem;
}
.lp-cruncho-filter-toggle__label {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0;
}
.lp-cruncho-filter-multiselect__list {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  padding: 0;
}
.lp-cruncho-filter input:not([type='checkbox']),
.lp-cruncho-filter select {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-small);
  box-sizing: border-box;
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: 1.4rem;
  padding: 2rem;
  transition: var(--transition);
  width: 100%;
  -webkit-appearance: none;
}
.lp-cruncho-filter input:not([type='checkbox'])::placeholder,
.lp-cruncho-filter select {
  color: #767676;
}
.lp-cruncho-filter input:not([type='checkbox']):focus,
.lp-cruncho-filter select:focus,
.lp-cruncho-filter .duet-date__select select:focus + .duet-date__select-label {
  background-color: #fff;
  border: 1px solid #000;
  box-shadow: var(--focus-shadow);
  outline: none;
}
.lp-cruncho-filter select {
  cursor: pointer;
}
.lp-cruncho-filter .lp-cruncho-filter-input__wrapper {
  position: relative;
}
.lp-cruncho-filter .lp-cruncho-filter-input__wrapper:after {
  background: #000;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2029.56%2028.14\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23fff\'%3E%3Cpath%20d=\'M28.86%2C11.63l-1.42-1.42a2.43%2C2.43%2C0%2C0%2C0-1.73-.7%2C2.32%2C2.32%2C0%2C0%2C0-1.71.7l-5.58%2C5.58V2.43A2.33%2C2.33%2C0%2C0%2C0%2C17.7.72%2C2.34%2C2.34%2C0%2C0%2C0%2C16%2C0H13.57a2.33%2C2.33%2C0%2C0%2C0-1.71.72%2C2.33%2C2.33%2C0%2C0%2C0-.72%2C1.71V15.79L5.56%2C10.21a2.32%2C2.32%2C0%2C0%2C0-1.71-.7%2C2.43%2C2.43%2C0%2C0%2C0-1.73.7l-1.4%2C1.42A2.36%2C2.36%2C0%2C0%2C0%2C0%2C13.36a2.26%2C2.26%2C0%2C0%2C0%2C.72%2C1.71L13.07%2C27.44a2.32%2C2.32%2C0%2C0%2C0%2C1.71.7%2C2.43%2C2.43%2C0%2C0%2C0%2C1.73-.7L28.86%2C15.06a2.32%2C2.32%2C0%2C0%2C0%2C.7-1.71A2.43%2C2.43%2C0%2C0%2C0%2C28.86%2C11.63Z\'%3E%3C/path%3E%3C/svg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  border-radius: 50%;
  content: '';
  height: 2.6rem;
  position: absolute;
  right: 1.85rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.6rem;
  pointer-events: none;
}
.lp-cruncho-filter .duet-date__input-wrapper {
  align-items: center;
  display: flex;
}
.lp-cruncho-filter .duet-date__toggle {
  background-color: #000;
  border-color: #000;
  border-radius: 50%;
  height: auto;
  margin-left: -5.5rem;
  min-height: 4.8rem;
  min-width: 4.8rem;
  padding: 1rem;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--transition);
}
.lp-cruncho-filter .duet-date__toggle svg {
  color: #fff;
}
.lp-cruncho-filter .duet-date__toggle:hover {
  background-color: #4a4a4a;
}
.lp-cruncho-filter .duet-date__toggle:focus,
.lp-cruncho-filter .duet-date__toggle:focus,
.lp-cruncho-filter .duet-date__prev:focus,
.lp-cruncho-filter .duet-date__next:focus {
  background-color: #4a4a4a;
  border-color: #000;
  box-shadow: var(--focus-shadow);
  outline: none;
}
.lp-cruncho-filter .duet-date__mobile-heading {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.lp-cruncho-filter .duet-date__prev,
.lp-cruncho-filter .duet-date__next {
  background: #000;
  color: #fff;
  padding: 0;
  transition: var(--transition);
}
.lp-cruncho-filter .duet-date__day:hover::before,
.lp-cruncho-filter .duet-date__day.is-today::before {
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.lp-cruncho-filter .duet-date__day.is-today {
  box-shadow: 0 0 0 1px var(--primary-hover);
}
.lp-cruncho-filter .duet-date__prev:hover,
.lp-cruncho-filter .duet-date__next:hover {
  background-color: #4a4a4a;
}
.lp-cruncho-filter .duet-date__day {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  font-family: var(--font-family);
  font-size: 1.4rem;
  padding: 0;
  transition: var(--transition);
}
.lp-cruncho-filter .duet-date__day:hover {
  background-color: var(--primary);
  border-color: transparent;
}
.lp-cruncho-filter .duet-date__day[aria-pressed=true],
.lp-cruncho-filter .duet-date__day:focus {
  background: var(--primary);
  color: initial;
}
.lp-cruncho-filter .duet-date__table-header {
  font-family: var(--font-family);
  font-size: 1.2rem;
  padding-bottom: 1.5rem;
}
.lp-cruncho-filter .duet-date__header {
  margin-bottom: 2.5rem;
}
.lp-cruncho-filter .duet-date__dialog-content {
  box-sizing: border-box;
  left: 50%;
  max-width: 100%;
  position: absolute;
  transform: translateX(-50%);
}
.lp-cruncho-filter .duet-date__dialog {
  min-width: 0;
}
.lp-cruncho-filter .duet-date__close {
  background: var(--primary);
  height: 4.8rem;
  padding: 0;
  transition: var(--transition);
  width: 4.8rem;
}
.lp-cruncho-filter .duet-date__close:hover {
  background: var(--primary-hover);
}
.lp-cruncho-filter .duet-date__close svg {
  height: 2rem;
  width: 2rem;
}
.lp-cruncho-filter-checkbox input[type='checkbox'] {
  left: -999px;
  position: absolute;
}
.lp-cruncho-filter-checkbox label {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.lp-cruncho-filter-checkbox label:hover,
.lp-cruncho-filter-checkbox input[type='checkbox']:focus + label {
  text-decoration: underline;
}
.lp-cruncho-filter-checkbox label:before {
  background: #fff;
  border: solid 1px var(--border-color);
  border-radius: var(--border-radius-small);
  content: ' ';
  display: inline-block;
  height: 1.3em;
  margin-right: 0.8rem;
  width: 1.3em;
  flex-shrink: 0;
}
.lp-cruncho-filter-checkbox input[type='checkbox']:checked + label:before {
  background: var(--primary);
  box-shadow: inset 0 0 0 4px #fff;
}
.lp-cruncho-filter-checkbox input[type='checkbox'].focus-visible:focus + label {
  outline: 3px solid #000 !important;
  outline-offset: 3px;
}
.lp-cruncho-toggle-option {
  background-color: var(--primary);
  border: 0;
  border-radius: var(--border-radius-large);
  display: inline-block;
  font-family: var(--font-family);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  padding: var(--padding-button);
  text-decoration: none;
  transition: var(--transition);
}
.lp-cruncho-toggle-option:hover {
  background-color: var(--primary-hover);
}
/* Fix */
@media (min-width: 36em) {
  .lp-cruncho-filter .duet-date__mobile {
    right: -1.6rem;
    top: -1.6rem;
  }
  .lp-cruncho-filter .duet-date__close {
    height: 3.2rem;
    opacity: 1;
    width: 3.2rem;
  }
}
/*
---------------------------------------------------------
LISTNING
---------------------------------------------------------*/
.lp-cruncho-event-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-gap: 3rem;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.lp-cruncho-event {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.lp-cruncho-event-image {
  align-items: center;
  background-color: var(--primary);
  border: 1px solid var(--border-color);
  display: flex;
  height: 25rem;
  overflow: hidden;
  flex-shrink: 0;
  justify-content: center;
}
.lp-cruncho-event-image img {
  height: 25rem;
  max-width: 100%;
  transition: var(--transition);
  width: 100%;
  object-fit: cover;
}
.lp-cruncho-event-info {
  border: 1px solid var(--border-color);
  border-top: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--padding-box);
}
.lp-cruncho-event-title a {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 1rem;
  text-decoration: none;
}
.lp-cruncho-event-info > div:last-child > span {
  margin-bottom: 0;
}
.lp-cruncho-event-title__heading {
  margin: 0;
}
.lp-cruncho-event-title a:hover {
  text-decoration: underline;
}
.lp-cruncho-event-dates,
.lp-cruncho-event-venue__name,
.lp-cruncho-event-date {
  font-size: 1.4rem;
  margin: 0 0 0.8rem;
}
ul.lp-cruncho-event-dates {
  list-style: none;
  padding: 0;
}
.lp-cruncho-event-venue__name,
span.lp-cruncho-event-dates,
.lp-cruncho-event-date {
  display: flex;
}
span.lp-cruncho-event-dates:before,
.lp-cruncho-event-venue__name:before,
.lp-cruncho-event-date:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2031.57%2034%22%3E%3Cpath%20d%3D%22M30.85%205.58a2.34%202.34%200%200%200-1.71-.72h-2.43V3a2.92%202.92%200%200%200-.89-2.11A2.92%202.92%200%200%200%2023.68%200h-1.22a2.92%202.92%200%200%200-2.14.89A2.92%202.92%200%200%200%2019.43%203v1.86h-7.29V3a2.92%202.92%200%200%200-.89-2.11A2.92%202.92%200%200%200%209.11%200H7.89a2.92%202.92%200%200%200-2.14.89A2.92%202.92%200%200%200%204.86%203v1.86H2.43a2.33%202.33%200%200%200-1.71.72A2.33%202.33%200%200%200%200%207.29v24.28a2.33%202.33%200%200%200%20.72%201.71%202.33%202.33%200%200%200%201.71.72h26.71a2.46%202.46%200%200%200%202.43-2.43V7.29a2.34%202.34%200%200%200-.72-1.71zm-23%2026H2.43v-5.47h5.46v5.46zm0-6.68H2.43v-6.08h5.46v6.07zm0-7.29H2.43v-5.47h5.46v5.46zm-.38-8.68a.58.58%200%200%201-.18-.43V3a.62.62%200%200%201%20.61-.61h1.21a.62.62%200%200%201%20.6.61v5.5a.62.62%200%200%201-.61.61H7.89a.58.58%200%200%201-.42-.18zm7.71%2022.64H9.11v-5.46h6.07v5.46zm0-6.68H9.11v-6.07h6.07v6.07zm0-7.29H9.11v-5.46h6.07v5.46zm7.29%2014h-6.08v-5.49h6.07v5.46zm0-6.68h-6.08v-6.1h6.07v6.07zm0-7.29h-6.08v-5.49h6.07v5.46zM22%208.93a.58.58%200%200%201-.18-.43V3a.62.62%200%200%201%20.61-.61h1.21a.62.62%200%200%201%20.61.61v5.5a.62.62%200%200%201-.61.61h-1.18a.58.58%200%200%201-.46-.18zm7.11%2022.64h-5.43v-5.46h5.46v5.46zm0-6.68h-5.43v-6.07h5.46v6.07zm0-7.29h-5.43v-5.46h5.46v5.46z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 1em;
  margin-right: 0.8rem;
  margin-top: 3px;
  width: 1em;
  flex-shrink: 0;
}
.lp-cruncho-event-venue__name:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2019.43%2029.14%22%3E%3Cpath%20d%3D%22M16.58%202.85A9.36%209.36%200%200%200%209.71%200a9.36%209.36%200%200%200-6.86%202.85A9.36%209.36%200%200%200%200%209.71a8%208%200%200%200%20.63%203.4L7.55%2027.8a2.18%202.18%200%200%200%20.88%201%202.45%202.45%200%200%200%202.56%200%202.31%202.31%200%200%200%20.9-1l6.91-14.69a8%208%200%200%200%20.63-3.4%209.36%209.36%200%200%200-2.85-6.86zm-3.43%2010.3a4.68%204.68%200%200%201-3.43%201.42%204.68%204.68%200%200%201-3.43-1.42%204.68%204.68%200%200%201-1.43-3.44%204.68%204.68%200%200%201%201.42-3.43%204.68%204.68%200%200%201%203.43-1.42%204.68%204.68%200%200%201%203.43%201.42%204.68%204.68%200%200%201%201.42%203.43%204.68%204.68%200%200%201-1.41%203.44z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.lp-cruncho-event-excerpt {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 1.5rem 0 0;
}
.lp-cruncho-event-booking-button {
  margin: 2rem 0 0;
  margin: auto auto 0;
  padding: 3rem 0 0;
}
.lp-cruncho-event-booking-button__link {
  background-color: var(--primary);
  border: 0;
  border-radius: var(--border-radius-large);
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  padding: var(--padding-button);
  text-decoration: none;
  transition: var(--transition);
}
.lp-cruncho-event-booking-button__link:hover {
  background-color: var(--primary-hover);
}
.lp-cruncho-load-button__wrapper {
  display: flex;
  margin: 9rem 0 0;
  justify-content: center;
}
.lp-cruncho .lp-cruncho-load-button {
  background-color: var(--primary);
  border: 0;
  border-radius: var(--border-radius-large);
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  padding: var(--padding-button-large);
  text-decoration: none;
  transition: var(--transition);
}
.lp-cruncho-load-button:hover {
  background-color: var(--primary-hover);
}
/*-- Fixar för Listvy ---*/
.lp-cruncho-events--list-view .lp-cruncho-event-list,
.lp-cruncho-event-list.lp-cruncho-event-list--modal {
  grid-gap: 0;
  grid-template-columns: 1fr;
}
.lp-cruncho-events--list-view .lp-cruncho-event {
  border: 1px solid var(--border-color);
  border-bottom: 0;
  cursor: pointer;
  flex-direction: row;
  padding: var(--padding-box);
  width: 100%;
}
.lp-cruncho-events--list-view .lp-cruncho-event:last-child {
  border-bottom: 1px solid var(--border-color);
}
.lp-cruncho-events--list-view .lp-cruncho-event-title {
  box-sizing: border-box;
  padding-right: 2rem;
  width: 60%;
}
.lp-cruncho-events--list-view .lp-cruncho-event-title a,
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-title a {
  margin: 0;
}
.lp-cruncho-events--list-view .lp-cruncho-event-info {
  border: 0;
  display: block;
  padding: 0;
  flex: 1 1 auto;
}
.lp-cruncho-events--list-view .lp-cruncho-event-booking-button {
  margin: auto;
  padding: 0 0 0 2rem;
}
.lp-cruncho:not(.lp-cruncho--single-event) .lp-cruncho-event:hover {
  cursor: pointer;
}
.lp-cruncho .lp-cruncho-event:hover .lp-cruncho-event-title__link {
  text-decoration: underline;
}
.lp-cruncho-pinned-events .lp-cruncho-event:hover .lp-cruncho-event-image img,
.lp-cruncho-events--grid-view .lp-cruncho-event:hover .lp-cruncho-event-image img {
  transform: scale(1.05);
  transform-origin: center;
}
/*-- Fixar för Listvy i Karta---*/
.lp-cruncho-modal__dialog .lp-cruncho-modal__title {
  margin-top: 0;
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event {
  border: 1px solid var(--border-color);
  margin-top: -1px;
  padding: var(--padding-box);
  padding-right: 12rem;
  position: relative;
  width: 100%;
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-title a {
  font-size: 1.8rem;
  margin: 0 0 0.8em;
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-booking-button {
  padding: 0;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-info {
  align-items: start;
  background: #fff;
  border: 0;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-info > * {
  white-space: nowrap;
  flex: 1 1 1px;
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-dates__wrapper {
  margin-right: 1rem;
}
.lp-cruncho .lp-cruncho-modal__close-button {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding: 0;
  transition: var(--transition);
  z-index: 1;
}
.lp-cruncho .lp-cruncho-modal__close-button:hover {
  background: transparent;
  border: none;
  box-shadow: none;
  opacity: 0.8;
}
.lp-cruncho .lp-cruncho-modal__close-button:focus {
  background: transparent;
  border: none;
  box-shadow: none;
}
/* Kartvy utan js */
.lp-cruncho-map__nojs {
  background: var(--primary);
  border-radius: var(--border-radius-small);
  display: block;
  padding: var(--padding-box);
  text-align: center;
}
/*
---------------------------------------------------------
EVENEMANGSSIDA
---------------------------------------------------------*/
.lp-cruncho--single-event .lp-cruncho-event {
  display: block;
  padding: 0;
  width: 100%;
}
.lp-cruncho.lp-cruncho--single-event .lp-cruncho-event-title {
  margin: 4rem 0 2rem;
}
.lp-cruncho.lp-cruncho--single-event h2 {
  margin: 5rem 0 0.8rem;
}
.lp-cruncho--single-event .lp-cruncho-event-image {
  background-color: transparent;
  height: auto;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-image img {
  height: 50vw;
  max-height: 50rem;
}
.lp-cruncho--single-event .lp-cruncho-event-image-credit,
.lp-cruncho-modal-image-credit {
  text-align: right;
  font-size: 1.5rem;
  font-style: italic;
  margin: 0.5rem 0 1.7rem;
  font-family: var(--font-family);
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-categories {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-category {
  border: 1px solid var(--primary);
  border-radius: var(--border-radius-small);
  margin: 0 1.5rem 1.5rem 0;
  padding: var(--padding-button);
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-info {
  align-items: center;
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid var(--border-color);
  flex-direction: row;
  margin: 1rem 0 0;
  padding: calc(var(--padding-box) - 0.5rem);
  padding-left: 0;
  padding-right: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-booking-button {
  margin: 0;
  padding: 0;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-info__left {
  margin-right: 2rem;
  padding: 0.5rem 0;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-info__right {
  padding: 0.5rem 0;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-booking-button__link {
  padding: var(--padding-button-large);
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-description {
  margin-top: 3.5rem;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-occasions__list {
  margin: 0 0 3.5rem;
  padding: 0 0 0 2rem;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-occasions__list.lp-cruncho-event-occasions__list--columns {
  columns: 2;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-occasion {
  margin: 0 3.5rem 0.8rem 0;
}
.lp-cruncho--single-event .lp-cruncho-event-media-list {
  display: grid;
  list-style: none;
  margin: 3rem 0 4rem;
  padding: 0;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
}
.lp-cruncho--single-event .lp-cruncho-event-media button {
  background: none;
  border: none;
  padding: 0;
}
.lp-cruncho--single-event .lp-cruncho-event-media img {
  height: 100%;
  max-height: 25rem;
  max-width: 100%;
  vertical-align: top;
  width: 100%;
  object-fit: cover;
}
.lp-cruncho--single-event .lp-cruncho-event-media a {
  display: block;
  height: 100%;
  position: relative;
}
.lp-cruncho--single-event .lp-cruncho-event-media a:before {
  background-color: #1d1d1b;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2030%2030\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23ffffff\'%3E%3Cpath%20%20d%3D%22M6%203a1%201%200%200%200-1%201%201%201%200%200%200%200%20.004v21.992A1%201%200%200%200%205%2026a1%201%200%200%200%201%201%201%201%200%200%200%20.58-.188l.002.002%2019.834-10.906A1%201%200%200%200%2027%2015a1%201%200%200%200-.611-.922L6.582%203.186H6.58A1%201%200%200%200%206%203z%22%2F%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2.2rem 2.2rem;
  border-radius: 50%;
  content: '';
  height: 6rem;
  left: 50%;
  opacity: 0.9;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition);
  width: 6rem;
}
.lp-cruncho--single-event .lp-cruncho-event-media a:hover:before {
  height: 6.5rem;
  opacity: 1;
  width: 6.5rem;
}
.lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-map {
  margin-top: 4rem;
}
.lp-cruncho--single-event .lp-cruncho-event-translation-notice {
  font-size: 1.6rem;
  margin: 4rem 0 0;
}
.lp-cruncho.lp-cruncho--single-event .lp-cruncho-event-contact .lp-cruncho-event-contact-row {
  margin: 0 0 0.5rem;
}
/*
---------------------------------------------------------
LOADER
---------------------------------------------------------*/
.lp-cruncho-events--loading {
  min-height: 10rem;
  position: relative;
}
.lp-cruncho-pinned-events--loading,
.lp-cruncho-events,
.lp-cruncho-events > div {
  transition: var(--transition);
}
.lp-cruncho-pinned-events--loading,
.lp-cruncho-events--loading,
.lp-cruncho-events--loading > div {
  filter: blur(2px);
  opacity: 0.7;
}
.lp-cruncho-events.lp-cruncho-events--loading:after {
  animation: lds-dual-ring 1.2s linear infinite;
  border: 8px solid var(--primary);
  border-color: var(--primary) transparent var(--primary) transparent;
  border-radius: 50%;
  content: '';
  display: block;
  height: 64px;
  left: calc(50% - 48px);
  margin: 8px;
  position: absolute;
  top: 5rem;
  width: 64px;
}
.lp-cruncho-modal-events.lp-cruncho-modal-events--loading:after {
  animation: lds-dual-ring 1.2s linear infinite;
  border: 8px solid var(--primary);
  border-color: var(--primary) transparent var(--primary) transparent;
  border-radius: 50%;
  content: '';
  display: block;
  height: 48px;
  margin: 1rem auto 0;
  width: 48px;
}
.lp-cruncho-load-button.lp-cruncho-load-button--loading {
  align-items: center;
  display: flex;
}
.lp-cruncho-load-button.lp-cruncho-load-button--loading:after {
  animation: lds-dual-ring 1.2s linear infinite;
  border: 5px solid #fff;
  border-color: #fff transparent #fff #fff;
  border-radius: 50%;
  content: '';
  display: block;
  height: 14px;
  margin-left: 2rem;
  width: 14px;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
---------------------------------------------------------
FLAGGNING
---------------------------------------------------------*/
.lp-cruncho-event-image {
  position: relative;
}
.lp-cruncho-event-label {
  background-color: var(--primary);
  border-radius: var(--border-radius-small);
  display: inline-block;
  font-size: 1.4rem;
  padding: 0.4em 1em;
  z-index: 1;
}
.lp-cruncho-pinned-events .lp-cruncho-event-label,
.lp-cruncho-events--grid-view .lp-cruncho-event-label {
  position: absolute;
  right: var(--padding-box);
  top: var(--padding-box);
}
.lp-cruncho-events--list-view .lp-cruncho-event-title {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.lp-cruncho-events--list-view .lp-cruncho-event-label {
  margin-top: 3px;
}
.lp-cruncho-events--map-view .lp-cruncho-event-title {
  margin: 0 0 0.8em;
}
body .lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-title a {
  margin: 0;
}
.lp-cruncho--single-event .lp-cruncho-event-categories__wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.lp-cruncho--single-event .lp-cruncho-event-categories__wrapper .lp-cruncho-event-label {
  border: 1px solid var(--primary);
  font-size: 1.6rem;
  margin: 0 1.5rem 1.5rem 0;
  padding: var(--padding-button);
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-info {
  gap: 2rem;
}
body .lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-info > * {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-info > div > span {
  margin-bottom: 0;
}
body .lp-cruncho-events--list-view .lp-cruncho-event-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*
---------------------------------------------------------
VÄGBESKRIVNING
---------------------------------------------------------*/
.lp-cruncho-event-directions__link {
  background-color: var(--primary);
  border: 0;
  border-radius: var(--border-radius-large);
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 3.5rem 0 0;
  padding: var(--padding-button-large);
  text-decoration: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.lp-cruncho-event-directions__link:hover,
.lp-cruncho-event-directions__link:focus {
  background-color: var(--primary-hover);
}
/*
---------------------------------------------------------
Bildmodal
---------------------------------------------------------*/
.lp-cruncho-modal--image .lp-cruncho-modal__dialog {
  padding: 6rem 1.5rem 1.5rem;
  width: auto;
}
.lp-cruncho-modal--image .lp-cruncho-modal-image img {
  vertical-align: top;
  max-width: 100%;
  max-height: calc(100vh - 250px);
}
.lp-cruncho-modal-image-credit {
  margin-bottom: 0;
}
/*
---------------------------------------------------------
UTVALDA EVENEMANG
---------------------------------------------------------*/
.lp-cruncho-pinned-events__heading {
  font-size: 1.7rem;
  margin: 0 0 1rem;
}
.lp-cruncho-pinned-events__container {
  margin-bottom: 3rem;
  padding: 2.5rem;
  position: relative;
}
.lp-cruncho-glide__arrow {
  display: inline-block;
  margin-top: -2rem;
  position: absolute;
  top: 50%;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  z-index: 1;
}
.lp-cruncho-glide__arrow--left {
  left: -2rem;
}
.lp-cruncho-glide__arrow--right {
  right: -2rem;
}
.lp-cruncho-glide__arrow.glide__arrow--disabled {
  cursor: default;
}
.lp-cruncho-glide__arrow::after {
  background: #000;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2029.56%2028.14\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23fff\'%3E%3Cpath%20d=\'M28.86%2C11.63l-1.42-1.42a2.43%2C2.43%2C0%2C0%2C0-1.73-.7%2C2.32%2C2.32%2C0%2C0%2C0-1.71.7l-5.58%2C5.58V2.43A2.33%2C2.33%2C0%2C0%2C0%2C17.7.72%2C2.34%2C2.34%2C0%2C0%2C0%2C16%2C0H13.57a2.33%2C2.33%2C0%2C0%2C0-1.71.72%2C2.33%2C2.33%2C0%2C0%2C0-.72%2C1.71V15.79L5.56%2C10.21a2.32%2C2.32%2C0%2C0%2C0-1.71-.7%2C2.43%2C2.43%2C0%2C0%2C0-1.73.7l-1.4%2C1.42A2.36%2C2.36%2C0%2C0%2C0%2C0%2C13.36a2.26%2C2.26%2C0%2C0%2C0%2C.72%2C1.71L13.07%2C27.44a2.32%2C2.32%2C0%2C0%2C0%2C1.71.7%2C2.43%2C2.43%2C0%2C0%2C0%2C1.73-.7L28.86%2C15.06a2.32%2C2.32%2C0%2C0%2C0%2C.7-1.71A2.43%2C2.43%2C0%2C0%2C0%2C28.86%2C11.63Z\'%3E%3C/path%3E%3C/svg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  border-radius: 50%;
  content: '';
  display: block;
  height: 4rem;
  transform: rotate(-90deg);
  transition: var(--transition);
  width: 4rem;
}
.lp-cruncho-glide__arrow--left::after {
  transform: rotate(90deg);
}
.lp-cruncho-glide__arrow.glide__arrow--disabled::after {
  background-color: #b8b8b8;
}
/*
---------------------------------------------------------
BRYTPUNKTER
---------------------------------------------------------*/
@media (max-width: 800px) {
  .lp-cruncho-events--list-view .lp-cruncho-event {
    flex-direction: column;
  }
  .lp-cruncho-events--list-view .lp-cruncho-event-title {
    padding: 0 0 1rem;
    width: 100%;
  }
  .lp-cruncho-events--list-view .lp-cruncho-event-booking-button {
    margin: 0;
    padding: 2rem 0 0;
  }
  .lp-cruncho-view-toggler {
    margin-top: 3rem;
  }
  body .lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event {
    padding: var(--padding-box);
  }
  .lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-booking-button {
    margin: 1.5rem 0 0;
    position: static;
    transform: initial;
  }
  .lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-occasions__list.lp-cruncho-event-occasions__list--columns {
    columns: 1;
  }
  .lp-cruncho-glide__arrow--left {
    left: 0;
  }
  .lp-cruncho-glide__arrow--right {
    right: 0;
  }
}
.lp-cruncho-filter-expandable__container,
.lp-cruncho-filter__row--hidden {
  display: none;
}
:root {
  --duet-color-primary: #005fcc;
  --duet-color-text: #333;
  --duet-color-text-active: #fff;
  --duet-color-placeholder: #666;
  --duet-color-button: #f5f5f5;
  --duet-color-surface: #fff;
  --duet-color-overlay: rgba(0, 0, 0, 0.8);
  --duet-color-border: #333;
  --duet-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --duet-font-normal: 400;
  --duet-font-bold: 600;
  --duet-radius: 4px;
  --duet-z-index: 600;
}
.lp-cruncho-map {
  height: 60rem;
  width: 100%;
}
.lp-cruncho-map .lp-map-cluster-marker {
  height: 100%;
  position: relative;
  width: 100%;
}
.lp-cruncho-map .lp-map-cluster-marker__number {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 2px 3px 6px 0 rgb(0 0 0%);
  display: inline-block;
  font-weight: bold;
  line-height: 2.9rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 3rem;
}
.lp-cruncho-map .leaflet-cluster-anim .leaflet-marker-icon,
.lp-cruncho-map .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.lp-cruncho-map .leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.lp-cruncho-modal {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  z-index: 41000;
  width: 100vw;
}
.lp-modal-body-no-scroll {
  overflow-y: hidden;
}
.lp-cruncho-modal__dialog {
  box-sizing: border-box;
  box-shadow: 4px 5px 35px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
  max-width: 90vw;
  padding: 5rem 5rem 4rem;
  position: relative;
  width: 84rem;
}
.lp-cruncho-modal__content {
  max-height: calc(100vh - 200px);
  box-sizing: border-box;
  overflow-y: auto;
}
.lp-cruncho-modal--visible {
  display: flex;
}
.lp-cruncho-modal-backdrop {
  display: none;
}
.lp-cruncho-modal-backdrop--visible {
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40000;
}
.lp-cruncho-modal__footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding: 1.5em 0 0;
}
.lp-cruncho-modal--hidden {
  display: none;
}
.lp-cruncho-modal__close-button {
  background: transparent;
  border: none;
  padding: 0;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.lp-cruncho-modal__close-button:hover,
.lp-cruncho-modal__close-button:focus {
  background: transparent;
}
.lp-cruncho-glide {
  width: 100%;
  box-sizing: border-box;
}
.lp-cruncho-glide * {
  box-sizing: inherit;
}
.lp-cruncho-glide__track {
  overflow: hidden;
}
.lp-cruncho-glide ul.lp-cruncho-pinned-events__list {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.lp-cruncho-glide__slides--dragging {
  user-select: none;
}
.lp-cruncho-glide .lp-cruncho-event {
  width: 100%;
  height: auto;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 1px;
}
.lp-cruncho-glide .lp-cruncho-event a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.lp-cruncho-glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}