<div class="things-to-do-filter filter-standard js-things-to-do-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 class="filter-standard__container">
                        <div class="filter-standard__group">
                            {{> @cp-activities-filter activities}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>