<div class="filter_bar_layout js-filter-bar-layout" data-filtertype="Search Research">
<div class="filter_bar_layout_mobile">
<nav class="filter_bar is_mobile">
<div>
<form>
<label class="filter_bar_search_label" for="search-mobile">
Search Research
</label>
<div class="filter_bar_search_wrap">
<div class="filter_bar_search_input_wrap">
<input class="filter_bar_search_input" id="search-mobile" name="search-mobile" type="text" placeholder="Search By Keyword.">
</div>
<button class="filter_bar_search_submit" type="submit" aria-label="Search">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</button>
</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">
<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-6-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-6-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-6-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-6-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-6-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-6-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-6-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-6-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>
</form>
</div>
<div>
<button class="filter_bar_takeover_toggle js-swap-filter-bar" type="button" data-swap-target="[data-js='filter-bar-takeover']" data-swap-linked="filter-bar-takeover">
<div class="left">
<span class="icon_filter">
<svg class="icon icon_filter">
<use href="/images/icons.svg#filter" />
</svg>
</span>
<span class="text">Filter By:</span>
</div>
<div class="right">
<span class="icon_plus">
<svg class="icon icon_plus">
<use href="/images/icons.svg#plus" />
</svg>
</span>
</div>
</button>
</div>
</nav>
</div>
<div class="filter_bar_layout_desktop">
<nav class="filter_bar">
<div class="filter_bar_inner">
<form class="filter_bar_search_form">
<label class="filter_bar_search_label" for="search">
Search Research
</label>
<div class="filter_bar_search_wrap">
<div class="filter_bar_search_input_wrap">
<input class="filter_bar_search_input" id="search" name="search" type="text" placeholder="Search By Keyword.">
</div>
<button class="filter_bar_search_submit" type="submit" aria-label="Search">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</button>
</div>
<div class="filter_bar_filters">
<div class="filter_bar_accordion">
<div class="js-accordion accordion">
<div class="accordion_items">
<div class="js-accordion-item js-accordion-item-7-1 accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-label="Issue" data-swap-target=".js-accordion-item-7-1">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
By
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-7-2 accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-label="Region" data-swap-target=".js-accordion-item-7-2">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
By
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-7-3 accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-label="Publication Type" data-swap-target=".js-accordion-item-7-3">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
By
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-7-4 accordion_item">
<h2 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-label="Publication Date" data-swap-target=".js-accordion-item-7-4">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">
By
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_radio_wrap">
<input class="filter_bar_radio_input" type="radio" value="Any Time">
<span class="filter_bar_radio_indicator"></span>
<span class="filter_bar_radio_text">Any Time</span>
</label>
<label class="filter_bar_radio_wrap">
<input class="filter_bar_radio_input" type="radio" value="This Month" checked>
<span class="filter_bar_radio_indicator"></span>
<span class="filter_bar_radio_text">This Month</span>
</label>
<label class="filter_bar_radio_wrap">
<input class="filter_bar_radio_input" type="radio" value="Past 6 Months">
<span class="filter_bar_radio_indicator"></span>
<span class="filter_bar_radio_text">Past 6 Months</span>
</label>
<label class="filter_bar_radio_wrap">
<input class="filter_bar_radio_input" type="radio" value="Past 12 Months">
<span class="filter_bar_radio_indicator"></span>
<span class="filter_bar_radio_text">Past 12 Months</span>
</label>
<label class="filter_bar_radio_wrap">
<input class="filter_bar_radio_input" type="radio" value="Over 12 Months Ago">
<span class="filter_bar_radio_indicator"></span>
<span class="filter_bar_radio_text">Over 12 Months Ago</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="filter_bar_submit_wrap">
<input class="filter_bar_submit" type="submit" value="Submit" />
</div>
</div>
</form>
</div>
</nav>
</div>
</div>
<div class="filter_bar_layout js-filter-bar-layout" data-filtertype="{{ label }}">
<div class="filter_bar_layout_mobile">
<nav class="filter_bar is_mobile">
<div>
<form>
<label class="filter_bar_search_label" for="search-mobile">
{{ label }}
</label>
<div class="filter_bar_search_wrap">
<div class="filter_bar_search_input_wrap">
<input class="filter_bar_search_input" id="search-mobile" name="search-mobile" type="text" placeholder="Search By Keyword.">
</div>
<button class="filter_bar_search_submit" type="submit" aria-label="Search">
{{ icon('search') }}
</button>
</div>
{% render "@component-filter-bar-takeover" %}
</form>
</div>
<div>
<button class="filter_bar_takeover_toggle js-swap-filter-bar" type="button" data-swap-target="[data-js='filter-bar-takeover']" data-swap-linked="filter-bar-takeover">
<div class="left">
<span class="icon_filter">{{ icon("filter") }}</span>
<span class="text">Filter By:</span>
</div>
<div class="right">
<span class="icon_plus">{{ icon("plus") }}</span>
</div>
</button>
</div>
</nav>
</div>
<div class="filter_bar_layout_desktop">
<nav class="filter_bar">
<div class="filter_bar_inner">
<form class="filter_bar_search_form">
<label class="filter_bar_search_label" for="search">
{{ label }}
</label>
<div class="filter_bar_search_wrap">
<div class="filter_bar_search_input_wrap">
<input class="filter_bar_search_input" id="search" name="search" type="text" placeholder="Search By Keyword.">
</div>
<button class="filter_bar_search_submit" type="submit" aria-label="Search">
{{ icon('search') }}
</button>
</div>
<div class="filter_bar_filters">
<div class="filter_bar_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 accordion_item_button" data-label="{{ filter.label }}" 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">
By
{{ 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 %}
{% set type = filter.label == "Publication Date" ? "radio" : "checkbox" %}
<label class="filter_bar_{{ type }}_wrap">
<input class="filter_bar_{{ type }}_input" type="{{ type }}" value="{{ item }}"{% if loop.index == 2 %} checked{% endif %}>
<span class="filter_bar_{{ type }}_indicator"></span>
<span class="filter_bar_{{ type }}_text">{{ item }}</span>
</label>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="filter_bar_submit_wrap">
<input class="filter_bar_submit" type="submit" value="Submit"/>
</div>
</div>
</form>
</div>
</nav>
</div>
</div>
No notes defined.