html:not(.js) .lp-cruncho-filter-categories-toggle {
  display: none;
}
html:not(.js) .lp-cruncho-filter-categories-toggle__label--js-hidden,
html:not(.js) .lp-cruncho-filter-categories-list__wrapper--toggled,
html:not(.js) .lp-cruncho-filter-submit--hidden {
  display: block;
}
/*
=========================================================
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__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lp-cruncho-filter > form > .lp-cruncho-filter__row:first-of-type {
  margin: 0 -1rem;
}
.lp-cruncho-filter > form > .lp-cruncho-filter__row:first-of-type > * {
  min-width: 20rem;
  padding: 0 1rem 2rem;
}
.lp-cruncho-filter__heading {
  font-size: 2.2rem;
  margin: 0 0 1rem;
}
.lp-cruncho-filter-element {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          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-categories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lp-cruncho-filter-category {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: var(--border-radius-large);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1rem 1rem 0;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-cruncho-filter-category input[type='checkbox'] {
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-large);
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 100%;
  z-index: -1;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.lp-cruncho-filter-category__label {
  cursor: pointer;
}
.lp-cruncho-filter-category input[type='checkbox']:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.lp-cruncho-filter-category:hover .lp-cruncho-filter-category__label {
  text-decoration: underline;
}
label.lp-cruncho-filter-category__label {
  margin: 0;
  padding: var(--padding-button);
}
.lp-cruncho-toggle-options {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lp-cruncho-toggle-option {
  margin-left: 1rem;
}
.lp-cruncho-filter-submit {
  margin: 2rem 0 0;
}
.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);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.lp-cruncho-filter-submit__button:hover,
.lp-cruncho-filter-submit__button:focus {
  background-color: var(--primary-hover);
}
.lp-cruncho-filter-categories-list__wrapper .lp-cruncho-filter-categories-list__heading {
  margin: 0;
  padding: var(--padding-box);
  padding-bottom: 0;
}
.lp-cruncho-filter-categories {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-small);
  width: 100%;
}
.lp-cruncho .lp-cruncho-filter-categories-toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--font-family);
  font-size: 1.5rem;
  margin: 0;
  padding: var(--padding-box);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lp-cruncho-filter-categories-toggle .lp-cruncho-filter-categories-toggle__status {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lp-cruncho-filter-categories-toggle .lp-cruncho-filter-categories-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;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 2.6rem;
}
.lp-cruncho-filter-categories-toggle[aria-expanded='true'] .lp-cruncho-filter-categories-toggle__status:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.lp-cruncho .lp-cruncho-filter-categories-toggle:hover,
.lp-cruncho .lp-cruncho-filter-categories-toggle:focus {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: underline;
}
.lp-cruncho-filter-categories-toggle__label {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0;
}
.lp-cruncho-filter-categories-toggle__label--standalone {
  font-size: 1.6rem;
  font-weight: bold;
  margin: var(--padding-box);
}
.lp-cruncho-filter-categories-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: var(--padding-box);
  padding-top: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lp-cruncho-filter input:not([type='checkbox']),
.lp-cruncho-filter select {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-small);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: 1.4rem;
  padding: 2rem;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 100%;
  -webkit-appearance: none;
}
.lp-cruncho-filter input:not([type='checkbox'])::-webkit-input-placeholder {
  color: #767676;
}
.lp-cruncho-filter input:not([type='checkbox'])::-moz-placeholder {
  color: #767676;
}
.lp-cruncho-filter input:not([type='checkbox']):-ms-input-placeholder {
  color: #767676;
}
.lp-cruncho-filter input:not([type='checkbox'])::-ms-input-placeholder {
  color: #767676;
}
.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;
  -webkit-box-shadow: var(--focus-shadow);
          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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.6rem;
  pointer-events: none;
}
.lp-cruncho-filter .duet-date__input-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: var(--transition);
  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;
  -webkit-box-shadow: var(--focus-shadow);
          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;
  -webkit-transition: var(--transition);
  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 {
  -webkit-box-shadow: 0 0 0 1px var(--primary-hover);
          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;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: var(--font-family);
  font-size: 1.4rem;
  padding: 0;
  -webkit-transition: var(--transition);
  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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 50%;
  max-width: 100%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          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;
  -webkit-transition: var(--transition);
  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-seniors {
  margin: 2rem 0 0;
}
.lp-cruncho-filter-seniors input[type='checkbox'] {
  left: -999px;
  position: absolute;
}
.lp-cruncho-filter-seniors label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lp-cruncho-filter-seniors label:hover,
.lp-cruncho-filter-seniors input[type='checkbox']:focus + label {
  text-decoration: underline;
}
.lp-cruncho-filter-seniors 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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lp-cruncho-filter-seniors input[type='checkbox']:checked + label:before {
  background: var(--primary);
  -webkit-box-shadow: inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 4px #fff;
}
.lp-cruncho-filter-seniors 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;
  -webkit-transition: var(--transition);
  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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lp-cruncho-event-image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--primary);
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 25rem;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-cruncho-event-image img {
  height: 25rem;
  max-width: 100%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lp-cruncho-event-info {
  border: 1px solid var(--border-color);
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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: -webkit-box;
  display: -ms-flexbox;
  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;
  -ms-flex-negative: 0;
      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;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.lp-cruncho-event-booking-button__link:hover {
  background-color: var(--primary-hover);
}
.lp-cruncho-load-button__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 9rem 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transition: var(--transition);
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          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-events--grid-view .lp-cruncho-event:hover .lp-cruncho-event-image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transform-origin: center;
          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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-info {
  background: #fff;
  border: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lp-cruncho-event-list.lp-cruncho-event-list--modal .lp-cruncho-event-info > * {
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          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;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  z-index: 1;
}
.lp-cruncho .lp-cruncho-modal__close-button:hover {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.8;
}
.lp-cruncho .lp-cruncho-modal__close-button:focus {
  background: transparent;
  border: none;
  -webkit-box-shadow: 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 .lp-cruncho-event-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  -ms-flex-wrap: wrap;
      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 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid var(--border-color);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 1rem 0 0;
  padding: calc(var(--padding-box) - 0.5rem);
  padding-left: 0;
  padding-right: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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 {
  -webkit-columns: 2;
     -moz-columns: 2;
          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 img {
  height: 100%;
  max-height: 25rem;
  max-width: 100%;
  width: 100%;
  -o-object-fit: cover;
     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%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: var(--transition);
  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.lp-cruncho--single-event .lp-cruncho-event-contact .lp-cruncho-event-contact-row {
  margin: 0 0 0.5rem;
}
/*
---------------------------------------------------------
LOADER
---------------------------------------------------------*/
.lp-cruncho-events.lp-cruncho-events--loading {
  min-height: 10rem;
  position: relative;
}
.lp-cruncho-events > ul,
.lp-cruncho-events > div {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.lp-cruncho-events.lp-cruncho-events--loading > ul,
.lp-cruncho-events.lp-cruncho-events--loading > div {
  -webkit-filter: blur(2px);
          filter: blur(2px);
  opacity: 0.7;
}
.lp-cruncho-events.lp-cruncho-events--loading:after {
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          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 {
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          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 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lp-cruncho-load-button.lp-cruncho-load-button--loading:after {
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          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;
}
@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*
---------------------------------------------------------
BRYTPUNKTER
---------------------------------------------------------*/
@media (max-width: 800px) {
  .lp-cruncho-events--list-view .lp-cruncho-event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transform: initial;
            transform: initial;
  }
  .lp-cruncho--single-event .lp-cruncho-event .lp-cruncho-event-occasions__list.lp-cruncho-event-occasions__list--columns {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}
.lp-cruncho-filter-categories-toggle__label--js-hidden,
.lp-cruncho-filter-categories-list__wrapper--toggled,
.lp-cruncho-filter-submit--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%;
  -webkit-box-shadow: 2px 3px 6px 0 rgb(0 0 0%);
          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;
  -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
}
.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;
  -webkit-transition: stroke-dashoffset 0.3s ease-out, 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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 41000;
  width: 100vw;
}
.lp-modal-body-no-scroll {
  overflow-y: hidden;
}
.lp-cruncho-modal__dialog {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 4px 5px 35px 0 rgba(0, 0, 0, 0.3);
          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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}
.lp-cruncho-modal--visible {
  display: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          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;
}

