<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">

    <title>

        &raquo; Pattern Library
    </title>

    <link rel="preconnect" href="https://cloud.typography.com">

    <link rel="apple-touch-icon" sizes="180x180" href="../../favicons/apple-touch-icon.png?v=2.0.0">
    <link rel="icon" type="image/png" sizes="32x32" href="../../favicons/favicon-32x32.png?v=2.0.0">
    <link rel="icon" type="image/png" sizes="16x16" href="../../favicons/favicon-16x16.png?v=2.0.0">
    <link rel="manifest" href="../../favicons/site.webmanifest?v=2.0.0">
    <link rel="mask-icon" href="../../favicons/safari-pinned-tab.svg?v=2.0.0" color="#00005a">
    <link rel="shortcut icon" href="../../favicons/favicon.ico?v=2.0.0">
    <meta name="msapplication-TileColor" content="#efecea">
    <meta name="msapplication-config" content="../../favicons/browserconfig.xml?v=2.0.0">
    <meta name="theme-color" content="#efecea">
    <!-- Facebook -->
    <meta property="og:title" content="Page Title">
    <meta property="og:type" content="website">
    <meta property="og:image" content="http://ccga.dev.fastspot.com/social.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="600">
    <meta property="og:description" content="Chicago Council on Global Affairs">
    <meta property="og:site_name" content="CCGA">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@ChicagoCouncil">
    <meta name="twitter:creator" content="@ChicagoCouncil">
    <meta name="twitter:url" content="//twitter.com/ChicagoCouncil">
    <meta name="twitter:title" content="Page Title">
    <meta name="twitter:description" content="Chicago Council on Global Affairs">
    <meta name="twitter:image" content="http://ccga.dev.fastspot.com/social.png">

    <link rel="stylesheet" type="text/css" href="https://cloud.typography.com/7388714/6752612/css/fonts.css" />
    <link media="all" rel="stylesheet" href="../../css/site.css">

    <script src="https://www.youtube.com/iframe_api"></script>

</head>

