<div class="page_header">
    <div class="page_header_inner">
        <div class="page_header_breadcrumb">
            <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_label">Home</span>
                                                </span>
                                            </a>
                                            <span class="breadcrumb_divider" aria-hidden="true">
                                                <svg class="icon icon_forward_slash">
                                                    <use href="/images/icons.svg#forward_slash" />
                                                </svg>
                                            </span>
                                        </li>
                                        <li class="breadcrumb_item">
                                            <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_label">Navigation Level</span>
                                                </span>
                                            </a>
                                            <span class="breadcrumb_divider" aria-hidden="true">
                                                <svg class="icon icon_forward_slash">
                                                    <use href="/images/icons.svg#forward_slash" />
                                                </svg>
                                            </span>
                                        </li>
                                        <li class="breadcrumb_item">
                                            <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_label">Parent Level</span>
                                                </span>
                                            </a>
                                            <span class="breadcrumb_divider" aria-hidden="true">
                                                <svg class="icon icon_forward_slash">
                                                    <use href="/images/icons.svg#forward_slash" />
                                                </svg>
                                            </span>
                                        </li>
                                        <li class="breadcrumb_item">
                                            <span class="breadcrumb_pill">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_label">News Listing</span>
                                                </span>
                                            </span>
                                            <span class="breadcrumb_end" aria-hidden="true">
                                                <svg class="icon icon_forward_slash">
                                                    <use href="/images/icons.svg#forward_slash" />
                                                </svg>
                                            </span>
                                        </li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="page_intro">
            <div class="fs-row">
                <div class="fs-cell fs-lg-justify-center fs-lg-10 fs-xl-8">
                    <div class="page_intro_inner">
                        <div class="page_intro_body">
                            <h1 class="page_title" id="page_title" tabindex="-1">News Listing</h1>
                            <p class="page_description">Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

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

    <!-- News Feature -->
    <div class="news_feature">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="news_feature_inner">
                    <div class="news_feature_item">
                        <figure class="news_feature_item_figure">
                            <a class="news_feature_item_figure_link" href="#" aria-label="Read more about In Enim Justo Rhoncus Ut" tabindex="-1">

                                <img class="news_feature_item_image" srcset="https://images.fastspot.com/fim/980x654/1 980w, https://images.fastspot.com/fim/740x494/1 740w, https://images.fastspot.com/fim/500x334/1 500w, https://images.fastspot.com/fim/300x200/1 300w" src="https://images.fastspot.com/fim/300x200/1" alt="" loading="lazy" width="300" height="200">
                            </a>
                        </figure>
                        <div class="news_feature_item_wrapper">
                            <div class="news_feature_item_header">
                                <h2 class="news_feature_item_title">

                                    <a href="#" class="news_feature_item_title_link">
                                        <span class="news_feature_item_title_link_inner">
                                            <span class="news_feature_item_title_link_label">In Enim Justo Rhoncus Ut</span>
                                        </span>
                                    </a>
                                </h2>
                                <div class="news_feature_item_categories">
                                    <div class="news_feature_item_category_hint">Categories</div>
                                    <ul class="news_feature_item_category_list" aria-label="Categories">
                                        <li class="news_feature_item_category">
                                            <a class="news_feature_item_category_link" href="page-news-category.html">Category 1</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="news_feature_item_body">
                                <div class="news_feature_item_details">
                                    <div class="news_feature_item_detail news_feature_item_date">
                                        <span class="news_feature_item_detail_hint">Published:&nbsp;</span>
                                        <time class="news_feature_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                    </div>
                                    <div class="news_feature_item_detail news_feature_item_author">
                                        <span class="news_feature_item_detail_hint">- by&nbsp;</span>
                                        <span class="news_feature_item_detail_label">Johnny Appleseed</span>
                                    </div>
                                </div>
                                <div class="news_feature_item_description">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: News Feature -->

    <!-- Filter -->
    <div class="filter">
        <div class="filter_inner">
            <div class="filter_panels">
                <form class="filter_tools" action="#" method="get">
                    <fieldset class="filter_fieldset">
                        <legend class="filter_legend">Programs</legend>
                        <div class="filter_options">
                            <div class="filter_option">
                                <input class="filter_option_input_field" checked type="radio" id="All" name="Programs">
                                <label class="filter_option_input_label" for="All">All</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                            <div class="filter_option">
                                <input class="filter_option_input_field" type="radio" id="FIM Presents" name="Programs">
                                <label class="filter_option_input_label" for="FIM Presents">FIM Presents</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                            <div class="filter_option">
                                <input class="filter_option_input_field" type="radio" id="Capitol Theatre" name="Programs">
                                <label class="filter_option_input_label" for="Capitol Theatre">Capitol Theatre</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                            <div class="filter_option">
                                <input class="filter_option_input_field" type="radio" id="Whiting Auditorium" name="Programs">
                                <label class="filter_option_input_label" for="Whiting Auditorium">Whiting Auditorium</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                            <div class="filter_option">
                                <input class="filter_option_input_field" type="radio" id="Flint Symphony Orchestra" name="Programs">
                                <label class="filter_option_input_label" for="Flint Symphony Orchestra">Flint Symphony Orchestra</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                            <div class="filter_option">
                                <input class="filter_option_input_field" type="radio" id="Flint Repertory Theatre" name="Programs">
                                <label class="filter_option_input_label" for="Flint Repertory Theatre">Flint Repertory Theatre</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                            <div class="filter_option">
                                <input class="filter_option_input_field" type="radio" id="Flint School of Performing Arts" name="Programs">
                                <label class="filter_option_input_label" for="Flint School of Performing Arts">Flint School of Performing Arts</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                        </div>
                    </fieldset>
                    <fieldset class="filter_fieldset">
                        <legend class="filter_legend">Ticketed</legend>
                        <div class="filter_options">
                            <div class="filter_option">
                                <input class="filter_option_input_field" checked type="radio" id="All" name="Ticketed">
                                <label class="filter_option_input_label" for="All">All</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                            <div class="filter_option">
                                <input class="filter_option_input_field" type="radio" id="Ticketed" name="Ticketed">
                                <label class="filter_option_input_label" for="Ticketed">Ticketed</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                            <div class="filter_option">
                                <input class="filter_option_input_field" type="radio" id="Free to Attend" name="Ticketed">
                                <label class="filter_option_input_label" for="Free to Attend">Free to Attend</label>
                                <span class="filter_option_input_indicator"></span>
                            </div>
                        </div>
                    </fieldset>
                    <div class="filter_tool">
                        <label class="filter_label" for="filter_tool_label_1">Event Type</label>
                        <div class="filter_tool_select_wrapper">
                            <select class="filter_tool_select" id="filter_tool_label_1">
                                <option value="Season 22-23" selected>Season 22-23</option>
                                <option value="Category One">Category One</option>
                                <option value="Another Category">Another Category</option>
                            </select>
                            <span class="filter_tool_select_icon">
                                <svg class="icon icon_chevron_down">
                                    <use href="/images/icons.svg#chevron_down" />
                                </svg>
                            </span>
                        </div>
                    </div>
                    <div class="filter_tool">
                        <label class="filter_label" for="filter_tool_label_2">Venues</label>
                        <div class="filter_tool_select_wrapper">
                            <select class="filter_tool_select" id="filter_tool_label_2">
                                <option value="All Venues" selected>All Venues</option>
                                <option value="Bower Theatre">Bower Theatre</option>
                                <option value="Capitol Theatre">Capitol Theatre</option>
                                <option value="Elgood Theatre">Elgood Theatre</option>
                                <option value="MacArthur Recital Hall">MacArthur Recital Hall</option>
                                <option value="Whiting Auditorium">Whiting Auditorium</option>
                            </select>
                            <span class="filter_tool_select_icon">
                                <svg class="icon icon_chevron_down">
                                    <use href="/images/icons.svg#chevron_down" />
                                </svg>
                            </span>
                        </div>
                    </div>
                    <div class="filter_tool" action="#" method="get">
                        <label class="filter_label" for="filter_search_input">Search</label>
                        <div class="filter_tool_search_wrapper">
                            <input class="filter_tool_search_input" id="filter_tool_search_input" type="search" placeholder="Search by keyword">
                            <span class="filter_tool_search_icon">
                                <svg class="icon icon_search">
                                    <use href="/images/icons.svg#search" />
                                </svg>
                            </span>
                        </div>
                    </div>
                    <button class="filter_tools_submit" type="submit">
                        <span class="filter_tools_submit_inner">
                            <span class="filter_tools_submit_label">Filter</span>
                            <span class="filter_tools_submit_icon">
                                <svg class="icon icon_chevron_right">
                                    <use href="/images/icons.svg#chevron_right" />
                                </svg>
                            </span>
                        </span>
                    </button>
                </form>
            </div>
        </div>
    </div>
    <!-- END: Filter -->

    <!-- News List -->
    <div class="news_list">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="news_list_inner">
                    <ul class="news_list_rows" id="item_list" aria-label="">
                        <li class="news_list_row">
                            <div class="news_list_item">
                                <figure class="news_list_item_figure">
                                    <a class="news_list_item_figure_link" href="#" aria-label="Read more about Lorem ipsum dolor sit amet" tabindex="-1">

                                        <img class="news_list_item_image" srcset="https://images.fastspot.com/fim/980x654/1 980w, https://images.fastspot.com/fim/740x494/1 740w, https://images.fastspot.com/fim/500x334/1 500w, https://images.fastspot.com/fim/300x200/1 300w" src="https://images.fastspot.com/fim/300x200/1" alt="" loading="lazy" width="300" height="200">
                                    </a>
                                </figure>
                                <div class="news_list_item_wrapper">
                                    <div class="news_list_item_header">
                                        <h2 class="news_list_item_title">

                                            <a href="#" class="news_list_item_title_link">
                                                <span class="news_list_item_title_link_inner">
                                                    <span class="news_list_item_title_link_label">Lorem ipsum dolor sit amet</span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_list_item_categories">
                                            <div class="news_list_item_category_hint">Categories</div>
                                            <ul class="news_list_item_category_list" aria-label="Categories">
                                                <li class="news_list_item_category">
                                                    <a class="news_list_item_category_link" href="page-news-category.html">Category 1</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_list_item_body">
                                        <div class="news_list_item_details">
                                            <div class="news_list_item_detail news_list_item_date">
                                                <span class="news_list_item_detail_hint">Published:&nbsp;</span>
                                                <time class="news_list_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_list_item_detail news_list_item_author">
                                                <span class="news_list_item_detail_hint">- by&nbsp;</span>
                                                <span class="news_list_item_detail_label">Salome Simoes</span>
                                            </div>
                                        </div>
                                        <div class="news_list_item_description">
                                            <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="news_list_row">
                            <div class="news_list_item">
                                <figure class="news_list_item_figure">
                                    <a class="news_list_item_figure_link" href="#" aria-label="Read more about Phasellus viverra nulla ut metus varius laoreet" tabindex="-1">

                                        <img class="news_list_item_image" srcset="https://images.fastspot.com/fim/980x654/2 980w, https://images.fastspot.com/fim/740x494/2 740w, https://images.fastspot.com/fim/500x334/2 500w, https://images.fastspot.com/fim/300x200/2 300w" src="https://images.fastspot.com/fim/300x200/2" alt="" loading="lazy" width="300" height="200">
                                    </a>
                                </figure>
                                <div class="news_list_item_wrapper">
                                    <div class="news_list_item_header">
                                        <h2 class="news_list_item_title">

                                            <a href="#" class="news_list_item_title_link">
                                                <span class="news_list_item_title_link_inner">
                                                    <span class="news_list_item_title_link_label">Phasellus viverra nulla ut metus varius laoreet</span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_list_item_categories">
                                            <div class="news_list_item_category_hint">Categories</div>
                                            <ul class="news_list_item_category_list" aria-label="Categories">
                                                <li class="news_list_item_category">
                                                    <a class="news_list_item_category_link" href="page-news-category.html">Category 2</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_list_item_body">
                                        <div class="news_list_item_details">
                                            <div class="news_list_item_detail news_list_item_date">
                                                <span class="news_list_item_detail_hint">Published:&nbsp;</span>
                                                <time class="news_list_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_list_item_detail news_list_item_author">
                                                <span class="news_list_item_detail_hint">- by&nbsp;</span>
                                                <span class="news_list_item_detail_label">Tamzyn French</span>
                                            </div>
                                        </div>
                                        <div class="news_list_item_description">
                                            <p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="news_list_row">
                            <div class="news_list_item">
                                <div class="news_list_item_wrapper">
                                    <div class="news_list_item_header">
                                        <h2 class="news_list_item_title">

                                            <a href="#" class="news_list_item_title_link">
                                                <span class="news_list_item_title_link_inner">
                                                    <span class="news_list_item_title_link_label">Quisque rutrum</span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_list_item_categories">
                                            <div class="news_list_item_category_hint">Categories</div>
                                            <ul class="news_list_item_category_list" aria-label="Categories">
                                                <li class="news_list_item_category">
                                                    <a class="news_list_item_category_link" href="page-news-category.html">Category 1</a>
                                                </li>
                                                <li class="news_list_item_category">
                                                    <a class="news_list_item_category_link" href="page-news-category.html">Category 2</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_list_item_body">
                                        <div class="news_list_item_details">
                                            <div class="news_list_item_detail news_list_item_date">
                                                <span class="news_list_item_detail_hint">Published:&nbsp;</span>
                                                <time class="news_list_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_list_item_detail news_list_item_author">
                                                <span class="news_list_item_detail_hint">- by&nbsp;</span>
                                                <span class="news_list_item_detail_label">Ponnappa Priya</span>
                                            </div>
                                        </div>
                                        <div class="news_list_item_description">
                                            <p>Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="news_list_row">
                            <div class="news_list_item">
                                <figure class="news_list_item_figure">
                                    <a class="news_list_item_figure_link" href="#" aria-label="Read more about Maecenas" tabindex="-1">

                                        <img class="news_list_item_image" srcset="https://images.fastspot.com/fim/980x654/3 980w, https://images.fastspot.com/fim/740x494/3 740w, https://images.fastspot.com/fim/500x334/3 500w, https://images.fastspot.com/fim/300x200/3 300w" src="https://images.fastspot.com/fim/300x200/3" alt="" loading="lazy" width="300" height="200">
                                    </a>
                                </figure>
                                <div class="news_list_item_wrapper">
                                    <div class="news_list_item_header">
                                        <h2 class="news_list_item_title">

                                            <a href="#" class="news_list_item_title_link">
                                                <span class="news_list_item_title_link_inner">
                                                    <span class="news_list_item_title_link_label">Maecenas</span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_list_item_categories">
                                            <div class="news_list_item_category_hint">Categories</div>
                                            <ul class="news_list_item_category_list" aria-label="Categories">
                                                <li class="news_list_item_category">
                                                    <a class="news_list_item_category_link" href="page-news-category.html">Category 1</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_list_item_body">
                                        <div class="news_list_item_details">
                                            <div class="news_list_item_detail news_list_item_date">
                                                <span class="news_list_item_detail_hint">Published:&nbsp;</span>
                                                <time class="news_list_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_list_item_detail news_list_item_author">
                                                <span class="news_list_item_detail_hint">- by&nbsp;</span>
                                                <span class="news_list_item_detail_label">John Stone</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="news_list_row">
                            <div class="news_list_item">
                                <figure class="news_list_item_figure">
                                    <a class="news_list_item_figure_link" href="#" aria-label="Read more about In enim justo, rhoncus ut, imperdiet a" tabindex="-1">

                                        <img class="news_list_item_image" srcset="https://images.fastspot.com/fim/980x654/4 980w, https://images.fastspot.com/fim/740x494/4 740w, https://images.fastspot.com/fim/500x334/4 500w, https://images.fastspot.com/fim/300x200/4 300w" src="https://images.fastspot.com/fim/300x200/4" alt="" loading="lazy" width="300" height="200">
                                    </a>
                                </figure>
                                <div class="news_list_item_wrapper">
                                    <div class="news_list_item_header">
                                        <h2 class="news_list_item_title">

                                            <a href="#" class="news_list_item_title_link">
                                                <span class="news_list_item_title_link_inner">
                                                    <span class="news_list_item_title_link_label">In enim justo, rhoncus ut, imperdiet a</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>
                                    <div class="news_list_item_body">
                                        <div class="news_list_item_details">
                                            <div class="news_list_item_detail news_list_item_date">
                                                <span class="news_list_item_detail_hint">Published:&nbsp;</span>
                                                <time class="news_list_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_list_item_detail news_list_item_author">
                                                <span class="news_list_item_detail_hint">- by&nbsp;</span>
                                                <span class="news_list_item_detail_label">Salome Simoes</span>
                                            </div>
                                        </div>
                                        <div class="news_list_item_description">
                                            <p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="news_list_row">
                            <div class="news_list_item">
                                <figure class="news_list_item_figure">
                                    <a class="news_list_item_figure_link" href="#" aria-label="Read more about Cras ultricies" tabindex="-1">

                                        <img class="news_list_item_image" srcset="https://images.fastspot.com/fim/980x654/1 980w, https://images.fastspot.com/fim/740x494/1 740w, https://images.fastspot.com/fim/500x334/1 500w, https://images.fastspot.com/fim/300x200/1 300w" src="https://images.fastspot.com/fim/300x200/1" alt="" loading="lazy" width="300" height="200">
                                    </a>
                                </figure>
                                <div class="news_list_item_wrapper">
                                    <div class="news_list_item_header">
                                        <h2 class="news_list_item_title">

                                            <a href="#" class="news_list_item_title_link">
                                                <span class="news_list_item_title_link_inner">
                                                    <span class="news_list_item_title_link_label">Cras ultricies</span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_list_item_categories">
                                            <div class="news_list_item_category_hint">Categories</div>
                                            <ul class="news_list_item_category_list" aria-label="Categories">
                                                <li class="news_list_item_category">
                                                    <a class="news_list_item_category_link" href="page-news-category.html">Category 1</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_list_item_body">
                                        <div class="news_list_item_details">
                                            <div class="news_list_item_detail news_list_item_date">
                                                <span class="news_list_item_detail_hint">Published:&nbsp;</span>
                                                <time class="news_list_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                        </div>
                                        <div class="news_list_item_description">
                                            <p>Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="news_list_pagination">

                        <!-- Pagination -->
                        <div class="pagination">
                            <nav class="pagination_nav" aria-label="News Pagination">
                                <a class="pagination_arrow pagination_arrow_left pagination_arrow_disabled" href="#">
                                    <span class="pagination_arrow_icon">
                                        <svg class="icon icon_arrow_left">
                                            <use href="/images/icons.svg#arrow_left" />
                                        </svg>
                                    </span>
                                    <span class="pagination_arrow_label">Previous Page</span>
                                </a>
                                <a class="pagination_arrow pagination_arrow_right" href="#">
                                    <span class="pagination_arrow_label">Next Page</span>
                                    <span class="pagination_arrow_icon">
                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>
                                    </span>
                                </a>
                            </nav>
                            <form class="pagination_form" action="#" method="get">
                                <div class="pagination_form_inner">
                                    <label class="pagination_form_label" for="pagination_form_select">Page</label>
                                    <div class="pagination_form_select_wrapper">
                                        <select class="pagination_form_select" name="page" id="pagination_form_select" aria-label="Select Page Number">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                            <option value="25">25</option>
                                            <option value="26">26</option>
                                            <option value="27">27</option>
                                            <option value="28">28</option>
                                            <option value="29">29</option>
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                            <option value="32">32</option>
                                            <option value="33">33</option>
                                            <option value="34">34</option>
                                            <option value="35">35</option>
                                            <option value="36">36</option>
                                            <option value="37">37</option>
                                            <option value="38">38</option>
                                            <option value="39">39</option>
                                            <option value="40">40</option>
                                            <option value="41">41</option>
                                            <option value="42">42</option>
                                            <option value="43">43</option>
                                            <option value="44">44</option>
                                            <option value="45">45</option>
                                            <option value="46">46</option>
                                            <option value="47">47</option>
                                            <option value="48">48</option>
                                            <option value="49">49</option>
                                            <option value="50">50</option>
                                        </select>
                                        <span class="pagination_form_select_icon">
                                            <svg class="icon icon_chevron_down">
                                                <use href="/images/icons.svg#chevron_down" />
                                            </svg>
                                        </span>
                                    </div>
                                    <span class="pagination_form_suffix">of 50</span>
                                    <button class="pagination_form_button" type="submit" aria-label="View Page">
                                        <span class="pagination_form_button_inner">
                                            <span class="pagination_form_button_label">Go</span>
                                            <span class="pagination_form_button_icon">
                                                <svg class="icon icon_chevron_right">
                                                    <use href="/images/icons.svg#chevron_right" />
                                                </svg>
                                            </span>
                                        </span>
                                    </button>
                                </div>
                            </form>
                        </div>
                        <!-- END: Pagination -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: News List -->
</div>
{% include '@partial-page-header' with {
	page: page
} %}

<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
	{% render '@partial-news-feature' %}

	{% render '@partial-filter' %}

	{% render '@partial-news-list' %}
</div>

No notes defined.