<!-- Header -->
<header class="js-header header" id="header">
<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
<div class="header_banner">
<div class="fs-row">
<div class="fs-cell">
<div class="header_banner_inner">
<div class="header_banner_inner_item is_search">
<a href="page-search.html" class="search_link theme_">
<span class="search_link_inner">
<span class="search_link_label">Search</span>
<span class="search_link_icon" aria-hidden="true">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</span>
</a>
</div>
<div class="header_banner_inner_item is_menu">
<a href="#menu" class="menu_toggle js-menu-toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
<span class="menu_toggle_inner_default menu_toggle_inner">
<span class="menu_toggle_label_default menu_toggle_label">Menu</span>
<span class="menu_toggle_icon_default menu_toggle_icon" aria-hidden="true">
<svg class="icon icon_menu">
<use href="/images/icons.svg#menu" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header_logo_mobile">
<div class="fs-row">
<div class="fs-cell">
<div class="header_logo_mobile_inner">
<div class="logo logo_header logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_label">Children and Screens</span>
<span class="logo_link_icon">
<svg class="icon icon_logo">
<use href="/images/icons.svg#logo" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="header_primary_inner_item is_logo">
<div class="logo logo_header logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_label">Children and Screens</span>
<span class="logo_link_icon">
<svg class="icon icon_logo">
<use href="/images/icons.svg#logo" />
</svg>
</span>
</a>
</div>
</div>
<div class="header_primary_inner_item is_nav">
<div class="header_navs_wrap">
<div class="header_navs_wrap_item">
<nav class="secondary_nav" aria-labelledby="basic_nav_title-11">
<div class="secondary_nav_header">
<h2 class="secondary_nav_title" id="basic_nav_title-11">Secondary</h2>
</div>
<ul class="secondary_nav_list" aria-labelledby="basic_nav_title-11">
<li class="secondary_nav_item theme_default">
<a class="secondary_nav_link theme_medium_blue" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_mail">
<use href="/images/icons.svg#mail" />
</svg>
</span>
<span class="secondary_nav_link_label">Contact</span>
</div>
</a>
</li>
<li class="secondary_nav_item theme_default">
<a class="secondary_nav_link theme_salmon" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_heart">
<use href="/images/icons.svg#heart" />
</svg>
</span>
<span class="secondary_nav_link_label">Donate</span>
</div>
</a>
</li>
<li class="secondary_nav_item theme_default">
<a class="secondary_nav_link theme_medium_blue" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
<span class="secondary_nav_link_label">Search</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="header_navs_wrap_item">
<nav class="js-nav-collapse js-research-dropdown-nav js-research-dropdown-nav-megamenu dropdown_nav research_dropdown_nav research_dropdown_nav_megamenu" aria-labelledby="dropdown_nav_title-3">
<div class="dropdown_nav_header research_dropdown_nav_header">
<h2 class="dropdown_nav_title research_dropdown_nav_title" id="dropdown_nav_title-3">Site</h2>
</div>
<ul class="js-nav-collapse-list js-research-dropdown-nav-list dropdown_nav_list research_dropdown_nav_list" aria-labelledby="dropdown_nav_title-3">
<li class="js-nav-collapse-item js-research-dropdown-nav-item js-research-dropdown-nav-item-1 dropdown_nav_item research_dropdown_nav_item has_children">
<div class="dropdown_nav_item_inner research_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-research-dropdown-nav-link dropdown_nav_link research_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_link_inner">
<span class="dropdown_nav_label research_dropdown_nav_link_label">Learn & Explore</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-dropdown-nav-toggle dropdown_nav_toggle research_dropdown_nav_toggle" data-swap-target=".js-research-dropdown-nav-item-1" data-swap-group="research_dropdown_nav_megamenu" aria-label="Learn & Explore" aria-haspopup="true" aria-expanded="false">
<span class="dropdown_nav_toggle_inner research_dropdown_nav_toggle_inner">
<span class="dropdown_nav_icon research_dropdown_nav_toggle_icon">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<div class="js-nav-collapse-children js-research-dropdown-nav-children dropdown_nav_children research_dropdown_nav_children research_dropdown_nav_children_megamenu megamenu" aria-label="Learn & Explore">
<nav class="research_basic_nav research_basic_nav_megamenu" aria-labelledby="basic_nav_title-12">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-12">Topics</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-12">
<li class="research_basic_nav_item theme_light_green ">
<a class="research_basic_nav_link theme_salmon" href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Child Obesity</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_yellow ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">At-Home Learning</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_light_blue ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Sexual Content Online</span>
</div>
</a>
</li>
<li class="research_basic_nav_item js-research-dropdown-nav-item-3 is_archive">
<a class="research_basic_nav_link" href="">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_long">
<use href="/images/icons.svg#arrow_right_long" />
</svg>
</span>
<span class="research_basic_nav_link_label">All
Topics</span>
</div>
</a>
</li>
</ul>
</nav>
<nav class="research_basic_nav research_basic_nav_megamenu" aria-labelledby="basic_nav_title-13">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-13">Ages & Stages</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-13">
<li class="research_basic_nav_item theme_light_green ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Infants & Toddlers 0-2</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_yellow ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Pre-schoolers 3-5</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_light_blue ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Middle-schoolers 6-11</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_salmon ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">High-schoolers 12-18</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_pink ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Emerging Adults 19-22</span>
</div>
</a>
</li>
<li class="research_basic_nav_item js-research-dropdown-nav-item-5 is_archive">
<a class="research_basic_nav_link" href="">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_long">
<use href="/images/icons.svg#arrow_right_long" />
</svg>
</span>
<span class="research_basic_nav_link_label">All
Ages & Stages</span>
</div>
</a>
</li>
</ul>
</nav>
<nav class="research_basic_nav research_basic_nav_megamenu" aria-labelledby="basic_nav_title-14">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-14">Formats</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-14">
<li class="research_basic_nav_item theme_light_green ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Ask the Experts Series</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_yellow ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Research At-A-Glance</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_light_blue ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Scholarly Articles</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_salmon ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Parenting Tip Sheets</span>
</div>
</a>
</li>
<li class="research_basic_nav_item theme_pink ">
<a class="research_basic_nav_link " href="#">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_label">Common Questions</span>
</div>
</a>
</li>
<li class="research_basic_nav_item js-research-dropdown-nav-item-5 is_archive">
<a class="research_basic_nav_link" href="">
<div class="research_basic_nav_link_inner">
<span class="research_basic_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_long">
<use href="/images/icons.svg#arrow_right_long" />
</svg>
</span>
<span class="research_basic_nav_link_label">All
Formats</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</li>
<li class="js-nav-collapse-item js-research-dropdown-nav-item js-research-dropdown-nav-item-2 dropdown_nav_item research_dropdown_nav_item">
<div class="dropdown_nav_item_inner research_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-research-dropdown-nav-link dropdown_nav_link research_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_link_inner">
<span class="dropdown_nav_label research_dropdown_nav_link_label">Events</span>
</div>
</a>
</div>
</li>
<li class="js-nav-collapse-item js-research-dropdown-nav-item js-research-dropdown-nav-item-3 dropdown_nav_item research_dropdown_nav_item has_children">
<div class="dropdown_nav_item_inner research_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-research-dropdown-nav-link dropdown_nav_link research_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_link_inner">
<span class="dropdown_nav_label research_dropdown_nav_link_label">Research Grants</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-dropdown-nav-toggle dropdown_nav_toggle research_dropdown_nav_toggle" data-swap-target=".js-research-dropdown-nav-item-3" data-swap-group="research_dropdown_nav_megamenu" aria-label="Research Grants" aria-haspopup="true" aria-expanded="false">
<span class="dropdown_nav_toggle_inner research_dropdown_nav_toggle_inner">
<span class="dropdown_nav_icon research_dropdown_nav_toggle_icon">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-dropdown-nav-children dropdown_nav_children research_dropdown_nav_children" aria-label="Research Grants">
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Nam quam nunc</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Blandit Vel</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Donec Vitae Sapien</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Ut Libero</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Venenatis Faucibus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Nullam Quis Ante</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Orci Eget Eros Faucibus Tincidunt Maecenas Tempus Tellus Eget Condimentum</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Sed Fringilla Mauris Sit</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Amet Nibh</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Donec Sodales Sagittis</span>
</div>
</a>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-research-dropdown-nav-item js-research-dropdown-nav-item-4 dropdown_nav_item research_dropdown_nav_item has_children">
<div class="dropdown_nav_item_inner research_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-research-dropdown-nav-link dropdown_nav_link research_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_link_inner">
<span class="dropdown_nav_label research_dropdown_nav_link_label">Policy</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-dropdown-nav-toggle dropdown_nav_toggle research_dropdown_nav_toggle" data-swap-target=".js-research-dropdown-nav-item-4" data-swap-group="research_dropdown_nav_megamenu" aria-label="Policy" aria-haspopup="true" aria-expanded="false">
<span class="dropdown_nav_toggle_inner research_dropdown_nav_toggle_inner">
<span class="dropdown_nav_icon research_dropdown_nav_toggle_icon">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-dropdown-nav-children dropdown_nav_children research_dropdown_nav_children" aria-label="Policy">
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Aliquam Lorem Ante</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Quisque Rutrum</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Aeneanimperdiet</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Tellus Eget Condimentum</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Duis Leo</span>
</div>
</a>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-research-dropdown-nav-item js-research-dropdown-nav-item-5 dropdown_nav_item research_dropdown_nav_item has_children">
<div class="dropdown_nav_item_inner research_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-research-dropdown-nav-link dropdown_nav_link research_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_link_inner">
<span class="dropdown_nav_label research_dropdown_nav_link_label">Newsroom</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-dropdown-nav-toggle dropdown_nav_toggle research_dropdown_nav_toggle" data-swap-target=".js-research-dropdown-nav-item-5" data-swap-group="research_dropdown_nav_megamenu" aria-label="Newsroom" aria-haspopup="true" aria-expanded="false">
<span class="dropdown_nav_toggle_inner research_dropdown_nav_toggle_inner">
<span class="dropdown_nav_icon research_dropdown_nav_toggle_icon">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-dropdown-nav-children dropdown_nav_children research_dropdown_nav_children" aria-label="Newsroom">
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Aenean Vulputate Eleifend Tellus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Nascetur</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Ridiculus Mus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Pellentesque Eu</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Vivamus Elementum Semper</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Aenean Vulputate</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Aenean Leo Ligula</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Semper Libero</span>
</div>
</a>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-research-dropdown-nav-item js-research-dropdown-nav-item-6 dropdown_nav_item research_dropdown_nav_item has_children">
<div class="dropdown_nav_item_inner research_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-research-dropdown-nav-link dropdown_nav_link research_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_link_inner">
<span class="dropdown_nav_label research_dropdown_nav_link_label">About</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-dropdown-nav-toggle dropdown_nav_toggle research_dropdown_nav_toggle" data-swap-target=".js-research-dropdown-nav-item-6" data-swap-group="research_dropdown_nav_megamenu" aria-label="About" aria-haspopup="true" aria-expanded="false">
<span class="dropdown_nav_toggle_inner research_dropdown_nav_toggle_inner">
<span class="dropdown_nav_icon research_dropdown_nav_toggle_icon">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-dropdown-nav-children dropdown_nav_children research_dropdown_nav_children" aria-label="About">
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Aenean Vulputate Eleifend Tellus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Nascetur</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Ridiculus Mus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Pellentesque Eu</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Vivamus Elementum Semper</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Aenean Vulputate</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Aenean Leo Ligula</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-dropdown-nav-child-item dropdown_nav_child_item research_dropdown_nav_child_item">
<a class="js-nav-collapse-child-link js-research-dropdown-nav-child-link dropdown_nav_child_link research_dropdown_nav_child_link" href="#">
<div class="dropdown_nav_link_inner research_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label research_dropdown_nav_child_link_label">Semper Libero</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_page_bottom_wrap">
<div class="header_page_header">
<div class="page_header">
<div class="page_header_inner">
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell fs-lg-11 fs-lg-push-1">
<div class="page_breadcrumb_inner">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_dot">
<use href="/images/icons.svg#dot" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_dot">
<use href="/images/icons.svg#dot" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_dot">
<use href="/images/icons.svg#dot" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
<span class="breadcrumb_end" aria-hidden="true">
<svg class="icon icon_angle_down">
<use href="/images/icons.svg#angle_down" />
</svg>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-1">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="page_nav_flat">
<nav class="sub_nav" aria-labelledby="basic_nav_title-15">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title-15"></h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title-15">
</ul>
</nav>
</div>
<div class="page_nav_toggle">
<div class="js-nav-toggle-group js-sub-nav-group toggle_nav_group sub_nav_group">
<button class="js-sub-nav-toggle js-nav-toggle-button js-swap sub_nav_toggle button_toggle " data-swap-target=".js-sub-nav-group" data-swap-linked="audience">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label button_toggle_label_default button_toggle_label">Pages in this Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label button_toggle_label_active button_toggle_label">Pages in this Section</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
<div class="js-nav-toggle-panel js-sub-nav-panel toggle_nav_panel sub_nav_panel">
<nav class="js-nav-toggle js-sub-nav toggle_nav sub_nav" aria-labelledby="toggle_nav_title-4">
<div class="toggle_nav_header sub_nav_header">
<h2 class="toggle_nav_title sub_nav_title" id="toggle_nav_title-4"></h2>
</div>
<ul class="js-nav-toggle-list js-sub-nav-list toggle_nav_list sub_nav_list" aria-labelledby="toggle_nav_title-4">
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
{#
{% include "layouts/header.twig" %}
#}
<!-- Header -->
<header class="js-header header" id="header">
<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
{% if page.alert == true %}
<a class="js-skip-alert skip_link skip_alert" id="skip_alert_link" href="#alert_title">Skip to site alert</a>
{% endif %}
<div class="header_banner">
<div class="fs-row">
<div class="fs-cell">
<div class="header_banner_inner">
<div class="header_banner_inner_item is_search">
{% include '@partial-link' with {
class: 'search',
title: 'Search',
icon: 'search',
url: 'page-search.html'
} %}
</div>
<div class="header_banner_inner_item is_menu">
{% include '@partial-link-toggle' with {
class: 'menu',
js: true,
title: 'Menu',
url: '#menu',
icon: 'menu',
swap_target: '.menu',
swap_link: 'menu'
} %}
</div>
</div>
</div>
</div>
</div>
<div class="header_logo_mobile">
<div class="fs-row">
<div class="fs-cell">
<div class="header_logo_mobile_inner">
{% include '@partial-logo' with {
modifier: 'header',
icon: "logo",
print: ''
} %}
</div>
</div>
</div>
</div>
<div class="header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="header_primary_inner_item is_logo">
{% include '@partial-logo' with {
modifier: 'header',
icon: "logo",
print: ''
} %}
</div>
<div class="header_primary_inner_item is_nav">
<div class="header_navs_wrap">
<div class="header_navs_wrap_item">
{% include '@navigation-basic' with {
class: 'secondary',
modifier: '',
title: 'Secondary',
active_index: '',
links: navigation.secondary
} %}
</div>
<div class="header_navs_wrap_item">
{% include '@navigation-research-dropdown' with {
class: 'research_dropdown',
modifier: 'megamenu',
title: 'Site',
toggle_icon: 'caret_down',
active_index: page.activePage,
links: navigation.main,
icon: '',
child_icon: ''
} %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_page_bottom_wrap">
{% if "layout_home" in page.classes %}
<!-- Page Feature -->
<div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_title">
<h1 id="page_title" tabindex="-1">{{ config.name }}</h1>
{% render "@component-new-questions" %}
</div>
<!-- END: Page Feature -->
{% elseif "layout_podcast_landing" in page.classes or "layout_podcast_detail" in page.classes %}
{% include '@partial-page-header--media' with {
page: page
} %}
{% else %}
<div class="header_page_header">
{% include '@partial-page-header' with {
page: page
} %}
</div>
{% endif %}
</div>
</header>
<!-- END: Header -->
No notes defined.