<div class="page_header theme_">
    <div class="page_header_inner">
        <div class="page_header_top">
            <div class="page_breadcrumb">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="page_breadcrumb_inner">

                            <div class="breadcrumb">
                                <nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
                                    <div class="breadcrumb_nav_header">
                                        <h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
                                    </div>
                                    <ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
                                        <li class="breadcrumb_item breadcrumb_item_home">
                                            <a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_icon" aria-hidden="true">
                                                        <svg class="icon icon_home">
                                                            <use href="/images/icons.svg#home" />
                                                        </svg>
                                                    </span>
                                                    <span class="breadcrumb_pill_label">Home</span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="breadcrumb_item">
                                            <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_label">News & Stories</span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="breadcrumb_item">
                                            <span class="breadcrumb_pill">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_label">News Results</span>
                                                </span>
                                            </span>
                                        </li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="page_intro">
                <div class="fs-row fs-lg-justify-center">
                    <div class="fs-cell fs-lg-10">
                        <div class="page_intro_inner">
                            <h1 class="page_title" id="page_title" tabindex="-1">News Results</h1>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
    <div class="news_listing_filters">
        <div class="news_listing_filters_inner">

            <!-- Filter -->
            <div class="filter">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="filter_inner">
                            <div class="filter_bar">
                                <form class="filter_tools" action="" method="get">
                                    <div class="filter_tool">
                                        <label class="filter_label" for="filter_tool_label_1">Search</label>
                                        <div class="filter_search_form">
                                            <input class="filter_search_input" id="filter_tool_label_1" type="search" placeholder="Search news...">
                                            <span class="filter_search_icon">
                                                <svg class="icon icon_search">
                                                    <use href="/images/icons.svg#search" />
                                                </svg>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="filter_tool">
                                        <label class="filter_label" for="filter_tool_label_2">Source</label>
                                        <select class="filter_tool_select" id="filter_tool_label_2">
                                            <option value="Showing All" selected>Showing All</option>
                                            <option value="Source A">Source A</option>
                                            <option value="A Needlessly Long Source Title Goes Here">A Needlessly Long Source Title Goes Here</option>
                                        </select>
                                    </div>
                                    <div class="filter_tool">
                                        <label class="filter_label" for="filter_tool_label_3">Category</label>
                                        <select class="filter_tool_select" id="filter_tool_label_3">
                                            <option value="Showing All" selected>Showing All</option>
                                            <option value="Category A">Category A</option>
                                            <option value="Category B Goes Here">Category B Goes Here</option>
                                        </select>
                                    </div>
                                    <div class="filter_tool filter_tool_submit">

                                        <button class="filter_tools_submit_button">
                                            <span class="filter_tools_submit_button_inner">
                                                <span class="filter_tools_submit_button_label">Submit</span>
                                                <span class="filter_tools_submit_button_icon" aria-hidden="true">

                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>

                                                </span>
                                            </span>
                                        </button>
                                    </div>
                                </form>
                            </div>
                            <div class="filter_results_wrap">
                                <div class="filter_results">
                                    <p class="filter_results_description">
                                        <span class="filter_results_label">0 Results found for:</span>
                                        <span class="filter_results_category">Example</span>
                                    </p>
                                    <div class="filter_results_action">

                                        <a href="page-news-listing.html" class="filter_results_reset_link">
                                            <span class="filter_results_reset_link_inner">
                                                <span class="filter_results_reset_link_label">Reset</span>
                                                <span class="filter_results_reset_link_icon" aria-hidden="true">

                                                    <svg class="icon icon_reset">
                                                        <use href="/images/icons.svg#reset" />
                                                    </svg>

                                                </span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END: Filter -->
        </div>
    </div>

    <div class="results_message">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="results_message_inner typography">
                    <p>There are no results matching these criteria.</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% include '@partial-page-header' with {
	page: page
} %}

<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
	{% if page.filters %}
		<div class="news_listing_filters">
			{% if page.filters_title %}
				<h2 class="news_listing_title">{{ page.filters_title }}</h2>
			{% endif %}
			<div class="news_listing_filters_inner">
				{% include '@partial-filter' with {
					tools: page.filters,
					results: '0',
					category: 'Example',
				} %}
			</div>
		</div>
	{% endif %}

	{% render '@partial-no-results-message' %}
</div>

No notes defined.