<!-- 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 -->
<!-- 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>

	{% if page.alert == true %}
		<a class="js-skip-alert skip_link skip_alert" id="alert_link" href="#alert">Skip to site alert</a>
	{% endif %}

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

					<div class="header_primary_inner_logo">
						{% render "@partial-logo" with {
							modifier: "header",
							icon: "logo_2022_one_color",
							print: ""
						} %}
					</div>

					<div class="header_primary_inner_group">

						<div class="header_controls">
							{% render "@partial-link" with {
								class: "search",
								title: "Search",
								icon: "search",
								url: "page-search.html"
							} %}

							{% render "@partial-link-toggle" with {
								class: "menu",
								title: "Menu",
								url: "#menu",
								icon: "menu",
								swap_target: ".menu",
								swap_link: "menu"
							} %}
						</div>

						<div class="header_primary_inner_top">

							{% render "@navigation-basic" with {
								class: "secondary_nav",
								modifier: "lg",
								title: "Secondary",
								toggle_icon: "",
								active_index: "",
								links: navigation.secondary
							} %}

							{% render "@partial-link" with {
								class: "search",
								title: "Search",
								icon: "search",
								url: "page-search.html"
							} %}

						</div>

						<div class="header_primary_inner_bottom">

							{% render "@navigation-basic" with {
								class: "main_nav",
								modifier: "lg",
								title: "Site",
								toggle_icon: "expand_more",
								active_index: page.activePage,
								links: navigation.main
							} %}

						</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">{{ icon("trending") }}</span>
							<span class="header_ribbon_trending_label_label">Trending</span>
						</span>
						{% render "@navigation-basic" with {
							class: "trending_nav",
							modifier: "",
							title: "Trending",
							toggle_icon: "",
							active_index: "",
							links: navigation.trending
						} %}
					</div>

				</div>

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

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

No notes defined.