.event-list a.event-box {
  color: var(--body-font-color);
  text-decoration: none;
}
.event-list a.event-box.proverommet .event-box-info h2, .event-list a.event-box.proverommet .event-box-info h3 {
  font-family: var(--font-family-proverommet);
  font-size: 30px;
  line-height: 35px;
}
.event-list a.event-box.meteor .event-box-info h2, .event-list a.event-box.meteor .event-box-info h3 {
  font-family: var(--font-family-meteor);
  font-size: 30px;
  line-height: 35px;
}
.event-list a.event-box.oktoberdans .event-box-info h2, .event-list a.event-box.oktoberdans .event-box-info h3 {
  font-family: var(--font-family-oktoberdans);
  font-size: 30px;
  line-height: 35px;
}
.event-list a.event-box.bit .event-box-info h2, .event-list a.event-box.bit .event-box-info h3 {
  font-family: var(--font-family-bit);
  font-size: 30px;
  line-height: 35px;
}
.event-list a.event-box:hover {
  color: var(--body-font-color);
}
.event-list a.event-box:hover .event-box-image .image-wrapper img {
  -webkit-transform: translate(-50%, -50%) scale(1.03);
          transform: translate(-50%, -50%) scale(1.03);
}
.event-list a.event-box:hover .event-box-info h2, .event-list a.event-box:hover .event-box-info h3 {
  text-decoration: underline;
}
.event-list a.event-box.first .event-box-image .image-wrapper {
  padding-bottom: 70.63%;
}
.event-list a.event-box.first .event-box-info h2 {
  font: var(--h1-font);
}
.event-list a.event-box.no-thumb .event-box-info {
  padding: 50px 40px;
}
.event-list a.event-box.no-thumb .event-box-info h3 {
  font: var(--h1-font);
}
.event-list a.event-box .event-box-image {
  padding-top: 22px;
  padding-bottom: 17px;
}
.event-list a.event-box .event-box-image .image-wrapper {
  padding-bottom: 100.91%;
}
.event-list a.event-box .event-box-info {
  padding: 50px 20px;
}
.event-list a.event-box .event-box-info .event-date {
  margin-right: 20px;
}
@media (min-width: 64.0625rem) {
  .event-list #date-filter {
    position: absolute;
    left: 0;
    top: 55px;
    width: 100%;
  }
}
@media (min-width: 48rem) and (max-width: 64rem) {
  .event-list .event-box .event-box-image .image-wrapper {
    padding-bottom: 80%;
  }
  .event-list .event-box.first .event-box-image .image-wrapper {
    padding-bottom: 80%;
  }
  .event-list .event-box.first .event-box-info h2 {
    font: var(--h3-font);
  }
}
@media (max-width: 47.9375rem) {
  .event-list .event-box .event-box-image {
    padding-top: 0;
    padding-bottom: 0;
  }
  .event-list .event-box .event-box-image .image-wrapper {
    padding-bottom: 66.58%;
  }
}
.event-list .filter .hide-for-medium-up {
  display: none;
}
.event-list .filter .hidden {
  display: none;
}
.event-list .filter .sub-filter {
  padding: 15px 0;
}
.event-list .filter #search-filter input[type=search] {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M20.6,22.5l-7.4-7.4c-0.6,0.5-1.3,0.8-2,1.1c-0.7,0.2-1.5,0.5-2.5,0.5c-2.1,0-4-0.7-5.4-2.2c-1.5-1.5-2.2-3.3-2.2-5.4 s0.7-4,2.2-5.4c1.5-1.5,3.3-2.2,5.4-2.2s4,0.7,5.4,2.2c1.5,1.5,2.2,3.3,2.2,5.4s-0.1,1.6-0.4,2.5c-0.2,0.7-0.6,1.4-1.1,2l7.4,7.4 l-1.6,1.6H20.6z M8.8,14.3c1.4,0,2.7-0.5,3.7-1.5S14,10.6,14,9.1s-0.5-2.7-1.5-3.7s-2.2-1.5-3.7-1.5S6.1,4.3,5,5.3S3.5,7.6,3.5,9.1 S4,11.8,5,12.8S7.3,14.3,8.8,14.3z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: left center;
  outline: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  width: 100%;
  max-width: 800px;
  line-height: 40px;
  padding-left: 30px;
}
.event-list .filter .dropdown-filters {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--maroon);
  position: relative;
}
@media (min-width: 64.0625rem) {
  .event-list .filter .dropdown-filters .sub-filter {
    width: 100%;
    background-color: #F9F9F9;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(101%);
            transform: translateY(101%);
    z-index: 99;
  }
  .event-list .filter .dropdown-filters #search-filter {
    padding-top: 5px;
  }
  .event-list .filter .dropdown-filters #search-filter input[type=search] {
    border-bottom: 1px solid var(--grey);
  }
  .event-list .filter .dropdown-filters #date-filter.sub-filter {
    bottom: -33px !important;
  }
}
.event-list .filter button {
  outline: 1px solid var(--maroon);
  border-radius: 20px;
  background: var(--lemon-light);
  color: var(--body-font-color);
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  -ms-flex-line-pack: center;
      align-content: center;
  line-height: 1;
  font-size: 15px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.event-list .filter button.icon {
  padding: 0.625rem 1.25rem 0.625rem 2.0625rem;
}
.event-list .filter button.icon::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  left: 10px;
  top: 7px;
}
.event-list .filter button.icon.date::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath d='M4.7,22c-0.6,0-1-0.2-1.4-0.6S2.7,20.5,2.7,20V6c0-0.6,0.2-1,0.6-1.4S4.2,4,4.7,4h1V2h2v2h8V2h2v2h1c0.5,0,1,0.2,1.4,0.6 s0.6,0.9,0.6,1.4v14c0,0.6-0.2,1-0.6,1.4S19.2,22,18.7,22H4.7z M4.7,20h14V10h-14V20z M4.7,8h14V6h-14V8z M11.7,14 c-0.3,0-0.5,0-0.7-0.3s-0.3-0.4-0.3-0.7s0-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3s0.5,0,0.7,0.3s0.3,0.4,0.3,0.7s0,0.5-0.3,0.7 C12.2,13.9,12,14,11.7,14z M7.7,14c-0.3,0-0.5,0-0.7-0.3c-0.2-0.2-0.3-0.4-0.3-0.7s0-0.5,0.3-0.7C7.2,12.1,7.4,12,7.7,12 s0.5,0,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7s0,0.5-0.3,0.7C8.2,13.9,8,14,7.7,14z M15.7,14c-0.3,0-0.5,0-0.7-0.3s-0.3-0.4-0.3-0.7 s0-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3s0.5,0,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7s0,0.5-0.3,0.7C16.2,13.9,16,14,15.7,14z M11.7,18 c-0.3,0-0.5,0-0.7-0.3c-0.2-0.2-0.3-0.4-0.3-0.7s0-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3s0.5,0,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7 s0,0.5-0.3,0.7C12.2,17.9,12,18,11.7,18z M7.7,18c-0.3,0-0.5,0-0.7-0.3c-0.2-0.2-0.3-0.4-0.3-0.7s0-0.5,0.3-0.7 C7.2,16.1,7.4,16,7.7,16s0.5,0,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7s0,0.5-0.3,0.7C8.2,17.9,8,18,7.7,18z M15.7,18c-0.3,0-0.5,0-0.7-0.3 c-0.2-0.2-0.3-0.4-0.3-0.7s0-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3s0.5,0,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7s0,0.5-0.3,0.7 C16.2,17.9,16,18,15.7,18z'/%3E%3C/svg%3E");
}
.event-list .filter button.icon.accessability::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath d='M11.7,6c-0.5,0-1-0.2-1.4-0.6S9.7,4.5,9.7,4s0.2-1,0.6-1.4C10.7,2.2,11.2,2,11.7,2s1,0.2,1.4,0.6s0.6,0.9,0.6,1.4 s-0.2,1-0.6,1.4C12.7,5.8,12.2,6,11.7,6z M8.7,22V9c-1,0-2-0.2-3-0.4S3.7,8.2,2.8,8l0.5-2C4.6,6.3,6,6.6,7.4,6.8 C8.9,7,10.3,7,11.7,7s2.9,0,4.3-0.2c1.5-0.2,2.8-0.4,4.1-0.8l0.5,2c-0.9,0.2-1.9,0.5-2.9,0.6c-1,0.2-2,0.3-3,0.4v13h-2v-6h-2v6 C10.7,22,8.7,22,8.7,22z'/%3E%3C/svg%3E");
}
.event-list .filter button.icon.search::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M20.6,22.5l-7.4-7.4c-0.6,0.5-1.3,0.8-2,1.1c-0.7,0.2-1.5,0.5-2.5,0.5c-2.1,0-4-0.7-5.4-2.2c-1.5-1.5-2.2-3.3-2.2-5.4 s0.7-4,2.2-5.4c1.5-1.5,3.3-2.2,5.4-2.2s4,0.7,5.4,2.2c1.5,1.5,2.2,3.3,2.2,5.4s-0.1,1.6-0.4,2.5c-0.2,0.7-0.6,1.4-1.1,2l7.4,7.4 l-1.6,1.6H20.6z M8.8,14.3c1.4,0,2.7-0.5,3.7-1.5S14,10.6,14,9.1s-0.5-2.7-1.5-3.7s-2.2-1.5-3.7-1.5S6.1,4.3,5,5.3S3.5,7.6,3.5,9.1 S4,11.8,5,12.8S7.3,14.3,8.8,14.3z'/%3E%3C/g%3E%3C/svg%3E");
}
.event-list .filter button.check {
  padding: 0.625rem 1.25rem 0.625rem 2.1875rem;
}
.event-list .filter button.check::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%234C5059;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,1.3c-3.7,0-6.7,3-6.7,6.7c0,3.7,3,6.7,6.7,6.7c3.7,0,6.7-3,6.7-6.7C14.7,4.3,11.7,1.3,8,1.3z M0.1,8 c0-4.3,3.5-7.9,7.9-7.9c4.3,0,7.9,3.5,7.9,7.9c0,4.3-3.5,7.9-7.9,7.9C3.7,15.9,0.1,12.3,0.1,8z'/%3E%3C/svg%3E");
  width: 17px;
  height: 17px;
  left: 10px;
  top: 9px;
}
.event-list .filter button.check.active::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23010101;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,15.9c4.4,0,7.9-3.5,7.9-7.9c0-4.4-3.5-7.9-7.9-7.9C3.6,0.1,0.1,3.6,0.1,8C0.1,12.3,3.6,15.9,8,15.9z M12,5.8 c0.2-0.3,0.2-0.7-0.1-0.9c-0.3-0.2-0.7-0.2-0.9,0.1l-4.4,5.1L4.5,8C4.3,7.7,3.9,7.7,3.6,8c-0.3,0.3-0.3,0.7,0,0.9l2.6,2.6 c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2L12,5.8z'/%3E%3C/svg%3E");
}
.event-list .filter button.active {
  background-color: var(--lemon);
}
.event-list .filter button:hover, .event-list .filter button:focus {
  outline: 1px solid var(--violet);
  background-color: var(--lemon);
}
@media (max-width: 64rem) {
  .event-list .filter .filter-name {
    text-transform: lowercase;
  }
  .event-list .filter .sub-filter {
    position: relative !important;
  }
  .event-list .filter .air-datepicker.-inline- {
    position: static !important;
  }
  .event-list .filter button {
    margin-bottom: 10px;
  }
  .event-list .filter .hide-for-medium-up {
    display: inline;
  }
  .event-list .filter .filter-list {
    padding: 0;
    border-top: 1px solid var(--maroon);
  }
  .event-list .filter .filter-list .filter-title {
    padding: 10px 0 10px 25px;
    position: relative;
    cursor: pointer;
  }
  .event-list .filter .filter-list .filter-title::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='13.7675' y='8.71484' width='9.98532' height='1.24882' transform='rotate(-135 13.7675 8.71484)' fill='black'/%3E%3Crect x='6.70679' y='14.0176' width='9.99856' height='1.24882' transform='rotate(-45 6.70679 14.0176)' fill='black'/%3E%3C/svg%3E%0A");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 12px;
    width: 15px;
    height: 15px;
  }
  .event-list .filter .filter-list .filter-buttons {
    display: none;
    width: 100%;
  }
  .event-list .filter .filter-list .filter-buttons.open {
    display: block;
  }
  .event-list .filter .dropdown-filters {
    padding-bottom: 0;
  }
  .event-list .filter .dropdown-filters .filter-title {
    display: none;
  }
  .event-list .filter .dropdown-filters .filter-buttons {
    width: 100%;
  }
  .event-list .filter .dropdown-filters .filter-buttons button.icon {
    border-top: 1px solid var(--maroon);
    outline: none;
    border-radius: 0;
    background: transparent;
    padding: 10px 0 10px 25px;
    line-height: 25.2px;
    font-size: 18px;
    position: relative;
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
    cursor: pointer;
    display: block;
    text-align: left;
  }
  .event-list .filter .dropdown-filters .filter-buttons button.icon::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='13.7675' y='8.71484' width='9.98532' height='1.24882' transform='rotate(-135 13.7675 8.71484)' fill='black'/%3E%3Crect x='6.70679' y='14.0176' width='9.99856' height='1.24882' transform='rotate(-45 6.70679 14.0176)' fill='black'/%3E%3C/svg%3E%0A");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 12px;
    width: 15px;
    height: 15px;
  }
}