<!-- Footer -->
<footer class="footer" id="footer">
    <div class="footer_wrapper">
        <div class="footer_primary">
            <div class="fs-row footer_primary_row">
                <div class="fs-cell footer_primary_cell">
                    <div class="footer_primary_inner">
                        <div class="footer_primary_top">

                            <div class="logo logo_footer logo_icon">
                                <a class="logo_link" href="page-home.html">
                                    <span class="logo_link_label">Washington National Cathedral</span>
                                    <span class="logo_link_icon">
                                        <svg class="icon icon_logo_wordmark_new">
                                            <use href="/images/icons.svg#logo_wordmark_new" />
                                        </svg>
                                    </span>
                                </a>
                            </div>

                            <div class="meta_info" id="meta_info">
                                <script type="application/ld+json">
                                    {
                                        '@context': 'http://schema.org',
                                        '@type': 'Organization',
                                        'name': 'Washington National Cathedral',
                                        'logo': '//cathedral.org/images/logo-schema.png',
                                        'address': {
                                            '@type': 'PostalAddress',
                                            'streetAddress': '301 Wisconsin Ave. NW',
                                            'addressLocality': 'Washington',
                                            'addressRegion': 'DC',
                                            'postalCode': '20016"
                                        },
                                        'email': 'info@cathedral.org',
                                        'telephone': '(202) 537-6200',
                                        'url': '//cathedral.org',
                                        'sameAs': [
                                            '//www.youtube.com',
                                            '//www.facebook.com',
                                            '//www.twitter.com',
                                            '//www.instagram.com',
                                            '//www.apple.com',
                                            '//soundcloud.com'
                                        ]
                                    }
                                </script>
                                <div class="meta_info_details">
                                    <div class="meta_info_detail meta_info_detail_address">
                                        <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:ChIJh0bOZCe2t4kR0D-OlXJdB5o" target="_blank" rel="noopener">
                                            <span class="meta_info_address_name">Washington National Cathedral</span>
                                            <span class="meta_info_address_street">301 Wisconsin Ave. NW</span>
                                            <span class="meta_info_address_group">
                                                <span class="meta_info_address_city">Washington,</span>
                                                <span class="meta_info_address_state">DC</span>
                                                <span class="meta_info_address_zip">20016</span>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="meta_info_group">
                                        <div class="meta_info_detail meta_info_detail_phone">
                                            <a class="meta_info_detail_label meta_info_detail_link" href="tel:2025376200"><span class="meta_info_detail_label_hint">Phone:</span> (202) 537-6200</a>
                                        </div>
                                        <div class="meta_info_detail meta_info_detail_email">
                                            <a class="meta_info_detail_label meta_info_detail_link" href="mailto:info@cathedral.org">info@cathedral.org</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <a href="#" class="visit_tour_link">
                                <span class="visit_tour_link_inner">
                                    <span class="visit_tour_link_label">Visit & Tour The Cathedral</span>
                                </span>
                            </a>
                        </div>
                        <div class="footer_primary_bottom">

                            <nav class="js-nav js-footer-nav nav footer_nav" aria-labelledby="footer_nav_title">
                                <div class="nav_header footer_nav_header">
                                    <h2 class="nav_title footer_nav_title" id="footer_nav_title">Get Involved</h2>
                                </div>
                                <ul class="js-nav-list js-footer-nav-list nav_list footer_nav_list" aria-labelledby="footer_nav_title">
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-1 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Outreach</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-2 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Volunteer</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-3 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Careers</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                            <div class="footer_subscribe_cta">
                                <div class="footer_subscribe_cta_header">
                                    <h2 class="footer_subscribe_cta_title">Stay Informed</h2>
                                </div>
                                <a href="/subscribe" class="footer_subscribe_cta_link">
                                    <span class="footer_subscribe_cta_link_label">Join Our Email List</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_ribbon">
            <div class="fs-row footer_ribbon_row">
                <div class="fs-cell footer_ribbon_cell">
                    <div class="footer_ribbon_inner">

                        <div class="social_nav">
                            <div class="social_nav_header">
                                <h2 class="social_nav_title" id="social_nav_title">Social</h2>
                            </div>
                            <ul class="social_nav_list" aria-labelledby="social_nav_title">
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_youtube" href="//www.youtube.com" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_youtube">
                                                <use href="/images/icons.svg#youtube" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Youtube</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_facebook">
                                                <use href="/images/icons.svg#facebook" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Facebook</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_twitter">
                                                <use href="/images/icons.svg#twitter" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Twitter</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_instagram">
                                                <use href="/images/icons.svg#instagram" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Instagram</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_apple" href="//www.apple.com" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_apple">
                                                <use href="/images/icons.svg#apple" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Apple</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_soundcloud" href="//soundcloud.com" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_soundcloud">
                                                <use href="/images/icons.svg#soundcloud" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Soundcloud</span>
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <nav class="js-nav js-footer-main-nav nav footer_main_nav" aria-labelledby="footer_main_nav_title">
                            <div class="nav_header footer_main_nav_header">
                                <h2 class="nav_title footer_main_nav_title" id="footer_main_nav_title">Footer Main</h2>
                            </div>
                            <ul class="js-nav-list js-footer-main-nav-list nav_list footer_main_nav_list" aria-labelledby="footer_main_nav_title">
                                <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-1 nav_item footer_main_nav_item">
                                    <div class="nav_item_inner footer_main_nav_item_inner">
                                        <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                            <div class="nav_link_inner footer_main_nav_link_inner">
                                                <span class="nav_link_label footer_main_nav_link_label">Worship</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-2 nav_item footer_main_nav_item">
                                    <div class="nav_item_inner footer_main_nav_item_inner">
                                        <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                            <div class="nav_link_inner footer_main_nav_link_inner">
                                                <span class="nav_link_label footer_main_nav_link_label">Music</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-3 nav_item footer_main_nav_item">
                                    <div class="nav_item_inner footer_main_nav_item_inner">
                                        <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                            <div class="nav_link_inner footer_main_nav_link_inner">
                                                <span class="nav_link_label footer_main_nav_link_label">Visit & Tour</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-4 nav_item footer_main_nav_item">
                                    <div class="nav_item_inner footer_main_nav_item_inner">
                                        <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                            <div class="nav_link_inner footer_main_nav_link_inner">
                                                <span class="nav_link_label footer_main_nav_link_label">Learn & Discover</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </nav>

                        <nav class="js-nav js-footer-secondary-nav nav footer_secondary_nav" aria-labelledby="footer_secondary_nav_title">
                            <div class="nav_header footer_secondary_nav_header">
                                <h2 class="nav_title footer_secondary_nav_title" id="footer_secondary_nav_title">Footer Secondary</h2>
                            </div>
                            <ul class="js-nav-list js-footer-secondary-nav-list nav_list footer_secondary_nav_list" aria-labelledby="footer_secondary_nav_title">
                                <li class="js-nav-item js-footer-secondary-nav-item js-footer-secondary-nav-item-1 nav_item footer_secondary_nav_item has_children">
                                    <div class="nav_item_inner footer_secondary_nav_item_inner">
                                        <a class="js-nav-link js-footer-secondary-nav-link nav_link footer_secondary_nav_link" href="#">
                                            <div class="nav_link_inner footer_secondary_nav_link_inner">
                                                <span class="nav_link_label footer_secondary_nav_link_label">About</span>
                                            </div>
                                        </a>
                                        <button class="js-swap js-nav-toggle js-footer-secondary-nav-toggle nav_toggle footer_secondary_nav_toggle" data-swap-target=".js-footer-secondary-nav-item-1" data-swap-group="footer_secondary_nav" aria-label="About" aria-haspopup="true" aria-expanded="false">
                                            <span class="nav_toggle_inner footer_secondary_nav_toggle_inner">
                                                <span class="nav_toggle_icon footer_secondary_nav_toggle_icon">
                                                    <svg class="icon icon_">
                                                        <use href="/images/icons.svg#" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </button>
                                    </div>
                                    <ul class="js-nav-children js-footer-secondary-nav-children nav_children footer_secondary_nav_children" aria-label="About">
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child One</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Two</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Three</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Four</span>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="js-nav-item js-footer-secondary-nav-item js-footer-secondary-nav-item-2 nav_item footer_secondary_nav_item has_children">
                                    <div class="nav_item_inner footer_secondary_nav_item_inner">
                                        <a class="js-nav-link js-footer-secondary-nav-link nav_link footer_secondary_nav_link" href="#">
                                            <div class="nav_link_inner footer_secondary_nav_link_inner">
                                                <span class="nav_link_label footer_secondary_nav_link_label">Congregation</span>
                                            </div>
                                        </a>
                                        <button class="js-swap js-nav-toggle js-footer-secondary-nav-toggle nav_toggle footer_secondary_nav_toggle" data-swap-target=".js-footer-secondary-nav-item-2" data-swap-group="footer_secondary_nav" aria-label="Congregation" aria-haspopup="true" aria-expanded="false">
                                            <span class="nav_toggle_inner footer_secondary_nav_toggle_inner">
                                                <span class="nav_toggle_icon footer_secondary_nav_toggle_icon">
                                                    <svg class="icon icon_">
                                                        <use href="/images/icons.svg#" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </button>
                                    </div>
                                    <ul class="js-nav-children js-footer-secondary-nav-children nav_children footer_secondary_nav_children" aria-label="Congregation">
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child One</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Two</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Three</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Four</span>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="js-nav-item js-footer-secondary-nav-item js-footer-secondary-nav-item-3 nav_item footer_secondary_nav_item has_children">
                                    <div class="nav_item_inner footer_secondary_nav_item_inner">
                                        <a class="js-nav-link js-footer-secondary-nav-link nav_link footer_secondary_nav_link" href="#">
                                            <div class="nav_link_inner footer_secondary_nav_link_inner">
                                                <span class="nav_link_label footer_secondary_nav_link_label">College of Faith & Culture</span>
                                            </div>
                                        </a>
                                        <button class="js-swap js-nav-toggle js-footer-secondary-nav-toggle nav_toggle footer_secondary_nav_toggle" data-swap-target=".js-footer-secondary-nav-item-3" data-swap-group="footer_secondary_nav" aria-label="College of Faith & Culture" aria-haspopup="true" aria-expanded="false">
                                            <span class="nav_toggle_inner footer_secondary_nav_toggle_inner">
                                                <span class="nav_toggle_icon footer_secondary_nav_toggle_icon">
                                                    <svg class="icon icon_">
                                                        <use href="/images/icons.svg#" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </button>
                                    </div>
                                    <ul class="js-nav-children js-footer-secondary-nav-children nav_children footer_secondary_nav_children" aria-label="College of Faith & Culture">
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child One</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Two</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Three</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Four</span>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="js-nav-item js-footer-secondary-nav-item js-footer-secondary-nav-item-4 nav_item footer_secondary_nav_item has_children">
                                    <div class="nav_item_inner footer_secondary_nav_item_inner">
                                        <a class="js-nav-link js-footer-secondary-nav-link nav_link footer_secondary_nav_link" href="#">
                                            <div class="nav_link_inner footer_secondary_nav_link_inner">
                                                <span class="nav_link_label footer_secondary_nav_link_label">Support</span>
                                            </div>
                                        </a>
                                        <button class="js-swap js-nav-toggle js-footer-secondary-nav-toggle nav_toggle footer_secondary_nav_toggle" data-swap-target=".js-footer-secondary-nav-item-4" data-swap-group="footer_secondary_nav" aria-label="Support" aria-haspopup="true" aria-expanded="false">
                                            <span class="nav_toggle_inner footer_secondary_nav_toggle_inner">
                                                <span class="nav_toggle_icon footer_secondary_nav_toggle_icon">
                                                    <svg class="icon icon_">
                                                        <use href="/images/icons.svg#" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </button>
                                    </div>
                                    <ul class="js-nav-children js-footer-secondary-nav-children nav_children footer_secondary_nav_children" aria-label="Support">
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child One</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Two</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Three</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-nav-child-item js-footer-secondary-nav-child-item nav_child_item footer_secondary_nav_child_item">
                                            <a class="js-nav-child-link js-footer-secondary-nav-child-link nav_child_link footer_secondary_nav_child_link" href="#">
                                                <div class="nav_child_link_inner footer_secondary_nav_child_link_inner">
                                                    <span class="nav_child_link_label footer_secondary_nav_child_link_label">Child Four</span>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>

                        <nav class="js-nav js-schools-nav nav schools_nav" aria-labelledby="schools_nav_title">
                            <div class="nav_header schools_nav_header">
                                <h2 class="nav_title schools_nav_title" id="schools_nav_title">Cathedral Schools</h2>
                            </div>
                            <ul class="js-nav-list js-schools-nav-list nav_list schools_nav_list" aria-labelledby="schools_nav_title">
                                <li class="js-nav-item js-schools-nav-item js-schools-nav-item-1 nav_item schools_nav_item">
                                    <div class="nav_item_inner schools_nav_item_inner">
                                        <a class="js-nav-link js-schools-nav-link nav_link schools_nav_link" href="#">
                                            <div class="nav_link_inner schools_nav_link_inner">
                                                <span class="nav_link_label schools_nav_link_label">Beauvoir: The National Cathedral Elementary School</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-schools-nav-item js-schools-nav-item-2 nav_item schools_nav_item">
                                    <div class="nav_item_inner schools_nav_item_inner">
                                        <a class="js-nav-link js-schools-nav-link nav_link schools_nav_link" href="#">
                                            <div class="nav_link_inner schools_nav_link_inner">
                                                <span class="nav_link_label schools_nav_link_label">National Cathedral School</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-schools-nav-item js-schools-nav-item-3 nav_item schools_nav_item">
                                    <div class="nav_item_inner schools_nav_item_inner">
                                        <a class="js-nav-link js-schools-nav-link nav_link schools_nav_link" href="#">
                                            <div class="nav_link_inner schools_nav_link_inner">
                                                <span class="nav_link_label schools_nav_link_label">St. Albans School</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </nav>

                        <nav class="js-nav js-affiliates-nav nav affiliates_nav" aria-labelledby="affiliates_nav_title">
                            <div class="nav_header affiliates_nav_header">
                                <h2 class="nav_title affiliates_nav_title" id="affiliates_nav_title">Affiliates</h2>
                            </div>
                            <ul class="js-nav-list js-affiliates-nav-list nav_list affiliates_nav_list" aria-labelledby="affiliates_nav_title">
                                <li class="js-nav-item js-affiliates-nav-item js-affiliates-nav-item-1 nav_item affiliates_nav_item">
                                    <div class="nav_item_inner affiliates_nav_item_inner">
                                        <a class="js-nav-link js-affiliates-nav-link nav_link affiliates_nav_link" href="#">
                                            <div class="nav_link_inner affiliates_nav_link_inner">
                                                <span class="nav_link_label affiliates_nav_link_label">The Episcopal Church</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-affiliates-nav-item js-affiliates-nav-item-2 nav_item affiliates_nav_item">
                                    <div class="nav_item_inner affiliates_nav_item_inner">
                                        <a class="js-nav-link js-affiliates-nav-link nav_link affiliates_nav_link" href="#">
                                            <div class="nav_link_inner affiliates_nav_link_inner">
                                                <span class="nav_link_label affiliates_nav_link_label">Diocese of Washington</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-affiliates-nav-item js-affiliates-nav-item-3 nav_item affiliates_nav_item">
                                    <div class="nav_item_inner affiliates_nav_item_inner">
                                        <a class="js-nav-link js-affiliates-nav-link nav_link affiliates_nav_link" href="#">
                                            <div class="nav_link_inner affiliates_nav_link_inner">
                                                <span class="nav_link_label affiliates_nav_link_label">All Hallows Guild</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-affiliates-nav-item js-affiliates-nav-item-4 nav_item affiliates_nav_item">
                                    <div class="nav_item_inner affiliates_nav_item_inner">
                                        <a class="js-nav-link js-affiliates-nav-link nav_link affiliates_nav_link" href="#">
                                            <div class="nav_link_inner affiliates_nav_link_inner">
                                                <span class="nav_link_label affiliates_nav_link_label">Cathedral Choral Society</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-affiliates-nav-item js-affiliates-nav-item-5 nav_item affiliates_nav_item">
                                    <div class="nav_item_inner affiliates_nav_item_inner">
                                        <a class="js-nav-link js-affiliates-nav-link nav_link affiliates_nav_link" href="#">
                                            <div class="nav_link_inner affiliates_nav_link_inner">
                                                <span class="nav_link_label affiliates_nav_link_label">Washington Ringing Society</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-affiliates-nav-item js-affiliates-nav-item-6 nav_item affiliates_nav_item">
                                    <div class="nav_item_inner affiliates_nav_item_inner">
                                        <a class="js-nav-link js-affiliates-nav-link nav_link affiliates_nav_link" href="#">
                                            <div class="nav_link_inner affiliates_nav_link_inner">
                                                <span class="nav_link_label affiliates_nav_link_label">Open City Cafe</span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </nav>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="js-cookie-wrapper">
    </div>
