<div class="page_feature">
<div class="home_feature home_feature_with_card">
<div class="home_feature_wrapper">
<div class="home_feature_media">
<figure class="home_feature_figure_mobile">
<picture class="home_feature_picture">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/washington-national-cathedral/980x735/">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/">
<img class="home_feature_image" src="//images.fastspot.com/washington-national-cathedral/375x500/" alt="" loading="eager" width="375px" height="500px">
</picture>
</figure>
<figure class="home_feature_figure">
<picture class="home_feature_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/washington-national-cathedral/1440x960/">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/washington-national-cathedral/1220x814/">
<img class="home_feature_image" src="//images.fastspot.com/washington-national-cathedral/1220x814/" alt="" loading="eager" width="1220px" height="814px">
</picture>
</figure>
</div>
<div class="home_feature_body">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-xl-8 fs-xxl-7">
<div class="home_feature_body_inner">
<h1 class="home_feature_title"><span class="home_feature_title_heading">Washington National Cathedral</span> A House of Prayer <span class="home_feature_heading_2">For All People</span></h1>
</div>
</div>
</div>
</div>
</div>
<div class="home_feature_card">
<div class="fs-row home_feature_card_row">
<div class="fs-cell fs-lg-4 fs-lg-push-8 home_feature_card_cell">
<div class="home_feature_card_inner">
<figure class="home_feature_card_figure">
<picture class="home_feature_card_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/2">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x416/2">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/washington-national-cathedral/500x334/2">
<img class="home_feature_card_image" src="//images.fastspot.com/washington-national-cathedral/300x300/2" alt="" loading="eager" width="300px" height="300px">
</picture>
</figure>
<div class="home_feature_card_body">
<div class="home_feature_card_body_inner">
<span class="home_feature_card_label">Featured</span>
<h2 class="home_feature_card_title">
<a href="#" class="home_feature_card_title_link">Service of Morning Prayer & Reflection</a>
</h2>
<span class="home_feature_card_meta">
<span class="home_feature_card_date">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
Monday at 11:15 AM</span>
<span class="home_feature_card_type">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
Online</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts" id="skip_content">
<div class="js-feature-scroller feature_scroller">
<div class="fs-row">
<div class="fs-cell">
<div class="feature_scroller_inner">
<div class="feature_scroller_header">
<h2 class="feature_scroller_title">Today With the Cathedral</h2>
<a class="feature_scroller_link" href="#">FULL CALENDAR</a>
</div>
<div class="feature_scroller_filter">
<ul class="button_filter_items">
<li class="button_filter_item">
<button class="button_filter_link button_filter_link_selected" data-type="all" type="button">
<span class="button_filter_link_icon">
<svg class="icon icon_check">
<use href="/images/icons.svg#check" />
</svg>
</span>
<span class="button_filter_link_label">All Events</span>
</button>
</li>
<li class="button_filter_item">
<button class="button_filter_link" data-type="inPersonOnline" type="button">
<span class="button_filter_link_icon">
<svg class="icon icon_check">
<use href="/images/icons.svg#check" />
</svg>
</span>
<span class="button_filter_link_label">Hybrid</span>
</button>
</li>
<li class="button_filter_item">
<button class="button_filter_link" data-type="inPerson" type="button">
<span class="button_filter_link_icon">
<svg class="icon icon_check">
<use href="/images/icons.svg#check" />
</svg>
</span>
<span class="button_filter_link_label">In person</span>
</button>
</li>
<li class="button_filter_item">
<button class="button_filter_link" data-type="online" type="button">
<span class="button_filter_link_icon">
<svg class="icon icon_check">
<use href="/images/icons.svg#check" />
</svg>
</span>
<span class="button_filter_link_label">Online</span>
</button>
</li>
</ul>
</div>
<div class="feature_scroller_items_wrapper">
<div class="feature_scroller_items_feature_wrapper">
<div class="feature_scroller_item feature_scroller_item_with_link">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/1 740w, https://images.fastspot.com/washington-national-cathedral/500x334/1 500w, https://images.fastspot.com/washington-national-cathedral/300x200/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<h3 class="feature_scroller_item_title">
<a class="feature_scroller_item_title_label" href="#">Cathedral Day Organ Recital</a>
</h3>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
<div class="feature_scroller_item_tickets">
<a href="#" class="feature_scroller_item_tickets_link">
<span class="feature_scroller_item_tickets_link_inner">
<span class="feature_scroller_item_tickets_link_label">Buy Tickets</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_items_carousel_wrapper">
<div class="js-carousel feature_scroller_items" data-carousel-options='{"contained":false,"controls":true,"pagination":false,"show":{"980px":2,"1220px":3}}'>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPersonOnline">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/1 740w, https://images.fastspot.com/washington-national-cathedral/500x334/1 500w, https://images.fastspot.com/washington-national-cathedral/300x200/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<h3 class="feature_scroller_item_title">
<a class="feature_scroller_item_title_label" href="#">Cathedral Day Organ Recital</a>
</h3>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
<div class="feature_scroller_item_tickets">
<a href="#" class="feature_scroller_item_tickets_link">
<span class="feature_scroller_item_tickets_link_inner">
<span class="feature_scroller_item_tickets_link_label">Buy Tickets</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPersonOnline">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/2 740w, https://images.fastspot.com/washington-national-cathedral/500x334/2 500w, https://images.fastspot.com/washington-national-cathedral/300x200/2 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<h3 class="feature_scroller_item_title">
<a class="feature_scroller_item_title_label" href="#">Online Independence Day Concert</a>
</h3>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_place">
<use href="/images/icons.svg#place" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Walker Court</span>
</div>
<div class="feature_scroller_item_type feature_scroller_item_type_subtype">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_free">
<use href="/images/icons.svg#free" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Free</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPerson">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/3 740w, https://images.fastspot.com/washington-national-cathedral/500x334/3 500w, https://images.fastspot.com/washington-national-cathedral/300x200/3 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<h3 class="feature_scroller_item_title">
<a class="feature_scroller_item_title_label" href="#">Erik and Chuyong Suter: Grieg's Piano Concerto</a>
</h3>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPersonOnline">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/4 740w, https://images.fastspot.com/washington-national-cathedral/500x334/4 500w, https://images.fastspot.com/washington-national-cathedral/300x200/4 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPersonOnline">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/1 740w, https://images.fastspot.com/washington-national-cathedral/500x334/1 500w, https://images.fastspot.com/washington-national-cathedral/300x200/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<h3 class="feature_scroller_item_title">
<a class="feature_scroller_item_title_label" href="#">Ornare Egestas</a>
</h3>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPerson">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/2 740w, https://images.fastspot.com/washington-national-cathedral/500x334/2 500w, https://images.fastspot.com/washington-national-cathedral/300x200/2 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPersonOnline">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/4 740w, https://images.fastspot.com/washington-national-cathedral/500x334/4 500w, https://images.fastspot.com/washington-national-cathedral/300x200/4 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPerson">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/1 740w, https://images.fastspot.com/washington-national-cathedral/500x334/1 500w, https://images.fastspot.com/washington-national-cathedral/300x200/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<h3 class="feature_scroller_item_title">
<a class="feature_scroller_item_title_label" href="#">Ornare Egestas</a>
</h3>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPersonOnline">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/2 740w, https://images.fastspot.com/washington-national-cathedral/500x334/2 500w, https://images.fastspot.com/washington-national-cathedral/300x200/2 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="inPersonOnline">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/4 740w, https://images.fastspot.com/washington-national-cathedral/500x334/4 500w, https://images.fastspot.com/washington-national-cathedral/300x200/4 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="online">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/1 740w, https://images.fastspot.com/washington-national-cathedral/500x334/1 500w, https://images.fastspot.com/washington-national-cathedral/300x200/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<h3 class="feature_scroller_item_title">
<a class="feature_scroller_item_title_label" href="#">Ornare Egestas</a>
</h3>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="online">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/2 740w, https://images.fastspot.com/washington-national-cathedral/500x334/2 500w, https://images.fastspot.com/washington-national-cathedral/300x200/2 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="online">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/1 740w, https://images.fastspot.com/washington-national-cathedral/500x334/1 500w, https://images.fastspot.com/washington-national-cathedral/300x200/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<h3 class="feature_scroller_item_title">
<a class="feature_scroller_item_title_label" href="#">Ornare Egestas</a>
</h3>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
<div class="feature_scroller_item feature_scroller_item_with_link" data-type="online">
<div class="feature_scroller_item_inner">
<time class="feature_scroller_item_time feature_scroller_item_time_lg">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<figure class="feature_scroller_item_figure">
<img class="feature_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/2 740w, https://images.fastspot.com/washington-national-cathedral/500x334/2 500w, https://images.fastspot.com/washington-national-cathedral/300x200/2 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="feature_scroller_item_body">
<time class="feature_scroller_item_time feature_scroller_item_time_sm">
<span class="feature_scroller_item_time_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="feature_scroller_item_time_label">11:15 AM</span>
</time>
<div class="feature_scroller_item_types">
<div class="feature_scroller_item_type">
<span class="feature_scroller_item_type_icon">
<svg class="icon icon_tv">
<use href="/images/icons.svg#tv" />
</svg>
</span>
<span class="feature_scroller_item_type_label">Youtube</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pin_scroller">
<div class="fs-row">
<div class="fs-cell">
<div class="pin_scroller_inner">
<div class="pin_scroller_header">
<h2 class="pin_scroller_label">Visit Us</h2>
<span class="pin_scroller_divider">
<svg class="icon icon_pattern">
<use href="/images/icons.svg#pattern" />
</svg>
</span>
<h3 class="pin_scroller_title">Sightseeing & Self-guided Tours</h3>
<div class="pin_scroller_caption">Sightseeing hours vary day-to-day to accommodate the wide range of activities offered at the Cathedral. Self-guided tour brochures are included with sightseeing admission.</div>
<a class="pin_scroller_link" href="#">Get Tickets</a>
</div>
<div class="pin_scroller_items">
<div class="pin_scroller_item">
<figure class="pin_scroller_item_figure">
<a class="pin_scroller_item_link" href="">
<img class="pin_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x416/1 740w, https://images.fastspot.com/washington-national-cathedral/500x282/1 500w, https://images.fastspot.com/washington-national-cathedral/300x169/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/1" alt="" loading="lazy" width="300" height="169">
<figcaption class="pin_scroller_item_figcaption">
<span class="pin_scroller_item_flag"></span>
<span class="pin_scroller_item_title">Explore at Your Own Pace</span>
<span class="pin_scroller_item_flag"></span>
</figcaption>
</a>
</figure>
</div>
<div class="pin_scroller_item">
<figure class="pin_scroller_item_figure">
<a class="pin_scroller_item_link" href="">
<img class="pin_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x416/2 740w, https://images.fastspot.com/washington-national-cathedral/500x282/2 500w, https://images.fastspot.com/washington-national-cathedral/300x169/2 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/2" alt="" loading="lazy" width="300" height="169">
<figcaption class="pin_scroller_item_figcaption">
<span class="pin_scroller_item_flag"></span>
<span class="pin_scroller_item_title">Walk the Gardens & Grounds</span>
<span class="pin_scroller_item_flag"></span>
</figcaption>
</a>
</figure>
</div>
<div class="pin_scroller_item">
<figure class="pin_scroller_item_figure">
<a class="pin_scroller_item_link" href="">
<img class="pin_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x416/3 740w, https://images.fastspot.com/washington-national-cathedral/500x282/3 500w, https://images.fastspot.com/washington-national-cathedral/300x169/3 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/3" alt="" loading="lazy" width="300" height="169">
<figcaption class="pin_scroller_item_figcaption">
<span class="pin_scroller_item_flag"></span>
<span class="pin_scroller_item_title">Visit Cathedral Cafe</span>
<span class="pin_scroller_item_flag"></span>
</figcaption>
</a>
</figure>
</div>
<div class="pin_scroller_item">
<figure class="pin_scroller_item_figure">
<a class="pin_scroller_item_link" href="">
<img class="pin_scroller_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x416/4 740w, https://images.fastspot.com/washington-national-cathedral/500x282/4 500w, https://images.fastspot.com/washington-national-cathedral/300x169/4 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/4" alt="" loading="lazy" width="300" height="169">
<figcaption class="pin_scroller_item_figcaption">
<span class="pin_scroller_item_flag"></span>
<span class="pin_scroller_item_title">Sculpture, Art & Architecture</span>
<span class="pin_scroller_item_flag"></span>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="visual_cta theme_red_blue">
<div class="fs-row">
<div class="fs-cell">
<div class="visual_cta_inner">
<span class="visual_cta_subhead visual_cta_subhead_sm">Online Event</span>
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/7 980w, https://images.fastspot.com/washington-national-cathedral/740x494/7 740w, https://images.fastspot.com/washington-national-cathedral/500x334/7 500w, https://images.fastspot.com/washington-national-cathedral/300x200/7 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/7" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="visual_cta_wrapper">
<div class="visual_cta_header">
<h2 class="visual_cta_title">Love Thy Neighbor: Building Stronger Communities</h2>
<span class="visual_cta_subhead visual_cta_subhead_lg">Online Event</span>
</div>
<div class="visual_cta_body">
<span class="visual_cta_date">Monday, May 23, 2022 | 7:00PM</span>
<span class="visual_cta_description">David Brooks, founder of Weave: The Social Fabric Project, and Dr. Catherine Meeks, Executive Director of the Absalom Jones Center for Racial Healing, take a deep dive into the importance of local relationships amid global challenges.</span>
<a href="#" class="visual_cta_link">Details & Tickets</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="visual_cta theme_light">
<div class="fs-row">
<div class="fs-cell">
<div class="visual_cta_inner">
<span class="visual_cta_subhead visual_cta_subhead_sm">Updates</span>
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/7 980w, https://images.fastspot.com/washington-national-cathedral/740x494/7 740w, https://images.fastspot.com/washington-national-cathedral/500x334/7 500w, https://images.fastspot.com/washington-national-cathedral/300x200/7 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/7" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="visual_cta_wrapper">
<div class="visual_cta_header">
<h2 class="visual_cta_title">Light in the Darkness: The Racial Justice Windows Project</h2>
<span class="visual_cta_subhead visual_cta_subhead_lg">Updates</span>
</div>
<div class="visual_cta_body">
<span class="visual_cta_description">The Cathedral’s Light in the Darkness windows replacement project will capture the resilience, faith and endurance of African Americans and our nation’s struggle with the original sins of racism and slavery. We hope these new installations tell a new, more inclusive story, and reflect the dignity of each beloved child of God.</span>
<a href="#" class="visual_cta_link">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-feature-gallery feature_gallery">
<div class="fs-row">
<div class="fs-cell">
<div class="feature_gallery_inner">
<div class="feature_gallery_header">
<h2 class="feature_gallery_label">Explore</h2>
<span class="feature_gallery_divider">
<svg class="icon icon_pattern">
<use href="/images/icons.svg#pattern" />
</svg>
</span>
<h3 class="feature_gallery_title">Interior & Exterior Features</h3>
<div class="feature_gallery_caption">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus.</div>
</div>
<div class="feature_gallery_carousel_wrapper">
<div class="js-carousel feature_gallery_items" data-carousel-options='{"contained":false,"controls":true,"pagination":false,"show":{"980px":3,"1220px":4}}'>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/1 740w, https://images.fastspot.com/washington-national-cathedral/500x500/1 500w, https://images.fastspot.com/washington-national-cathedral/300x300/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/1" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/2" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/2" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/2" data-crop="wide" data-lightbox-group="space-window" data-title="Title 1" data-lightbox-caption="group 1, image 1 Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/3" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/3" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/3" data-crop="portrait" data-lightbox-group="space-window" data-lightbox-caption="group 1 image 2 Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/4" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/4" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/4" data-crop="wide" data-lightbox-group="space-window" data-title="Title 3" data-lightbox-caption="group 1 image 3 Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/5" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/5" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/5" data-crop="portrait" data-lightbox-group="space-window" data-lightbox-caption="group 1 image 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Space Window
</span>
</figcaption>
</figure>
</div>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/6 740w, https://images.fastspot.com/washington-national-cathedral/500x500/6 500w, https://images.fastspot.com/washington-national-cathedral/300x300/6 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/6" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/7" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/7" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/7" data-crop="wide" data-lightbox-group="great-choir-wood-carvings" data-lightbox-caption="group 2 image 1 Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/3" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/3" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/3" data-crop="portrait" data-lightbox-group="great-choir-wood-carvings" data-title="Title 2" data-lightbox-caption="group 2 image 2 Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/9" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/9" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/9" data-crop="wide" data-lightbox-group="great-choir-wood-carvings" data-lightbox-caption="group 2 image 3 Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/10" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/10" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/10" data-crop="portrait" data-lightbox-group="great-choir-wood-carvings" data-lightbox-caption="group 2 image 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Great Choir Wood Carvings
</span>
</figcaption>
</figure>
</div>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/11 740w, https://images.fastspot.com/washington-national-cathedral/500x500/11 500w, https://images.fastspot.com/washington-national-cathedral/300x300/11 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/11" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/12" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/12" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/12" data-crop="wide" data-lightbox-group="civic-sculpture" data-lightbox-caption="Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/13" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/13" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/13" data-crop="portrait" data-lightbox-group="civic-sculpture" data-lightbox-caption="Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/14" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/14" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/14" data-crop="wide" data-lightbox-group="civic-sculpture" data-lightbox-caption="Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/15" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/15" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/15" data-crop="portrait" data-lightbox-group="civic-sculpture" data-title="Title 4" data-lightbox-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Civic Sculpture
</span>
</figcaption>
</figure>
</div>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/16 740w, https://images.fastspot.com/washington-national-cathedral/500x500/16 500w, https://images.fastspot.com/washington-national-cathedral/300x300/16 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/16" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/17" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/17" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/17" data-crop="wide" data-lightbox-group="human-rights-porch" data-title="Title 1" data-lightbox-caption="Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/18" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/18" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/18" data-crop="portrait" data-lightbox-group="human-rights-porch" data-lightbox-caption="Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/19" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/19" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/19" data-crop="wide" data-lightbox-group="human-rights-porch" data-lightbox-caption="Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/20" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/20" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/20" data-crop="portrait" data-lightbox-group="human-rights-porch" data-lightbox-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Human Rights Porch
</span>
</figcaption>
</figure>
</div>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/21 740w, https://images.fastspot.com/washington-national-cathedral/500x500/21 500w, https://images.fastspot.com/washington-national-cathedral/300x300/21 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/21" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/22" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/22" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/22" data-crop="wide" data-lightbox-group="rose-window" data-lightbox-caption="Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/23" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/23" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/23" data-crop="portrait" data-lightbox-group="rose-window" data-title="Title 2" data-lightbox-caption="Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/24" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/24" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/24" data-crop="wide" data-lightbox-group="rose-window" data-lightbox-caption="Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/25" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/25" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/25" data-crop="portrait" data-lightbox-group="rose-window" data-lightbox-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Rose Window
</span>
</figcaption>
</figure>
</div>
</div>
</div>
<div class="feature_gallery_more">
<button class="js-swap feature_gallery_more_button" type="button" data-swap-target=".feature_gallery">More</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Full Width Callouts -->
</div>
<div class="page_feature">
{% render '@component-home-feature' with {
page: page
} %}
</div>
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts" id="skip_content">
{% render '@component-feature-scroller' %}
{% render '@component-pin-scroller' %}
{% render '@component-visual-cta--event' %}
{% render '@component-visual-cta--light' %}
{% render '@component-feature-gallery' %}
</div>
<!-- END: Full Width Callouts -->
</div>
No notes defined.