<div class="featured_item is_type_video has_video">
<div class="fs-row">
<div class="fs-cell">
<div class="featured_item_inner">
<header class="featured_item_head">
<div class="featured_item_label">
Lorem Ipsum
</div>
</header>
<div class="fs-row">
<div class="fs-cell fs-lg-6 fs-xl-8 fs-lg-last">
<div class="featured_item_img_wrap">
<figure class="featured_item_video_wrap">
<a href="https://www.youtube.com/watch?v=mVUIaGiNSJU" class="featured_item_video js-video-appender">
<span class="lazy_image_wrapper featured_item_image_wrapper">
<img class="js-lazy js-lazyload featured_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/5" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/5 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/5 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/5 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/5 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/5 1220w" alt="">
</span>
<noscript>
<img class="featured_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/5" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/5 1220w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/5 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/5 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/5 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/5 300w" sizes="100vw" alt="">
</noscript>
<button type="button" class="featured_item_video_play_btn" aria-label="Video Play Button">
<svg class="icon icon_play">
<use href="/images/icons.svg#play" />
</svg>
</button>
</a>
<div class="featured_item_img_credit">
<div class="featured_item_img_credit_inner">
Reuters
</div>
</div>
<div class="featured_item_issue">
Culture
</div>
</figure>
</div>
</div>
<div class="fs-cell fs-lg-6 fs-xl-4">
<div class="featured_item_content_wrap">
<div class="fs-row">
<div class="fs-cell fs-lg-12">
<h2 class="featured_item_title">
<a class="featured_item_title_link" href="#">
Israel's New Government, Afghanistan Peace Process, US-Iran Confrontations
</a>
</h2>
<div class="featured_item_meta">
<div class="featured_item_meta_other">
<span>Running Numbers by Craig Kafura</span>
</div>
</div>
</div>
<div class="fs-cell fs-lg-12">
<div class="featured_item_blurb">
In this week’s episode of World Review, The New York Times’ Carol Giacomo, The Financial Times’ Gideon Rachman, and the Chicago Tribune’s Steve Chapman join Council President Ivo Daalder.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% set issue = get_issue_text(issues) %}
{% set meta_other = get_meta_text({
authors: authors,
series: series
}) %}
<div class="featured_item is_type_{{ type }} {% if video %}has_video{% endif %}">
<div class="fs-row">
<div class="fs-cell">
<div class="featured_item_inner">
{% if introductory_label %}
<header class="featured_item_head">
<div class="featured_item_label">
{{ introductory_label }}
</div>
</header>
{% endif %}
<div class="fs-row">
{% if image_context %}
<div class="fs-cell {{ cell_wrap_left }}">
<div class="featured_item_img_wrap">
{% if video or podcast %}
<figure class="featured_item_video_wrap">
{% if video %}
<a href="{{ video }}" class="featured_item_video js-video-appender">
{% render "@partial-image" with image_context %}
<button type="button" class="featured_item_video_play_btn" aria-label="Video Play Button">
{{ icon("play") }}
</button>
</a>
{% elseif podcast %}
<a href="{{ podcast }}"
class="featured_item_video featured_item_podcast_link js-podcast-link"
data-series="{{ podcast_series }}"
data-title="{{ podcast_title }}">
{% render "@partial-image" with image_context %}
<span class="featured_item_podcast_link_label">Play the podcast</span>
<span class="featured_item_video_play_btn">{{ icon("podcast_play") }}</span>
<span class="featured_item_video_pause_btn">{{ icon("pause") }}</span>
</a>
{% endif %}
{% if image_credit %}
<div class="featured_item_img_credit">
<div class="featured_item_img_credit_inner">
{{ image_credit }}
</div>
</div>
{% endif %}
{% if date %}
<div class="featured_item_img_date">
<div class="featured_item_img_date_month">
{{ date.from.begin|date('M') }}
</div>
<div class="featured_item_img_date_day">
{{ date.from.begin|date('j') }}
</div>
</div>
{% elseif issue %}
<div class="featured_item_issue">
{{ issue }}
</div>
{% endif %}
</figure>
{% else %}
{% render "@partial-image" with image_context %}
{% if image_credit %}
<div class="featured_item_img_credit">
<div class="featured_item_img_credit_inner">
{{ image_credit }}
</div>
</div>
{% endif %}
{% if issue %}
<div class="featured_item_issue">
{{ issue }}
</div>
{% endif %}
{% endif %}
</div>
</div>
{% endif %}
<div class="fs-cell {{ cell_wrap_right }}">
<div class="featured_item_content_wrap">
<div class="fs-row">
<div class="fs-cell {{ cell_content_left }}">
<h2 class="featured_item_title">
<a class="featured_item_title_link" href="{{ title.href }}">
{{ title.name }}
</a>
</h2>
<div class="featured_item_meta">
{% if meta_other %}
<div class="featured_item_meta_other">
<span>{{ meta_other }}</span>
</div>
{% endif %}
{% if type == 'event' %}
<div class="featured_item_meta_btn is_desktop">
{% if sold_out %}
{% include "@partial-button-status" with {
theme: "dark",
text: "This event is sold out.",
icon: "alert-button"
} %}
{% else %}
{% render "@partial-button" with {
theme: 'blue_baby',
text: 'Register Today',
icon: false
} %}
{% endif %}
</div>
{% endif %}
</div>
</div>
<div class="fs-cell {{ cell_content_right }}">
<div class="featured_item_blurb">
{{ blurb }}
</div>
{% if type == 'event' %}
<div class="featured_item_meta_btn is_mobile">
{% render "@partial-button" with {
theme: 'blue_baby',
text: 'Register Today',
icon: false
} %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.