<div class="podcast_detail_top js-podcast-detail">
<div class="podcast_detail_top_inner">
<div class="podcast_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">Commentary & Analysis</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">Podcasts</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="podcast_detail_top_body">
<div class="fs-row podcast_detail_top_body_row">
<div class="fs-cell podcast_detail_top_body_cell">
<div class="podcast_detail_top_body_inner">
<div class="podcast_detail_top_body_header">
<h1 class="podcast_detail_top_title">Nuclear Threats 75 Years After Hiroshima</h1>
<time class="podcast_detail_top_date" datetime="2020-08-12">
August 12, 2020
</time>
<div class="podcast_detail_top_labels">
<span class="podcast_detail_top_label_type">
<a class="podcast_detail_top_label_type_link" href="#">
Podcast
</a>
</span>
<span class="podcast_detail_top_label_series">
<a href="#">Deep Dish</a>
</span>
</div>
</div>
<div class="podcast_detail_top_body_content">
<div class="podcast_detail_top_intro">
<span class="podcast_detail_top_intro_label">Former Deputy secretary of energy Elizabeth Sherwood-Randall and Standford University's Scott Sagan join Deep Dish to examine nuclear weapons today and what Americans can do as arms control regimes falter.</span>
</div>
<figure class="podcast_detail_top_figure">
<span class="lazy_image_wrapper podcast_detail_top_image_wrapper">
<img class="js-lazy js-lazyload podcast_detail_top_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x200/4" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x200/4 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x334/4 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x494/4 740w" alt="">
</span>
<noscript>
<img class="podcast_detail_top_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/740x494/4" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/740x494/4 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x334/4 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x200/4 300w" sizes="100vw" alt="">
</noscript>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="podcast_detail_top js-podcast-detail">
<div class="podcast_detail_top_inner">
<div class="podcast_detail_top_breadcrumbs">
<div class="fs-row">
<div class="fs-cell">
{% render '@navigation-breadcrumb--podcast-detail' %}
</div>
</div>
</div>
<div class="podcast_detail_top_body">
<div class="fs-row podcast_detail_top_body_row">
<div class="fs-cell podcast_detail_top_body_cell">
<div class="podcast_detail_top_body_inner">
<div class="podcast_detail_top_body_header">
<h1 class="podcast_detail_top_title">{{ title }}</h1>
<time class="podcast_detail_top_date" datetime="{{ date }}">
{{ date|date("F j, Y") }}
</time>
<div class="podcast_detail_top_labels">
<span class="podcast_detail_top_label_type">
<a class="podcast_detail_top_label_type_link" href="{{ type.href }}">
{{ type.name }}
</a>
</span>
<span class="podcast_detail_top_label_series">
<a href="#">{{ series }}</a>
</span>
</div>
</div>
<div class="podcast_detail_top_body_content">
<div class="podcast_detail_top_intro">
<span class="podcast_detail_top_intro_label">{{ intro }}</span>
</div>
<figure class="podcast_detail_top_figure{% if image_credit %} has_credit{% endif %}">
{% render "@partial-image" with {
class: "podcast_detail_top",
image: image,
sources: [
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
{% if podcast_url %}
<a href="{{ podcast_url }}"
class="podcast_detail_top_player_link js-podcast-link"
data-series="{{ series }}"
data-title="{{ title }}">
<span class="podcast_detail_top_player_link_label">Play Podcast</span>
<span class="podcast_detail_top_player_link_icon_play">{{ icon("podcast_play") }}</span>
<span class="podcast_detail_top_player_link_icon_pause">{{ icon("pause") }}</span>
</a>
{% endif %}
{% if image_credit %}
<div class="podcast_detail_top_img_credit">
<div class="podcast_detail_top_img_credit_inner">
{{ image_credit }}
</div>
</div>
{% endif %}
</figure>
</div>
{% if button %}
<div class="podcast_detail_top_footer">
<div class="podcast_detail_top_btn_wrap">
<div class="podcast_detail_top_btn_target js-swap" data-swap-target=".js-podcast-btn-list">
{% render "@partial-button--mint-green" with button %}
</div>
<div class="podcast_detail_top_btn_list js-podcast-btn-list">
{% render "@component-subscribe-droplist" %}
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.