#calendar-filter-toggle {
  z-index: 3;
  position: fixed;
  left: 0px;
  bottom: 0px;
  background: #F4B223;
  box-shadow: 0px 0px 10px 0px black;
  height: 50px;
  display: flex;
  align-content: center;
  justify-content: center;
}
#calendar-filter-toggle .filter-title {
  font-size: 2rem;
  display: flex;
  align-items: center;
}
#calendar-filter-toggle .filter-icon {
  color: #011E41;
  font-size: 2.2rem;
}
@media only screen and (min-width: 992px) {
  #calendar-filter-toggle {
    display: none;
  }
}
#calendar-filters {
  background-color: #F2F2F2;
  z-index: 10;
  position: fixed;
  width: 100%;
  padding: 1rem;
  display: block;
  height: 70vh;
  overflow-y: scroll;
}
#calendar-filters .button {
  font-weight: normal !important;
}
@media only screen and (min-width: 768px) {
  #calendar-filters {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #calendar-filters {
    padding: 1rem 1rem;
    position: unset;
    display: unset;
    box-shadow: none;
    height: auto;
    overflow: unset;
  }
}
#calendar-filters > *:not(#date-selector) {
  width: 100% !important;
  margin-bottom: 1rem;
}
#calendar-filters #tools > *:not(label) {
  margin-bottom: 1rem;
}
#calendar-filters #date_field {
  width: 100%;
}
#calendar-filters #tools {
  overflow-y: visible;
  position: static;
}
#calendar-filters #tools form .fields {
  max-height: 40vh;
  overflow-y: auto;
}
@media only screen and (min-width: 992px) {
  #calendar-filters #tools {
    position: sticky;
  }
}
#calendar-filters #tools details.form-item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #F2F2F2;
}
#calendar-filters #tools details.form-item:first-child {
  padding-top: 10px;
}
#calendar-filters #tools details.form-item:nth-last-child(1) {
  padding-bottom: 10px;
  border-bottom: 0px;
}
#calendar-filters #tools details:not(:last-child) {
  border-bottom: 1px solid #A2A2A2;
}
#calendar-filters.enter-from-left {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  box-shadow: unset;
  transition: transform 0.5s ease, box-shadow 0.5s;
}
@media only screen and (min-width: 768px) {
  #calendar-filters.enter-from-left {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
  }
}
@media only screen and (min-width: 992px) {
  #calendar-filters.enter-from-left {
    transform: translateX(0);
    transition: transform 0s;
  }
}
#calendar-filters.enter-from-left.show {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  box-shadow: 0px 0px 10px black;
}
#calendar-filters #block-exposedformsearch-eventspage-1 .form-item:not(details):not(.js-form-type-checkbox) {
  width: 100%;
  margin-bottom: 1rem;
}
#calendar-filters #block-exposedformsearch-eventspage-1 .form-item:not(details):not(.js-form-type-checkbox) input:not([type="checkbox"]) {
  width: 100%;
}
#calendar-filters #block-exposedformsearch-eventspage-1 h2 {
  font-family: 'neuzeit-grotesk';
  font-weight: 600;
  font-size: 1rem;
}
#calendar-filters label {
  display: block;
  width: 100%;
  font-family: 'neuzeit-grotesk';
  margin-bottom: 0;
  color: #222222;
  font-size: 20px;
  font-weight: bold;
}
#calendar-filters .ms-options-wrap > button {
  width: 100% !important;
  background-color: white;
  border: 1px solid #001E41;
  padding: 5px;
}
#calendar-filters .bef-checkboxes {
  /*
        @media @desktop {
            max-height: 20vh;
        }
        overflow-y: scroll;
        */
}
#calendar-filters .bef-checkboxes label {
  display: inline;
  width: auto;
  padding: 2px;
  white-space: normal;
}
#calendar-filters .bef-checkboxes .js-form-type-checkbox {
  background-color: inherit;
}
body.user-logged-in #applied-filters ~ .events-view #calendar-filters {
  top: 213px;
  height: 64vh;
}
@media only screen and (min-width: 992px) {
  body.user-logged-in #applied-filters ~ .events-view #calendar-filters {
    height: auto;
  }
}
body.logged-out #applied-filters ~ .events-view #calendar-filters {
  top: 183px;
  height: 64vh;
}
@media only screen and (min-width: 992px) {
  body.logged-out #applied-filters ~ .events-view #calendar-filters {
    height: auto;
  }
}