<div class="page_header_bg" style="--gradient-before: ; --gradient-after: ">
<div class="page_header_bg_group">
<div class="page_header_bg_inner">
<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>
<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>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_nav_inner">
<div class="js-sub-nav-group sub_nav_group">
<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">Mission</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">History</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Leadership</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Event Rentals</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Blog</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@partial-page-header--bg' with {
page: page
} %}
#}
<div class="page_header_bg" style="--gradient-before: {{ gradient_before }}; --gradient-after: {{ gradient_after }}">
<div class="page_header_bg_group">
{% if (page.layout != 'detail' and page.image) or (page.layout != 'detail' and page.video) %}
<div class="page_header_bg_media">
<div class="page_header_bg_media_inner">
{% if page.image %}
<figure class="page_header_bg_figure">
{% if page.drop and 'layout_detail' not in page.classes %}
{% include '@partial-picture' with {
class: 'page_header_bg',
image: page.image,
alt: '',
loading: 'eager',
default: img.portraitFull.xsml,
sources: {
'1220px': img.wide.xlrg,
'980px': img.wide.lrg,
'740px': img.full.med,
'500px': img.square.sml
}
} %}
{% else %}
{% include '@partial-picture' with {
class: 'page_header_bg',
image: page.image,
alt: '',
loading: 'eager',
default: img.portraitFull.xsml,
sources: {
'1220px': img.ultrawide.xlrg,
'980px': img.wide.lrg,
'740px': img.full.med,
'500px': img.square.sml
}
} %}
{% endif %}
</figure>
{% endif %}
{% if page.video %}
{% set video_options = {
display: "background",
id: page.video,
type: "vimeo",
title: ''
} %}
<div class="js-background-video-wrapper page_header_bg_video" data-background-video='{{ video_options|json_encode }}'>
<div class="page_header_bg_video_iframe_wrap">
<div class="page_header_bg_video_iframe_target js-iframe-target"></div>
</div>
<div class="page_header_bg_video_controls">
{% render '@partial-button' with {
class: 'page_header_bg_video_play',
title: 'Play Video',
icon: 'play',
js: true
} %}
{% render "@partial-button" with {
class: 'page_header_bg_video_pause',
title: 'Pause Video',
icon: 'pause',
js: true
} %}
</div>
</div>
{% endif %}
</div>
{% if page.feature %}
<div class="page_header_bg_feature">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_header_bg_feature_inner">
<div class="page_header_bg_feature_details">
<div class="page_header_bg_feature_type">{{ page.feature.type }}</div>
<div class="page_header_bg_feature_location">
<span class="page_header_bg_feature_location_boop"></span>
<span class="page_header_bg_feature_location_label">{{ page.feature.location }}</span>
</div>
</div>
{% if page.feature.title %}
<h1 class="page_header_bg_feature_title" id="page_title" tabindex="-1">{{ page.feature.title }}</h1>
{% endif %}
{% if page.feature.link %}
{% include '@partial-link' with {
class: 'page_header_bg_feature',
title: page.feature.link.title,
url: page.feature.link.url,
icon: page.feature.link.icon
} %}
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
</div>
{% endif %}
<div class="page_header_bg_inner">
{% if page.breadcrumbNav != false %}
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
modifier: '',
links: page.breadcrumbNav,
icon_home: 'home'
} %}
</div>
</div>
</div>
</div>
{% endif %}
{% if page.title %}
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_intro_inner">
{% if page.title %}
<h1 class="page_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
{% endif %}
</div>
</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">
{% if page.subNav is iterable %}
{% render '@navigation-sub' with {
modifier: '',
title: page.title,
page: page
} %}
{% else %}
{% render '@navigation-sub' with {
modifier: '',
title: page.title
} %}
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
</div>
No notes defined.