<div class="research_detail_top">
<div class="research_detail_top_inner">
<div class="research_detail_top_breadcrumbs">
<div class="fs-row">
<div class="fs-cell">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list multiple" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html" aria-label="Home">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_icon_back" aria-hidden="true" aria-label="Go Back">
<svg class="icon icon_arrow_back_breadcrumbs">
<use href="/images/icons.svg#arrow_back_breadcrumbs" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Research</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Page Title</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<div class="research_detail_top_body">
<div class="fs-row research_detail_top_body_row">
<div class="fs-cell research_detail_top_body_cell">
<div class="research_detail_top_body_inner">
<div class="research_detail_top_content">
<h1 class="research_detail_top_title">Toward City Diplomacy: Assessing Capacity in Select Global Cities</h1>
<time class="research_detail_top_date" datetime="2020-08-12">
August 12, 2020
</time>
<div class="research_detail_top_meta">
<span class="research_detail_top_label">
<a href="#">Research</a>
</span>
<span class="research_detail_top_authors">
<a href="#">White Paper</a> by
<span>Michelle Acuto</span>
, <span>Hugo Decramer</span>
, <span>Juliana Kerr</span>
and <span>Ian Klaus</span>
</span>
</div>
</div>
<figure class="research_detail_top_figure has_credit">
<span class="lazy_image_wrapper research_detail_top_image_wrapper">
<img class="js-lazy js-lazyload research_detail_top_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x200/6" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x200/6 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x334/6 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x494/6 740w" alt="">
</span>
<noscript>
<img class="research_detail_top_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/740x494/6" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/740x494/6 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x334/6 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x200/6 300w" sizes="100vw" alt="">
</noscript>
<div class="research_detail_top_img_credit">
<div class="research_detail_top_img_credit_inner">
Reuters
</div>
</div>
</figure>
<div class="research_detail_top_links">
<a class="button theme_mint_green button--with-icon" href="#">
<span class="button_text">
Download Report (PDF)
</span>
<span class="button_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</a>
<a class="button theme_mint_green button--with-icon" href="#">
<span class="button_text">
Download Data (ZIP)
</span>
<span class="button_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="research_detail_top">
<div class="research_detail_top_inner">
<div class="research_detail_top_breadcrumbs">
<div class="fs-row">
<div class="fs-cell">
{% render '@navigation-breadcrumb--research-detail' %}
</div>
</div>
</div>
<div class="research_detail_top_body">
<div class="fs-row research_detail_top_body_row">
<div class="fs-cell research_detail_top_body_cell">
<div class="research_detail_top_body_inner">
<div class="research_detail_top_content">
<h1 class="research_detail_top_title">{{ title }}</h1>
<time class="research_detail_top_date" datetime="{{ date }}">
{{ date|date("F j, Y") }}
</time>
<div class="research_detail_top_meta">
<span class="research_detail_top_label">
<a href="#">{{ label }}</a>
</span>
<span class="research_detail_top_authors">
<a href="#">{{ authors_prefix }}</a> by
{% for author in authors %}
<span>{{ author }}</span>
{% if loop.index == loop.length - 1 %} and {% endif %}
{% if not loop.last and loop.index != loop.length - 1 %}, {% endif %}
{% endfor %}
</span>
</div>
</div>
<figure class="research_detail_top_figure{% if image_credit %} has_credit{% endif %}">
{% render "@partial-image" with {
class: "research_detail_top",
image: image,
sources: [
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
{% if image_credit %}
<div class="research_detail_top_img_credit">
<div class="research_detail_top_img_credit_inner">
{{ image_credit }}
</div>
</div>
{% endif %}
</figure>
{% if buttons %}
<div class="research_detail_top_links{% if buttons|length > 2 %} three{% endif %}">
{% for button in buttons %}
{% render "@partial-button--mint-green" with button %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.