<div class="events-filter filter-standard js-events-filter">
<div class="filter-standard__background">
<div class="filter-standard__background-image">
<figure class="image js-image " data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="">
<picture class="image__container">
<img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
</picture>
</figure>
<div class="filter-standard__background-fade"></div>
</div>
<div class="filter-standard__content">
<div class="grid-container">
<div class="filter-standard__main-title">
</div>
<div class="filter-standard__subtitle">
</div>
<div class="filter-standard__controls js-filter-controls">
<a href="#" class="filter-standard__toggle js-filter-standard-toggle">
<span></span>
<span></span>
</a>
<div class="filter-standard__results js-total-results"></div>
<div class="filter-standard__tags-wrapper js-filter-standard-tags">
<template class="js-tag-template">
<div class="filter-standard__tag js-filter-standard-tag">
<a href='#' class="filter-standard__close-icon js-remove-filter-tag"></a>
</div>
</template>
</div>
</div>
</div>
<div class="filter-standard__wrapper js-filters-container">
<div class="grid-container">
<div class="filter-standard__container">
<div class="grid-x grid-margin-x">
<div class="cell medium-4 large-4">
<div class="filter-standard__group">
<div class="js-location-filter" data-city-param-name="" data-county-param-name="">
<div class="filter-standard__title"></div>
<div class="filter-standard__option active js-reset-location">
<div class="filter-standard__option-title">
</div>
</div>
<div class="js-city-filter">
<div class="checkbox-list js-checkbox-list">
<div class="checkbox-list__toggle js-toggle">
</div>
<div class="checkbox-list__list js-list-container">
</div>
</div>
</div>
<div class="js-county-filter">
<div class="checkbox-list js-checkbox-list">
<div class="checkbox-list__toggle js-toggle">
</div>
<div class="checkbox-list__list js-list-container">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cell medium-4 large-4">
<div class="filter-standard__group">
<div class="js-months-filter" data-months-param-name="">
<div class="filter-standard__title"></div>
<div class="grid-x grid-margin-x">
<div class="cell medium-6 large-6">
<div class="filter-standard__option active js-filter-option" data-type="" data-value="">
<div class="filter-standard__option-title">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cell medium-4 large-4">
<div class="filter-standard__group">
<div class="date-filter js-date-filter" data-start-date-param-name="" data-end-date-param-name="">
<div class="filter-standard__title"></div>
<div class="date-filter__date-picker js-filter-start-datepicker">
<div class='datepicker' data-offset='' data-max-day='' data-max-month='' data-max-year='' data-monday='' data-tuesday='' data-wednesday='' data-thursday='' data-friday='' data-saturday='' data-sunday='' data-january='' data-february='' data-march='' data-april='' data-may='' data-june='' data-july='' data-august='' data-september='' data-october='' data-november='' data-december='' data-short-january='' data-short-february='' data-short-march='' data-short-april='' data-short-may='' data-short-june='' data-short-july='' data-short-august='' data-short-september='' data-short-october='' data-short-november='' data-short-december=''>
<label class="label" for=""></label>
<input type="text" class="input-date" readonly max="--" placeholder="" id="" />
</div>
</div>
<div class="date-filter__date-picker js-filter-end-datepicker">
<div class='datepicker' data-offset='' data-max-day='' data-max-month='' data-max-year='' data-monday='' data-tuesday='' data-wednesday='' data-thursday='' data-friday='' data-saturday='' data-sunday='' data-january='' data-february='' data-march='' data-april='' data-may='' data-june='' data-july='' data-august='' data-september='' data-october='' data-november='' data-december='' data-short-january='' data-short-february='' data-short-march='' data-short-april='' data-short-may='' data-short-june='' data-short-july='' data-short-august='' data-short-september='' data-short-october='' data-short-november='' data-short-december=''>
<label class="label" for=""></label>
<input type="text" class="input-date" readonly max="--" placeholder="" id="" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="events-filter filter-standard js-events-filter">
<div class="filter-standard__background">
<div class="filter-standard__background-image">
{{> @cp-medium-image backgroundResponsiveImage}}
<div class="filter-standard__background-fade"></div>
</div>
<div class="filter-standard__content">
<div class="grid-container">
<div class="filter-standard__main-title">
{{title}}
</div>
<div class="filter-standard__subtitle">
{{subtitle}}
</div>
{{> @filter-controls}}
</div>
<div class="filter-standard__wrapper js-filters-container">
<div class="grid-container">
<div class="filter-standard__container">
<div class="grid-x grid-margin-x">
<div class="cell medium-4 large-4">
{{> @cp-location-filter location}}
</div>
<div class="cell medium-4 large-4">
<div class="filter-standard__group">
{{> @cp-months-filter months}}
</div>
</div>
<div class="cell medium-4 large-4">
{{> @cp-date-filter dates}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
/* No context defined for this component. */
There are no notes for this item.