<div class="filter_bar_takeover" data-js="filter-bar-takeover">
<div class="filter_bar_takeover__inner">
<header class="filter_bar_takeover_head">
<button class="filter_bar_takeover_btn js-swap-filter-bar" type="button" data-swap-target="[data-js='filter-bar-takeover']" data-swap-linked="filter-bar-takeover">
<span class="filter_bar_takeover_btn_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
<span class="filter_bar_takeover_btn_text">Close</span>
</button>
</header>
<div class="filter_bar_takeover_form">
<div class="filter_bar is_filter_takeover">
<div class="filter_bar_takeover_label">
Filter by:
</div>
<div class="filter_bar_takeover_accordion">
<div class="js-accordion accordion">
<div class="accordion_items">
<div class="js-accordion-item js-accordion-item-10-1 accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap-filter-bar accordion_item_button" data-swap-target=".js-accordion-item-10-1">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
Issue
</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content accordion_item_content" aria-label="Issue">
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Climate and the Environment">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Climate and the Environment</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Culture" checked>
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Culture</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Defense and Security ">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Defense and Security </span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Education">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Education</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Energy">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Energy</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Food and Agriculture">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Food and Agriculture</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Global Cities">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Global Cities</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Global Economy, Trade and Business">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Global Economy, Trade and Business</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Global Health">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Global Health</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Global Politics">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Global Politics</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Immigration and Migration">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Immigration and Migration</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Inclusion and Equity">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Inclusion and Equity</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="International Development">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">International Development</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="International Law and Human Rights">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">International Law and Human Rights</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Public Opinion">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Public Opinion</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Science, Technology, and Innovation">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Science, Technology, and Innovation</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Water">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Water</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Women and Girls">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Women and Girls</span>
</label>
</div>
</div>
<div class="js-accordion-item js-accordion-item-10-2 accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap-filter-bar accordion_item_button" data-swap-target=".js-accordion-item-10-2">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
Region
</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content accordion_item_content" aria-label="Region">
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Central America and the Caribbean">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Central America and the Caribbean</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Central Asia" checked>
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Central Asia</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Chicago and the Midwest">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Chicago and the Midwest</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="China">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">China</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="East Asia">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">East Asia</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Eurasia">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Eurasia</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Europe">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Europe</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Mexico">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Mexico</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Middle East and North Africa">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Middle East and North Africa</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="North America">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">North America</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Oceania">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Oceania</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Polar Regions">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Polar Regions</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Russia">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Russia</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="South America">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">South America</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="South Asia">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">South Asia</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Southeast Asia">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Southeast Asia</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Global">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Global</span>
</label>
</div>
</div>
<div class="js-accordion-item js-accordion-item-10-3 accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap-filter-bar accordion_item_button" data-swap-target=".js-accordion-item-10-3">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
Publication Type
</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content accordion_item_content" aria-label="Publication Type">
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Report">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Report</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Policy Brief" checked>
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Policy Brief</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Public Opinion Survey">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Public Opinion Survey</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Working Paper">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Working Paper</span>
</label>
</div>
</div>
<div class="js-accordion-item js-accordion-item-10-4 accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap-filter-bar accordion_item_button" data-swap-target=".js-accordion-item-10-4">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
Publication Date
</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content accordion_item_content" aria-label="Publication Date">
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Any Time">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Any Time</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="This Month" checked>
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">This Month</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Past 6 Months">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Past 6 Months</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Past 12 Months">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Past 12 Months</span>
</label>
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="Over 12 Months Ago">
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">Over 12 Months Ago</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="filter_bar_takeover_foot">
<div class="filter_bar_takeover_foot_inner">
<div class="filter_bar_takeover_foot_title">
30 Events Match Your Selection
</div>
<div class="filter_bar_takeover_btns_wrap">
<div class="filter_bar_takeover_btn_submit_wrap">
<input type="submit" class="filter_bar_takeover_submit" value="Submit">
</div>
<label class="filter_bar_takeover_btn_reset_wrap">
<span class="filter_bar_takeover_btn_reset_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
<input type="reset" class="filter_bar_takeover_reset" value="Clear">
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="filter_bar_takeover" data-js="filter-bar-takeover">
<div class="filter_bar_takeover__inner">
<header class="filter_bar_takeover_head">
<button class="filter_bar_takeover_btn js-swap-filter-bar" type="button" data-swap-target="[data-js='filter-bar-takeover']" data-swap-linked="filter-bar-takeover">
<span class="filter_bar_takeover_btn_icon">{{ icon("close") }}</span>
<span class="filter_bar_takeover_btn_text">Close</span>
</button>
</header>
<div class="filter_bar_takeover_form">
<div class="filter_bar is_filter_takeover">
<div class="filter_bar_takeover_label">
Filter by:
</div>
<div class="filter_bar_takeover_accordion">
<div class="js-accordion accordion">
<div class="accordion_items">
{% set id = uniqid("js-accordion-item") %}
{% set group_id = uniqid("accordion-group") %}
{% for index, filter in filters %}
<div class="js-accordion-item {{ id }}-{{ loop.index }} accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap-filter-bar accordion_item_button" data-swap-target=".{{ id }}-{{ loop.index }}" {% if grouped %} data-swap-group="{{ group_id }}" {% endif %}>
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
{{ filter.label }}
</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content accordion_item_content" aria-label="{{ filter.label }}">
{% for item in filter.items %}
<label class="filter_bar_checkbox_wrap">
<input class="filter_bar_checkbox_input" type="checkbox" value="{{ item }}"{% if loop.index == 2 %} checked{% endif %}>
<span class="filter_bar_checkbox_indicator"></span>
<span class="filter_bar_checkbox_text">{{ item }}</span>
</label>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="filter_bar_takeover_foot">
<div class="filter_bar_takeover_foot_inner">
<div class="filter_bar_takeover_foot_title">
30 Events Match Your Selection
</div>
<div class="filter_bar_takeover_btns_wrap">
<div class="filter_bar_takeover_btn_submit_wrap">
<input type="submit" class="filter_bar_takeover_submit" value="Submit">
</div>
<label class="filter_bar_takeover_btn_reset_wrap">
<span class="filter_bar_takeover_btn_reset_icon">{{ icon("close") }}</span>
<input type="reset" class="filter_bar_takeover_reset" value="Clear">
</label>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.