<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
» Pattern Library</title>
<meta name="description" content="">
<!-- preconnects -->
<link rel="preconnect" href="https://images.fastspot.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- stylesheets -->
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700&family=Source+Serif+4:ital,wght@0,300;0,400;0,700;1,300&display=swap" rel="stylesheet">
<link media="all" rel="stylesheet" href="/css/site.css">
<link rel="stylesheet" id="gforms_reset_css-css" href="../../vendor/gravity-forms/formreset.min.css" media="all">
<link rel="stylesheet" id="gforms_datepicker_css-css" href="../../vendor/gravity-forms/datepicker.min.css" media="all">
<link rel="stylesheet" id="gforms_formsmain_css-css" href="../../vendor/gravity-forms/formsmain.min.css" media="all">
<link rel="stylesheet" id="gforms_ready_class_css-css" href="../../vendor/gravity-forms/readyclass.min.css" media="all">
<link rel="stylesheet" id="gforms_browsers_css-css" href="../../vendor/gravity-forms/browsers.min.css" media="all">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="manifest" href="/favicons/site.webmanifest">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#0d1b4a">
<meta name="msapplication-TileColor" content="#4fc8d8">
<meta name="theme-color" content="#ffffff">
<!-- misc meta -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- IMPORTANT - REMOVE THIS FROM ANY CMS IMPLEMENTATION AS IT PREVENTS INDEXING -->
<meta name="robots" content="noindex">
<!-- Facebook -->
<meta property="og:title" content="Children and Screens">
<meta property="og:type" content="website">
<meta property="og:image" content="https://example.dev.fastspot.com/site/social.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="600">
<meta property="og:description" content="">
<meta property="og:site_name" content="Children and Screens">
<!-- twitter -->
</head>
<body class="preload fs-grid mode_default theme_default ">
<!-- Page Wrapper -->
<div class="page_wrapper">
<!-- 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-1">
<div class="secondary_nav_header">
<h2 class="secondary_nav_title" id="basic_nav_title-1">Secondary</h2>
</div>
<ul class="secondary_nav_list" aria-labelledby="basic_nav_title-1">
<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-1">
<div class="dropdown_nav_header research_dropdown_nav_header">
<h2 class="dropdown_nav_title research_dropdown_nav_title" id="dropdown_nav_title-1">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-1">
<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-2">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-2">Topics</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-2">
<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-3">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-3">Ages & Stages</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-3">
<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-4">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-4">Formats</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-4">
<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-5">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title-5"></h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title-5">
</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-1">
<div class="toggle_nav_header sub_nav_header">
<h2 class="toggle_nav_title sub_nav_title" id="toggle_nav_title-1"></h2>
</div>
<ul class="js-nav-toggle-list js-sub-nav-list toggle_nav_list sub_nav_list" aria-labelledby="toggle_nav_title-1">
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
<!-- Page -->
<main class="page">
</main>
<!-- END: Page -->
<!-- Footer -->
<footer class="footer" id="footer">
<div class="footer_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_primary_inner">
<div class="footer_social_nav">
<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_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_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_x" href="//www.x.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_x">
<use href="/images/icons.svg#x" />
</svg>
</span>
<span class="social_nav_label">X</span>
</a>
</li>
<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_linkedin" href="//www.linkedin.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
<span class="social_nav_label">Linkedin</span>
</a>
</li>
</ul>
</div>
</div>
<div class="footer_footer_nav">
<nav class="footer_nav" aria-labelledby="basic_nav_title-6">
<div class="footer_nav_header">
<h2 class="footer_nav_title" id="basic_nav_title-6">Footer</h2>
</div>
<ul class="footer_nav_list" aria-labelledby="basic_nav_title-6">
<li class="footer_nav_item theme_default">
<a class="footer_nav_link " href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">About</span>
</div>
</a>
</li>
<li class="footer_nav_item theme_default">
<a class="footer_nav_link " href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Careers & Internships</span>
</div>
</a>
</li>
<li class="footer_nav_item theme_default">
<a class="footer_nav_link " href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Media Inquiries</span>
</div>
</a>
</li>
<li class="footer_nav_item theme_default">
<a class="footer_nav_link " href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Our Supporters</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="footer_secondary">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_secondary_inner">
<div class="footer_meta">
<div class="footer_secondary_col_title">Address</div>
<div class="footer_secondary_col_content">
<div class="meta_info" id="meta_info">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Organization',
'name': 'Children and Screens',
'logo': '//example.dev.fastspot.com/site/images/logo-schema.png',
'address': {
'@type': 'PostalAddress',
'streetAddress': '2980 Falls Road',
'addressLocality': 'Baltimore',
'addressRegion': 'MD',
'postalCode': '21211"
},
'email': 'info@childrenandscreens.org',
'telephone': '+1 410 . 537 . 5007',
'url': '//example.dev.fastspot.com/site',
'sameAs': [
'//www.facebook.com',
'//www.instagram.com',
'//www.x.com',
'//www.youtube.com',
'//www.linkedin.com'
]
}
</script>
<div class="meta_info_address_wrap">
<address class="meta_info_address">
2980 Falls Road<br />
Baltimore, MD 21211
</address>
</div>
<div class="meta_info_details">
<div class="meta_info_detail meta_info_detail_email">
<span class="meta_info_detail_icon">
<svg class="icon icon_letter_e">
<use href="/images/icons.svg#letter_e" />
</svg>
</span>
<span class="meta_info_detail_content">
<a class="meta_info_detail_label meta_info_detail_link" href="mailto:info@childrenandscreens.org">info@childrenandscreens.org</a>
</span>
</div>
<div class="meta_info_detail meta_info_detail_phone">
<span class="meta_info_detail_icon">
<svg class="icon icon_letter_p">
<use href="/images/icons.svg#letter_p" />
</svg>
</span>
<span class="meta_info_detail_content">
<a class="meta_info_detail_label meta_info_detail_link" href="tel:1410.537.5007">
<span class="meta_info_detail_label_hint">home: </span>+1 410 . 537 . 5007</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer_statement">
<div class="footer_secondary_col_title">Statement on Bipartisanship</div>
<div class="footer_secondary_col_content">
<div class="footer_secondary_col_content_text">
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
</div>
</div>
</div>
<div class="footer_newsletter">
<div class="footer_secondary_col_title" id="form_newsletter_title">Join Our Newsletter</div>
<div class="footer_secondary_col_content">
<div class="footer_form">
<div class="gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework" data-form-theme="gravity-theme" data-form-index="0" id="gform_wrapper_2">
<div class="gform_heading">
<p class="gform_description"></p>
</div>
<form method="post" enctype="multipart/form-data" id="gform_2" action="/" data-formid="2">
<div class="gform-body gform_body">
<div id="gform_fields_2" class="gform_fields top_label form_sublabel_below description_below">
<div id="field_2_1" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below gfield_visibility_hide" data-js-reload="field_2_1">
<label class="gfield_label gform-field-label" for="input_2_1">Email<span class="gfield_required">
<span class="gfield_required gfield_required_text">(Required)</span>
</span>
</label>
<div class="ginput_container ginput_container_email">
<input name="input_1" id="input_2_1" type="text" value="" class="large" aria-required="true" aria-invalid="false" placeholder="Your@Email">
</div>
</div>
</div>
</div>
<div class="gform_footer">
<button type="submit" id="gform_submit_button_2" class="gform_button button theme_yellow" value="Submit" onclick="" data-conditional-logic="visible">
<span class="button_inner">
<span class="button_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_long">
<use href="/images/icons.svg#arrow_right_long" />
</svg>
</span>
<span class="button_text">Submit</span>
</span>
</button>
<input type="hidden" class="gform_hidden" name="is_submit_2" value="1">
<input type="hidden" class="gform_hidden" name="gform_submit" value="2">
<input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
<input type="hidden" class="gform_hidden" name="state_2" value="WyJbXSIsIjI2YTAyNDAyMzkxYTg2OWZjM2VhNjhjMjcxNTU0MmIxIl0=">
<input type="hidden" class="gform_hidden" name="gform_target_page_number_2" id="gform_target_page_number_2" value="0">
<input type="hidden" class="gform_hidden" name="gform_source_page_number_2" id="gform_source_page_number_2" value="1">
<input type="hidden" name="gform_field_values" value="">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_ribbon_inner">
<div class="footer_utility_nav">
<nav class="utility_nav" aria-labelledby="basic_nav_title-7">
<div class="utility_nav_header">
<h2 class="utility_nav_title" id="basic_nav_title-7">Utility</h2>
</div>
<ul class="utility_nav_list" aria-labelledby="basic_nav_title-7">
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Accessibility</span>
</div>
</a>
</li>
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Cookie Settings</span>
</div>
</a>
</li>
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Diversity, Equity, & Inclusion</span>
</div>
</a>
</li>
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Privacy Policy</span>
</div>
</a>
</li>
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Terms</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="footer_copyright">
<p class="copyright">
<span class="copyright_icon">© Copyright</span>
<span class="copyright_year">2025</span>
<span class="copyright_holder">
<span class="copyright_holder_name">Children and Screens</span>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="js-alert-wrapper">
</div>
</footer>
<!-- END: Footer -->
</div>
<!-- END: Page Wrapper -->
<!-- Menu -->
<div class="js-menu menu" id="menu" aria-label="Site Menu">
<div class="menu_header">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_header_inner">
<h2 class="menu_title">Site Menu</h2>
</div>
</div>
</div>
</div>
<div class="menu_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_primary_inner">
<div class="menu_main_nav">
<nav class="js-nav-collapse js-research-collapse-nav js-research-collapse-nav-parent collapse_nav research_collapse_nav research_collapse_nav_parent" aria-labelledby="collapse_nav_title-1">
<div class="collapse_nav_header research_collapse_nav_header">
<h2 class="collapse_nav_title research_collapse_nav_title" id="collapse_nav_title-1">site</h2>
</div>
<ul class="js-nav-collapse-list js-research-collapse-nav-list collapse_nav_list research_collapse_nav_list" aria-labelledby="collapse_nav_title-1">
<li class="js-nav-collapse-item js-research-collapse-nav-item js-research-collapse-nav-item-1 collapse_nav_item research_collapse_nav_item has_children">
<div class="collapse_nav_item_inner research_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-research-collapse-nav-link collapse_nav_link research_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_link_inner">
<span class="collapse_nav_label research_collapse_nav_link_label">Learn & Explore</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-collapse-nav-toggle collapse_nav_toggle research_collapse_nav_toggle" data-swap-target=".js-research-collapse-nav-item-1" data-swap-group="research_collapse_nav_parent" aria-label="Learn & Explore" aria-haspopup="true" aria-expanded="false">
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_default">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_plus">
<use href="/images/icons.svg#plus" />
</svg>
</span>
</span>
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_active">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-collapse-nav-children collapse_nav_children research_collapse_nav_children" aria-label="Learn & Explore">
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item research_collapse_nav_child_item_wrapper theme_default">
<nav class="research_basic_nav research_basic_nav_collapse" aria-labelledby="basic_nav_title-8">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-8">Topics</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-8">
<li class="research_basic_nav_item theme_default ">
<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_default ">
<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_default ">
<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-collapse-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>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item research_collapse_nav_child_item_wrapper theme_default">
<nav class="research_basic_nav research_basic_nav_collapse" aria-labelledby="basic_nav_title-9">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-9">Ages & Stages</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-9">
<li class="research_basic_nav_item theme_default ">
<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_default ">
<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_default ">
<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_default ">
<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_default ">
<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-collapse-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>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item research_collapse_nav_child_item_wrapper theme_default">
<nav class="research_basic_nav research_basic_nav_collapse" aria-labelledby="basic_nav_title-10">
<div class="research_basic_nav_header">
<h2 class="research_basic_nav_title" id="basic_nav_title-10">Formats</h2>
</div>
<ul class="research_basic_nav_list" aria-labelledby="basic_nav_title-10">
<li class="research_basic_nav_item theme_default ">
<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_default ">
<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_default ">
<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_default ">
<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_default ">
<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-collapse-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>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-research-collapse-nav-item js-research-collapse-nav-item-2 collapse_nav_item research_collapse_nav_item">
<div class="collapse_nav_item_inner research_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-research-collapse-nav-link collapse_nav_link research_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_link_inner">
<span class="collapse_nav_label research_collapse_nav_link_label">Events</span>
</div>
</a>
</div>
</li>
<li class="js-nav-collapse-item js-research-collapse-nav-item js-research-collapse-nav-item-3 collapse_nav_item research_collapse_nav_item has_children">
<div class="collapse_nav_item_inner research_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-research-collapse-nav-link collapse_nav_link research_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_link_inner">
<span class="collapse_nav_label research_collapse_nav_link_label">Research Grants</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-collapse-nav-toggle collapse_nav_toggle research_collapse_nav_toggle" data-swap-target=".js-research-collapse-nav-item-3" data-swap-group="research_collapse_nav_parent" aria-label="Research Grants" aria-haspopup="true" aria-expanded="false">
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_default">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_plus">
<use href="/images/icons.svg#plus" />
</svg>
</span>
</span>
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_active">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-collapse-nav-children collapse_nav_children research_collapse_nav_children" aria-label="Research Grants">
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Nam quam nunc</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Blandit Vel</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Donec Vitae Sapien</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Ut Libero</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Venenatis Faucibus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Nullam Quis Ante</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_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-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Sed Fringilla Mauris Sit</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Amet Nibh</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Donec Sodales Sagittis</span>
</div>
</a>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-research-collapse-nav-item js-research-collapse-nav-item-4 collapse_nav_item research_collapse_nav_item has_children">
<div class="collapse_nav_item_inner research_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-research-collapse-nav-link collapse_nav_link research_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_link_inner">
<span class="collapse_nav_label research_collapse_nav_link_label">Policy</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-collapse-nav-toggle collapse_nav_toggle research_collapse_nav_toggle" data-swap-target=".js-research-collapse-nav-item-4" data-swap-group="research_collapse_nav_parent" aria-label="Policy" aria-haspopup="true" aria-expanded="false">
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_default">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_plus">
<use href="/images/icons.svg#plus" />
</svg>
</span>
</span>
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_active">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-collapse-nav-children collapse_nav_children research_collapse_nav_children" aria-label="Policy">
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Aliquam Lorem Ante</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Quisque Rutrum</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Aeneanimperdiet</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Tellus Eget Condimentum</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Duis Leo</span>
</div>
</a>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-research-collapse-nav-item js-research-collapse-nav-item-5 collapse_nav_item research_collapse_nav_item has_children">
<div class="collapse_nav_item_inner research_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-research-collapse-nav-link collapse_nav_link research_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_link_inner">
<span class="collapse_nav_label research_collapse_nav_link_label">Newsroom</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-collapse-nav-toggle collapse_nav_toggle research_collapse_nav_toggle" data-swap-target=".js-research-collapse-nav-item-5" data-swap-group="research_collapse_nav_parent" aria-label="Newsroom" aria-haspopup="true" aria-expanded="false">
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_default">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_plus">
<use href="/images/icons.svg#plus" />
</svg>
</span>
</span>
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_active">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-collapse-nav-children collapse_nav_children research_collapse_nav_children" aria-label="Newsroom">
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Aenean Vulputate Eleifend Tellus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Nascetur</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Ridiculus Mus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Pellentesque Eu</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Vivamus Elementum Semper</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Aenean Vulputate</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Aenean Leo Ligula</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Semper Libero</span>
</div>
</a>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-research-collapse-nav-item js-research-collapse-nav-item-6 collapse_nav_item research_collapse_nav_item has_children">
<div class="collapse_nav_item_inner research_collapse_nav_item_inner">
<a class="js-nav-collapse-link js-research-collapse-nav-link collapse_nav_link research_collapse_nav_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_link_inner">
<span class="collapse_nav_label research_collapse_nav_link_label">About</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-research-collapse-nav-toggle collapse_nav_toggle research_collapse_nav_toggle" data-swap-target=".js-research-collapse-nav-item-6" data-swap-group="research_collapse_nav_parent" aria-label="About" aria-haspopup="true" aria-expanded="false">
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_default">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_plus">
<use href="/images/icons.svg#plus" />
</svg>
</span>
</span>
<span class="collapse_nav_toggle_inner research_collapse_nav_toggle_inner research_collapse_nav_toggle_inner_active">
<span class="collapse_nav_icon research_collapse_nav_toggle_icon">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</span>
</button>
</div>
<ul class="js-nav-collapse-children js-research-collapse-nav-children collapse_nav_children research_collapse_nav_children" aria-label="About">
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Aenean Vulputate Eleifend Tellus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Nascetur</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Ridiculus Mus</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Pellentesque Eu</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Vivamus Elementum Semper</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Aenean Vulputate</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Aenean Leo Ligula</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-research-collapse-nav-child-item collapse_nav_child_item research_collapse_nav_child_item">
<a class="js-nav-collapse-child-link js-research-collapse-nav-child-link collapse_nav_child_link research_collapse_nav_child_link" href="#">
<div class="collapse_nav_link_inner research_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label research_collapse_nav_child_link_label">Semper Libero</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="menu_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_ribbon_inner">
<div class="menu_secondary_nav">
<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>
</div>
</div>
</div>
<div class="menu_close">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_close_inner">
<button class="js-menu-close-toggle js-swap menu_close_toggle button_toggle " data-swap-target=".menu" data-swap-linked="menu">
<span class="menu_close_toggle_inner_default menu_close_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="menu_close_toggle_label_default menu_close_toggle_label button_toggle_label_default button_toggle_label">Close</span>
<span class="menu_close_toggle_icon_default menu_close_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
<span class="menu_close_toggle_inner_active menu_close_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="menu_close_toggle_label_active menu_close_toggle_label button_toggle_label_active button_toggle_label">Close</span>
<span class="menu_close_toggle_icon_active menu_close_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- END: Menu -->
<script>
var WWW_ROOT = "";
var STATIC_ROOT = "../../index.html";
var STATIC_ICONS_PATH = "../../images/icons.svg";
</script>
<script src="../../vendor/jquery/jquery.3.5.1.min.js"></script>
<script src="../../js/site.js"></script>
<link id="fs-grid-styles" rel="stylesheet" href="../../vendor/formstone/bookmarklet/bookmarklet.1.2.1.css" type="text/css" media="all">
<script src="../../vendor/formstone/bookmarklet/bookmarklet.1.2.1.js"></script>
<script>
$(window).on('load', function() {
new FSGridBookmarklet();
});
</script>
</body>
</html>
{% extends '_base.twig' %}
{% block content %}
<!-- Page Wrapper -->
<div class="page_wrapper{% if page.image or page.video %} has_page_media{% endif %}">
{% render '@layout-header' with {
page: page,
_env: _env
} %}
<!-- Page -->
<main class="page">
{{ yield }}
</main>
<!-- END: Page -->
{% render '@layout-footer' with {
page: page,
_env: _env
} %}
</div>
<!-- END: Page Wrapper -->
{% render '@layout-menu' %}
{% endblock %}
No notes defined.