<!-- Menu -->
<div class="js-menu menu" id="menu" aria-label="Site Menu">
<div class="menu_header">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_header_inner">
<h2 class="menu_title">Site Menu</h2>
</div>
</div>
</div>
</div>
<div class="menu_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_primary_inner">
<div class="js-nav-toggle-group js-secondary-nav-group toggle_nav_group secondary_nav_group">
<button class="js-secondary-nav-toggle js-nav-toggle-button js-swap secondary_nav_toggle button_toggle" data-swap-target=".js-secondary-nav-group" data-swap-linked="secondary">
<span class="secondary_nav_toggle_inner_default secondary_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="secondary_nav_toggle_label_default secondary_nav_toggle_label button_toggle_label_default button_toggle_label">Other programs & Venues</span>
<span class="secondary_nav_toggle_icon_default secondary_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
<span class="secondary_nav_toggle_inner_active secondary_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="secondary_nav_toggle_label_active secondary_nav_toggle_label button_toggle_label_active button_toggle_label">Other programs & Venues</span>
<span class="secondary_nav_toggle_icon_active secondary_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
<div class="js-nav-toggle-panel js-secondary-nav-panel toggle_nav_panel secondary_nav_panel">
<nav class="js-nav-toggle js-secondary-nav toggle_nav secondary_nav" aria-labelledby="toggle_nav_title-3">
<div class="toggle_nav_header secondary_nav_header">
<h2 class="toggle_nav_title secondary_nav_title" id="toggle_nav_title-3">secondary</h2>
</div>
<ul class="js-nav-toggle-list js-secondary-nav-list toggle_nav_list secondary_nav_list" aria-labelledby="toggle_nav_title-3">
<li class="js-nav-toggle-item js-secondary-nav-item toggle_nav_item secondary_nav_item">
<a class="js-nav-toggle-link js-secondary-nav-link toggle_nav_link secondary_nav_link" href="#">
<div class="toggle_nav_link_inner secondary_nav_link_inner">
<span class="toggle_nav_link_icon secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="secondary_nav_link_label">FIM</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-secondary-nav-item toggle_nav_item secondary_nav_item">
<a class="js-nav-toggle-link js-secondary-nav-link toggle_nav_link secondary_nav_link" href="#">
<div class="toggle_nav_link_inner secondary_nav_link_inner">
<span class="toggle_nav_link_icon secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="secondary_nav_link_label">Capitol Theatre</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-secondary-nav-item toggle_nav_item secondary_nav_item">
<a class="js-nav-toggle-link js-secondary-nav-link toggle_nav_link secondary_nav_link" href="#">
<div class="toggle_nav_link_inner secondary_nav_link_inner">
<span class="toggle_nav_link_icon secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="secondary_nav_link_label">Whiting Auditorium</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-secondary-nav-item toggle_nav_item secondary_nav_item">
<a class="js-nav-toggle-link js-secondary-nav-link toggle_nav_link secondary_nav_link" href="#">
<div class="toggle_nav_link_inner secondary_nav_link_inner">
<span class="toggle_nav_link_icon secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="secondary_nav_link_label">Flint Symphony Orchestra</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-secondary-nav-item toggle_nav_item secondary_nav_item">
<a class="js-nav-toggle-link js-secondary-nav-link toggle_nav_link secondary_nav_link" href="#">
<div class="toggle_nav_link_inner secondary_nav_link_inner">
<span class="toggle_nav_link_icon secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="secondary_nav_link_label">Flint Repertory Theatre</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-secondary-nav-item toggle_nav_item secondary_nav_item">
<a class="js-nav-toggle-link js-secondary-nav-link toggle_nav_link secondary_nav_link" href="#">
<div class="toggle_nav_link_inner secondary_nav_link_inner">
<span class="toggle_nav_link_icon secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="secondary_nav_link_label">Flint School of Performing Arts</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu_secondary">
<div class="menu_main_nav">
<nav class="js-nav-collapse js-main-collapse-nav collapse_nav main_collapse_nav" aria-labelledby="collapse_nav_title-2">
<div class="collapse_nav_header main_collapse_nav_header">
<h2 class="collapse_nav_title main_collapse_nav_title" id="collapse_nav_title-2">FIM</h2>
</div>
<ul class="js-nav-collapse-list js-main-collapse-nav-list collapse_nav_list main_collapse_nav_list" aria-labelledby="collapse_nav_title-2">
<li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-1 collapse_nav_item main_collapse_nav_item">
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">Events & Tickets</span>
</div>
</a>
</div>
</li>
<li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-2 collapse_nav_item main_collapse_nav_item">
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">Community Programs</span>
</div>
</a>
</div>
</li>
<li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-3 collapse_nav_item main_collapse_nav_item">
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">Your Support</span>
</div>
</a>
</div>
</li>
<li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-4 collapse_nav_item main_collapse_nav_item">
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">Rentals</span>
</div>
</a>
</div>
</li>
<li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-5 collapse_nav_item main_collapse_nav_item">
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">About</span>
</div>
</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="menu_audience_nav">
<nav class="audience_nav" aria-labelledby="basic_nav_title-5">
<div class="audience_nav_header">
<h2 class="audience_nav_title" id="basic_nav_title-5">Info For:</h2>
</div>
<ul class="audience_nav_list" aria-labelledby="basic_nav_title-5">
<li class="audience_nav_item">
<a class="audience_nav_link" href="#">
<div class="audience_nav_link_inner">
<span class="audience_nav_link_label">Educators</span>
</div>
</a>
</li>
<li class="audience_nav_item">
<a class="audience_nav_link" href="#">
<div class="audience_nav_link_inner">
<span class="audience_nav_link_label">Media & Press</span>
</div>
</a>
</li>
<li class="audience_nav_item">
<a class="audience_nav_link" href="#">
<div class="audience_nav_link_inner">
<span class="audience_nav_link_label">Community Partners</span>
</div>
</a>
</li>
<li class="audience_nav_item">
<a class="audience_nav_link" href="#">
<div class="audience_nav_link_inner">
<span class="audience_nav_link_label">Volunteers</span>
</div>
</a>
</li>
<li class="audience_nav_item">
<a class="audience_nav_link" href="#">
<div class="audience_nav_link_inner">
<span class="audience_nav_link_label">Allegro</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="menu_close">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_close_inner">
<button class="js-menu-close-toggle js-swap menu_close_toggle button_toggle" data-swap-target=".menu" data-swap-linked="menu">
<span class="menu_close_toggle_inner_default menu_close_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="menu_close_toggle_label_default menu_close_toggle_label button_toggle_label_default button_toggle_label">Close</span>
<span class="menu_close_toggle_icon_default menu_close_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
<span class="menu_close_toggle_inner_active menu_close_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="menu_close_toggle_label_active menu_close_toggle_label button_toggle_label_active button_toggle_label">Close</span>
<span class="menu_close_toggle_icon_active menu_close_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- END: Menu -->
<!-- Menu -->
<div class="js-menu menu" id="menu" aria-label="Site Menu">
<div class="menu_header">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_header_inner">
<h2 class="menu_title">Site Menu</h2>
</div>
</div>
</div>
</div>
<div class="menu_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_primary_inner">
{% include '@navigation-toggle' with {
class: 'secondary',
modifier: '',
title: 'secondary',
links: navigation.secondary,
icon: 'arrow_right',
child_icon: '',
toggle: {
title: 'Other programs & Venues',
icon: 'caret_down',
title_active: 'Other programs & Venues',
icon_active: 'caret_down',
swap_target: '.js-secondary-nav-group',
swap_link: 'secondary'
}
} %}
</div>
</div>
</div>
</div>
<div class="menu_secondary">
<div class="menu_main_nav">
{% include '@navigation-collapse' with {
class: 'main_collapse',
modifier: '',
title: 'FIM',
toggle_icon: 'chevron_down',
active_index: activePage,
links: navigation.main
} %}
</div>
<div class="menu_audience_nav">
{% include '@navigation-basic' with {
class: 'audience',
modifier: '',
title: 'Info For:',
active_index: '',
links: navigation.audience
} %}
</div>
</div>
<div class="menu_close">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_close_inner">
{% include '@partial-button-toggle' with {
class: 'menu_close',
title: 'Close',
icon: 'close',
active_title: "Close",
active_icon: 'close',
swap_target: '.menu',
swap_link: 'menu'
} %}
</div>
</div>
</div>
</div>
</div>
<!-- END: Menu -->
No notes defined.