</footer>
<!-- END: Footer -->
<!-- Footer -->
<footer class="footer" id="footer">
	<div class="footer_wrapper">
		<div class="footer_primary">
			<div class="fs-row footer_primary_row">
				<div class="fs-cell footer_primary_cell">
					<div class="footer_primary_inner">
						<div class="footer_primary_top">
							{% include '@partial-logo' with {
								modifier: 'footer',
								icon: 'logo_wordmark_new',
								print: ''
							} %}

							{% render '@partial-meta' %}

							{% include '@partial-link' with {
								class: 'visit_tour',
								title: 'Visit & Tour The Cathedral',
								icon: '',
								url: '#'
							} %}
						</div>
						<div class="footer_primary_bottom">
							{% include '@navigation-basic' with {
								class: 'footer_nav',
								modifier: '',
								title: 'Get Involved',
								toggle_icon: '',
								active_index: '',
								links: navigation.footer_secondary
							} %}
							{% render '@partial-subscribe-cta' %}
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer_ribbon">
			<div class="fs-row footer_ribbon_row">
				<div class="fs-cell footer_ribbon_cell">
					<div class="footer_ribbon_inner">
						{% include '@navigation-social' with {
							title: 'Social',
							links: navigation.social
						} %}

						{% include '@navigation-basic' with {
							class: 'footer_main_nav',
							modifier: '',
							title: 'Footer Main',
							toggle_icon: '',
							active_index: '',
							links: navigation.footer_main
						} %}

						{% include '@navigation-basic' with {
							class: 'footer_secondary_nav',
							modifier: '',
							title: 'Footer Secondary',
							toggle_icon: '',
							active_index: '',
							links: navigation.secondary
						} %}

						{% include '@navigation-basic' with {
							class: 'schools_nav',
							modifier: '',
							title: 'Cathedral Schools',
							toggle_icon: '',
							active_index: '',
							links: navigation.schools
						} %}

						{% include '@navigation-basic' with {
							class: 'affiliates_nav',
							modifier: '',
							title: 'Affiliates',
							toggle_icon: '',
							active_index: '',
							links: navigation.affiliates
						} %}

						{#% render '@partial-copyright' %#}
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="js-cookie-wrapper">
		{% if page.cookie == true %}
			{% set cookie_path = page.cookie_path|default('/components/render/partial-cookie') %}
			<!-- WordPress / Drupal, use CookieURL to target the script that returns this content. For BigTree, enter the cookie markup here. -->
			<script>
				var CookieURL = "{{ cookie_path|path }}";
			</script>
		{% endif %}
	</div>
</footer>
<!-- END: Footer -->

No notes defined.