<div class="page_header_filter page_header_filter_no_caption">
    <div class="page_header_filter_inner">
        <div class="page_breadcrumb_filter">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_breadcrumb_filter_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">/</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">/</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>
                                    </li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page_filter_caption_wrapper">
            <div class="fs-row">
                <div class="fs-cell">
                    <p class="page_filter_caption">

                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="page_nav">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="page_nav_inner">
                <a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>

                <div class="js-sub-nav-group sub_nav_group sub_nav_group_small">

                    <button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
                        <span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
                            <span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
                            <span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">

                                <svg class="icon icon_more">
                                    <use href="/images/icons.svg#more" />
                                </svg>

                            </span>
                        </span>
                        <span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
                            <span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
                            <span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">

                                <svg class="icon icon_close">
                                    <use href="/images/icons.svg#close" />
                                </svg>

                            </span>
                        </span>
                    </button>
                    <nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
                        <div class="sub_nav_header">
                            <h2 class="sub_nav_title" id="sub_nav_title">Sub Nav Title</h2>
                        </div>
                        <div class="js-sub-nav-body sub_nav_body">
                            <div class="js-sub-nav-body-inner sub_nav_body_inner">
                                <ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Special & Seasonal Programs</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Racial & Social Justice</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Veterans & Military Families</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item active">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Center for Prayer & Pilgrimage</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Cathedral Scholars Program</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
{#
	{% include '@partial-page-header' with {
		page: page
	} %}
#}
<div class="page_header_filter{% if not page.caption %} page_header_filter_no_caption{% endif %}">
	<div class="page_header_filter_inner">
		{% if page.breadcrumbNav != false  %}
		<div class="page_breadcrumb_filter">
			<div class="fs-row">
				<div class="fs-cell">
					<div class="page_breadcrumb_filter_inner">
						{% render '@navigation-breadcrumb' with {
							page: page,
							modifier: '',
							links: page.breadcrumbNav,
							icon_home: '',
							icon_divider: 'angle_right',
							icon_end: ''
						} %}
					</div>
				</div>
			</div>
		</div>
		{% endif %}
		{% if page.title or page.description %}
		<div class="page_intro_filter{% if not filter.search %} page_intro_filter_no_search{% endif %}">
			<div class="fs-row">
				<div class="fs-cell">
					<div class="page_intro_filter_inner">
						{% if page.title %}
						<h1 class="page_title_filter" id="page_title" tabindex="-1">{{ page.title }}</h1>
						{% endif %}
						<div class="page_intro_filter_divider">{{ icon('pattern') }}</div>
						{% if page.filter %}
							<div class="page_intro_filter_filter{% if filter.category %} page_intro_filter_filter_filtering{% endif %}">
								{% render '@partial-filter' with {
									label: page.filter.label,
									active: page.filter.active,
									action_category: page.filter.action_category,
									action_search: page.filter.action_search,
									date: page.filter.date,
									tools: page.filter.tools,
									search: page.filter.search,
									search_placeholder: page.filter.search_placeholder,
									results: page.filter.results,
									category: page.filter.category
								} %}
							</div>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
		{% endif %}
		{% if page.caption != '' %}
			<div class="page_filter_caption_wrapper">
				<div class="fs-row">
					<div class="fs-cell">
						<p class="page_filter_caption">
							{{ page.caption }}
						</p>
					</div>
				</div>
			</div>
		{% endif %}
	</div>
</div>
{% if page.subNav != false  %}
<div class="page_nav">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="page_nav_inner">
				<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
				{% render '@navigation-sub' with {
					page: page,
					modifier: '',
					title: page.title,
					parent: page.parent
				} %}
			</div>
		</div>
	</div>
</div>
{% endif %}
{% if page.filter and page.filter.results != '' %}
<div class="filter_results">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="filter_results_inner">
				<p class="filter_results_description">
					<span class="filter_results_label">{{ page.filter.results }} Results found for:</span>
					<span class="filter_results_category">{{ page.filter.category }}</span>
				</p>
				{% include '@partial-link' with {
					class: 'filter_results_reset',
					title: 'Reset',
					url: 'page-news-listing.html',
					icon: 'reset'
				} %}
			</div>
		</div>
	</div>
</div>
{% endif %}

No notes defined.