<body class="preload fs-grid theme_default ">
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>

    <div class="js-alert-wrapper">
    </div>

    <!-- Page Wrapper -->
    <div class="page_wrapper">
        <!-- Header -->
        <header class="header js-header" id="header">
            <a class="skip_link skip_main" id="skip_link" href="#skip_content">Skip to main content</a>

            <div class="header_primary">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="header_primary_inner">

                            <div class="header_primary_inner_logo">

                                <div class="logo logo_header logo_icon">
                                    <a class="logo_link" href="page-home.html">
                                        <span class="logo_link_label">CCGA</span>
                                        <span class="logo_link_icon">
                                            <svg class="icon icon_logo_2022_one_color">
                                                <use href="/images/icons.svg#logo_2022_one_color" />
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>

                            <div class="header_primary_inner_group">

                                <div class="header_controls">

                                    <a href="page-search.html" class="search_link">
                                        <span class="search_link_inner">
                                            <span class="search_link_label">Search</span>
                                            <span class="search_link_icon" aria-hidden="true">
                                                <span class="search_link_icon_inner">
                                                    <span class="search_link_icon_space">&#xfeff;</span>
                                                    <svg class="icon icon_search">
                                                        <use xlink:href="/images/icons.svg#search"></use>
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </a>

                                    <a href="#menu" class="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">
                                                <span class="menu_toggle_icon_inner_default menu_toggle_icon_inner">
                                                    <span class="menu_toggle_icon_space">&#xfeff;</span>
                                                    <svg class="icon icon_menu">
                                                        <use xlink:href="/images/icons.svg#menu"></use>
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </a>
                                </div>

                                <div class="header_primary_inner_top">

                                    <nav class="js-nav js-secondary-nav js-secondary-nav-lg nav secondary_nav secondary_nav_lg" aria-labelledby="secondary_nav_title_lg">
                                        <div class="nav_header secondary_nav_header">
                                            <h2 class="nav_title secondary_nav_title" id="secondary_nav_title_lg">Secondary</h2>
                                        </div>
                                        <ul class="js-nav-list js-secondary-nav-list nav_list secondary_nav_list" aria-labelledby="secondary_nav_title_lg">
                                            <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-1 nav_item secondary_nav_item">
                                                <div class="nav_item_inner secondary_nav_item_inner">
                                                    <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                        <span class="nav_link_label secondary_nav_link_label">About The Council</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-2 nav_item secondary_nav_item">
                                                <div class="nav_item_inner secondary_nav_item_inner">
                                                    <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                        <span class="nav_link_label secondary_nav_link_label">Member Resources</span>
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </nav>

                                    <a href="page-search.html" class="search_link">
                                        <span class="search_link_inner">
                                            <span class="search_link_label">Search</span>
                                            <span class="search_link_icon" aria-hidden="true">
                                                <span class="search_link_icon_inner">
                                                    <span class="search_link_icon_space">&#xfeff;</span>
                                                    <svg class="icon icon_search">
                                                        <use xlink:href="/images/icons.svg#search"></use>
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </a>

                                </div>

                                <div class="header_primary_inner_bottom">

                                    <nav class="js-nav js-main-nav js-main-nav-lg nav main_nav main_nav_lg" aria-labelledby="main_nav_title_lg">
                                        <div class="nav_header main_nav_header">
                                            <h2 class="nav_title main_nav_title" id="main_nav_title_lg">Site</h2>
                                        </div>
                                        <ul class="js-nav-list js-main-nav-list nav_list main_nav_list" aria-labelledby="main_nav_title_lg">
                                            <li class="js-nav-item js-main-nav-item js-main-nav-item-1 nav_item main_nav_item has_children">
                                                <div class="nav_item_inner main_nav_item_inner">
                                                    <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                                        <span class="nav_link_label main_nav_link_label">Events</span>
                                                    </a>
                                                    <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-1" data-swap-group="main_nav_lg" aria-label="Events" aria-haspopup="true" aria-expanded="false">
                                                        <span class="nav_toggle_inner main_nav_toggle_inner">
                                                            <span class="nav_toggle_icon main_nav_toggle_icon">
                                                                <svg class="icon icon_expand_more">
                                                                    <use href="/images/icons.svg#expand_more" />
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </button>
                                                </div>
                                                <ul class="js-nav-children js-main-nav-children nav_children main_nav_children" aria-label="Events">
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">View All Events</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Events by Global Cities</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Events by Global Health</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Events by Food and Agriculture</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Events by International Law and Human Rights</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="js-nav-item js-main-nav-item js-main-nav-item-2 nav_item main_nav_item has_children">
                                                <div class="nav_item_inner main_nav_item_inner">
                                                    <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                                        <span class="nav_link_label main_nav_link_label">Commentary & Analysis</span>
                                                    </a>
                                                    <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-2" data-swap-group="main_nav_lg" aria-label="Commentary & Analysis" aria-haspopup="true" aria-expanded="false">
                                                        <span class="nav_toggle_inner main_nav_toggle_inner">
                                                            <span class="nav_toggle_icon main_nav_toggle_icon">
                                                                <svg class="icon icon_expand_more">
                                                                    <use href="/images/icons.svg#expand_more" />
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </button>
                                                </div>
                                                <ul class="js-nav-children js-main-nav-children nav_children main_nav_children" aria-label="Commentary & Analysis">
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Videos</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Podcasts</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Blogs</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Interactives</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">In the News</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="js-nav-item js-main-nav-item js-main-nav-item-3 nav_item main_nav_item has_children">
                                                <div class="nav_item_inner main_nav_item_inner">
                                                    <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                                        <span class="nav_link_label main_nav_link_label">Research</span>
                                                    </a>
                                                    <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-3" data-swap-group="main_nav_lg" aria-label="Research" aria-haspopup="true" aria-expanded="false">
                                                        <span class="nav_toggle_inner main_nav_toggle_inner">
                                                            <span class="nav_toggle_icon main_nav_toggle_icon">
                                                                <svg class="icon icon_expand_more">
                                                                    <use href="/images/icons.svg#expand_more" />
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </button>
                                                </div>
                                                <ul class="js-nav-children js-main-nav-children nav_children main_nav_children" aria-label="Research">
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Reports</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Policy Briefs</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Public Opinion Surveys</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Working Papers</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Experts</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="js-nav-item js-main-nav-item js-main-nav-item-4 nav_item main_nav_item has_children">
                                                <div class="nav_item_inner main_nav_item_inner">
                                                    <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                                        <span class="nav_link_label main_nav_link_label">Support the Council</span>
                                                    </a>
                                                    <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-4" data-swap-group="main_nav_lg" aria-label="Support the Council" aria-haspopup="true" aria-expanded="false">
                                                        <span class="nav_toggle_inner main_nav_toggle_inner">
                                                            <span class="nav_toggle_icon main_nav_toggle_icon">
                                                                <svg class="icon icon_expand_more">
                                                                    <use href="/images/icons.svg#expand_more" />
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </button>
                                                </div>
                                                <ul class="js-nav-children js-main-nav-children nav_children main_nav_children" aria-label="Support the Council">
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Make a Gift Now</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Become a Member</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Young Professionals Network</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Become a Corporate Partner</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Annual Donors & Financial Reports</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">For Current Members</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="js-nav-item js-main-nav-item js-main-nav-item-5 nav_item main_nav_item has_children hide_main">
                                                <div class="nav_item_inner main_nav_item_inner">
                                                    <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                                        <span class="nav_link_label main_nav_link_label">About Us</span>
                                                    </a>
                                                    <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-5" data-swap-group="main_nav_lg" aria-label="About Us" aria-haspopup="true" aria-expanded="false">
                                                        <span class="nav_toggle_inner main_nav_toggle_inner">
                                                            <span class="nav_toggle_icon main_nav_toggle_icon">
                                                                <svg class="icon icon_expand_more">
                                                                    <use href="/images/icons.svg#expand_more" />
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </button>
                                                </div>
                                                <ul class="js-nav-children js-main-nav-children nav_children main_nav_children" aria-label="About Us">
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Mission</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">History</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Board of Directors</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Staff</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Career Opportunities</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Leadership Development Opportunities</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Global Leadership Awards</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Media Resources</span>
                                                        </a>
                                                    </li>
                                                    <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                                        <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                                            <span class="nav_child_link_label main_nav_child_link_label">Annual Reports</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </nav>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <div class="header_ribbon">
                <div class="fs-row">
                    <div class="fs-cell">

                        <div class="header_ribbon_inner">

                            <div class="header_ribbon_messaging">
                                <span class="header_ribbon_messaging_label">Issues. Ideas. Impact.</span>
                            </div>

                            <div class="header_ribbon_trending">
                                <span class="header_ribbon_trending_label">
                                    <span class="header_ribbon_trending_label_icon">
                                        <svg class="icon icon_trending">
                                            <use href="/images/icons.svg#trending" />
                                        </svg>
                                    </span>
                                    <span class="header_ribbon_trending_label_label">Trending</span>
                                </span>

                                <nav class="js-nav js-trending-nav nav trending_nav" aria-labelledby="trending_nav_title">
                                    <div class="nav_header trending_nav_header">
                                        <h2 class="nav_title trending_nav_title" id="trending_nav_title">Trending</h2>
                                    </div>
                                    <ul class="js-nav-list js-trending-nav-list nav_list trending_nav_list" aria-labelledby="trending_nav_title">
                                        <li class="js-nav-item js-trending-nav-item js-trending-nav-item-1 nav_item trending_nav_item">
                                            <div class="nav_item_inner trending_nav_item_inner">
                                                <a class="js-nav-link js-trending-nav-link nav_link trending_nav_link" href="#">
                                                    <span class="nav_link_label trending_nav_link_label">Global Cities</span>
                                                </a>
                                            </div>
                                        </li>
                                        <li class="js-nav-item js-trending-nav-item js-trending-nav-item-2 nav_item trending_nav_item">
                                            <div class="nav_item_inner trending_nav_item_inner">
                                                <a class="js-nav-link js-trending-nav-link nav_link trending_nav_link" href="#">
                                                    <span class="nav_link_label trending_nav_link_label">Global Health</span>
                                                </a>
                                            </div>
                                        </li>
                                        <li class="js-nav-item js-trending-nav-item js-trending-nav-item-3 nav_item trending_nav_item">
                                            <div class="nav_item_inner trending_nav_item_inner">
                                                <a class="js-nav-link js-trending-nav-link nav_link trending_nav_link" href="#">
                                                    <span class="nav_link_label trending_nav_link_label">Global Politics</span>
                                                </a>
                                            </div>
                                        </li>
                                    </ul>
                                </nav>
                            </div>

                        </div>

                    </div>
                </div>
            </div>

        </header>
        <!-- END: Header -->

        <!-- Page -->
        <div class="page">
            <main role="main" class="page_yield">

            </main>
        </div>

        <!-- Footer -->
        <footer class="footer" id="footer" role="contentinfo" aria-label="Footer">
            <div class="footer_primary">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="footer_primary_inner">

                            <div class="logo logo_footer_sm logo_icon">
                                <a class="logo_link" href="page-home.html">
                                    <span class="logo_link_label">CCGA</span>
                                    <span class="logo_link_icon">
                                        <svg class="icon icon_logo_2022_vertical">
                                            <use href="/images/icons.svg#logo_2022_vertical" />
                                        </svg>
                                    </span>
                                </a>
                            </div>

                            <div class="logo logo_footer_lg logo_icon">
                                <a class="logo_link" href="page-home.html">
                                    <span class="logo_link_label">CCGA</span>
                                    <span class="logo_link_icon">
                                        <svg class="icon icon_logo_2022">
                                            <use href="/images/icons.svg#logo_2022" />
                                        </svg>
                                    </span>
                                </a>
                            </div>

                            <div class="meta_info" id="meta_info">
                                <script type="application/ld+json">
                                    {
                                        "@context": "http://schema.org",
                                        "@type": "Organization",
                                        "name": "CCGA",
                                        "address": {
                                            "@type": "PostalAddress",
                                            "streetAddress": "180 N. Stetson Avenue, Suite 1400",
                                            "addressLocality": "Chicago",
                                            "addressRegion": "IL",
                                            "postalCode": "60601"
                                        },
                                        "telephone": "(312) 726-3860",
                                        "url": "//ccga.dev.fastspot.com",
                                        "sameAs": [
                                            "//www.facebook.com/TheChicagoCouncil",
                                            "//www.twitter.com/ChicagoCouncil",
                                            "//www.instagram.com/thechicagocouncil",
                                            "//www.linkedin.com/company/the-chicago-council-on-global-affairs",
                                            "//www.youtube.com/thechicagocouncil"
                                        ]
                                    }
                                </script>
                                <div class="meta_info_details">
                                    <div class="meta_info_detail meta_info_detail_address">
                                        <span class="meta_info_detail_address_label">Office Address</span>
                                        <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:ChIJG3rEM6IsDogRyxrzgdO7xmE" target="_blank" rel="noopener">
                                            <span class="meta_info_detail_address_title">Prudential Plaza:</span>
                                            <span class="meta_info_address_street">180 N. Stetson Avenue, Suite 1400</span>
                                            <span class="meta_info_address_group">
                                                <span class="meta_info_address_city">Chicago,</span>
                                                <span class="meta_info_address_state">IL</span>
                                                <span class="meta_info_address_zip">60601</span>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="meta_info_detail meta_info_detail_address">
                                        <span class="meta_info_detail_address_label">Conference Center</span>
                                        <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:ChIJyS2CA6YsDogRVaK90d2rD_A" target="_blank" rel="noopener">
                                            <span class="meta_info_detail_address_title">Prudential Plaza:</span>
                                            <span class="meta_info_address_street">130 E. Randolph St.</span>
                                            <span class="meta_info_address_group">
                                                <span class="meta_info_address_city">Chicago,</span>
                                                <span class="meta_info_address_state">IL</span>
                                                <span class="meta_info_address_zip">60601</span>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="meta_info_detail meta_info_detail_phone">
                                        <a class="meta_info_detail_label meta_info_detail_link" href="tel:3127263860">
                                            <span class="meta_info_detail_label_hint">Phone</span>
                                            <span class="meta_info_detail_phone_number">(312) 726-3860</span>
                                        </a>
                                        <a href="#" class="meta_info_contact_link">Contact Us With Questions</a>
                                    </div>
                                </div>
                            </div>

                            <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/TheChicagoCouncil" target="_blank" rel="noopener">
                                            <span class="social_nav_icon">
                                                <svg class="icon icon_facebook">
                                                    <use href="/images/icons.svg#facebook" />
                                                </svg>
                                            </span>
                                            <span class="social_nav_label">Facebook</span>
                                        </a>
                                    </li>
                                    <li class="social_nav_item">
                                        <a class="social_nav_link social_nav_link_twitter" href="//www.twitter.com/ChicagoCouncil" target="_blank" rel="noopener">
                                            <span class="social_nav_icon">
                                                <svg class="icon icon_twitter">
                                                    <use href="/images/icons.svg#twitter" />
                                                </svg>
                                            </span>
                                            <span class="social_nav_label">Twitter</span>
                                        </a>
                                    </li>
                                    <li class="social_nav_item">
                                        <a class="social_nav_link social_nav_link_instagram" href="//www.instagram.com/thechicagocouncil" 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_linkedin" href="//www.linkedin.com/company/the-chicago-council-on-global-affairs" 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>
                                    <li class="social_nav_item">
                                        <a class="social_nav_link social_nav_link_youtube" href="//www.youtube.com/thechicagocouncil" 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>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_ribbon">

                <div class="footer_ribbon_top">

                    <div class="footer_newsletter">

                        <div class="footer_newsletter_header">
                            <h2 class="footer_newsletter_title">Sign Up For Our Newsletter</h2>
                        </div>
                        <div class="footer_newsletter_body">
                            <div class="footer_newsletter_content">
                                <span class="footer_newsletter_cta">From regular event invitations to curated research and commentary, we have a variety of newsletters that will keep you connected and engaged with our community.</span>

                                <a class="button theme_mint_green  button--with-icon" href="#">
                                    <span class="button_text">
                                        Explore All Newsletter Options
                                    </span>

                                    <span class="button_icon">

                                        <svg class="icon icon_caret_right">
                                            <use href="/images/icons.svg#caret_right" />
                                        </svg>

                                    </span>
                                </a>
                            </div>
                            <!-- Newsletter Form Here-->
                        </div>

                    </div>

                </div>

                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="footer_ribbon_inner">

                            <div class="footer_ribbon_bottom">

                                <nav class="js-nav js-footer-main-nav js-footer-main-nav-lg nav footer_main_nav footer_main_nav_lg" aria-labelledby="footer_main_nav_title_lg">
                                    <div class="nav_header footer_main_nav_header">
                                        <h2 class="nav_title footer_main_nav_title" id="footer_main_nav_title_lg">Footer Main</h2>
                                    </div>
                                    <ul class="js-nav-list js-footer-main-nav-list nav_list footer_main_nav_list" aria-labelledby="footer_main_nav_title_lg">
                                        <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-1 nav_item footer_main_nav_item has_children">
                                            <div class="nav_item_inner footer_main_nav_item_inner">
                                                <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                                    <span class="nav_link_label footer_main_nav_link_label">Events</span>
                                                </a>
                                                <button class="js-swap js-nav-toggle js-footer-main-nav-toggle nav_toggle footer_main_nav_toggle" data-swap-target=".js-footer-main-nav-item-1" data-swap-group="footer_main_nav_lg" aria-label="Events" aria-haspopup="true" aria-expanded="false">
                                                    <span class="nav_toggle_inner footer_main_nav_toggle_inner">
                                                        <span class="nav_toggle_icon footer_main_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-children js-footer-main-nav-children nav_children footer_main_nav_children" aria-label="Events">
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">View All Events</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Events by Global Cities</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Events by Global Health</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Events by Food and Agriculture</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Events by International Law and Human Rights</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-2 nav_item footer_main_nav_item has_children">
                                            <div class="nav_item_inner footer_main_nav_item_inner">
                                                <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                                    <span class="nav_link_label footer_main_nav_link_label">Commentary & Analysis</span>
                                                </a>
                                                <button class="js-swap js-nav-toggle js-footer-main-nav-toggle nav_toggle footer_main_nav_toggle" data-swap-target=".js-footer-main-nav-item-2" data-swap-group="footer_main_nav_lg" aria-label="Commentary & Analysis" aria-haspopup="true" aria-expanded="false">
                                                    <span class="nav_toggle_inner footer_main_nav_toggle_inner">
                                                        <span class="nav_toggle_icon footer_main_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-children js-footer-main-nav-children nav_children footer_main_nav_children" aria-label="Commentary & Analysis">
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Videos</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Podcasts</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Blogs</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Interactives</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">In the News</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-3 nav_item footer_main_nav_item has_children">
                                            <div class="nav_item_inner footer_main_nav_item_inner">
                                                <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                                    <span class="nav_link_label footer_main_nav_link_label">Research</span>
                                                </a>
                                                <button class="js-swap js-nav-toggle js-footer-main-nav-toggle nav_toggle footer_main_nav_toggle" data-swap-target=".js-footer-main-nav-item-3" data-swap-group="footer_main_nav_lg" aria-label="Research" aria-haspopup="true" aria-expanded="false">
                                                    <span class="nav_toggle_inner footer_main_nav_toggle_inner">
                                                        <span class="nav_toggle_icon footer_main_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-children js-footer-main-nav-children nav_children footer_main_nav_children" aria-label="Research">
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Reports</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Policy Briefs</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Public Opinion Surveys</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Working Papers</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Experts</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-4 nav_item footer_main_nav_item has_children">
                                            <div class="nav_item_inner footer_main_nav_item_inner">
                                                <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                                    <span class="nav_link_label footer_main_nav_link_label">Support the Council</span>
                                                </a>
                                                <button class="js-swap js-nav-toggle js-footer-main-nav-toggle nav_toggle footer_main_nav_toggle" data-swap-target=".js-footer-main-nav-item-4" data-swap-group="footer_main_nav_lg" aria-label="Support the Council" aria-haspopup="true" aria-expanded="false">
                                                    <span class="nav_toggle_inner footer_main_nav_toggle_inner">
                                                        <span class="nav_toggle_icon footer_main_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-children js-footer-main-nav-children nav_children footer_main_nav_children" aria-label="Support the Council">
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Make a Gift Now</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Become a Member</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Young Professionals Network</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Become a Corporate Partner</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Annual Donors & Financial Reports</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">For Current Members</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="js-nav-item js-footer-main-nav-item js-footer-main-nav-item-5 nav_item footer_main_nav_item has_children hide_main">
                                            <div class="nav_item_inner footer_main_nav_item_inner">
                                                <a class="js-nav-link js-footer-main-nav-link nav_link footer_main_nav_link" href="#">
                                                    <span class="nav_link_label footer_main_nav_link_label">About Us</span>
                                                </a>
                                                <button class="js-swap js-nav-toggle js-footer-main-nav-toggle nav_toggle footer_main_nav_toggle" data-swap-target=".js-footer-main-nav-item-5" data-swap-group="footer_main_nav_lg" aria-label="About Us" aria-haspopup="true" aria-expanded="false">
                                                    <span class="nav_toggle_inner footer_main_nav_toggle_inner">
                                                        <span class="nav_toggle_icon footer_main_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-children js-footer-main-nav-children nav_children footer_main_nav_children" aria-label="About Us">
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Mission</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">History</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Board of Directors</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Staff</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Career Opportunities</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Leadership Development Opportunities</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Global Leadership Awards</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Media Resources</span>
                                                    </a>
                                                </li>
                                                <li class="js-nav-child-item js-footer-main-nav-child-item nav_child_item footer_main_nav_child_item">
                                                    <a class="js-nav-child-link js-footer-main-nav-child-link nav_child_link footer_main_nav_child_link" href="#">
                                                        <span class="nav_child_link_label footer_main_nav_child_link_label">Annual Reports</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>

                                <div class="footer_ribbon_bottom_wrapper">

                                    <nav class="js-nav js-footer-nav nav footer_nav" aria-labelledby="footer_nav_title">
                                        <div class="nav_header footer_nav_header">
                                            <h2 class="nav_title footer_nav_title" id="footer_nav_title">Footer</h2>
                                        </div>
                                        <ul class="js-nav-list js-footer-nav-list nav_list footer_nav_list" aria-labelledby="footer_nav_title">
                                            <li class="js-nav-item js-footer-nav-item js-footer-nav-item-1 nav_item footer_nav_item">
                                                <div class="nav_item_inner footer_nav_item_inner">
                                                    <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                        <span class="nav_link_label footer_nav_link_label">Privacy Policy</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="js-nav-item js-footer-nav-item js-footer-nav-item-2 nav_item footer_nav_item">
                                                <div class="nav_item_inner footer_nav_item_inner">
                                                    <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                        <span class="nav_link_label footer_nav_link_label">Accessibility</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="js-nav-item js-footer-nav-item js-footer-nav-item-3 nav_item footer_nav_item">
                                                <div class="nav_item_inner footer_nav_item_inner">
                                                    <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                        <span class="nav_link_label footer_nav_link_label">Terms of Service</span>
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </nav>

                                    <p class="copyright">
                                        <span class="copyright_icon">&copy;</span>
                                        <span class="copyright_holder">
                                            <span class="copyright_holder_name">Chicago Council on Global Affairs</span>
                                        </span>
                                        <span class="copyright_year">2025</span>
                                    </p>

                                    <div class="footer_ribbon_charity_navigator">
                                        <a href="https://www.charitynavigator.org/index.cfm?bay=search.summary&orgid=9047" class="footer_ribbon_charity_navigator_link" aria-label="Charity Navigator Icon">

                                            <svg class="icon icon_charity">
                                                <use href="/images/icons.svg#charity" />
                                            </svg>

                                        </a>
                                    </div>
                                </div>

                                <div class="footer_ribbon_disclaimer">
                                    <span class="footer_ribbon_disclaimer_text">The Chicago Council on Global Affairs is an independent, nonpartisan organization. The Council takes no institutional positions on policy issues. All statements of fact and expressions of opinion contained in any content on this site are the sole responsibility of the author or commentator. References to specific nonprofit, private, or government entities are not an endorsement.</span>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- END: Footer -->
    </div>

    <!-- 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 class="logo logo_header logo_icon">
                            <a class="logo_link" href="page-home.html">
                                <span class="logo_link_label">CCGA</span>
                                <span class="logo_link_icon">
                                    <svg class="icon icon_logo_2022_one_color">
                                        <use href="/images/icons.svg#logo_2022_one_color" />
                                    </svg>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu_primary">
            <div class="menu_primary_inner">

                <nav class="js-nav js-main-nav js-main-nav-sm nav main_nav main_nav_sm" aria-labelledby="main_nav_title_sm">
                    <div class="nav_header main_nav_header">
                        <h2 class="nav_title main_nav_title" id="main_nav_title_sm">Site</h2>
                    </div>
                    <ul class="js-nav-list js-main-nav-list nav_list main_nav_list" aria-labelledby="main_nav_title_sm">
                        <li class="js-nav-item js-main-nav-item js-main-nav-item-1 nav_item main_nav_item has_children">
                            <div class="nav_item_inner main_nav_item_inner">
                                <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                    <span class="nav_link_label main_nav_link_label">Events</span>
                                </a>
                                <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-1" data-swap-group="main_nav_sm" aria-label="Events" aria-haspopup="true" aria-expanded="false">
                                    <span class="nav_toggle_inner main_nav_toggle_inner">
                                        <span class="nav_toggle_icon main_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-children js-main-nav-children nav_children main_nav_children" aria-label="Events">
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">View All Events</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Events by Global Cities</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Events by Global Health</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Events by Food and Agriculture</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Events by International Law and Human Rights</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="js-nav-item js-main-nav-item js-main-nav-item-2 nav_item main_nav_item has_children">
                            <div class="nav_item_inner main_nav_item_inner">
                                <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                    <span class="nav_link_label main_nav_link_label">Commentary & Analysis</span>
                                </a>
                                <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-2" data-swap-group="main_nav_sm" aria-label="Commentary & Analysis" aria-haspopup="true" aria-expanded="false">
                                    <span class="nav_toggle_inner main_nav_toggle_inner">
                                        <span class="nav_toggle_icon main_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-children js-main-nav-children nav_children main_nav_children" aria-label="Commentary & Analysis">
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Videos</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Podcasts</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Blogs</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Interactives</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">In the News</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="js-nav-item js-main-nav-item js-main-nav-item-3 nav_item main_nav_item has_children">
                            <div class="nav_item_inner main_nav_item_inner">
                                <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                    <span class="nav_link_label main_nav_link_label">Research</span>
                                </a>
                                <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-3" data-swap-group="main_nav_sm" aria-label="Research" aria-haspopup="true" aria-expanded="false">
                                    <span class="nav_toggle_inner main_nav_toggle_inner">
                                        <span class="nav_toggle_icon main_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-children js-main-nav-children nav_children main_nav_children" aria-label="Research">
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Reports</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Policy Briefs</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Public Opinion Surveys</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Working Papers</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Experts</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="js-nav-item js-main-nav-item js-main-nav-item-4 nav_item main_nav_item has_children">
                            <div class="nav_item_inner main_nav_item_inner">
                                <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                    <span class="nav_link_label main_nav_link_label">Support the Council</span>
                                </a>
                                <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-4" data-swap-group="main_nav_sm" aria-label="Support the Council" aria-haspopup="true" aria-expanded="false">
                                    <span class="nav_toggle_inner main_nav_toggle_inner">
                                        <span class="nav_toggle_icon main_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-children js-main-nav-children nav_children main_nav_children" aria-label="Support the Council">
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Make a Gift Now</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Become a Member</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Young Professionals Network</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Become a Corporate Partner</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Annual Donors & Financial Reports</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">For Current Members</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="js-nav-item js-main-nav-item js-main-nav-item-5 nav_item main_nav_item has_children hide_main">
                            <div class="nav_item_inner main_nav_item_inner">
                                <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="#">
                                    <span class="nav_link_label main_nav_link_label">About Us</span>
                                </a>
                                <button class="js-swap js-nav-toggle js-main-nav-toggle nav_toggle main_nav_toggle" data-swap-target=".js-main-nav-item-5" data-swap-group="main_nav_sm" aria-label="About Us" aria-haspopup="true" aria-expanded="false">
                                    <span class="nav_toggle_inner main_nav_toggle_inner">
                                        <span class="nav_toggle_icon main_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-children js-main-nav-children nav_children main_nav_children" aria-label="About Us">
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Mission</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">History</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Board of Directors</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Staff</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Career Opportunities</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Leadership Development Opportunities</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Global Leadership Awards</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Media Resources</span>
                                    </a>
                                </li>
                                <li class="js-nav-child-item js-main-nav-child-item nav_child_item main_nav_child_item">
                                    <a class="js-nav-child-link js-main-nav-child-link nav_child_link main_nav_child_link" href="#">
                                        <span class="nav_child_link_label main_nav_child_link_label">Annual Reports</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="menu_ribbon">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="menu_ribbon_inner">

                        <nav class="js-nav js-secondary-nav js-secondary-nav-sm nav secondary_nav secondary_nav_sm" aria-labelledby="secondary_nav_title_sm">
                            <div class="nav_header secondary_nav_header">
                                <h2 class="nav_title secondary_nav_title" id="secondary_nav_title_sm">Secondary</h2>
                            </div>
                            <ul class="js-nav-list js-secondary-nav-list nav_list secondary_nav_list" aria-labelledby="secondary_nav_title_sm">
                                <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-1 nav_item secondary_nav_item">
                                    <div class="nav_item_inner secondary_nav_item_inner">
                                        <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                            <span class="nav_link_label secondary_nav_link_label">About The Council</span>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-2 nav_item secondary_nav_item">
                                    <div class="nav_item_inner secondary_nav_item_inner">
                                        <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                            <span class="nav_link_label secondary_nav_link_label">Member Resources</span>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu_close">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="menu_close_inner">

                        <a href="page-search.html" class="search_link">
                            <span class="search_link_inner">
                                <span class="search_link_label">Search</span>
                                <span class="search_link_icon" aria-hidden="true">
                                    <span class="search_link_icon_inner">
                                        <span class="search_link_icon_space">&#xfeff;</span>
                                        <svg class="icon icon_search">
                                            <use xlink:href="/images/icons.svg#search"></use>
                                        </svg>
                                    </span>
                                </span>
                            </span>
                        </a>
                        <button class="js-menu-close-toggle js-swap menu_close_toggle " data-swap-target=".menu" data-swap-linked="menu">
                            <span class="menu_close_toggle_inner_default menu_close_toggle_inner">
                                <span class="menu_close_toggle_label_default menu_close_toggle_label">Close</span>
                                <span class="menu_close_toggle_icon_default menu_close_toggle_icon" aria-hidden="true">
                                    <span class="menu_close_toggle_icon_inner_default menu_close_toggle_icon_inner">
                                        <span class="menu_close_toggle_icon_space">&#xfeff;</span>

                                        <svg class="icon icon_close">
                                            <use href="/images/icons.svg#close" />
                                        </svg>

                                    </span>
                                </span>
                            </span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Menu -->
    <div class="podcasts_player" id="js-podcast-player" tabindex="-1" role="complementary" aria-label="Podcast Player">

        <div class="fs-row">
            <div class="fs-cell">

                <div class="podcasts_player_inner">

                    <div class="podcasts_player_controls">
                        <button class="podcasts_player_rewind" id="js-podcast-rewind-btn">
                            <span class="podcasts_player_rewind_label">Rewind 15 seconds</span>
                            <span class="podcasts_player_rewind_icon">
                                <svg class="icon icon_rewind">
                                    <use href="/images/icons.svg#rewind" />
                                </svg>
                            </span>
                        </button>
                        <button class="podcasts_player_btn_play" id="js-podcast-play-btn">
                            <span class="podcasts_player_btn_play_label">Play</span>
                            <span class="podcasts_player_btn_play_icon">

                                <svg class="icon icon_play">
                                    <use href="/images/icons.svg#play" />
                                </svg>

                                <svg class="icon icon_pause">
                                    <use href="/images/icons.svg#pause" />
                                </svg>

                            </span>
                        </button>
                        <button class="podcasts_player_forward" id="js-podcast-forward-btn">
                            <span class="podcasts_player_forward_label">Fast Forward 15 seconds</span>
                            <span class="podcasts_player_forward_icon">
                                <svg class="icon icon_forward">
                                    <use href="/images/icons.svg#forward" />
                                </svg>
                            </span>
                        </button>
                    </div>

                    <div class="podcasts_player_details">
                        <audio class="podcasts_audio" id="js-podcast-audio" ontimeupdate="PodcastPlayer.initProgressBar()" src="#">
                            Your browser does not support the <code>audio</code> element.
                        </audio>
                        <span class="podcasts_player_time">
                            <span class="podcast_player_current_time" id="podcast-current-time">0:00</span>
                            <span class="podcast_player_end_time" id="podcast-end-time">0:00</span>
                        </span>
                        <span class="podcast_player_progress">
                            <progress id="podcast-progress" class="podcast_progress" value="0" max="1"></progress>
                        </span>
                    </div>

                    <figcaption class="podcasts_player_figcap" id="js-podcast-figcap"></figcaption>

                </div>

            </div>
        </div>

        <button class="podcasts_player_close" id="js-podcasat-close-btn">
            <span class="podcasts_player_close_label">Close</span>
            <span class="podcasts_player_close_icon">
                <svg class="icon icon_close">
                    <use href="/images/icons.svg#close" />
                </svg>
            </span>
        </button>

    </div>
    <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 _target.context.page.image or _target.context.page.video %} has_page_media{% endif %}"
		{% if _target.context.page.custom_props %}style="{{ _target.context.page.custom_props }}"{% endif %}
	>
		{% render "@layout-header" with {
			layout: _target.context.page.layout,
			theme: _target.context.page.theme,
			activePage: _target.context.page.activePage
		} %}

		<!-- Page -->
		<div class="page">
			<main role="main" class="page_yield">
				{{ yield }}
			</main>
		</div>

		{% render "@layout-footer" with {
			page: _target.context.page
		} %}
	</div>

	{% render "@layout-menu" %}
	{% render "@layout-podcast-player" %}
{% endblock %}

No notes defined.