Create Chicklet (Rounded Segmented Column) Charts https://cinc.rud.is/web/packages/ggchicklet/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

3523 lines
148 KiB

<!DOCTYPE html>
<!--[if (gt IE 9)|!(IE)]> <!--><html lang="en" class="no-js page-interactive section-us page-theme-standard tone-news page-interactive-default limit-small layout-xlarge app-interactive" itemid="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html" itemtype="http://schema.org/NewsArticle" itemscope xmlns:og="http://opengraphprotocol.org/schema/"><!--<![endif]-->
<!--[if IE 9]> <html lang="en" class="no-js ie9 lt-ie10 page-interactive section-us page-theme-standard tone-news page-interactive-default limit-small layout-xlarge app-interactive" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js ie8 lt-ie10 lt-ie9 page-interactive section-us page-theme-standard tone-news page-interactive-default limit-small layout-xlarge app-interactive" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<!--[if (lt IE 8)]> <html lang="en" class="no-js lt-ie10 lt-ie9 lt-ie8 page-interactive section-us page-theme-standard tone-news page-interactive-default limit-small layout-xlarge app-interactive" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<head>
<script>
if (document.location.search.indexOf('nytapp=true') > -1) document.documentElement.classList.add('nyt-hide-shell');
var userAgent = window.navigator.userAgent || window.navigator.vendor || window.opera;
var inAndroid = userAgent.indexOf('nyt_android') !== -1;
var iniOS = userAgent.indexOf('nytios') !== -1;
if (inAndroid || iniOS) document.documentElement.classList.add('nyt-hide-shell');
</script>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="shortcut icon" href="https://static01.nyt.com/favicon.ico" />
<link rel="apple-touch-icon-precomposed" sizes="144×144" href="https://static01.nyt.com/images/icons/ios-ipad-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="114×114" href="https://static01.nyt.com/images/icons/ios-iphone-114x144.png" />
<link rel="apple-touch-icon-precomposed" href="https://static01.nyt.com/images/icons/ios-default-homescreen-57x57.png" />
<meta property="fb:app_id" content="9869919170" />
<meta name="twitter:site" value="@nytimes" />
<meta name="sourceApp" content="nyt-v5" />
<meta name="applicationName" content="newsdev" id="applicationName" />
<meta name="foundation-build-id" content="nyt-v5" id="foundation-build-id" />
<link rel="canonical" href="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html" />
<meta name="PT" content="Multimedia" />
<meta name="PST" content="Interactive" />
<meta name="tom" content="interactive_feature" />
<meta name="hdl" content="Which Candidates and Topics Got the Most Time During the Democratic Debate" />
<meta name="slug" content="debate-speaking-time" />
<meta name="lp" content="Candidates discussed several issues including immigration, climate change, health care and gun control." />
<meta name="col" content="" id="column-name" />
<meta name="dfp-ad-unit-path" content="us/elections" />
<meta name="keywords" content="Democratic Party,Debates (Political),Elections" />
<meta name="nyt-collection:display-name" content="Election 2020" />
<meta name="nyt-collection:identifier" content="2020-election" />
<meta name="nyt-collection:url" content="https://www.nytimes.com/news-event/2020-election" />
<meta name="nyt-collection:uri" content="/news-event/2020-election" />
<meta name="nyt-collection:tone" content="news" />
<meta name="nyt-collection:tagline" content="Read the latest on the 2020 election, including coverage of President Trump, Joe Biden, Kamala Harris, Bernie Sanders, Elizabeth Warren and more." />
<meta name="nyt-collection:type" content="news-event" />
<meta property="article:collection" content="https://static01.nyt.com/services/json/sectionfronts/us/index.jsonp" />
<meta name="DISPLAYDATE" content="June 26, 2019" />
<meta name="dat" content="June 26, 2019" />
<meta name="author" content="Weiyi Cai" /><meta name="author" content="Jason Kao" /><meta name="author" content="Jasmine C. Lee" /><meta name="author" content="Alicia Parlapiano" /><meta name="author" content="Jugal K. Patel" />
<title data-rh="true">Which Candidates and Topics Got the Most Time During the Democratic Debate - The New York Times</title><meta data-rh="true" itemprop="inLanguage" content="en-US"/><meta data-rh="true" property="article:published" itemprop="datePublished dateCreated" content="2019-06-27T03:09:26.000Z"/><meta data-rh="true" property="article:modified" itemprop="dateModified" content="2019-06-27T13:09:04.130Z"/><meta data-rh="true" http-equiv="Content-Language" content="en"/><meta data-rh="true" name="robots" content="noarchive"/><meta data-rh="true" name="articleid" itemprop="identifier" content="100000006582467"/><meta data-rh="true" name="nyt_uri" itemprop="identifier" content="nyt://interactive/7b1b0510-73ae-53ee-83fd-b5e6fd7f45d0"/><meta data-rh="true" name="pubp_event_id" itemprop="identifier" content="pubp://event/fae4a6e67af3461c88dffc917648d0d5"/><meta data-rh="true" name="description" itemprop="description" content="Candidates discussed several issues including immigration, climate change, health care and gun control."/><meta data-rh="true" name="image" itemprop="image" content="https://static01.nyt.com/images/2019/06/26/us/debate-speaking-time-promo-1561604872933/debate-speaking-time-promo-1561604872933-facebookJumbo-v7.jpg"/><meta data-rh="true" name="byl" content="By Weiyi Cai, Jason Kao, Jasmine C. Lee, Alicia Parlapiano and Jugal K. Patel"/><meta data-rh="true" name="thumbnail" itemprop="thumbnailUrl" content="https://static01.nyt.com/images/2019/06/26/us/debate-speaking-time-promo-1561604872933/debate-speaking-time-promo-1561604872933-thumbStandard-v5.jpg"/><meta data-rh="true" name="news_keywords" content="Democrats,Presidential debates;Democratic debates;2020 debates,Election"/><meta data-rh="true" name="pdate" content="20190626"/><meta data-rh="true" property="og:url" content="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="og:title" content="Which Candidates and Topics Got the Most Time During the Democratic Debate"/><meta data-rh="true" property="og:image" content="https://static01.nyt.com/images/2019/06/26/us/debate-speaking-time-promo-1561604872933/debate-speaking-time-promo-1561604872933-facebookJumbo-v7.jpg"/><meta data-rh="true" property="og:description" content="Candidates discussed several issues including immigration, climate change, health care and gun control."/><meta data-rh="true" property="twitter:url" content="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html"/><meta data-rh="true" property="twitter:title" content="Which Candidates and Topics Got the Most Time During the Democratic Debate"/><meta data-rh="true" property="twitter:description" content="Candidates discussed several issues including immigration, climate change, health care and gun control."/><meta data-rh="true" property="twitter:image" content="https://static01.nyt.com/images/2019/06/26/us/debate-speaking-time-promo-1561604872933/debate-speaking-time-promo-1561604872933-videoSixteenByNineJumbo1600-v7.jpg"/><meta data-rh="true" property="twitter:image:alt" content=""/><meta data-rh="true" property="twitter:card" content="summary_large_image"/><meta data-rh="true" property="article:section" itemprop="articleSection" content="U.S."/><meta data-rh="true" property="article:tag" content="Democratic Party"/><meta data-rh="true" property="article:tag" content="Debates (Political)"/><meta data-rh="true" property="article:tag" content="Elections"/><meta data-rh="true" name="CG" content="us"/><meta data-rh="true" name="SCG" content="elections"/><meta data-rh="true" name="CN" content="2020-election"/><meta data-rh="true" name="CT" content="news-event"/><meta data-rh="true" name="hostApp" content="vi"/><meta data-rh="true" name="typ" content="int"/><meta data-rh="true" name="template" content="interactive"/><meta data-rh="true" name="ver" content="nyt5"/><meta data-rh="true" name="sov" content="1"/><meta data-rh="true" name="sub" content="anon"/><meta data-rh="true" name="vp" content="small"/><meta data-rh="true" name="test" content="projectvi"/><meta data-rh="true" name="ref" content=""/><meta data-rh="true" name="refdom" content=""/><meta data-rh="true" name="abra_dfp" content=""/><meta data-rh="true" name="gpt-beta" content="vqwdtftx"/><meta data-rh="true" name="page_view_id" content/><meta data-rh="true" name="topref" content/><meta data-rh="true" name="prop" content="mnyt"/><meta data-rh="true" name="plat" content="mweb"/><meta data-rh="true" name="edn" content="us"/><meta data-rh="true" name="als_test" content="1568448523254"/><meta data-rh="true" name="brandsensitive" content="false"/><meta data-rh="true" name="org" content="democraticparty"/><meta data-rh="true" name="des" content="debatespolitical"/><meta data-rh="true" name="des" content="elections"/><meta data-rh="true" name="auth" content="aliciaparlapiano,jasmineclee,jasonkao,jugalkpatel,weiyicai"/><meta data-rh="true" name="coll" content="election2020,usnews"/><meta data-rh="true" name="artlen" content="short"/><meta data-rh="true" name="ledemedsz" content="none"/><meta data-rh="true" name="section" content="us"/><meta data-rh="true" name="si_section" content="us"/><meta data-rh="true" name="id" content="100000006582467"/><meta data-rh="true" name="pt" content="nt1,nt10,nt12,nt14,nt16,nt18,nt2,nt3,nt6,nt9,pt13,pt15,pt8"/><meta data-rh="true" name="gscat" content="neg_ibmtest,neg_hearts,gs_politics,neg_google,neg_mastercard,neg_chanel,gs_politics_american,gs_politics_misc,gs_science,gv_crime,gs_law_misc,gs_family,gv_arms,gs_science_environ,gs_health_misc"/><meta data-rh="true" name="adtargeting" content="{&quot;typ&quot;:&quot;int&quot;,&quot;template&quot;:&quot;interactive&quot;,&quot;ver&quot;:&quot;mvi&quot;,&quot;sov&quot;:&quot;1&quot;,&quot;sub&quot;:&quot;anon&quot;,&quot;vp&quot;:&quot;small&quot;,&quot;test&quot;:&quot;projectvi&quot;,&quot;ref&quot;:&quot;&quot;,&quot;refdom&quot;:&quot;&quot;,&quot;abra_dfp&quot;:&quot;&quot;,&quot;gpt-beta&quot;:&quot;vqwdtftx&quot;,&quot;prop&quot;:&quot;mnyt&quot;,&quot;plat&quot;:&quot;mweb&quot;,&quot;edn&quot;:&quot;us&quot;,&quot;als_test&quot;:&quot;1568448523254&quot;,&quot;brandsensitive&quot;:&quot;false&quot;,&quot;org&quot;:&quot;democraticparty&quot;,&quot;des&quot;:&quot;debatespolitical,elections&quot;,&quot;auth&quot;:&quot;aliciaparlapiano,jasmineclee,jasonkao,jugalkpatel,weiyicai&quot;,&quot;coll&quot;:&quot;election2020,usnews&quot;,&quot;artlen&quot;:&quot;short&quot;,&quot;ledemedsz&quot;:&quot;none&quot;,&quot;section&quot;:&quot;us&quot;,&quot;si_section&quot;:&quot;us&quot;,&quot;id&quot;:&quot;100000006582467&quot;,&quot;pt&quot;:&quot;nt1,nt10,nt12,nt14,nt16,nt18,nt2,nt3,nt6,nt9,pt13,pt15,pt8&quot;,&quot;gscat&quot;:&quot;neg_ibmtest,neg_hearts,gs_politics,neg_google,neg_mastercard,neg_chanel,gs_politics_american,gs_politics_misc,gs_science,gv_crime,gs_law_misc,gs_family,gv_arms,gs_science_environ,gs_health_misc&quot;}"/><meta data-rh="true" name="adunitpath" content="/29390238/nyt/undefined"/><link data-rh="true" rel="shortcut icon" href="/vi-assets/static-assets/favicon-4bf96cb6a1093748bf5b3c429accb9b4.ico"/><link data-rh="true" rel="apple-touch-icon" href="/vi-assets/static-assets/apple-touch-icon-319373aaf4524d94d38aa599c56b8655.png"/><link data-rh="true" rel="apple-touch-icon-precomposed" sizes="144×144" href="/vi-assets/static-assets/ios-ipad-144x144-319373aaf4524d94d38aa599c56b8655.png"/><link data-rh="true" rel="apple-touch-icon-precomposed" sizes="114×114" href="/vi-assets/static-assets/ios-iphone-114x144-61d373c43aa8365d3940c5f1135f4597.png"/><link data-rh="true" rel="apple-touch-icon-precomposed" href="/vi-assets/static-assets/ios-default-homescreen-57x57-7cccbfb151c7db793e92ea58c30b9e72.png"/><link data-rh="true" rel="alternate" itemprop="mainEntityOfPage" hrefLang="en-US" href="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html"/><link data-rh="true" rel="canonical" href="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html"/>
<link id="legacy-zam5nzz" rel="stylesheet" type="text/css" href="https://typeface.nyt.com/css/zam5nzz.css" media="all" />
<link rel="stylesheet" type="text/css" media="screen" href="/vi-assets/static-assets/nyt5/20190823-143533-mbipe/css/styles.css" />
<style>.interactive-graphic > iframe { margin-left: auto !important; margin-right: auto !important; }</style>
<script>
var NYTD=NYTD||{};NYTD.Abra=function(t){"use strict";function e(t){var e=r[t];return e&&e[1]||null}function n(t,e){if(t){var n,r,o=e[0],i=e[1],c=0,u=0;if(1!==i.length||4294967296!==i[0])for(n=a(t+" "+o)>>>0,c=0,u=0;r=i[c++];)if(n<(u+=r[0]))return r}}function a(t){for(var e,n,a,r,o,i,c,u=0,h=0,l=[],s=[e=1732584193,n=4023233417,~e,~n,3285377520],f=[],p=t.length;h<=p;)f[h>>2]|=(h<p?t.charCodeAt(h):128)<<8*(3-h++%4);for(f[c=p+8>>2|15]=p<<3;u<=c;u+=16){for(e=s,h=0;h<80;e=[0|[(i=((t=e[0])<<5|t>>>27)+e[4]+(l[h]=h<16?~~f[u+h]:i<<1|i>>>31)+1518500249)+((n=e[1])&(a=e[2])|~n&(r=e[3])),o=i+(n^a^r)+341275144,i+(n&a|n&r|a&r)+882459459,o+1535694389][0|h++/20],t,n<<30|n>>>2,a,r])i=l[h-3]^l[h-8]^l[h-14]^l[h-16];for(h=5;h;)s[--h]=s[h]+e[h]|0}return s[0]}var r,o={};return t.dataLayer=t.dataLayer||[],e.init=function(e){var a,o,i,c,u,h,l,s,f,p,d=[],v=[],m=(t.document.cookie.match(/(?:^|;) *nyt-a=([^;]*)/)||[])[1],b=(t.document.cookie.match(/(?:^|;) *ab7=([^;]*)/)||[])[1],g=(t.location.search.match(/(?:^\?|&)abra=([^&]*)/)||[])[1];if(r)throw new Error("can't init twice");for(r={},u=(decodeURIComponent(b||"")+"&"+decodeURIComponent(g||"")).split("&"),a=u.length-1;a>=0;a--)h=u[a].split("="),h.length<2||(l=h[0])&&!r[l]&&(s=h[1]||null,r[l]=[,s,1],s&&d.push(l+"="+s),v.push({test:l,variant:s||"0"}));for(a=0;a<e.length;a++)i=e[a],(o=i[0])in r||(c=n(m,i)||[],c[0],f=c[1],p=!!c[2],r[o]=c,f&&d.push(o.replace(/[^\w-]/g)+"="+(""+f).replace(/[^\w-]/g)),p&&v.push({test:o,variant:f||"0"}));d.length&&t.document.documentElement.setAttribute("data-nyt-ab",d.join(" ")),v.length&&t.dataLayer.push({event:"ab-alloc",abtest:{batch:v}})},e.reportExposure=function(e,n){if(!o[e]){o[e]=1;var a=r[e];if(a){var i=a[1];a[2]&&t.dataLayer.push({event:"ab-expose",abtest:{test:e,variant:i||"0"}})}n&&t.setTimeout(function(){n(null)},0)}},e}(this);
NYTD.Abra.init([["vi-ads-et",[[257698038,"2_remainder",1],[4037269258,null,0]]],["dfp_adslot4v2",[[4294967296,"1_external",1]]],["DFP_als",[[4294967296,"1_als",1]]],["DFP_als_home",[[4294967296,"1_als",1]]],["medianet_toggle",[[4294967296,"0_default",0]]],["amazon_toggle",[[4294967296,null,0]]],["index_toggle",[[4294967296,"1_block",0]]],["dfp_home_toggle",[[4294967296,null,0]]],["dfp_story_toggle",[[4294967296,null,0]]],["dfp_interactive_toggle",[[4294967296,null,0]]],["FREEX_Best_In_Show",[[2147483648,"0_Control",1],[2147483648,"1_Best",1]]],["MKT_dfp_ocean_language",[[2147483648,"0_control",1],[2147483648,"1_language",1]]],["STORY_topical_recirc",[[2147483648,"0_control",1],[2147483648,"1_variant",1]]],["HOME_timesExclusive",[[2147483648,"0_control",1],[2147483648,"1_variant",1]]],["MKT_GateDockMsgTap",[[715827883,"2_BAUDockTapGate",1],[715827883,"4_BAUDockRBGate",1],[1431655765,"2_BAUDockTapGate",1],[1431655765,"4_BAUDockRBGate",1]]],["SEARCH_FACET_DROPDOWN",[[2147483648,"0_FACET_MULTI_SELECT",1],[2147483648,"1_DYNAMIC_FACET_SELECT",1]]],["VG_gift_upsell_x_only",[[429496730,"0_control",1],[3865470566,"1_upsell",1]]],["FREEX_LIRE_SPLIT",[[2147483648,"0_LIRE",0],[2147483648,"1_FREEX",0]]],["FREEX_RegiWall_Truncator_v2",[[715827883,"0_Control_Stories_RW",1],[715827883,"1_Stories_Truncator_dz1",1],[715827882,"2_LIRE_RW",1],[715827883,"3_LIRE_Truncator_dz1",1],[715827883,"4_Stories_Truncator_dz2",1],[715827882,"5_LIRE_Truncator_dz2",1]]],["ON_getstarted_app_dl_0819",[[4294967296,"1_appExperience",1]]],["ON_login_interrupt_0819",[[4294967296,null,0]]],["ON_app_dl_mc4_0919",[[4294967296,null,0]]],["MKT_dfp_EDU_BTS_Offer_Test",[[2147483648,"0_controloffer",1],[2147483648,"1_testoffer",1]]],["STYLN_menu_v1",[[4294967296,"1_menu_a",1]]],["STYLN_guide_v1",[[2147483648,"0_control_STYLN_guide_v1",1],[2147483648,"1_guide_v1",1]]],["STYLN_menu_v2",[[4294967296,"1_menu_v2",1]]],["STYLN_menu_brexit",[[4080218932,"1_menu_brexit",1],[214748364,"0_control_STYLN_menu_brexit",1]]],["STYLN_menu_hongkong",[[4080218932,"1_menu_hongkong",1],[214748364,"0_control_STYLN_menu_hongkong",1]]],["STYLN_menu_trump",[[4080218932,"1_menu_trump",1],[214748364,"0_control_STYLN_menu_trump",1]]],["STYLN_menu_election_live",[[1431655766,"2_menu_election_live",1],[1431655765,"1_menu_election_live",1],[1431655765,"0_control_STYLN_menu_election_live",1]]],["AUTH_RWEmailFirst",[[1073741824,"0_control",1],[1073741824,"1_CTAemailfirst",1],[1073741824,"2_noCTABAU",1],[1073741824,"3_noCTAemailfirst",1]]],["STORY_intentional_links_v1",[[1073741824,"0_control",0],[1073741824,"1_top_link",0],[1073741824,"2_mid_link",0],[1073741824,"3_btm_link",0]]],["HL_sample",[[2147483648,"0",1],[2147483648,"1",1]]],["HL_100000006707395",[[2147483648,"0",1],[2147483648,"1",1]]],["HL_100000006709587",[[2147483648,"0",1],[2147483648,"1",1]]]], "//et.nytimes.com");
(function () { var _f=function(e){var r=function(){var r=e.url;try{r+=window.location.search.slice(1).split("&").reduce(function(e,r){return"ip-override"===r.split("=")[0]?"?"+r:e},"")}catch(e){console.warn(e)}var n=new XMLHttpRequest;for(var t in n.withCredentials=!0,n.open("POST",r,!0),n.setRequestHeader("Content-Type","application/json"),e.headers)n.setRequestHeader(t,e.headers[t]);return n.send(e.body),n};window.userXhrObject=r(),window.userXhrRefresh=function(){return window.userXhrObject=r(),window.userXhrObject}};;_f.apply(null, [{"url":"https://samizdat-graphql.nytimes.com/graphql/v2","body":"{\"operationName\":\"UserQuery\",\"variables\":{},\"query\":\" query UserQuery { user { __typename profile { displayName } userInfo { regiId entitlements demographics { emailSubscriptions wat bundleSubscriptions { bundle inGrace promotion source } } } subscriptionDetails { graceStartDate graceEndDate isFreeTrial hasQueuedSub startDate endDate status entitlements } } } \"}","headers":{"nyt-app-type":"project-vi","nyt-app-version":"0.0.5","nyt-token":"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs+/oUCTBmD/cLdmcecrnBMHiU/pxQCn2DDyaPKUOXxi4p0uUSZQzsuq1pJ1m5z1i0YGPd1U1OeGHAChWtqoxC7bFMCXcwnE1oyui9G1uobgpm1GdhtwkR7ta7akVTcsF8zxiXx7DNXIPd2nIJFH83rmkZueKrC4JVaNzjvD+Z03piLn5bHWU6+w+rA+kyJtGgZNTXKyPh6EC6o5N+rknNMG5+CdTq35p8f99WjFawSvYgP9V64kgckbTbtdJ6YhVP58TnuYgr12urtwnIqWP9KSJ1e5vmgf3tunMqWNm6+AnsqNj8mCLdCuc5cEB74CwUeQcP2HQQmbCddBy2y0mEwIDAQAB","Accept":"application/json","Content-Type":"application/json"}}]); })();
</script>
<script id="page-config-data" type="text/json">{"pageconfig":{"collections":{"NEWS_EVENT":["election2020"],"SECTION":["usnews"]}}}</script>
<script id="display_overrides">[]</script>
<script>
(function() {
var s = document.getElementsByTagName('script')[0];
var mediaDotNet = 'https://contextual.media.net/bidexchange.js?cid=8CU2553YN&amp;https=1';
var gptScript = '//www.googletagservices.com/tag/js/gpt.js';
var timeout = 300;
var abra = window.NYTD && typeof window.NYTD.Abra === 'function' && window.NYTD.Abra || function () { return null; };
function loadScript(tagSrc) {
if (tagSrc.substr(0, 4) !== 'http') {
var isSSL = 'https:' == document.location.protocol;
tagSrc = (isSSL ? 'https:' : '') + tagSrc;
}
var scriptTag = document.createElement('script');
scriptTag.type = 'text/javascript';
scriptTag.async = true;
scriptTag.src = tagSrc;
s.parentNode.insertBefore(scriptTag, s);
}
function loadGPT() {
if (!window.advBidxc.isAdServerLoaded && !window.parent.advBidxc.isAdServerLoaded && !window.parent.googletag) {
loadScript(gptScript);
window.advBidxc.isAdServerLoaded = true;
}
}
function testCookie(name) {
var match = document.cookie.match(new RegExp(name + '=([^;]+)'));
return match ? match[1] : '';
}
function isSocratesCheck() {
var socratesCookie = 'nyt-purr';
var socratesCookieValue = testCookie(socratesCookie).substring(1, 2);
return socratesCookieValue === 's';
}
if (isSocratesCheck()) {
return;
}
if (testCookie('nyt-gdpr') === '1') {
if (testCookie('NYT-T') !== 'out') {
loadScript(gptScript);
} else {
document.documentElement.className += ' no-ads';
}
return;
}
window.advBidxc = window.advBidxc || {};
window.advBidxc.renderAd = function () {};
window.advBidxc.startTime = new Date().getTime();
window.advBidxc.customerId = '8CU2553YN'; //Media.net Customer ID
window.advBidxc.timeout = timeout;
window.advBidxc.loadGPT = setTimeout(loadGPT, window.advBidxc.timeout);
if (window.parent) {
if (!window.parent.advBidxc.isLoaded && abra('medianet_toggle') !== '1_block') {
// append media.net
var b = document.createElement('script');
b.type = 'text/javascript';
b.async = true;
b.src = mediaDotNet;
s.parentNode.insertBefore(b, s);
}
if (!window.parent.apstag && abra('amazon_toggle') !== '1_block') {
// Load the ApsTag JavaScript Library
!function(a9,a,p,s,t,A,g){if(a[a9])return;function q(c,r){a[a9]._Q.push([c,r])}a[a9]={init:function(){q('i',arguments)},fetchBids:function(){q('f',arguments)},setDisplayBids:function(){},targetingKeys:function(){return[]},_Q:[]};A=p.createElement(s);A.async=!0;A.src=t;g=p.getElementsByTagName(s)[0];g.parentNode.insertBefore(A,g)}('apstag',window,document,'script','//c.amazon-adsystem.com/aax2/apstag.js');
window.apstag.init({
pubID: '3030',
adServer: 'googletag'
});
}
}
})();
</script>
<script>
var require = {
baseUrl: '/vi-assets/static-assets/nyt5/20190823-143533-mbipe/js/',
waitSeconds: 20,
paths: {
'videoFactory': 'https://static01.nyt.com/js2/build/video/2.0/videofactoryrequire',
'videoPlaylist': 'https://static01.nyt.com/js2/build/video/players/extended/2.0/appRequire',
'auth/mtr': 'https://static01.nyt.com/js/mtr',
'auth/growl': 'https://static01.nyt.com/js/auth/growl/default',
'vhs': 'https://static01.nyt.com/video/vhs/build/vhs-2.x.min',
'vhs3': 'https://static01.nyt.com/video-static/vhs3/vhs.min'
}
};
window.NYT_PLATFORM = 'nyt5';
window.NYT_CONTEXT = 'inline';
window.NYT_ENVIRONMENT = 'prd';
</script>
<!--[if (gte IE 9)|!(IE)]> <!-->
<script data-main="foundation/main" src="/vi-assets/static-assets/nyt5/20190823-143533-mbipe/js/framework.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script>require.map = { '*': { 'foundation/main': 'foundation/legacy_main' } };</script>
<script data-main="foundation/legacy_main" src="/vi-assets/static-assets/nyt5/20190823-143533-mbipe/js/framework.js"></script>
<![endif]-->
<script>
require(['foundation/main'], function () {
require(['auth/mtr']);
});
</script>
<style>
.nyt-hide-shell #masthead, .nyt-hide-shell #ribbon, .nyt-hide-shell #TopAd, .nyt-hide-shell #page-footer, .nyt-hide-shell .growl-wrapper, .nyt-hide-shell #Growl_optly { display: none !important; }
.nyt-hide-shell #shell {padding: 0;}
.mobile #TopAd {display: none;}
</style>
<script>var AdSlot4=function(){"use strict";function k(e){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,t=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0,o=3<arguments.length&&void 0!==arguments[3]?arguments[3]:0,i=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,a=!(5<arguments.length&&void 0!==arguments[5])||arguments[5];if(!e||1!==e.nodeType)return!1;var d=e.getBoundingClientRect(),s=d.top-n,r=d.left,l=d.bottom,c=d.right,u=0,p=0,g=window.innerHeight,f=window.innerWidth;return a?u+o*i<=l&&p+t*i<=c&&s<=g-o*i&&r<=f-t*i:u<=s&&l<=g}function z(e){var n=window.location.href,t=e.replace(/[[]]/g,"\$&"),o=new RegExp("[?&]".concat(t,"(=([^&#]*)|&|#|$)")).exec(n);return o&&o[2]?decodeURIComponent(o[2].replace(/\+/g,"")):""}function C(e,n,t){var o="".concat(e,"-").concat(n);try{performance.mark(o),performance.measure(e,t,o);var i=performance.getEntriesByName(e).pop();return i?Math.round(i.duration):0}catch(e){return 0}}function L(){var e=document.referrer||"",n=/([a-zA-Z0-9_\-.]+)(@|%40)([a-zA-Z0-9_\-.]+).([a-zA-Z]{2,5})/;return n.test(e)||n.test(window.location.href)}function O(e){var n=document.cookie.match(new RegExp("".concat(e,"=([^;]+)")));return n?n[1]:""}var p={adConfigPosition:1,nonPersonalized:"n",collapsed:"c"};function R(){return O("nyt-purr")[p.adConfigPosition]||""}return function(){var r,l,y=window.AdSlot4||{},n=window.performance&&window.performance.timing&&performance.timing.responseStart,g={},f=[],s=!1,c=!1,v=!0,m=!1,A=!1,h=R()===p.collapsed;if(y.init)return y;function u(e){e&&n&&e.setTargeting("request_time",(Date.now()-n).toString())}function w(e,n){window.googletag.cmd.push(function(){u(n),window.googletag.display(e)})}function E(e){if(L()||e)y.events.publish({name:"AdEmpty",value:{type:"AdsDisabled"}});else{var n,t,o,i,a,d=function(){var e=window.googletag;e?e.cmd.push(function(){e._loadStarted_?(window.advBidxc&&!window.advBidxc.isAdServerLoaded&&(window.advBidxc.isAdServerLoaded=!0),"1"!==O("nyt-gdpr")&&R()!==p.nonPersonalized||e.cmd.push(function(){e.pubads().setRequestNonPersonalizedAds(1)})):y.events.publish({name:"AdEmpty",value:{type:"AdBlockOn"}})}):y.events.publish({name:"AdEmpty",value:{type:"GptError"}})};window.googletag&&window.googletag.apiReady?d():(n="https://securepubads.g.doubleclick.net/tag/js/gpt.js",t=d,o=function(){y.events.publish({name:"AdEmpty",value:{type:"GptError"}})},i=document.getElementsByTagName("head")[0],a=document.createElement("script"),t&&(a.onload=t),o&&(a.onerror=o),a.src=n,a.async=!0,i.appendChild(a))}}function i(e){var n,t,o,i=e.displayed,a=e.id,d=e.slot;(y.events.publish({name:"AdCalled",value:{id:a,timeCalled:C(a,"timeCalled","responseStart")},scope:a}),s&&i)?(n=[d],t=c?null:{changeCorrelator:!1},(o=window.googletag).cmd.push(function(){n&&n.forEach(function(e){u(e)}),n&&t?o.pubads().refresh(n,t):n?o.pubads().refresh(n):t?o.pubads().refresh(null,t):o.pubads().refresh()}),c=!1):(w(a,d),g[a].displayed=!0)}function e(){f=f.filter(function(e){var n=e.AdSlotElement,t=k(n,v?y.props.offset:0,0,0,0,v);return t&&i(e),!t})}function b(t){var o=t.AdSlotElement,e={root:null,rootMargin:"".concat(y.props.offset,"px"),threshold:0},n=new IntersectionObserver(function(e,n){e[0].isIntersecting&&(i(t),n.unobserve(o))},e);return n.observe(o),n}function S(){window.IntersectionObserver?(m=!0,window.IntersectionObserver.prototype.POLL_INTERVAL=1e3):document.addEventListener("scroll",function(o){var i=this,a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:1e3,d=null;return function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];null===d&&(d=setTimeout(function(){o.apply(i,n),d=null},a))}}(e,1e3))}function T(e){if(e.data.exclusive&&e.data.div){var n,t=e.data.div;switch(e.data.type){case"only-child":o={empty:(a=t,d=[],Object.keys(g).forEach(function(e){a!==e&&d.push(g[e])}),d)},(i=o&&o.empty||f).length&&i.forEach(function(e){e.observer&&e.observer.unobserve(e.AdSlotElement),y.events.publish({name:"AdEmpty",value:{type:e.id},scope:e.id})}),f=[],h=!0;break;case"family-plan":void 0!==(n=g[t]&&g[t].slot&&(g[t].slot.getResponseInformation()||{}).lineItemId)&&y.updateAdReq({adv:n,excl:"family"});break;case"blank":y.events.publish({name:"AdEmpty",value:{type:t},scope:e.data.div})}}var o,i,a,d}if(y.events=(r={},l={},{publish:function e(n){var t=n.name,o=void 0===t?"":t,i=n.value,a=void 0===i?{}:i,d=n.scope,s=void 0===d?"page":d;"all"!==s&&e({name:o,value:a,scope:"all"}),r[o]||(r[o]={}),r[o][s]||(r[o][s]=[]),r[o][s].push(a),l[o]&&l[o][s]&&l[o][s].forEach(function(e){e(a)})},subscribe:function(e){var n=e.name,t=void 0===n?"":n,o=e.callback,i=void 0===o?function(){}:o,a=e.scope,d=void 0===a?"page":a;l[t]||(l[t]={}),l[t][d]||(l[t][d]=[]);var s=l[t][d].push(i)-1;return r[t]&&r[t][d]&&r[t][d].length&&r[t][d].forEach(function(e){i(e)}),{remove:function(){return l[t][d].splice(s,1)}}},unsubscribeToAll:function(n){Object.keys(l).forEach(function(e){l[e]&&l[e][n]&&delete l[e][n]}),Object.keys(r).forEach(function(e){r[e]&&r[e][n]&&delete r[e][n]})}}),y.initializeAd=function(i,e){if(y.props){var n=y.props,t=n.adTargeting,a=n.adUnitPath,o=n.sizeMapping,d=n.hideTopAd,s=n.isSocrates,r=e.id,l=e.position,c=e.sizeKey||l,u=c in o?o[c]:o.default;if(("top"!==l||!d)&&r&&a&&u&&i&&i.classList&&!i.classList.contains("placed-ad"))if(t&&t.gdprUser&&t.noTracking||L()||s)y.events.publish({name:"AdEmpty",value:{type:"AdsDisabled"}});else if(h)y.events.publish({name:"AdEmpty",value:{type:r},scope:r});else{var p=window.googletag;p.cmd.push(function(){var e=p.defineSlot(a,[],r);if(e){var n=p.sizeMapping();u.forEach(function(e){n.addSize([e[0],0],e[1])}),e.defineSizeMapping(n.build()),e.setTargeting("div",r),e.setTargeting("pos",l),e.setCollapseEmptyDiv(e,!0),e.addService(p.pubads());var t,o={id:r,slot:e,AdSlotElement:i,sizes:u};y.events.publish({name:"AdDefined",value:{id:r,sizes:u,timeDefined:C(r,"timeDefined","responseStart")},scope:r}),k(i,0,0,0,0,v)&&(y.events.publish({name:"AdCalled",value:{id:r,timeCalled:C(r,"timeCalled","responseStart")},scope:r}),w(r,e),o.displayed=!0),(t=o).displayed||(m&&(t.observer=b(t)),f.push(t)),g[t.id]=t}})}}else y.events.subscribe({name:"AdSlotReady",callback:function(){return y.initializeAd(i,e)}})},y.fillPlacements=function(){var e=document.querySelectorAll(".place-ad:not(.placed-ad)");if(e)for(var n=0;n<e.length;n++){var t=e[n],o=t.id,i=t.dataset,a=i.position,d=i.sizeKey;o&&a&&(y.initializeAd(t,{id:o,position:a,sizeKey:d}),t.classList.add("placed-ad"))}},y.updateAdReq=function(n,t){window.googletag.cmd.push(function(){t&&g[t]?Object.keys(n).forEach(function(e){g[t].slot.setTargeting(e,"".concat(n[e]))}):Object.keys(n).forEach(function(e){window.googletag.pubads().setTargeting(e,"".concat(n[e]))})})},y.refreshAds=function(){v=!(c=s=!0),f=[],m?Object.keys(g).forEach(function(e){var n=g[e],t=n.observer,o=n.displayed,i=n.AdSlotElement;f.push(n),o&&(t&&t.unobserve(i),n.observer=b(n))}):(Object.keys(g).forEach(function(e){f.push(g[e])}),e()),setTimeout(function(){v=!0},2e3)},y.init=function(e){var n=e||{},t=n.adTargeting,i=void 0===t?{}:t,o=n.adUnitPath,a=void 0===o?"":o,d=n.offset,s=void 0===d?400:d,r=n.haltDFP,l=void 0!==r&&r,c=n.lockdownAds,u=void 0!==c&&c,p=n.hideTopAd,g=void 0!==p&&p,f=n.sizeMapping,v=void 0===f?{}:f,m="s"===O("nyt-purr").substring(1,2),h=l||m;if(!A){i.vp=window.matchMedia("(min-width: 1150px)").matches?"large":window.matchMedia("(min-width: 970px)").matches?"medium":"small",i.aid=O("nyt-a")||null;var w=z("ad-keywords");w&&(i.adv=w);var b=z("debugads");b&&(i.debugAdsQP=b),1===O("nyt-gdpr")&&(i.gdprUser=!0),"out"===O("NYT-T").toLowerCase()&&(i.noTracking=!0),y.props={adTargeting:i,adUnitPath:a,offset:s,sizeMapping:v,hideTopAd:g,isSocrates:m},window.googletag=window.googletag||{},window.googletag.cmd=window.googletag.cmd||[],window.googletag.cmd.push(function(){var t,n,o=(t=i,n=window.googletag.pubads().getTargetingKeys(),Object.keys(t).filter(function(e){return n.indexOf(e)<0}).reduce(function(e,n){return e[n]=t[n],e},{}));Object.keys(o).forEach(function(e){window.googletag.pubads().setTargeting(e,o[e])}),window.googletag.enableServices(),S(),y.fillPlacements(),window.googletag.pubads().addEventListener("slotRenderEnded",function(e){var n=e.slot.getSlotElementId();e.timeRendered=C(n,"timeRendered","".concat(n,"-timeCalled")),e.isEmpty?y.events.publish({name:"AdEmpty",value:{type:n},scope:n}):y.events.publish({name:"AdRendered",value:e,scope:n})}),window.googletag.pubads().addEventListener("slotOnload",function(e){var n=e.slot.getSlotElementId();e.timeLoaded=C(n,"timeLoaded","".concat(n,"-timeCalled")),y.events.publish({name:"AdLoaded",value:e,scope:n})}),window.googletag.pubads().addEventListener("impressionViewable",function(e){var n=e.slot.getSlotElementId();e.timeViewed=C(n,"timeViewed","".concat(n,"-timeCalled")),y.events.publish({name:"AdViewable",value:e,scope:n})})}),u?window.googletag.cmd.push(function(){window.googletag.pubads().setForceSafeFrame(!0)}):window.addEventListener("message",function(e){(e.origin.match(/tpc.googlesyndication.com$/)||e.origin===window.location.origin)&&T(e)},!1),E(h),y.events.publish({name:"AdSlotReady"}),A=!0}},y.cmd)for(;y.cmd.length;)y.cmd.shift()();return y.cmd={length:0,push:function(e){e()}},window.AdSlot4=y}()}();</script>
</head>
<body>
<style>
.lt-ie10 .messenger.suggestions {
display: block !important;
height: 50px;
}
.lt-ie10 .messenger.suggestions .message-bed {
background-color: #f8e9d2;
border-bottom: 1px solid #ccc;
}
.lt-ie10 .messenger.suggestions .message-container {
padding: 11px 18px 11px 30px;
}
.lt-ie10 .messenger.suggestions .action-link {
font-family: "nyt-franklin", arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #a81817;
text-transform: uppercase;
}
.lt-ie10 .messenger.suggestions .alert-icon {
background: url('https://static01.nyt.com/images/icons/icon-alert-12x12-a81817.png') no-repeat;
width: 12px;
height: 12px;
display: inline-block;
margin-top: -2px;
float: none;
}
.lt-ie10 .masthead,
.lt-ie10 .navigation,
.lt-ie10 .comments-panel {
margin-top: 50px !important;
}
.lt-ie10 .ribbon {
margin-top: 97px !important;
}
</style>
<div id="suggestions" class="suggestions messenger nocontent robots-nocontent" style="display:none;">
<div class="message-bed">
<div class="message-container last-message-container">
<div class="message">
<span class="message-content">
<i class="icon alert-icon"></i><span class="message-title">NYTimes.com no longer supports Internet Explorer 9 or earlier. Please upgrade your browser.</span>
<a href="http://www.nytimes.com/content/help/site/ie9-support.html" class="action-link">LEARN MORE »</a>
</span>
</div>
</div>
</div>
</div>
<div id="shell" class="shell">
<header id="masthead" class="masthead masthead-theme-standard" role="banner">
<div class="container">
<div class="quick-navigation button-group">
<button class="button sections-button"><i class="icon sprite-icon"></i><span class="button-text">Sections</span></button>
<button class="button home-button" data-href="http://www.nytimes.com/" title="Go to the home page to see the latest top stories."><i class="icon sprite-icon"></i><span class="button-text">Home</span></button>
<button class="button search-button"><i class="icon sprite-icon"></i><span class="button-text">Search</span></button>
</div>
<div class="branding">
<h2 class="branding-heading">
<a id="branding-heading-link" href="http://www.nytimes.com/">
<span class="visually-hidden">The New York Times</span>
</a>
</h2>
<script>
window.magnum.writeLogo('small', '/vi-assets/static-assets/nyt5/20190823-143533-mbipe/images/foundation/logos/', 'us', 'masthead-theme-standard', 'standard', 'branding-heading-link', 'interactive');
</script>
</div>
<div class="story-meta">
<h6 class="kicker">
<span class="kicker-label">
<a href="/news-event/2020-election">Elections</a>
</span>
<span class="pipe">|</span>Which Candidates and Topics Got the Most Time During the Democratic Debate
</h6>
</div>
<div class="user-tools">
<div id="sharetools-masthead"
aria-label="tools" role="group"
class="sharetools theme-classic sharetools-masthead "
data-shares="facebook,twitter,email,show-all,save"
data-url="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html"
data-title="Which Candidates and Topics Got the Most Time During the Democratic Debate"
data-author="By Weiyi Cai, Jason Kao, Jasmine C. Lee, Alicia Parlapiano and Jugal K. Patel"
data-media="https://static01.nyt.com/images/icons/t_logo_291_black.png"
data-description="Candidates discussed several issues including immigration, climate change, health care and gun control."
data-publish-date="June 26, 2019">
<div class="ad sharetools-inline-article-ad hidden nocontent robots-nocontent"></div>
</div>
<div class="user-tools-button-group button-group">
<button class="button login-button login-modal-trigger hidden">Log In</button>
<button class="button notifications-button hidden"><i class="icon sprite-icon"></i><span class="button-text">0</span></button>
<button class="button user-settings-button"><i class="icon sprite-icon"></i><span class="button-text">Settings</span></button>
</div>
</div>
</div>
<div class="search-flyout-panel flyout-panel">
<button class="button close-button" type="button"><i class="icon"></i><span class="visually-hidden">Close search</span></button>
<nav class="search-form-control form-control layout-horizontal">
<h2 class="visually-hidden">Site Search Navigation</h2>
<form class="search-form" role="search">
<div class="control">
<div class="label-container visually-hidden">
<label for="search-input">Search NYTimes.com</label>
</div>
<div class="field-container">
<input id="search-input" name="search-input" type="text" class="search-input text" autocomplete="off" placeholder="Search NYTimes.com" />
<button type="button" class="button clear-button" tabindex="-1" aria-describedby="clear-search-input"><i class="icon"></i><span id="clear-search-input" class="visually-hidden">Clear this text input</span></button>
<div class="auto-suggest" style="display: none;">
<ol></ol>
</div>
<button class="button submit-button" type="submit">Go</button>
</div>
</div>
</form>
</nav>
</div>
<div id="notification-modals" class="notification-modals"></div>
<span class="story-short-url"><a href="https://nyti.ms/2KEJjtI">https://nyti.ms/2KEJjtI</a></span>
</header>
<nav id="ribbon" class="ribbon ribbon-start nocontent robots-nocontent" aria-hidden="true">
<div class="nocontent robots-nocontent">
<ol class="ribbon-menu">
<li class="collection ribbon-loader">
<div class="loader loader-t-logo-32x32-ecedeb-ffffff"><span class="visually-hidden">Loading...</span></div>
</li>
</ol>
<div class="ribbon-navigation-container">
<nav class="ribbon-navigation next">
<span class="visually-hidden">See next articles</span>
<div class="arrow arrow-right">
<div class="arrow-conceal"></div>
</div>
</nav>
<nav class="ribbon-navigation previous">
<span class="visually-hidden">See previous articles</span>
<div class="arrow arrow-left">
<div class="arrow-conceal"></div>
</div>
</nav>
</div>
</div><!-- close nocontent -->
</nav>
<nav class="navigation" id="navigation">
<h2 class="visually-hidden">Site Navigation</h2>
</nav>
<nav class="mobile-navigation hidden" id="mobile-navigation">
<h2 class="visually-hidden">Site Mobile Navigation</h2>
</nav>
<div id="navigation-edge" class="navigation-edge"></div>
<div id="page" class="page">
<div id="TopAd" class="ad top-ad nocontent robots-nocontent">
<div class="accessibility-ad-header">
<p>Advertisement</p>
</div>
</div>
<main id="main" class="main" role="main">
<article id="story" class="story theme-interactive theme-main">
<header class="story-header interactive-header">
<div class="story-meta">
<button class="button comments-button theme-kicker"></button>
<div class="kicker-container">
<h2 class="kicker interactive-kicker">
<span class="kicker-label">
<a href="/news-event/2020-election">
Elections
</a>
</span>
</h2>
<div id="sharetools-interactive"
aria-label="tools" role="group"
class="sharetools theme-classic sharetools-interactive"
data-shares="show-all|Share"
data-url="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html"
data-title="Which Candidates and Topics Got the Most Time During the Democratic Debate"
data-author="By Weiyi Cai, Jason Kao, Jasmine C. Lee, Alicia Parlapiano and Jugal K. Patel"
data-media="https://static01.nyt.com/images/icons/t_logo_291_black.png"
data-description="Candidates discussed several issues including immigration, climate change, health care and gun control."
data-publish-date="June 26, 2019">
<div class="ad sharetools-inline-article-ad hidden nocontent robots-nocontent"></div>
</div>
</div>
<h1 class="story-heading interactive-headline" itemprop="headline">Which Candidates and Topics Got the Most Time During the Democratic Debate</h1>
<div class="story-meta-footer interactive-meta-footer">
<p class="interactive-leadin summary">
<time class="dateline" datetime="2019-06-27" itemprop="dateModified" content="2019-06-27">JUNE 26, 2019</time>
</p>
</div>
</div>
</header>
<div id="debate-speaking-time" class="interactive-graphic"><!--
======================================================
THIS IS A GENERATED TEMPLATE FILE. DO NOT EDIT.
======================================================
-->
<!-- this file is generated from src/style.less -->
<style class='g-graphic-styles'>/*
SHOW LIBRARY
===================== */
.g-show-xsmall,
.g-show-small,
.g-show-smallplus,
.g-show-submedium,
.g-show-sub-medium,
.g-show-medium,
.g-show-large,
.g-show-xlarge {
display: none;
}
.g-show {
display: block;
}
.lt-ie10 .g-aiImg {
width: 100%;
}
/* Fix spacing at top of story */
.has-top-ad .story.theme-interactive,
.has-ribbon .story.theme-interactive {
margin-top: 10px;
}
@media screen and (min-width: 768px) {
.hide-ribbon .main {
padding-top: 0;
}
.hide-ribbon #shell {
padding-top: 47px !important;
}
}
/* Fix comments button margin */
.story.theme-interactive .comments-button.theme-kicker {
margin-top: 0;
}
/* Get rid of border under intro and share tools on mobile */
.page-interactive-default .story.theme-main .story-header {
border-bottom: none;
}
/* Pad out the kicker/sharetool space */
.story.theme-interactive .story-meta .kicker {
margin-bottom: 22px;
}
.viewport-medium-10 .story.theme-interactive .story-meta .kicker {
margin-bottom: 24px;
}
/* Override the moving sharetools on mobile */
.story.theme-interactive .story-header .story-meta .kicker-container .sharetools {
position: relative;
left: auto;
bottom: auto;
width: auto;
margin-top: -6px;
float: right;
clear: none;
}
/* Maintain the proper space with the section name and kicker next to share tools */
.story.theme-interactive .story-header .story-meta .interactive-kicker {
float: left;
width: 65%;
display: inline-block;
}
/* Gets rid of the extra space under the intro that puts too much space there in mobile and desktop */
.page-interactive-default .story.theme-main .story-header {
margin-bottom: 0;
}
.page-interactive-default .story.theme-main .story-header .story-meta {
margin-bottom: 10px;
}
/*Fixes styling on share tools at bottom of minimal interactives*/
.story.theme-minimal .sharetools.layout-horizontal{
width:auto;
margin-top:11px;
}
.story.theme-minimal .sharetools.layout-horizontal .sharetool {
display: inline-block;
border-top: 0;
}
.story.theme-minimal .sharetools.layout-horizontal .sharetool:first-child a {
margin-left: 0;
padding-left: 0;
border-left: none;
}
.story.theme-minimal .sharetools.layout-horizontal .sharetool a {
padding-left: 15px;
padding-right: 5px;
height: 20px;
border-left: 1px solid #e2e2e2;
}
.story.theme-minimal .sharetools.layout-horizontal .sharetool a:hover {
background-color: transparent;
}
.story.theme-main.interactive-embedded .story-footer:before {
display: none;
}
/* uncomment to fix related content and footer layout on max_width: 720 pages */
/*
.related-coverage {
max-width: 720px;
}
.viewport-medium-30 .page-footer nav ul,
.viewport-medium-50 .page-footer nav ul {
margin-left: 28px;
}
.viewport-medium-30 .page-footer nav.last-nav {
float: none;
}
.viewport-medium-30 .page-footer nav.last-nav ul {
margin-left: 239px;
}
*/
@font-face {
font-family: "nyt-imperial";
src: local("&#9786︎"), url("https://g1.nyt.com/fonts/family/imperial/imperial-italic-400.woff") format("woff");
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: "nyt-imperial";
src: local("&#9786︎"), url("https://g1.nyt.com/fonts/family/imperial/imperial-italic-500.woff") format("woff");
font-style: italic;
font-weight: 500;
}
@font-face {
font-family: "nyt-imperial";
src: local("&#9786︎"), url("https://g1.nyt.com/fonts/family/imperial/imperial-italic-600.woff") format("woff");
font-style: italic;
font-weight: 600;
}
@font-face {
font-family: "nyt-imperial";
src: local("&#9786︎"), url("https://g1.nyt.com/fonts/family/imperial/imperial-italic-700.woff") format("woff");
font-style: italic;
font-weight: 700;
}
@font-face {
font-family: "nyt-imperial";
src: local("&#9786︎"), url("https://g1.nyt.com/fonts/family/imperial/imperial-normal-400.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "nyt-imperial";
src: local("&#9786︎"), url("https://g1.nyt.com/fonts/family/imperial/imperial-normal-500.woff") format("woff");
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "nyt-imperial";
src: local("&#9786︎"), url("https://g1.nyt.com/fonts/family/imperial/imperial-normal-600.woff") format("woff");
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "nyt-imperial";
src: local("&#9786︎"), url("https://g1.nyt.com/fonts/family/imperial/imperial-normal-700.woff") format("woff");
font-style: normal;
font-weight: 700;
}
/* story top */
.story.theme-main .story-header .story-meta .story-heading {
max-width: 800px;
margin: 0 auto 10px;
text-align: center;
line-height: 2.844rem;
font-size: 2.4rem;
}
@media only screen and (max-width: 1244px) {
.story.theme-main .story-header .story-meta .story-heading {
line-height: 2.5596rem;
font-size: 2.16rem;
}
}
@media only screen and (max-width: 719px) {
.story.theme-main .story-header .story-meta .story-heading {
line-height: 2.2752rem;
font-size: 1.92rem;
}
}
.story.theme-main .story-header .story-meta .interactive-leadin.summary {
max-width: 540px;
margin: 0 auto 20px auto;
text-align: left;
font-size: 17px;
line-height: 1.6;
}
.story.theme-main .story-header .story-meta .interactive-leadin.summary .dateline {
text-align: center;
display: block;
}
.story.theme-main .story-header .story-meta .byline-dateline {
text-align: center;
}
.story.theme-main .story-footer .interactive-byline .byline-dateline .byline {
font-family: "nyt-franklin", arial, sans-serif;
font-weight: 500;
}
/* top asset */
.g-top-asset {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.g-top-asset img {
width: 100%;
}
/* body text */
.g-body {
font: 400 1.0625rem/1.5rem nyt-imperial, georgia, serif;
max-width: 540px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.75rem;
}
.viewport-medium .g-body {
font-size: 1.1875rem;
line-height: 1.75rem;
}
.g-body a {
text-decoration: underline;
}
/* subhed */
.g-subhed h2 {
max-width: 540px;
margin: 2em auto 1em auto;
font: 700 1.2em/1.3em 'nyt-franklin', arial, sans-serif;
text-align: center;
}
.viewport-small-10 .g-subhed h2 {
font-size: 1.5em;
}
/* refer text box */
.g-refer {
max-width: 540px;
margin: 0 auto 25px;
padding: 12px 15px;
box-sizing: border-box;
background: #fffcd9;
}
.g-refer .g-body {
font-family: 'nyt-franklin', arial, sans-serif;
font-size: 16px;
line-height: 1.3;
margin-bottom: 0;
}
.g-refer a {
text-decoration: underline;
}
/* images */
.g-item-image {
margin: 25px auto;
}
.g-item-image img {
width: 100%;
}
/* sprite css */
.g-sprite-img {
background-image: url("https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/sprite-mobile.jpg");
background-repeat: no-repeat;
background-size: 1000%;
width: 100%;
height: 100%;
}
.viewport-medium .g-sprite-img {
background-image: url("https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/sprite-desktop.jpg");
}
/* video */
.g-item-video {
margin: 25px auto;
}
.g-youtube-container {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.g-youtube-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* sources and credits */
.g-asset-source {
font: 400 0.81rem/1.3em "nyt-imperial", georgia, "times new roman", times, serif;
padding-top: 8px;
color: #888;
}
.g-asset-source .g-mid-dot {
margin: 0 10px 0 7px;
font-weight: 700;
font-size: 1.3rem;
line-height: 0.6;
position: relative;
top: 3px;
color: #ddd;
}
.g-asset-source .g-caption {
font-size: 0.955rem;
color: #666;
margin-right: 6px;
}
.g-asset-source .g-credit {
display: inline-block;
}
/* graphics */
.g-item-graphic {
margin: 25px auto;
}
p.g-asset-hed {
font: 700 16px/18px 'nyt-franklin', arial, sans-serif;
margin-bottom: 0.35em;
}
p.g-asset-leadin {
font: 500 15px/18px 'nyt-franklin', arial, sans-serif;
margin-bottom: 0;
}
.g-key.keytype-segmented {
margin: 10px auto 15px auto;
}
.g-key.keytype-segmented div.clear {
clear: both;
}
.g-key.keytype-segmented .g-key-row.g-key-row-title {
margin-right: 15px;
}
.g-key.keytype-segmented .g-key-row.g-key-row-title p {
position: static;
transform: none;
text-align: left;
vertical-align: top;
margin-top: -3px;
}
.g-key.keytype-segmented .g-key-row {
position: relative;
margin: 0;
float: left;
}
.g-key.keytype-segmented .g-key-row .g-key-rect {
display: block;
margin: 0;
width: 35px;
height: 10px;
}
.g-key.keytype-segmented .g-key-row p {
position: absolute;
text-align: center;
line-height: 1em;
margin-top: 3px;
right: 0;
transform: translate(50%, 0);
}
.g-key.keytype-segmented .g-key-row p.g-beginval {
left: 0;
transform: translate(-50%, 0);
}
.g-key.keytype-inline {
overflow: hidden;
margin: 10px auto 4px auto;
}
.g-key.keytype-inline .g-key-row {
margin-bottom: 5px;
margin-right: 15px;
display: inline-block;
}
.viewport-small .g-key.keytype-inline .g-key-row {
width: auto;
margin-bottom: 0;
}
.viewport-small-20 .g-key.keytype-inline .g-key-row {
width: auto;
}
.g-key.keytype-inline .g-key-row .g-key-rect,
.g-key.keytype-inline .g-key-row .g-key-circle {
display: inline-block;
vertical-align: middle;
margin-right: 1px;
}
.g-key.keytype-inline .g-key-row .g-key-rect {
width: 22px;
height: 10px;
}
.g-key.keytype-inline .g-key-row .g-key-circle {
width: 9px;
height: 9px;
border-radius: 50%;
}
.g-key.keytype-inline .g-key-row .g-key-custom {
width: 20px;
height: 20px;
background-size: 100%;
display: block;
display: inline-block;
width: 24px;
height: 24px;
margin: -4px 2px 0 0;
}
.g-key .g-key-row p {
font: 500 0.9em/1.6 'nyt-franklin', arial, sans-serif;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.viewport-small .g-key .g-key-row p {
max-width: 92%;
}
.viewport-small-20 .g-key .g-key-row p {
width: auto;
max-width: none;
}
.viewport-small .g-key .g-key-row-title p {
width: 100%;
max-width: none;
}
.g-red-dot,
.g-black-dot {
display: inline-block;
background: #d00;
color: white;
font-weight: bold;
width: 20px;
height: 20px;
font: 700 14px/1.4 'nyt-franklin', arial, sans-serif;
text-align: center;
border-radius: 10px;
line-height: 20px;
}
.g-black-dot {
background: #222;
}
/* column text */
.g-column-container {
max-width: 540px;
margin: 20px auto 0 auto;
}
.viewport-medium .g-column-container {
max-width: 1050px;
}
.viewport-large .g-column-container {
margin-bottom: 30px;
}
.g-column-container .g-column-hed {
font-family: 'nyt-franklin', arial, sans-serif;
font-weight: 700;
margin-bottom: 2px;
}
.g-column-container .g-column-text {
padding-right: 8px;
}
.g-column-container .g-column-col {
vertical-align: top;
}
.viewport-small .g-column-container .g-column-col {
display: block;
min-width: 100%;
}
.viewport-medium .g-column-container .g-column-col {
min-width: 0;
display: inline-block;
margin-right: 3px;
}
.viewport-medium .g-column-container .g-column-col:last-child {
margin-right: 0;
}
.g-column-container .g-column-col .g-asset-source .g-credit {
margin-bottom: 0;
}
.g-column-container .g-column-asset {
margin-bottom: 5px;
}
.g-column-container .g-column-image img {
width: 100%;
}
/* tables */
.g-table-container {
margin: 0 auto;
margin-bottom: 25px;
}
.g-table-container tr {
border-bottom: 1px solid #ececec;
}
.g-table-container p {
font: 500 14px/1.4 'nyt-franklin', arial, sans-serif;
text-align: left;
margin: 6px 0;
}
/* charts */
.g-chart-container {
margin: 0 auto;
margin-bottom: 25px;
font: 500 14px/1.4 'nyt-franklin', arial, sans-serif;
}
.g-chart-container .g-chart-header {
font-weight: bold;
}
.g-chart-container .g-chart-row,
.g-chart-container .g-chart-header {
clear: both;
height: 22px;
margin-bottom: 9px;
}
.g-chart-container .g-chart-bar-container,
.g-chart-container .g-chart-label {
float: left;
height: 100%;
}
.g-chart-container .g-chart-bar-container {
margin-left: 20px;
}
.g-chart-container .g-chart-bar-pos,
.g-chart-container .g-chart-bar-neg {
height: 100%;
float: left;
}
.g-chart-container .g-chart-label,
.g-chart-container .g-chart-bar {
padding-top: 3px;
}
.g-chart-container .g-chart-label.not-first {
margin-left: 20px;
}
.g-chart-container .g-chart-bar {
height: 100%;
background: lightsteelblue;
position: relative;
}
.g-chart-container .g-chart-bar-label {
padding-left: 6px;
}
.g-chart-container .g-chart-bar-neg .g-chart-bar {
float: right;
}
.g-chart-container .g-chart-bar-neg .g-chart-bar-label {
text-align: right;
padding-right: 6px;
padding-left: 0px;
}
.g-chart-container .out-label {
padding-top: 3px;
display: none;
}
.g-chart-container .outside .out-label {
display: block;
}
.g-chart-container .outside .in-label {
display: none;
}
.g-chart-container .g-bold {
font-weight: bold;
}
/* grid */
.g-grid {
margin-bottom: 15px;
}
.g-grid .g-grid-item-container {
margin: 0 auto;
}
.g-grid .g-grid-item {
position: relative;
display: inline-block;
min-width: calc(50% - 5px);
}
.viewport-small-20 .g-grid .g-grid-item {
min-width: calc(33% - 5px);
}
.viewport-medium .g-grid .g-grid-item {
min-width: 0;
}
.g-grid .g-grid-item p {
font: 500 15px/1.4 'nyt-franklin', arial, sans-serif;
position: absolute;
bottom: 10px;
left: 10px;
color: #fff;
margin-bottom: 0;
}
/* lazy images */
.g-freebird-lazy {
display: block;
width: 100%;
height: auto;
}
.g-freebird-lazy.ll-init {
transition: opacity 0.3s ease-out;
opacity: 0;
}
.g-freebird-lazy.ll-loaded {
opacity: 1;
}
/* Mobile issues */
/* Get rid of border under intro and share tools on mobile */
.story-header.interactive-header {
border-bottom: none !important;
}
/* Share tools issues */
/* Pad out the kicker/sharetool space */
.story.theme-main .story-header .story-meta .kicker-container {
margin-bottom: 12px;
}
/* Override the moving sharetools on mobile */
.story.theme-main .story-header .story-meta .kicker-container .sharetools {
position: relative;
float: right;
/*right: 0px;*/
bottom: auto;
left: auto;
width: auto;
margin-top: -6px;
clear: none;
}
/* Maintain the proper space with the section name and kicker next to share tools */
.story.theme-main .story-header .story-meta .interactive-kicker {
float: left;
width: 70%;
display: inline-block;
}
#g-related-duplicate .g-ad-wrapper,
.g-graphic.g-graphic-freebird .g-ad-wrapper {
margin: 30px auto;
max-width: 1050px;
}
.viewport-medium #g-related-duplicate .g-ad-wrapper,
.viewport-medium .g-graphic.g-graphic-freebird .g-ad-wrapper {
margin: 50px auto;
}
#g-related-duplicate .g-ad-wrapper .ad,
.g-graphic.g-graphic-freebird .g-ad-wrapper .ad {
border-top: 1px solid #e2e2e2 !important;
border-bottom: 1px solid #e2e2e2 !important;
margin: 0 auto;
padding: 10px 0;
overflow: hidden;
max-width: 100%;
}
#g-related-duplicate .g-ad-wrapper .ad div,
.g-graphic.g-graphic-freebird .g-ad-wrapper .ad div {
margin: 0 auto;
display: block !important;
}
#g-related-duplicate .g-ad-wrapper iframe,
.g-graphic.g-graphic-freebird .g-ad-wrapper iframe {
margin: 0 auto;
display: block;
}
#g-related-duplicate .g-ad-wrapper .g-ad-text,
.g-graphic.g-graphic-freebird .g-ad-wrapper .g-ad-text {
text-align: center;
font: 500 12px/1.2 "nyt-franklin", arial, sans-serif;
color: #bfbfbf;
text-transform: uppercase;
margin-bottom: 7px;
}
.ad.top-ad {
border: none;
margin-left: auto;
margin-right: auto;
}
.sponsor-placement {
text-align: right;
padding-right: 5px;
padding-top: 10px;
color: #999;
min-height: 30px;
}
.sponsor-slug {
padding-right: 5px;
display: inline-block;
}
.ad.sponsor-ad {
height: 100%;
display: inline-block;
}
/* slideshow */
.g-item.g-slideshow {
margin-bottom: 25px;
}
.g-slideshow-container {
position: relative;
margin-bottom: 10px;
overflow: hidden;
margin: 0 auto;
}
.g-slideshow-container img {
width: 100%;
}
.g-slideshow-slide {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
}
.g-slideshow-placeholder {
opacity: 0;
z-index: -1;
pointer-events: none;
}
.g-slide-fade {
opacity: 0;
transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
}
.g-slide-fade.g-slideshow-slide-active {
opacity: 1;
}
/* no effect styles */
.g-slide-no {
display: none;
}
.g-slide-no.g-slideshow-slide-active {
display: block;
}
/* text styles */
.g-slideshow-slide .g-hed {
font-family: "nyt-franklin", arial, sans-serif;
font-weight: 700;
font-size: 18px;
text-align: center;
margin: 10px 0 8px;
}
.g-slideshow-slide .g-text {
font-family: "nyt-franklin", arial, sans-serif;
text-align: center;
}
.g-text-box {
width: auto;
position: absolute;
top: 0px;
right: 0px;
color: #fff;
text-shadow: 1px 1px 8px #000;
}
.g-text-box .g-text {
background-color: rgba(0, 0, 0, 0.3);
padding: 5px 7px;
}
/* scrollinggraphic */
.g-scrollinggraphic_wrapper {
position: relative;
margin-bottom: 25px;
}
.g-scrollinggraphic_sticky {
position: sticky;
z-index: 1;
width: 100%;
padding-bottom: 56.25%;
background-color: #bfbfbf;
}
.g-align-center .g-scrollinggraphic_sticky {
top: 50vh;
}
.g-align-top .g-scrollinggraphic_sticky {
top: 10px;
}
.viewport-medium-10 .g-align-top .g-scrollinggraphic_sticky {
top: 141px;
}
.g-align-bottom .g-scrollinggraphic_sticky {
top: auto;
bottom: 10px;
}
.g-scrollinggraphic_graphic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.g-scrollinggraphic_graphic .g-instructions {
font-family: "nyt-franklin", arial, sans-serif;
font-weight: 500;
}
.g-scrollinggraphic_steps {
position: relative;
z-index: 2;
}
/* scroll slides (aka "fixedslides") */
.g-graphic-container {
position: relative;
}
.g-fixed-graphic {
position: absolute;
top: 0;
left: 50%;
max-width: 100%;
width: 100%;
transform: translateX(-50%);
}
.g-fixedstate-post .g-fixed-graphic {
position: absolute;
bottom: 0;
top: auto;
}
.g-fixedstate-fixed .g-fixed-graphic {
-webkit-transform: translateZ(0px);
-webkit-backface-visibility: hidden;
position: fixed;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
}
.g-fixed-inner {
position: relative;
}
.g-fixed-items {
position: relative;
margin: auto;
}
.g-fixed-items,
.g-fixed-graphic {
max-width: 1050px;
}
.g-fixed-item {
position: relative;
margin: 0 auto;
max-width: 720px;
min-height: 90vh;
z-index: 2;
}
.g-fixed-item .g-item-content-wrapper {
width: 100%;
padding-top: calc(70% + 30px);
}
.g-item.g-fixedslides {
margin-bottom: 25px;
}
.g-fixedslides-slides-screenposition {
overflow: hidden;
}
.g-fixedslides-slideposition {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.g-fixedslides-effect-slide .g-fixedslides-slideposition {
transition: transform 0.3s ease;
}
.g-fixedslides-slide {
position: absolute;
top: 0;
width: 100%;
opacity: 0;
z-index: 1;
}
.g-fixedslides-slide.g-active {
z-index: 2;
opacity: 1;
}
.g-fixedslides-effect-fade .g-fixedslides-slide.g-previousactive {
z-index: 3;
opacity: 0;
transition: opacity 0.3s ease;
}
.g-fixedslides-effect-slide .g-fixedslides-slideposition,
.g-fixedslides-effect-slidedown .g-fixedslides-slideposition {
transition: transform 0.3s ease;
}
.g-fixedslides-effect-slide .g-fixedslides-slide,
.g-fixedslides-effect-slidedown .g-fixedslides-slide {
opacity: 1;
z-index: 1;
}
ul.g-fixedslides-stepper {
display: none;
}
.g-fixedslides-stepper-stepper ul.g-fixedslides-stepper {
display: block;
position: absolute;
z-index: 4;
right: 10px;
top: 50%;
transform: translateY(-50%);
padding: 0;
margin: 0px;
}
ul.g-fixedslides-stepper li {
display: block;
width: 6px;
height: 6px;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 50%;
padding: 0;
margin: 3px 0;
border: 1px solid rgba(0, 0, 0, 0.1);
transition: border-color 0.3s ease, background-color 0.3s ease;
}
ul.g-fixedslides-stepper li.g-active {
background-color: #ffffff;
border: 1px solid #ffffff;
}
.g-fixedslides-effect-slide ul.g-fixedslides-stepper {
top: auto;
bottom: 10px;
right: auto;
left: 50%;
transform: translateX(-50%);
}
.g-fixedslides-effect-slide ul.g-fixedslides-stepper li {
display: inline-block;
}
.g-scrollinggraphic-text,
.g-fixedslides-text {
min-height: auto;
padding-top: 0;
padding-bottom: 70vh;
}
.g-scrollinggraphic-text.g-fixedslides-text-0,
.g-fixedslides-text.g-fixedslides-text-0 {
padding-top: 70vh;
}
.g-scrollinggraphic-text .g-body,
.g-fixedslides-text .g-body {
padding: 8px 12px !important;
background-color: rgba(255, 255, 255, 0.9);
}
.g-fixedslides-theme-white .g-scrollinggraphic-text .g-body,
.g-fixedslides-theme-white .g-fixedslides-text .g-body {
background-color: transparent;
padding: 0;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.333) 0px 0px 2px, rgba(0, 0, 0, 0.333) 0px 0px 6px, rgba(0, 0, 0, 0.333) 0px 0px 10px, rgba(0, 0, 0, 0.333) 0px 0px 10px, rgba(0, 0, 0, 0.333) 0px 0px 10px, rgba(0, 0, 0, 0.333) 0px 0px 20px;
}
.g-fixedslides-theme-whiteonblack .g-scrollinggraphic-text .g-body,
.g-fixedslides-theme-whiteonblack .g-fixedslides-text .g-body {
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
}
/* freebird fullbleed for mobile */
.g-graphic-freebird {
max-width: 1050px;
margin: 0 auto;
}
/* remove left offset */
.viewport-medium-50 .masthead.masthead-theme-standard,
.viewport-large-20 .masthead.masthead-theme-standard {
margin-left: 0;
}
.viewport-large-70 .masthead.masthead-theme-standard {
margin-left: auto;
}
.viewport-medium-50 .masthead.masthead-theme-standard .quick-navigation,
.viewport-large-20 .masthead.masthead-theme-standard .quick-navigation {
left: 15px;
}
#navigation-edge {
display: none;
}
/* fullbleed #main */
#main {
padding-left: 0;
padding-right: 0;
}
.viewport-medium-10 #main {
width: 100%;
max-width: 100%;
}
/* constrain template containers */
.ad.top-ad {
margin-left: 0;
margin-right: 0;
}
.story-header.interactive-header,
.story.theme-main .story-footer,
.related-coverage {
margin-left: 20px;
margin-right: 20px;
}
.viewport-medium-10 .ad.top-ad,
.viewport-medium-10 .nytint-upshot-nameplate,
.viewport-medium-10 .story-header.interactive-header,
.viewport-medium-10 .story.theme-main .story-footer,
.viewport-medium-10 .related-coverage {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.viewport-medium-30 .ad.top-ad,
.viewport-medium-30 .nytint-upshot-nameplate,
.viewport-medium-30 .story-header.interactive-header,
.viewport-medium-30 .story.theme-main .story-footer,
.viewport-medium-30 .related-coverage {
max-width: 945px;
}
.viewport-large-30 .ad.top-ad,
.viewport-large-30 .nytint-upshot-nameplate,
.viewport-large-30 .story-header.interactive-header,
.viewport-large-30 .story.theme-main .story-footer,
.viewport-large-30 .related-coverage {
max-width: 1050px;
}
.g-body,
.g-map-key,
.g-asset-source,
.g-table-container,
.g-column-container,
.g-asset-hed,
.g-asset-leadin,
.g-subhed,
.g-chart,
.g-item-graphic {
padding-left: 20px;
padding-right: 20px;
}
.viewport-large .g-body,
.viewport-large .g-map-key,
.viewport-large .g-table-container,
.viewport-large .g-column-container,
.viewport-large .g-asset-hed,
.viewport-large .g-asset-leadin,
.viewport-large .g-asset-source,
.viewport-large .g-chart,
.g-item-graphic {
padding-left: 0;
padding-right: 0;
}
.viewport-large .g-add-padding {
padding-left: 20px;
}
.story.theme-main:not(.interactive-embedded) {
margin-left: 0;
margin-right: 0;
}
div.tooltip {
top: -1000px;
position: fixed;
padding: 10px;
background: rgba(255, 255, 255, 0.95);
border: 1px solid lightgray;
pointer-events: none;
width: 400px;
font: 300 14px / 1.2 'nyt-franklin', Arial, sans-serif;
}
.tooltip-hidden {
opacity: 0;
transition: all .3s;
transition-delay: .1s;
}
@media (max-width: 590px) {
div.tooltip {
bottom: -1px;
width: calc(100%);
left: -1px !important;
right: -1px !important;
top: auto !important;
width: auto !important;
}
}
.topchart .g-asset-hed {
text-align: center;
}
.g-graphic svg {
margin: 0px auto;
display: block;
font: 300 14px / 1.2 'nyt-franklin';
overflow: hidden;
}
.g-graphic svg .axis {
font: 300 12px / 1.2 'nyt-franklin';
shape-rendering: crispEdges;
}
.g-graphic svg .axis text {
fill: #999;
}
@media (max-width: 765px) {
.g-graphic svg .axis {
display: none;
}
}
.g-graphic svg .axis line,
.g-graphic svg .axis path {
stroke: #ccc;
}
.g-graphic .axis-y path,
.g-graphic .axis-y .tick line {
opacity: 0;
}
.g-graphic .axis-x .domain {
opacity: 0;
}
#timechart {
min-height: 460px;
}
@media (max-width: 1050px) {
#timechart {
margin-left: 15px;
}
}
.g-key.keytype-inline {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 1050px) {
.g-key.keytype-inline {
margin: 10px auto 4px 20px !important;
}
}
.g-key-row {
display: flex;
align-items: center;
}
/*.g-key-row:first-child > .g-key-circle{
background: repeating-linear-gradient(
45deg,
#555,
#555 1px,
#fff 1px,
#fff 2px
);
}
*/
.speakbar {
stroke: white;
stroke-width: white;
fill: #cccccc;
/*fill:#A0B8D4;*/
}
.candname text {
font-size: 15px;
}
@media (max-width: 765px) {
.candname text {
font-size: 13px;
}
}
.timetext text {
font-size: 15px;
font-weight: 700;
}
@media (max-width: 765px) {
.timetext text {
font-size: 13px;
}
}
.gridy line {
stroke: #ddd;
}
.g-item.g-text {
margin-bottom: 1rem;
}
/*
ALIGNMENT STYLES
*/
.alignment-block {
position: relative;
color: #555;
line-height: 1.35em;
font-family: 'nyt-franklin', Arial, sans-serif;
font-weight: 300;
max-width: 540px;
padding: 0 20px;
margin: 2rem auto 0.825rem auto;
}
.viewport-medium .alignment-block {
display: flex;
flex-wrap: wrap;
font-size: 20px;
}
.viewport-medium .alignment-block .line-container:not(.full-width) {
width: 48%;
margin-right: 20px;
}
.viewport-medium .alignment-block .line-container:not(.full-width):nth-child(2n) {
margin-right: 0;
}
/*
.alignment-block::before, .alignment-block::after {
content: '';
background: linear-gradient(
90deg,
rgba(255,255,255,1) 0px,
rgba(255,255,255,1) 100px,
rgba(255,255,255,.15) 20%,
rgba(255,255,255,0) 50%,
rgba(255,255,255,.15) 90%,
rgba(255,255,255,1) 100%,
);
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
left: 0;
top: 0;
}
*/
.line-container {
margin-bottom: 20px;
}
.highlight-color-blue {
color: #0c729a;
}
.highlight-color-red {
/* color: #d2482a; orange-red */
color: #ae4544;
}
.highlight-color-green {
color: #27670f;
}
.highlight-color-purple {
color: #734879;
}
.viewport-medium {
margin-bottom: 25px;
}
.offset-calculator-left,
.offset-calculator-right {
position: absolute;
visibility: hidden;
height: auto;
width: auto;
white-space: pre;
font-weight: 700;
}
.segment {
flex: 1;
display: flex;
max-width: 50%;
white-space: pre;
}
.segment:first-child {
justify-content: flex-end;
}
.segment:first-child > span {
margin-left: auto;
}
.segment:nth-child(2) {
flex: 0 0;
}
.segment:last-child {
justify-content: flex-start;
}
.segment span {
font-weight: 400;
}
.candidate-name {
position: relative;
z-index: 2;
/* above fade out gradient */
display: flex;
align-items: center;
color: #222;
margin-bottom: 4px;
font-family: 'nyt-franklin', Arial, sans-serif;
font-size: 16px;
font-weight: 700;
}
.candidate-name .first-name {
display: block;
white-space: pre;
}
.candidate-name .first-name::after {
content: ' ';
}
.candidate-name img {
width: 35px;
margin-right: 7px;
/*
background-color: #e7e7e7;
border-radius: 50%;
*/
}
#lastupdate p {
font-family: 'nyt-franklin', Arial, sans-serif;
color: #888;
font-size: 13px;
}
#lastupdate {
margin-top: -10px;
}
/* When subhed gets smaller */
@media (max-width: 449px) {
.alignment-block {
margin: 1.4em 0;
}
}
.g-show-issues .gridy path {
opacity: 0;
}
.g-show-issues .immigration {
fill: #ae4544;
}
.g-show-issues .economy {
fill: #d8cb98;
}
.g-show-issues .climate {
fill: #a4ad6f;
}
.g-show-issues .gun {
fill: #cc7c3a;
}
.g-show-issues .healthcare {
fill: #436f82;
}
.g-show-issues .foreign {
fill: #7c5981;
}
.g-show-issues .other {
fill: #cccccc;
}
#timechart > .g-asset-hed,
#timechart > .g-asset-leadin {
display: none;
}
</style>
<div class="g-graphic g-graphic-freebird" data-preview-slug="dem-first-debate">
<div class="g-item g-graphic topchart">
<div class="g-item-graphic" style="max-width:860px;">
<p class="g-asset-hed ">How Long Each Candidate Spoke</p>
<div class="g-key keytype-inline">
<div class="g-key-row">
<span class="g-key-circle" style="background-color:#d8cb98;"></span>
<p>Economy</p>
</div>
<div class="g-key-row">
<span class="g-key-circle" style="background-color:#436f82;"></span>
<p>Health care</p>
</div>
<div class="g-key-row">
<span class="g-key-circle" style="background-color:#ae4544;"></span>
<p>Immigration</p>
</div>
<div class="g-key-row">
<span class="g-key-circle" style="background-color:#cc7c3a;"></span>
<p>Gun control</p>
</div>
<div class="g-key-row">
<span class="g-key-circle" style="background-color:#a4ad6f;"></span>
<p>Climate change</p>
</div>
<div class="g-key-row">
<span class="g-key-circle" style="background-color:#7C5981;"></span>
<p>Foreign policy</p>
</div>
</div>
<div id='timechart' class='g-show-issues '>
<p class="g-asset-hed">How Long Each Candidate Spoke</p>
<div class='chart'>
</div>
</div>
<div class="g-asset-source ">
<span class="g-credit">Each bar segment represents the length of a candidate’s response to a question.</span>
</div>
</div>
</div>
<div class="g-item g-text ">
<p class="g-body">Senator Cory Booker of New Jersey and Beto O’Rourke, a former congressman from Texas, spoke the most during the <a href="https://www.nytimes.com/2019/06/26/us/politics/2020-democratic-debate-tonight.html">first Democratic presidential debate</a>. Ten candidates participated on Wednesday, and 10 more will be part of a second debate on Thursday.</p>
</div>
<div class="g-item g-text ">
<p class="g-body">Here are some key questions the candidates were asked, where they found common ground and where they disagreed.</p>
</div>
<div class="g-item g-subhed ">
<h2>How Would You Address Gun Violence?</h2>
</div>
<div class="g-item g-text ">
<p class="g-body">The candidates mostly agreed on the need to tighten the country’s gun laws, though some highlighted different priorities.</p>
</div>
<div class="g-item g-alignment ">
<div class="alignment-block">
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/warren.png" />
<span class="first-name">Elizabeth</span>Warren
</div>
<div>
We need to <b style="color: #cc7c3a">treat it like a serious research problem</b> which we have not done.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/ryan.png" />
<span class="first-name">Tim</span>Ryan
</div>
<div>
We need to <b style="color: #cc7c3a">start dealing with the trauma</b> that our kids have. We need trauma-based care in every school.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/deblasio.png" />
<span class="first-name">Bill</span>de Blasio
</div>
<div>
If we’re going to stop these shootings we have to <b style="color: #cc7c3a">get these guns off the streets</b>. We have to have a very different relationship between our police and our community.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/booker.png" />
<span class="first-name">Cory</span>Booker
</div>
<div>
If you need a license to drive a car, <b style="color: #cc7c3a">you should need a license</b> to buy and own a firearm.
</div>
</div>
</div>
</div>
<div class="g-item g-subhed ">
<h2>Should Illegal Entry Be a Crime?</h2>
</div>
<div class="g-item g-text ">
<p class="g-body">The two Texans, Julián Castro and Mr. O’Rourke, disagreed over whether to maintain a section of the law that criminalizes illegal entry into the United States. Mr. Castro’s plan would downgrade illegal entry to a civil offense.</p>
</div>
<div class="g-item g-text ">
<p class="g-body">Mr. Booker and Representative Tim Ryan of Ohio agreed with Mr. Castro.</p>
</div>
<div class="g-item g-alignment ">
<div class="alignment-block">
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/castro.png" />
<span class="first-name">Julián</span>Castro
</div>
<div>
They use that law, section 1325, to justify under the law, separating little children from their families. I want to challenge every candidate on this stage to <b style="color: #ae4544">support the repeal of section 1325</b>.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/booker.png" />
<span class="first-name">Cory</span>Booker
</div>
<div>
<b style="color: #ae4544">I agree with him on that issue,</b> but folks should understand that the separation of children from families doesn’t just go on at our border. It happens in our communities as ICE are ripping away parents from their American children, spouses and the like.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/ryan.png" />
<span class="first-name">Tim</span>Ryan
</div>
<div>
There are <b style="color: #ae4544">other provisions in the law that will allow you to prosecute people</b> for coming over if they are dealing in drugs and other things. That's already established in the law. There is no need to repeat it.
</div>
</div>
</div>
</div>
<div class="g-item g-text ">
<p class="g-body">Mr. O’Rourke has said that he wants to ensure there is a legal mechanism to address criminals crossing the border illegally. Senator Amy Klobuchar of Minnesota did not commit to a position, but appeared to have the same concerns as Mr. O’Rourke.</p>
</div>
<div class="g-item g-alignment ">
<div class="alignment-block">
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/orourke.png" />
<span class="first-name">Beto</span>O’Rourke
</div>
<div>
If we apprehend a known smuggler or drug trafficker, we’re going to <b style="color: #ae4544">ensure that they are deported and criminally prosecuted.</b>
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/klobuchar.png" />
<span class="first-name">Amy</span>Klobuchar
</div>
<div>
I am happy to look at his proposal, but I do think you want to make sure that you have provisions in place that <b style="color: #ae4544">allow you to go after traffickers</b> and allow you to go after people who are violating the law.
</div>
</div>
</div>
</div>
<div class="g-item g-text ">
<p class="g-body">Bill DeBlasio, mayor of New York, interjected with a line that garnered applause from the audience.</p>
</div>
<div class="g-item g-alignment ">
<div class="alignment-block">
<div class="line-container full-width">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/deblasio.png" />
<span class="first-name">Bill</span>de Blasio
</div>
<div>
We have to get under the skin of why we have this crisis in our system, because <b style="color: #ae4544">we’re not being honest about the division that’s been fomented in this country.</b> The way that American citizens have been told that immigrants somehow created their misery and their pain and their challenges.
</div>
</div>
</div>
</div>
<div class="g-item g-subhed ">
<h2>“Medicare for All” or “Public Option”?</h2>
</div>
<div class="g-item g-text ">
<p class="g-body">Two candidates raised their hands when asked whether they supported abolishing private health insurance in favor of a government-run plan, often called “Medicare for all”: Senator Elizabeth Warren of Massachusetts and Mr. de Blasio.</p>
</div>
<div class="g-item g-alignment ">
<div class="alignment-block">
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/warren.png" />
<span class="first-name">Elizabeth</span>Warren
</div>
<div>
Yes, I’m with Bernie on <b style="color: #436f82">Medicare-for-all.</b>
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/deblasio.png" />
<span class="first-name">Bill</span>de Blasio
</div>
<div>
<b style="color: #436f82">Private insurance is not working</b> for tens of millions of Americans.
</div>
</div>
</div>
</div>
<div class="g-item g-text ">
<p class="g-body">Other candidates expressed support for a <a href="https://www.nytimes.com/2019/02/19/upshot/medicare-for-all-health-terms-sanders.html">public option</a>, in which everyone would have the option to buy a government-run health care plan, while still giving people the option to buy private insurance, at least in the immediate future.</p>
</div>
<div class="g-item g-alignment ">
<div class="alignment-block">
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/delaney.png" />
<span class="first-name">John</span>Delaney
</div>
<div>
We should give everyone in this country health care as a basic human right for free — full stop. But we should also <b style="color: #436f82">give them the option</b> to buy private insurance.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/orourke.png" />
<span class="first-name">Beto</span>O’Rourke
</div>
<div>
We preserve choice by making sure that everyone has health care. No, <b style="color: #436f82">I think that choice is fundamental</b> to our ability to have everyone cared for.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/gabbard.png" />
<span class="first-name">Tulsi</span>Gabbard
</div>
<div>
I also think if you look at other countries in the world who have universal health care, everyone of them has some form of <b style="color: #436f82">a role of private insurance</b><b style="color: #436f82">.</b>
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/klobuchar.png" />
<span class="first-name">Amy</span>Klobuchar
</div>
<div>
I think it is a beginning and the way you start and <b style="color: #436f82">the way you move to universal health care</b><b style="color: #436f82">.</b>
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/booker.png" />
<span class="first-name">Cory</span>Booker
</div>
<div>
When I am president of the United States, I’m not going to wait. <b style="color: #436f82">We have to do the things immediately </b>that are going to provide better care.
</div>
</div>
</div>
</div>
<div class="g-item g-subhed ">
<h2>What Is the Greatest Geopolitical Threat to the United States?</h2>
</div>
<div class="g-item g-text ">
<p class="g-body">Here is how each candidate responded (some gave more than one answer).</p>
</div>
<div class="g-item g-graphic ">
<div class="g-item-graphic" style="max-width:720px;">
<!-- Generated by ai2html v0.81.6 - 2019-06-27 02:01 -->
<!-- ai file: venn.ai -->
<!-- preview: 2019-06-24-dem-first-debate -->
<!-- scoop: debate-speaking-time -->
<style type='text/css' media='screen,print'>
#g-venn-box .g-artboard {
margin:0 auto;
}
#g-venn-box .g-artboard p {
margin:0;
}
.g-aiAbs {
position:absolute;
}
.g-aiImg {
display:block;
width:100% !important;
}
.g-aiSymbol {
position: absolute;
box-sizing: border-box;
}
.g-aiPointText p { white-space: nowrap; }
#g-venn-900 {
position:relative;
overflow:hidden;
}
#g-venn-900 p {
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-weight:300;
font-size:13px;
line-height:16px;
height:auto;
filter:alpha(opacity=100);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
letter-spacing:0em;
text-align:left;
color:rgb(128,128,128);
text-transform:none;
padding-bottom:0;
padding-top:0;
mix-blend-mode:normal;
font-style:normal;
}
#g-venn-900 .g-pstyle0 {
font-weight:700;
font-size:16px;
line-height:19px;
height:19px;
text-align:center;
color:rgb(0,0,0);
}
#g-venn-900 .g-pstyle1 {
height:16px;
text-align:center;
}
#g-venn-720 {
position:relative;
overflow:hidden;
}
#g-venn-720 p {
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-weight:300;
font-size:13px;
line-height:16px;
height:auto;
filter:alpha(opacity=100);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
letter-spacing:0em;
text-align:left;
color:rgb(128,128,128);
text-transform:none;
padding-bottom:0;
padding-top:0;
mix-blend-mode:normal;
font-style:normal;
}
#g-venn-720 .g-pstyle0 {
font-weight:700;
font-size:16px;
line-height:19px;
height:19px;
text-align:center;
color:rgb(0,0,0);
}
#g-venn-720 .g-pstyle1 {
height:16px;
text-align:center;
}
#g-venn-600 {
position:relative;
overflow:hidden;
}
#g-venn-600 p {
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-weight:300;
font-size:13px;
line-height:16px;
height:auto;
filter:alpha(opacity=100);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
letter-spacing:0em;
text-align:left;
color:rgb(128,128,128);
text-transform:none;
padding-bottom:0;
padding-top:0;
mix-blend-mode:normal;
font-style:normal;
}
#g-venn-600 .g-pstyle0 {
font-weight:700;
font-size:15px;
line-height:18px;
height:18px;
text-align:center;
color:rgb(0,0,0);
}
#g-venn-600 .g-pstyle1 {
height:16px;
text-align:center;
}
#g-venn-460 {
position:relative;
overflow:hidden;
}
#g-venn-460 p {
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-weight:300;
font-size:13px;
line-height:16px;
height:auto;
filter:alpha(opacity=100);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
letter-spacing:0em;
text-align:left;
color:rgb(128,128,128);
text-transform:none;
padding-bottom:0;
padding-top:0;
mix-blend-mode:normal;
font-style:normal;
}
#g-venn-460 .g-pstyle0 {
font-weight:700;
font-size:15px;
line-height:18px;
height:18px;
text-align:center;
color:rgb(0,0,0);
}
#g-venn-460 .g-pstyle1 {
height:16px;
text-align:center;
}
#g-venn-300 {
position:relative;
overflow:hidden;
}
#g-venn-300 p {
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-weight:300;
font-size:13px;
line-height:16px;
height:auto;
filter:alpha(opacity=100);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
letter-spacing:0em;
text-align:left;
color:rgb(128,128,128);
text-transform:none;
padding-bottom:0;
padding-top:0;
mix-blend-mode:normal;
font-style:normal;
}
#g-venn-300 .g-pstyle0 {
font-weight:700;
font-size:15px;
line-height:18px;
height:18px;
text-align:center;
color:rgb(0,0,0);
}
#g-venn-300 .g-pstyle1 {
height:16px;
text-align:center;
}
</style>
<div id="g-venn-box" class="ai2html ai2html-box-v5">
<!-- Artboard: 900 -->
<div id="g-venn-900" class="g-artboard" style="padding: 0 0 62.2222% 0;" data-aspect-ratio="1.607" data-min-width="900">
<img id="g-venn-900-img" class="g-aiImg g-aiAbs" alt="" data-src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/venn-900.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
<div id="g-ai0-1" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.9935%;margin-top:-9.8px;left:50.3764%;margin-left:-66.5px;width:133px;">
<p class="g-pstyle0">Climate Change</p>
</div>
<div id="g-ai0-2" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:21.5649%;margin-top:-9.8px;left:19.0439%;margin-left:-34.5px;width:69px;">
<p class="g-pstyle0">Russia</p>
</div>
<div id="g-ai0-3" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:21.5649%;margin-top:-9.8px;left:80.936%;margin-left:-60px;width:120px;">
<p class="g-pstyle0">Donald Trump</p>
</div>
<div id="g-ai0-4" class="g-cand-labels g-aiAbs g-aiPointText" style="top:33.2584%;margin-top:-8.2px;left:47.4952%;margin-left:-36.5px;width:73px;">
<p class="g-pstyle1">O&rsquo;Rourke</p>
</div>
<div id="g-ai0-5" class="g-cand-labels g-aiAbs g-aiPointText" style="top:33.2584%;margin-top:-8.2px;left:53.3494%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Warren</p>
</div>
<div id="g-ai0-6" class="g-cand-labels g-aiAbs g-aiPointText" style="top:35.4013%;margin-top:-8.2px;left:19.0299%;margin-left:-36px;width:72px;">
<p class="g-pstyle1">de Blasio</p>
</div>
<div id="g-ai0-7" class="g-cand-labels g-aiAbs g-aiPointText" style="top:35.4013%;margin-top:-8.2px;left:81.0655%;margin-left:-27.5px;width:55px;">
<p class="g-pstyle1">Inslee</p>
</div>
<div id="g-ai0-8" class="g-cand-labels g-aiAbs g-aiPointText" style="top:52.3655%;margin-top:-8.2px;left:40.7941%;margin-left:-28.5px;width:57px;">
<p class="g-pstyle1">Castro</p>
</div>
<div id="g-ai0-9" class="g-cand-labels g-aiAbs g-aiPointText" style="top:52.3655%;margin-top:-8.2px;left:60.2571%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Booker</p>
</div>
<div id="g-ai0-10" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:65.3149%;margin-top:-9.8px;left:16.5972%;margin-left:-25px;width:50px;">
<p class="g-pstyle0">Iran</p>
</div>
<div id="g-ai0-11" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:65.3149%;margin-top:-9.8px;left:37.1359%;margin-left:-31px;width:62px;">
<p class="g-pstyle0">China</p>
</div>
<div id="g-ai0-12" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:65.3149%;margin-top:-9.8px;left:67.679%;margin-left:-72px;width:144px;">
<p class="g-pstyle0">Nuclear Weapons</p>
</div>
<div id="g-ai0-13" class="g-cand-labels g-aiAbs g-aiPointText" style="top:75.2227%;margin-top:-8.2px;left:24.9387%;margin-left:-39px;width:78px;">
<p class="g-pstyle1">Klobuchar</p>
</div>
<div id="g-ai0-14" class="g-cand-labels g-aiAbs g-aiPointText" style="top:79.1513%;margin-top:-8.2px;left:37.1697%;margin-left:-25px;width:50px;">
<p class="g-pstyle1">Ryan</p>
</div>
<div id="g-ai0-15" class="g-cand-labels g-aiAbs g-aiPointText" style="top:79.1513%;margin-top:-8.2px;left:50.6197%;margin-left:-33.5px;width:67px;">
<p class="g-pstyle1">Delaney</p>
</div>
<div id="g-ai0-16" class="g-cand-labels g-aiAbs g-aiPointText" style="top:79.1513%;margin-top:-8.2px;left:66.8274%;margin-left:-34.5px;width:69px;">
<p class="g-pstyle1">Gabbard</p>
</div>
</div>
<!-- Artboard: 720 -->
<div id="g-venn-720" class="g-artboard" style="padding: 0 0 77.7778% 0;" data-aspect-ratio="1.286" data-min-width="720" data-max-width="899">
<img id="g-venn-720-img" class="g-aiImg g-aiAbs" alt="" data-src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/venn-720.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
<div id="g-ai1-1" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.9935%;margin-top:-9.8px;left:50.0535%;margin-left:-66.5px;width:133px;">
<p class="g-pstyle0">Climate Change</p>
</div>
<div id="g-ai1-2" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:25.1364%;margin-top:-9.8px;left:11.8609%;margin-left:-34.5px;width:69px;">
<p class="g-pstyle0">Russia</p>
</div>
<div id="g-ai1-3" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:25.1364%;margin-top:-9.8px;left:88.1139%;margin-left:-60px;width:120px;">
<p class="g-pstyle0">Donald Trump</p>
</div>
<div id="g-ai1-4" class="g-cand-labels g-aiAbs g-aiPointText" style="top:33.2584%;margin-top:-8.2px;left:46.452%;margin-left:-36.5px;width:73px;">
<p class="g-pstyle1">O&rsquo;Rourke</p>
</div>
<div id="g-ai1-5" class="g-cand-labels g-aiAbs g-aiPointText" style="top:33.2584%;margin-top:-8.2px;left:53.7698%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Warren</p>
</div>
<div id="g-ai1-6" class="g-cand-labels g-aiAbs g-aiPointText" style="top:38.9727%;margin-top:-8.2px;left:11.8435%;margin-left:-36px;width:72px;">
<p class="g-pstyle1">de Blasio</p>
</div>
<div id="g-ai1-7" class="g-cand-labels g-aiAbs g-aiPointText" style="top:38.9727%;margin-top:-8.2px;left:88.276%;margin-left:-27.5px;width:55px;">
<p class="g-pstyle1">Inslee</p>
</div>
<div id="g-ai1-8" class="g-cand-labels g-aiAbs g-aiPointText" style="top:52.3655%;margin-top:-8.2px;left:38.0756%;margin-left:-28.5px;width:57px;">
<p class="g-pstyle1">Castro</p>
</div>
<div id="g-ai1-9" class="g-cand-labels g-aiAbs g-aiPointText" style="top:52.3655%;margin-top:-8.2px;left:62.4044%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Booker</p>
</div>
<div id="g-ai1-10" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:65.3149%;margin-top:-9.8px;left:8.2465%;margin-left:-25px;width:50px;">
<p class="g-pstyle0">Iran</p>
</div>
<div id="g-ai1-11" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:65.3149%;margin-top:-9.8px;left:33.5029%;margin-left:-31px;width:62px;">
<p class="g-pstyle0">China</p>
</div>
<div id="g-ai1-12" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:65.3149%;margin-top:-9.8px;left:71.6819%;margin-left:-72px;width:144px;">
<p class="g-pstyle0">Nuclear Weapons</p>
</div>
<div id="g-ai1-13" class="g-cand-labels g-aiAbs g-aiPointText" style="top:75.2227%;margin-top:-8.2px;left:18.6734%;margin-left:-39px;width:78px;">
<p class="g-pstyle1">Klobuchar</p>
</div>
<div id="g-ai1-14" class="g-cand-labels g-aiAbs g-aiPointText" style="top:79.1513%;margin-top:-8.2px;left:33.5451%;margin-left:-25px;width:50px;">
<p class="g-pstyle1">Ryan</p>
</div>
<div id="g-ai1-15" class="g-cand-labels g-aiAbs g-aiPointText" style="top:79.1513%;margin-top:-8.2px;left:50.3576%;margin-left:-33.5px;width:67px;">
<p class="g-pstyle1">Delaney</p>
</div>
<div id="g-ai1-16" class="g-cand-labels g-aiAbs g-aiPointText" style="top:79.1513%;margin-top:-8.2px;left:70.6173%;margin-left:-34.5px;width:69px;">
<p class="g-pstyle1">Gabbard</p>
</div>
</div>
<!-- Artboard: 600 -->
<div id="g-venn-600" class="g-artboard" style="padding: 0 0 76.2623% 0;" data-aspect-ratio="1.311" data-min-width="600" data-max-width="719">
<img id="g-venn-600-img" class="g-aiImg g-aiAbs" alt="" data-src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/venn-600.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
<div id="g-ai2-1" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:18.4118%;margin-top:-9.2px;left:50.4617%;margin-left:-63px;width:126px;">
<p class="g-pstyle0">Climate Change</p>
</div>
<div id="g-ai2-2" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:22.127%;margin-top:-9.2px;left:11.6443%;margin-left:-33px;width:66px;">
<p class="g-pstyle0">Russia</p>
</div>
<div id="g-ai2-3" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:22.127%;margin-top:-9.2px;left:88.3379%;margin-left:-57px;width:114px;">
<p class="g-pstyle0">Donald Trump</p>
</div>
<div id="g-ai2-4" class="g-cand-labels g-aiAbs g-aiPointText" style="top:33.9283%;margin-top:-8.2px;left:45.8997%;margin-left:-36.5px;width:73px;">
<p class="g-pstyle1">O&rsquo;Rourke</p>
</div>
<div id="g-ai2-5" class="g-cand-labels g-aiAbs g-aiPointText" style="top:33.9283%;margin-top:-8.2px;left:55.1434%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Warren</p>
</div>
<div id="g-ai2-6" class="g-cand-labels g-aiAbs g-aiPointText" style="top:36.1138%;margin-top:-8.2px;left:11.629%;margin-left:-36px;width:72px;">
<p class="g-pstyle1">de Blasio</p>
</div>
<div id="g-ai2-7" class="g-cand-labels g-aiAbs g-aiPointText" style="top:36.1138%;margin-top:-8.2px;left:88.4935%;margin-left:-27.5px;width:55px;">
<p class="g-pstyle1">Inslee</p>
</div>
<div id="g-ai2-8" class="g-cand-labels g-aiAbs g-aiPointText" style="top:53.3787%;margin-top:-8.2px;left:38.5887%;margin-left:-28.5px;width:57px;">
<p class="g-pstyle1">Castro</p>
</div>
<div id="g-ai2-9" class="g-cand-labels g-aiAbs g-aiPointText" style="top:53.3787%;margin-top:-8.2px;left:62.7062%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Booker</p>
</div>
<div id="g-ai2-10" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:66.2729%;margin-top:-9.2px;left:8.5972%;margin-left:-24px;width:48px;">
<p class="g-pstyle0">Iran</p>
</div>
<div id="g-ai2-11" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:66.2729%;margin-top:-9.2px;left:34.102%;margin-left:-30px;width:60px;">
<p class="g-pstyle0">China</p>
</div>
<div id="g-ai2-12" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:66.2729%;margin-top:-9.2px;left:71.9499%;margin-left:-68.5px;width:137px;">
<p class="g-pstyle0">Nuclear Weapons</p>
</div>
<div id="g-ai2-13" class="g-cand-labels g-aiAbs g-aiPointText" style="top:76.3259%;margin-top:-8.2px;left:18.9544%;margin-left:-39px;width:78px;">
<p class="g-pstyle1">Klobuchar</p>
</div>
<div id="g-ai2-14" class="g-cand-labels g-aiAbs g-aiPointText" style="top:80.4782%;margin-top:-8.2px;left:34.1095%;margin-left:-25px;width:50px;">
<p class="g-pstyle1">Ryan</p>
</div>
<div id="g-ai2-15" class="g-cand-labels g-aiAbs g-aiPointText" style="top:80.4782%;margin-top:-8.2px;left:50.774%;margin-left:-33.5px;width:67px;">
<p class="g-pstyle1">Delaney</p>
</div>
<div id="g-ai2-16" class="g-cand-labels g-aiAbs g-aiPointText" style="top:80.4782%;margin-top:-8.2px;left:70.8498%;margin-left:-34.5px;width:69px;">
<p class="g-pstyle1">Gabbard</p>
</div>
</div>
<!-- Artboard: 460 -->
<div id="g-venn-460" class="g-artboard" style="padding: 0 0 152.8414% 0;" data-aspect-ratio="0.654" data-min-width="460" data-max-width="599">
<img id="g-venn-460-img" class="g-aiImg g-aiAbs" alt="" data-src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/venn-460.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
<div id="g-ai3-1" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:12.2673%;margin-top:-9.2px;left:49.6125%;margin-left:-63px;width:126px;">
<p class="g-pstyle0">Climate Change</p>
</div>
<div id="g-ai3-2" class="g-cand-labels g-aiAbs g-aiPointText" style="top:22.508%;margin-top:-8.2px;left:43.5944%;margin-left:-36.5px;width:73px;">
<p class="g-pstyle1">O&rsquo;Rourke</p>
</div>
<div id="g-ai3-3" class="g-cand-labels g-aiAbs g-aiPointText" style="top:22.508%;margin-top:-8.2px;left:55.7885%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Warren</p>
</div>
<div id="g-ai3-4" class="g-cand-labels g-aiAbs g-aiPointText" style="top:35.1667%;margin-top:-8.2px;left:33.9514%;margin-left:-28.5px;width:57px;">
<p class="g-pstyle1">Castro</p>
</div>
<div id="g-ai3-5" class="g-cand-labels g-aiAbs g-aiPointText" style="top:35.1667%;margin-top:-8.2px;left:65.7643%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Booker</p>
</div>
<div id="g-ai3-6" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:42.5629%;margin-top:-9.2px;left:28.032%;margin-left:-30px;width:60px;">
<p class="g-pstyle0">China</p>
</div>
<div id="g-ai3-7" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:42.5629%;margin-top:-9.2px;left:77.9571%;margin-left:-68.5px;width:137px;">
<p class="g-pstyle0">Nuclear Weapons</p>
</div>
<div id="g-ai3-8" class="g-cand-labels g-aiAbs g-aiPointText" style="top:51.808%;margin-top:-8.2px;left:28.0419%;margin-left:-25px;width:50px;">
<p class="g-pstyle1">Ryan</p>
</div>
<div id="g-ai3-9" class="g-cand-labels g-aiAbs g-aiPointText" style="top:51.808%;margin-top:-8.2px;left:76.506%;margin-left:-34.5px;width:69px;">
<p class="g-pstyle1">Gabbard</p>
</div>
<div id="g-ai3-10" class="g-cand-labels g-aiAbs g-aiPointText" style="top:52.9459%;margin-top:-8.2px;left:50.0239%;margin-left:-33.5px;width:67px;">
<p class="g-pstyle1">Delaney</p>
</div>
<div id="g-ai3-11" class="g-cand-labels g-aiAbs g-aiPointText" style="top:64.0401%;margin-top:-8.2px;left:30.983%;margin-left:-39px;width:78px;">
<p class="g-pstyle1">Klobuchar</p>
</div>
<div id="g-ai3-12" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:69.3028%;margin-top:-9.2px;left:30.8843%;margin-left:-24px;width:48px;">
<p class="g-pstyle0">Iran</p>
</div>
<div id="g-ai3-13" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:74.4232%;margin-top:-9.2px;left:61.7604%;margin-left:-57px;width:114px;">
<p class="g-pstyle0">Donald Trump</p>
</div>
<div id="g-ai3-14" class="g-cand-labels g-aiAbs g-aiPointText" style="top:83.6683%;margin-top:-8.2px;left:61.9654%;margin-left:-27.5px;width:55px;">
<p class="g-pstyle1">Inslee</p>
</div>
<div id="g-ai3-15" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:85.5174%;margin-top:-9.2px;left:30.9462%;margin-left:-33px;width:66px;">
<p class="g-pstyle0">Russia</p>
</div>
<div id="g-ai3-16" class="g-cand-labels g-aiAbs g-aiPointText" style="top:94.7625%;margin-top:-8.2px;left:30.9262%;margin-left:-36px;width:72px;">
<p class="g-pstyle1">de Blasio</p>
</div>
</div>
<!-- Artboard: 300 -->
<div id="g-venn-300" class="g-artboard" style="padding: 0 0 154.0799% 0;" data-aspect-ratio="0.649" data-min-width="180" data-max-width="459">
<img id="g-venn-300-img" class="g-aiImg g-aiAbs" alt="" data-src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/venn-300.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
<div id="g-ai4-1" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:7.1927%;margin-top:-9.2px;left:49.4058%;margin-left:-63px;width:126px;">
<p class="g-pstyle0">Climate Change</p>
</div>
<div id="g-ai4-2" class="g-cand-labels g-aiAbs g-aiPointText" style="top:22.5526%;margin-top:-8.2px;left:40.1781%;margin-left:-36.5px;width:73px;">
<p class="g-pstyle1">O&rsquo;Rourke</p>
</div>
<div id="g-ai4-3" class="g-cand-labels g-aiAbs g-aiPointText" style="top:22.5526%;margin-top:-8.2px;left:58.8757%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Warren</p>
</div>
<div id="g-ai4-4" class="g-cand-labels g-aiAbs g-aiPointText" style="top:37.2636%;margin-top:-8.2px;left:30.8143%;margin-left:-28.5px;width:57px;">
<p class="g-pstyle1">Castro</p>
</div>
<div id="g-ai4-5" class="g-cand-labels g-aiAbs g-aiPointText" style="top:37.2636%;margin-top:-8.2px;left:65.8929%;margin-left:-30.5px;width:61px;">
<p class="g-pstyle1">Booker</p>
</div>
<div id="g-ai4-6" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:39.2107%;margin-top:-9.2px;left:16.3158%;margin-left:-30px;width:60px;">
<p class="g-pstyle0">China</p>
</div>
<div id="g-ai4-7" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:41.1578%;margin-top:-18.2px;left:85.5218%;margin-left:-41px;width:82px;">
<p class="g-pstyle0">Nuclear</p>
<p class="g-pstyle0">Weapons</p>
</div>
<div id="g-ai4-8" class="g-cand-labels g-aiAbs g-aiPointText" style="top:54.138%;margin-top:-8.2px;left:18.5583%;margin-left:-25px;width:50px;">
<p class="g-pstyle1">Ryan</p>
</div>
<div id="g-ai4-9" class="g-cand-labels g-aiAbs g-aiPointText" style="top:55.0033%;margin-top:-8.2px;left:50.0366%;margin-left:-33.5px;width:67px;">
<p class="g-pstyle1">Delaney</p>
</div>
<div id="g-ai4-10" class="g-cand-labels g-aiAbs g-aiPointText" style="top:57.383%;margin-top:-8.2px;left:81.1761%;margin-left:-34.5px;width:69px;">
<p class="g-pstyle1">Gabbard</p>
</div>
<div id="g-ai4-11" class="g-cand-labels g-aiAbs g-aiPointText" style="top:65.1712%;margin-top:-8.2px;left:30.8149%;margin-left:-39px;width:78px;">
<p class="g-pstyle1">Klobuchar</p>
</div>
<div id="g-ai4-12" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:69.4981%;margin-top:-9.2px;left:30.6484%;margin-left:-24px;width:48px;">
<p class="g-pstyle0">Iran</p>
</div>
<div id="g-ai4-13" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:71.0123%;margin-top:-9.2px;left:61.8885%;margin-left:-57px;width:114px;">
<p class="g-pstyle0">Donald Trump</p>
</div>
<div id="g-ai4-14" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:82.262%;margin-top:-9.2px;left:30.7261%;margin-left:-33px;width:66px;">
<p class="g-pstyle0">Russia</p>
</div>
<div id="g-ai4-15" class="g-cand-labels g-aiAbs g-aiPointText" style="top:85.7233%;margin-top:-8.2px;left:62.0247%;margin-left:-27.5px;width:55px;">
<p class="g-pstyle1">Inslee</p>
</div>
<div id="g-ai4-16" class="g-cand-labels g-aiAbs g-aiPointText" style="top:96.3239%;margin-top:-8.2px;left:30.6955%;margin-left:-36px;width:72px;">
<p class="g-pstyle1">de Blasio</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (scriptEnvironment, nameSpace) {
// Use a sentinel class to ensure that this version of the resizer only initializes once
if (document.documentElement.className.indexOf(nameSpace + "resizer-v5-init") > -1) return;
document.documentElement.className += " " + nameSpace + "resizer-v5-init";
// requires IE9+
if (!("querySelector" in document)) return;
var observer = window.IntersectionObserver ? new IntersectionObserver(onIntersectionChange, {}) : null;
var visibilityIndex = {}; // visibility of each graphic, indexed by container id (used with InteractionObserver)
updateAllGraphics();
window.addEventListener('nyt:embed:load', updateAllGraphics); // for nyt vi compatibility
document.addEventListener("DOMContentLoaded", updateAllGraphics);
window.addEventListener("resize", throttle(updateAllGraphics, 200));
function updateAllGraphics() {
selectElements(".ai2html-box-v5").forEach(updateGraphic);
if (scriptEnvironment == "nyt-preview") {
nytOnResize();
}
}
function updateGraphic(container) {
var artboards = selectElements("." + nameSpace + "artboard[data-min-width]", container),
width = Math.round(container.getBoundingClientRect().width),
id = container.id, // assume container has an id
showImages = !observer || visibilityIndex[id] == 'visible';
// Set artboard visibility based on container width
artboards.forEach(function(el) {
var minwidth = el.getAttribute("data-min-width"),
maxwidth = el.getAttribute("data-max-width");
if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
if (showImages) {
selectElements("." + nameSpace + "aiImg", el).forEach(updateImgSrc);
}
el.style.display = "block";
} else {
el.style.display = "none";
}
});
// Initialize lazy loading on first call, if IntersectionObserver is available
if (observer && !visibilityIndex[id]) {
if (containerIsVisible(container)) {
// Skip IntersectionObserver if graphic is initially visible
// Note: We're doing this after artboard visibility is first calculated
// (above) -- otherwise all artboard images are display:block and the
// calculated height of the graphic is huge.
// TODO: Consider making artboard images position:absolute and setting
// height as a padding % (calculated from the aspect ratio of the graphic).
// This will correctly set the initial height of the graphic before
// an image is loaded.
visibilityIndex[id] = 'visible';
updateGraphic(container); // Call again to start loading right away
} else {
visibilityIndex[id] = 'hidden';
observer.observe(container);
}
}
}
function containerIsVisible(container) {
var bounds = container.getBoundingClientRect();
return bounds.top < window.innerHeight && bounds.bottom > 0;
}
// Replace blank placeholder image with actual image
// (only relevant if use_lazy_loader option is true)
function updateImgSrc(img) {
var src = img.getAttribute("data-src");
if (src && img.getAttribute("src") != src) {
img.setAttribute("src", src);
}
}
function onIntersectionChange(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
visibilityIndex[entry.target.id] = 'visible';
observer.unobserve(entry.target);
updateGraphic(entry.target);
}
});
}
function selectElements(selector, parent) {
var selection = (parent || document).querySelectorAll(selector);
return Array.prototype.slice.call(selection);
}
function nytOnResize() {
// TODO: add comments
try {
if (window.parent && window.parent.$) {
window.parent.$("body").trigger("resizedcontent", [window]);
}
document.documentElement.dispatchEvent(new Event("resizedcontent"));
if (window.require && document.querySelector("meta[name=sourceApp]") && document.querySelector("meta[name=sourceApp]").content == "nyt-v5") {
require(["foundation/main"], function() {
require(["shared/interactive/instances/app-communicator"], function(AppCommunicator) {
AppCommunicator.triggerResize();
});
});
}
} catch(e) { console.log(e); }
}
// based on underscore.js
function throttle(func, wait) {
var _now = Date.now || function() { return +new Date(); },
timeout = null, previous = 0;
var run = function() {
previous = _now();
timeout = null;
func();
};
return function() {
var remaining = wait - (_now() - previous);
if (remaining <= 0 || remaining > wait) {
if (timeout) {
clearTimeout(timeout);
}
run();
} else if (!timeout) {
timeout = setTimeout(run, remaining);
}
};
}
})("nyt-preview", "g-");
</script>
<!-- End ai2html - 2019-06-27 02:01 -->
</div>
</div>
<div class="g-item g-subhed ">
<h2>What Makes Them Different</h2>
</div>
<div class="g-item g-text ">
<p class="g-body">This question wasn’t asked, but several candidates found ways to highlight their accomplishments and life experiences to try to stand out.</p>
</div>
<div class="g-item g-alignment ">
<div class="alignment-block">
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/klobuchar.png" />
<span class="first-name">Amy</span>Klobuchar
</div>
<div>
In fact, Donald Trump, one of the first bills that he signed of the 34 he signed where I was the lead Democrat – <b style="color: #734879">okay that’s a first up here</b> – was one that was about that, making sure minority community members could share in those jobs.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/delaney.png" />
<span class="first-name">John</span>Delaney
</div>
<div>
You know, <b style="color: #734879">I’m very different than everyone else</b> here on this stage. Prior to being in Congress, I was an entrepreneur. I started two businesses. I created thousands of jobs.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/deblasio.png" />
<span class="first-name">Bill</span>de Blasio
</div>
<div>
I also want to say there’s something that <b style="color: #734879">sets me apart from all my colleagues</b> running in this race and that is, for the last 21 years, I’ve been raising a black son in America. And I have had to have very very serious talks with my son Dante about how to protect himself on the streets of our city and all over this country.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/inslee.png" />
<span class="first-name">Jay</span>Inslee
</div>
<div>
On climate change: “And I am the only candidate – frankly, I’m surprised – I’m <b style="color: #734879">the only candidate who’s made this commitment</b> to make it the top priority.”
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/castro.png" />
<span class="first-name">Julián</span>Castro
</div>
<div>
I’m proud that I’m <b style="color: #734879">the only candidate so far</b> that has put forward legislation that would reform our policing system in America and make sure that no matter what the color of your skin is that you’re treated the same, including Latinos who are mistreated too often times by police.
</div>
</div>
</div>
</div>
<div class="g-item g-subhed ">
<h2>Where They Are From</h2>
</div>
<div class="g-item g-text ">
<p class="g-body">Many candidates talked about their identities — citing their home states, their upbringing and their families.</p>
</div>
<div class="g-item g-alignment ">
<div class="alignment-block">
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/castro.png" />
<span class="first-name">Julián</span>Castro
</div>
<div>
I grew up with a mother who raised my brother Joaquin and me as <b style="color: #734879">a single parent. And I know what it’s like to struggle.</b>
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/warren.png" />
<span class="first-name">Elizabeth</span>Warren
</div>
<div>
By the time I graduated from high school, my family, <b style="color: #734879">my family didn’t have the money for a college application,</b> much less a chance for me to go to college.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/klobuchar.png" />
<span class="first-name">Amy</span>Klobuchar
</div>
<div>
<b style="color: #734879">My own dad and my sister</b> got their first degrees with <b style="color: #734879">community college.</b> There’s many paths to success as well as certifications. Secondly, I’ve used Pell grants.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/castro.png" />
<span class="first-name">Julián</span>Castro
</div>
<div>
Like many of you, I know the promise of America. <b style="color: #734879">My grandmother</b> came here when she was 7 years old as <b style="color: #734879">an immigrant from Mexico.</b>
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/ryan.png" />
<span class="first-name">Tim</span>Ryan
</div>
<div>
I’ve had family members that had to unbolt a machine from the factory floor, put it in a box and ship it to China. My area <b style="color: #734879">where I come from in northeast Ohio,</b> this issue we’re talking about here, it’s been going on forty years.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/booker.png" />
<span class="first-name">Cory</span>Booker
</div>
<div>
I live in a <b style="color: #734879">low-income black and brown community.</b> I see every single day that this economy is not working for average Americans.
</div>
</div>
<div class="line-container ">
<div class="candidate-name">
<img src="https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/delaney.png" />
<span class="first-name">John</span>Delaney
</div>
<div>
My dad was a union electrician. Right, <b style="color: #734879">I actually grew up in a working class family.</b> He loved the health care that the I.B.E.W. gave him.
</div>
</div>
</div>
</div>
<div class="g-item g-text ">
<p class="g-body"><em><em><i></em><a href="https://www.nytimes.com/2019/06/26/us/politics/democratic-debate-transcript.html">Read the full transcript from the debate »</a><em></i></em></p>
</div>
<div class="g-item g-text ">
<p class="g-body"></em></p>
</div>
</div>
<script>
var _gaq = _gaq || [];
var NYTG_DEMDEBATES = [{"elapsed":"0.00","timestamp":"","speaker":"delaney","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"inslee","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"gabbard","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"klobuchar","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"orourke","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"warren","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"booker","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"castro","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"ryan","topic":""},{"elapsed":"0.00","timestamp":"","speaker":"deblasio","topic":""},{"elapsed":"23.43","timestamp":"9:02:41 PM","speaker":"moderator","topic":""},{"elapsed":"62.14","timestamp":"9:03:05 PM","speaker":"warren","topic":"economy"},{"elapsed":"21.73","timestamp":"9:04:07 PM","speaker":"moderator","topic":""},{"elapsed":"67.67","timestamp":"9:04:29 PM","speaker":"klobuchar","topic":"economy"},{"elapsed":"26.14","timestamp":"9:05:36 PM","speaker":"moderator","topic":""},{"elapsed":"67.98","timestamp":"9:06:02 PM","speaker":"orourke","topic":"economy"},{"elapsed":"9.46","timestamp":"9:07:10 PM","speaker":"moderator","topic":""},{"elapsed":"13.59","timestamp":"9:07:20 PM","speaker":"orourke","topic":"economy"},{"elapsed":"21.12","timestamp":"9:07:33 PM","speaker":"moderator","topic":""},{"elapsed":"63.51","timestamp":"9:07:54 PM","speaker":"booker","topic":"economy"},{"elapsed":"9.55","timestamp":"9:08:58 PM","speaker":"moderator","topic":""},{"elapsed":"36.01","timestamp":"9:09:08 PM","speaker":"booker","topic":"economy"},{"elapsed":"6.83","timestamp":"9:09:44 PM","speaker":"moderator","topic":""},{"elapsed":"59.40","timestamp":"9:09:50 PM","speaker":"warren","topic":"economy"},{"elapsed":"13.62","timestamp":"9:10:50 PM","speaker":"moderator","topic":""},{"elapsed":"52.32","timestamp":"9:11:03 PM","speaker":"castro","topic":"economy"},{"elapsed":"4.58","timestamp":"9:11:56 PM","speaker":"moderator","topic":""},{"elapsed":"64.20","timestamp":"9:12:00 PM","speaker":"gabbard","topic":"economy"},{"elapsed":"15.56","timestamp":"9:13:05 PM","speaker":"moderator","topic":""},{"elapsed":"66.66","timestamp":"9:13:20 PM","speaker":"deblasio","topic":"economy"},{"elapsed":"3.24","timestamp":"9:14:27 PM","speaker":"moderator","topic":""},{"elapsed":"68.05","timestamp":"9:14:30 PM","speaker":"delaney","topic":"economy"},{"elapsed":"3.30","timestamp":"9:15:38 PM","speaker":"moderator","topic":""},{"elapsed":"61.81","timestamp":"9:15:41 PM","speaker":"inslee","topic":"economy"},{"elapsed":"12.85","timestamp":"9:16:43 PM","speaker":"moderator","topic":""},{"elapsed":"63.96","timestamp":"9:16:56 PM","speaker":"ryan","topic":"economy"},{"elapsed":"4.10","timestamp":"9:18:00 PM","speaker":"moderator","topic":""},{"elapsed":"71.74","timestamp":"9:18:04 PM","speaker":"warren","topic":"economy"},{"elapsed":"33.86","timestamp":"9:19:16 PM","speaker":"moderator","topic":""},{"elapsed":"64.63","timestamp":"9:19:50 PM","speaker":"klobuchar","topic":"healthcare"},{"elapsed":"17.02","timestamp":"9:20:54 PM","speaker":"moderator","topic":""},{"elapsed":"66.37","timestamp":"9:21:11 PM","speaker":"warren","topic":"healthcare"},{"elapsed":"10.36","timestamp":"9:22:18 PM","speaker":"moderator","topic":""},{"elapsed":"70.19","timestamp":"9:22:28 PM","speaker":"orourke","topic":"healthcare"},{"elapsed":"6.43","timestamp":"9:23:38 PM","speaker":"moderator","topic":""},{"elapsed":"5.04","timestamp":"9:23:45 PM","speaker":"orourke","topic":"healthcare"},{"elapsed":"11.67","timestamp":"9:23:50 PM","speaker":"deblasio","topic":"healthcare"},{"elapsed":"4.03","timestamp":"9:24:01 PM","speaker":"orourke","topic":"healthcare"},{"elapsed":"3.50","timestamp":"9:24:05 PM","speaker":"deblasio","topic":"healthcare"},{"elapsed":"4.92","timestamp":"9:24:09 PM","speaker":"orourke","topic":"healthcare"},{"elapsed":"67.59","timestamp":"9:24:14 PM","speaker":"delaney","topic":"healthcare"},{"elapsed":"5.54","timestamp":"9:25:21 PM","speaker":"moderator","topic":""},{"elapsed":"54.42","timestamp":"9:25:27 PM","speaker":"gabbard","topic":"healthcare"},{"elapsed":"5.11","timestamp":"9:26:21 PM","speaker":"moderator","topic":""},{"elapsed":"66.89","timestamp":"9:26:26 PM","speaker":"booker","topic":"healthcare"},{"elapsed":"4.02","timestamp":"9:27:33 PM","speaker":"moderator","topic":""},{"elapsed":"31.64","timestamp":"9:27:37 PM","speaker":"warren","topic":"healthcare"},{"elapsed":"36.92","timestamp":"9:28:09 PM","speaker":"inslee","topic":"healthcare"},{"elapsed":"5.29","timestamp":"9:28:46 PM","speaker":"moderator","topic":""},{"elapsed":"36.12","timestamp":"9:28:51 PM","speaker":"klobuchar","topic":"healthcare"},{"elapsed":"12.68","timestamp":"9:29:27 PM","speaker":"moderator","topic":""},{"elapsed":"55.38","timestamp":"9:29:40 PM","speaker":"castro","topic":"healthcare"},{"elapsed":"3.87","timestamp":"9:30:35 PM","speaker":"moderator","topic":""},{"elapsed":"40.82","timestamp":"9:30:39 PM","speaker":"warren","topic":"healthcare"},{"elapsed":"21.07","timestamp":"9:31:20 PM","speaker":"moderator","topic":""},{"elapsed":"39.82","timestamp":"9:31:41 PM","speaker":"booker","topic":"healthcare"},{"elapsed":"3.32","timestamp":"9:32:21 PM","speaker":"moderator","topic":""},{"elapsed":"43.86","timestamp":"9:32:24 PM","speaker":"orourke","topic":"healthcare"},{"elapsed":"176.92","timestamp":"9:33:08 PM","speaker":"moderator","topic":""},{"elapsed":"88.45","timestamp":"9:36:05 PM","speaker":"castro","topic":"immigration"},{"elapsed":"8.08","timestamp":"9:37:34 PM","speaker":"moderator","topic":""},{"elapsed":"64.79","timestamp":"9:37:42 PM","speaker":"booker","topic":"immigration"},{"elapsed":"44.00","timestamp":"9:38:46 PM","speaker":"castro","topic":"immigration"},{"elapsed":"25.00","timestamp":"9:39:30 PM","speaker":"booker","topic":"immigration"},{"elapsed":"67.25","timestamp":"9:39:55 PM","speaker":"deblasio","topic":"immigration"},{"elapsed":"12.47","timestamp":"9:41:03 PM","speaker":"moderator","topic":""},{"elapsed":"66.11","timestamp":"9:41:15 PM","speaker":"orourke","topic":"immigration"},{"elapsed":"36.70","timestamp":"9:42:21 PM","speaker":"castro","topic":"immigration"},{"elapsed":"15.58","timestamp":"9:42:58 PM","speaker":"orourke","topic":"immigration"},{"elapsed":"2.44","timestamp":"9:43:13 PM","speaker":"castro","topic":"immigration"},{"elapsed":"6.79","timestamp":"9:43:16 PM","speaker":"orourke","topic":"immigration"},{"elapsed":"2.29","timestamp":"9:43:23 PM","speaker":"castro","topic":"immigration"},{"elapsed":"34.30","timestamp":"9:43:25 PM","speaker":"castro","topic":"immigration"},{"elapsed":"14.68","timestamp":"9:43:59 PM","speaker":"moderator","topic":""},{"elapsed":"6.77","timestamp":"9:44:14 PM","speaker":"delaney","topic":"immigration"},{"elapsed":"20.79","timestamp":"9:44:21 PM","speaker":"moderator","topic":""},{"elapsed":"72.68","timestamp":"9:44:42 PM","speaker":"klobuchar","topic":"immigration"},{"elapsed":"8.05","timestamp":"9:45:54 PM","speaker":"moderator","topic":""},{"elapsed":"67.99","timestamp":"9:46:02 PM","speaker":"ryan","topic":"immigration"},{"elapsed":"21.71","timestamp":"9:47:10 PM","speaker":"moderator","topic":""},{"elapsed":"62.04","timestamp":"9:47:32 PM","speaker":"booker","topic":"immigration"},{"elapsed":"9.94","timestamp":"9:48:34 PM","speaker":"moderator","topic":""},{"elapsed":"68.73","timestamp":"9:48:44 PM","speaker":"inslee","topic":"immigration"},{"elapsed":"6.41","timestamp":"9:49:53 PM","speaker":"moderator","topic":""},{"elapsed":"3.13","timestamp":"9:49:59 PM","speaker":"delaney","topic":"immigration"},{"elapsed":"29.28","timestamp":"9:50:02 PM","speaker":"moderator","topic":""},{"elapsed":"40.57","timestamp":"9:50:32 PM","speaker":"booker","topic":"foreign policy"},{"elapsed":"11.30","timestamp":"9:51:12 PM","speaker":"moderator","topic":""},{"elapsed":"69.78","timestamp":"9:51:23 PM","speaker":"klobuchar","topic":"foreign policy"},{"elapsed":"11.83","timestamp":"9:52:33 PM","speaker":"moderator","topic":""},{"elapsed":"66.40","timestamp":"9:52:45 PM","speaker":"gabbard","topic":"foreign policy"},{"elapsed":"5.68","timestamp":"9:53:51 PM","speaker":"moderator","topic":""},{"elapsed":"29.86","timestamp":"9:53:57 PM","speaker":"gabbard","topic":"foreign policy"},{"elapsed":"729.18","timestamp":"9:54:27 PM","speaker":"moderator","topic":""},{"elapsed":"69.47","timestamp":"10:06:36 PM","speaker":"warren","topic":"gun"},{"elapsed":"5.36","timestamp":"10:07:46 PM","speaker":"moderator","topic":""},{"elapsed":"35.15","timestamp":"10:07:51 PM","speaker":"warren","topic":"gun"},{"elapsed":"11.92","timestamp":"10:08:26 PM","speaker":"moderator","topic":""},{"elapsed":"64.09","timestamp":"10:08:38 PM","speaker":"booker","topic":"gun"},{"elapsed":"34.34","timestamp":"10:09:42 PM","speaker":"moderator","topic":""},{"elapsed":"65.71","timestamp":"10:10:16 PM","speaker":"castro","topic":"gun"},{"elapsed":"3.41","timestamp":"10:11:22 PM","speaker":"moderator","topic":""},{"elapsed":"47.33","timestamp":"10:11:26 PM","speaker":"ryan","topic":"gun"},{"elapsed":"20.47","timestamp":"10:12:13 PM","speaker":"moderator","topic":""},{"elapsed":"67.15","timestamp":"10:12:33 PM","speaker":"orourke","topic":"gun"},{"elapsed":"15.71","timestamp":"10:13:41 PM","speaker":"moderator","topic":""},{"elapsed":"43.80","timestamp":"10:13:56 PM","speaker":"klobuchar","topic":"gun"},{"elapsed":"19.41","timestamp":"10:14:40 PM","speaker":"moderator","topic":""},{"elapsed":"63.72","timestamp":"10:14:59 PM","speaker":"booker","topic":"gun"},{"elapsed":"27.56","timestamp":"10:16:03 PM","speaker":"moderator","topic":""},{"elapsed":"74.68","timestamp":"10:16:31 PM","speaker":"deblasio","topic":"gun"},{"elapsed":"17.40","timestamp":"10:17:28 PM","speaker":"deblasio","topic":"other"},{"elapsed":"37.14","timestamp":"10:17:45 PM","speaker":"moderator","topic":""},{"elapsed":"74.67","timestamp":"10:18:23 PM","speaker":"warren","topic":"other"},{"elapsed":"11.59","timestamp":"10:19:37 PM","speaker":"moderator","topic":""},{"elapsed":"58.38","timestamp":"10:19:49 PM","speaker":"delaney","topic":"other"},{"elapsed":"14.58","timestamp":"10:20:47 PM","speaker":"moderator","topic":""},{"elapsed":"40.73","timestamp":"10:21:02 PM","speaker":"booker","topic":"other"},{"elapsed":"36.20","timestamp":"10:21:42 PM","speaker":"moderator","topic":""},{"elapsed":"71.23","timestamp":"10:22:19 PM","speaker":"inslee","topic":"climate"},{"elapsed":"23.57","timestamp":"10:23:30 PM","speaker":"moderator","topic":""},{"elapsed":"74.40","timestamp":"10:23:53 PM","speaker":"orourke","topic":"climate"},{"elapsed":"27.39","timestamp":"10:25:08 PM","speaker":"moderator","topic":""},{"elapsed":"59.32","timestamp":"10:25:35 PM","speaker":"castro","topic":"climate"},{"elapsed":"31.85","timestamp":"10:26:35 PM","speaker":"moderator","topic":""},{"elapsed":"17.55","timestamp":"10:27:06 PM","speaker":"ryan","topic":"climate"},{"elapsed":"67.51","timestamp":"10:27:24 PM","speaker":"ryan","topic":"other"},{"elapsed":"6.26","timestamp":"10:28:32 PM","speaker":"moderator","topic":""},{"elapsed":"38.36","timestamp":"10:28:38 PM","speaker":"delaney","topic":"climate"},{"elapsed":"21.21","timestamp":"10:29:16 PM","speaker":"moderator","topic":""},{"elapsed":"60.90","timestamp":"10:29:37 PM","speaker":"gabbard","topic":"other"},{"elapsed":"40.54","timestamp":"10:30:38 PM","speaker":"booker","topic":"other"},{"elapsed":"29.31","timestamp":"10:31:19 PM","speaker":"moderator","topic":""},{"elapsed":"79.07","timestamp":"10:31:48 PM","speaker":"klobuchar","topic":"other"},{"elapsed":"20.67","timestamp":"10:33:07 PM","speaker":"moderator","topic":""},{"elapsed":"38.00","timestamp":"10:33:28 PM","speaker":"castro","topic":"other"},{"elapsed":"36.64","timestamp":"10:34:06 PM","speaker":"moderator","topic":""},{"elapsed":"66.79","timestamp":"10:34:42 PM","speaker":"orourke","topic":"foreign policy"},{"elapsed":"3.44","timestamp":"10:35:49 PM","speaker":"moderator","topic":""},{"elapsed":"57.85","timestamp":"10:35:53 PM","speaker":"deblasio","topic":"foreign policy"},{"elapsed":"23.67","timestamp":"10:36:51 PM","speaker":"moderator","topic":""},{"elapsed":"70.27","timestamp":"10:37:14 PM","speaker":"ryan","topic":"foreign policy"},{"elapsed":"44.68","timestamp":"10:38:25 PM","speaker":"gabbard","topic":"foreign policy"},{"elapsed":"8.68","timestamp":"10:39:09 PM","speaker":"moderator","topic":""},{"elapsed":"25.46","timestamp":"10:39:18 PM","speaker":"ryan","topic":"foreign policy"},{"elapsed":"2.82","timestamp":"10:39:43 PM","speaker":"gabbard","topic":"foreign policy"},{"elapsed":"3.66","timestamp":"10:39:46 PM","speaker":"ryan","topic":"foreign policy"},{"elapsed":"7.45","timestamp":"10:39:50 PM","speaker":"gabbard","topic":"foreign policy"},{"elapsed":"6.05","timestamp":"10:39:57 PM","speaker":"ryan","topic":"foreign policy"},{"elapsed":"2.94","timestamp":"10:40:03 PM","speaker":"gabbard","topic":"foreign policy"},{"elapsed":"6.19","timestamp":"10:40:06 PM","speaker":"ryan","topic":"foreign policy"},{"elapsed":"18.06","timestamp":"10:40:12 PM","speaker":"ryan","topic":"foreign policy"},{"elapsed":"3.78","timestamp":"10:40:30 PM","speaker":"gabbard","topic":"foreign policy"},{"elapsed":"9.48","timestamp":"10:40:34 PM","speaker":"moderator","topic":""},{"elapsed":"14.20","timestamp":"10:40:44 PM","speaker":"delaney","topic":"statement"},{"elapsed":"11.06","timestamp":"10:40:58 PM","speaker":"inslee","topic":"statement"},{"elapsed":"7.47","timestamp":"10:41:09 PM","speaker":"gabbard","topic":"statement"},{"elapsed":"10.19","timestamp":"10:41:16 PM","speaker":"klobuchar","topic":"statement"},{"elapsed":"5.47","timestamp":"10:41:27 PM","speaker":"orourke","topic":"statement"},{"elapsed":"2.57","timestamp":"10:41:32 PM","speaker":"warren","topic":"statement"},{"elapsed":"3.27","timestamp":"10:41:35 PM","speaker":"booker","topic":"statement"},{"elapsed":"4.17","timestamp":"10:41:38 PM","speaker":"castro","topic":"statement"},{"elapsed":"4.57","timestamp":"10:41:42 PM","speaker":"ryan","topic":"statement"},{"elapsed":"6.71","timestamp":"10:41:47 PM","speaker":"deblasio","topic":"statement"},{"elapsed":"36.99","timestamp":"10:41:53 PM","speaker":"moderator","topic":""},{"elapsed":"68.65","timestamp":"10:42:30 PM","speaker":"orourke","topic":"trump"},{"elapsed":"31.01","timestamp":"10:43:39 PM","speaker":"moderator","topic":""},{"elapsed":"49.92","timestamp":"10:44:10 PM","speaker":"delaney","topic":"trump"},{"elapsed":"34.69","timestamp":"10:45:00 PM","speaker":"delaney","topic":"economy"},{"elapsed":"6.31","timestamp":"10:45:35 PM","speaker":"moderator","topic":""},{"elapsed":"9.04","timestamp":"10:45:41 PM","speaker":"klobuchar","topic":""},{"elapsed":"230.74","timestamp":"10:45:50 PM","speaker":"moderator","topic":""},{"elapsed":"63.41","timestamp":"10:49:41 PM","speaker":"delaney","topic":"statement"},{"elapsed":"6.53","timestamp":"10:50:44 PM","speaker":"moderator","topic":""},{"elapsed":"48.33","timestamp":"10:50:51 PM","speaker":"deblasio","topic":"statement"},{"elapsed":"6.11","timestamp":"10:51:39 PM","speaker":"moderator","topic":""},{"elapsed":"54.86","timestamp":"10:51:45 PM","speaker":"inslee","topic":"statement"},{"elapsed":"4.10","timestamp":"10:52:40 PM","speaker":"moderator","topic":""},{"elapsed":"62.57","timestamp":"10:52:44 PM","speaker":"ryan","topic":"statement"},{"elapsed":"4.72","timestamp":"10:53:47 PM","speaker":"moderator","topic":""},{"elapsed":"54.12","timestamp":"10:53:51 PM","speaker":"gabbard","topic":"statement"},{"elapsed":"3.99","timestamp":"10:54:46 PM","speaker":"moderator","topic":""},{"elapsed":"44.03","timestamp":"10:54:50 PM","speaker":"castro","topic":"statement"},{"elapsed":"5.93","timestamp":"10:55:34 PM","speaker":"moderator","topic":""},{"elapsed":"54.23","timestamp":"10:55:39 PM","speaker":"klobuchar","topic":"statement"},{"elapsed":"6.45","timestamp":"10:56:34 PM","speaker":"moderator","topic":""},{"elapsed":"55.38","timestamp":"10:56:40 PM","speaker":"booker","topic":"statement"},{"elapsed":"4.77","timestamp":"10:57:36 PM","speaker":"moderator","topic":""},{"elapsed":"52.92","timestamp":"10:57:40 PM","speaker":"orourke","topic":"statement"},{"elapsed":"7.10","timestamp":"10:58:33 PM","speaker":"moderator","topic":""},{"elapsed":"57.36","timestamp":"10:58:40 PM","speaker":"warren","topic":"statement"},{"elapsed":"","timestamp":"10:59:38 PM","speaker":"moderator","topic":""}]
define('_nytg/dem-first-debate/assets', function() { return 'https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/'; });
define('_nytg/dem-first-debate/big-assets', function() { return 'https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/assets/'; });
// uncomment for IMR support
// define('_nytg/imr-strings', function() { return {}; });
require(['foundation/main'], function() {
require(['https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/build.js']); // generated from src/script.js
// IOS cachebust
// var nocache = (location.port == '1337') ? '?' + Math.round(Math.random() * 100000) : '';
// require(['https://static01.nyt.com/newsgraphics/2019/06/24/dem-first-debate/05b425329eb96f9a080f9b49399d4263a892e733/build.js' + nocache]);
});
</script>
<!-- Pipeline: 2019-06-24-dem-first-debate | June 27, 2019, 09:08AM | 05b425329eb96f9a080f9b49399d4263a892e733 -->
</div>
<footer class="story-footer">
<div class="interactive-byline">
<p class="byline-dateline">
<span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person">
By <span class="byline-author" data-byline-name="WEIYI CAI" itemprop="name">WEIYI CAI</span>,
</span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person">
<span class="byline-author" data-byline-name="JASON KAO" itemprop="name">JASON KAO</span>,
</span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person">
<span class="byline-author" data-byline-name="JASMINE C. LEE" itemprop="name">JASMINE C. LEE</span>,
</span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person">
<span class="byline-author" data-byline-name="ALICIA PARLAPIANO" itemprop="name">ALICIA PARLAPIANO</span> and
</span><span class="byline last-byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person">
<span class="byline-author" data-byline-name="JUGAL K. PATEL" itemprop="name">JUGAL K. PATEL</span>
</span>
</p>
</div>
<div id="sharetools-footer" aria-label="tools" role="group" class="sharetools theme-classic sharetools-footer layout-horizontal"
data-shares="email|,facebook|,twitter|,show-all|More"
data-url="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html"
data-title="Which Candidates and Topics Got the Most Time During the Democratic Debate"
data-author="By Weiyi Cai, Jason Kao, Jasmine C. Lee, Alicia Parlapiano and Jugal K. Patel"
data-media="https://static01.nyt.com/images/icons/t_logo_291_black.png"
data-description="Candidates discussed several issues including immigration, climate change, health care and gun control."
data-publish-date="June 26, 2019">
<div class="ad sharetools-inline-article-ad hidden nocontent robots-nocontent"></div>
</div>
</footer>
<section id="related-coverage" class="related-coverage nocontent robots-nocontent">
<div class="nocontent robots-nocontent">
<header>
<h2 class="section-heading">More on NYTimes.com</h2>
</header>
<ul class="menu layout-horizontal theme-story">
</ul>
</div>
</section>
<div id="BottomAd" class="ad bottom-ad nocontent robots-nocontent">
<div class="accessibility-ad-header">
<p>Advertisement</p>
</div>
</div>
</article>
</main>
<footer id="page-footer" class="page-footer" role="contentinfo">
<nav>
<h2 class="visually-hidden">Site Information Navigation</h2>
<ul>
<li>
<a href="http://www.nytimes.com/content/help/rights/copyright/copyright-notice.html" itemprop="copyrightNotice">
&copy; <span itemprop="copyrightYear">2019</span><span itemprop="copyrightHolder provider sourceOrganization" itemscope itemtype="http://schema.org/Organization" itemid="http://www.nytimes.com"><span itemprop="name"> The New York Times Company</span><meta itemprop="tickerSymbol" content="NYSE NYT"/></span>
</a>
</li>
<li class="visually-hidden">
<a href="http://www.nytimes.com">Home</a>
</li>
<li class="visually-hidden">
<a href="https://www.nytimes.com/search/">Search</a>
</li>
<li class="visually-hidden">Accessibility concerns? Email us at <a href="mailto:accessibility@nytimes.com">accessibility@nytimes.com</a>. We would love to hear from you.</li>
<li class="wide-viewport-item">
<a href="http://www.nytimes.com/ref/membercenter/help/infoservdirectory.html">Contact Us</a>
</li>
<li class="wide-viewport-item">
<a href="http://www.nytco.com/careers">Work With Us</a>
</li>
<li class="wide-viewport-item">
<a href="http://nytmediakit.com/">Advertise</a>
</li>
<li class="wide-viewport-item">
<a href="http://www.nytimes.com/content/help/rights/privacy/policy/privacy-policy.html#pp">Your Ad Choices</a>
</li>
<li>
<a href="http://www.nytimes.com/privacy">Privacy</a>
</li>
<li>
<a href="http://www.nytimes.com/ref/membercenter/help/agree.html" itemprop="usageTerms">Terms of Service</a>
</li>
<li class="wide-viewport-item last-item">
<a href="http://www.nytimes.com/content/help/rights/sale/terms-of-sale.html">Terms of Sale</a>
</li>
</ul>
</nav>
<nav class="last-nav">
<h2 class="visually-hidden">Site Information Navigation</h2>
<ul>
<li>
<a href="http://spiderbites.nytimes.com">Site Map</a>
</li>
<li>
<a href="http://www.nytimes.com/membercenter/sitehelp.html">Help</a>
</li>
<li>
<a href="https://myaccount.nytimes.com/membercenter/feedback.html">Site Feedback</a>
</li>
<li class="wide-viewport-item last-item">
<a href="https://www.nytimes.com/subscription/multiproduct/lp8HYKU.html?campaignId=37WXW">Subscriptions</a>
</li>
</ul>
</nav>
</footer>
</div>
</div>
<script>
require(['foundation/main'], function () {
require(['interactive/main']);
require(['jquery/nyt', 'foundation/views/page-manager'], function ($, pageManager) {
if (window.location.search.indexOf('disable_tagx') > 0) {
return;
}
$(document).ready(function () {
require(['https://a1.nyt.com/analytics/json-kidd.min.js'], function () {
pageManager.trackingFireEventQueue();
});
});
});
});
</script>
<script>
(function (w, d){
try {
if (w && w.parent && w.parent.location.search.match(/disableIframeResize/)) {
return;
}
} catch (error) {
// window.parent is not available
}
// scoped state
var MutationObserver = w.MutationObserver || w.WebKitMutationObserver || w.MozMutationObserver;
var hasResized = false;
var resizeFallbackDelay = 1500;
var resizeInterval = 3000;
var interactive = {
id: '100000006582467',
slug: 'debate-speaking-time',
};
var resizeIntervalId;
// vanilla JS $(document).ready()
function ready(fn) {
if (d.readyState != 'loading'){
fn();
} else {
d.addEventListener('DOMContentLoaded', fn);
}
}
// send resize message to parent
function sendResizeMessage(opts){
if (!(w.parent && w.parent.postMessage)) { return; }
var rect, width, height, message;
rect = d.documentElement.getBoundingClientRect();
width = Math.ceil(rect.width);
height = Math.ceil(rect.height);
message = {
type: 'resize',
id: interactive.id,
width: width,
height: height
};
w.parent.postMessage(message, '*');
// don't update hasResized if this message was forced
if (opts && opts.forced) { return; }
hasResized = true;
}
// send message to parent to indicate that this interactive is listening for messages
function sendListeningMessage(){
if (!(w.parent && w.parent.postMessage)) { return; }
var message = {
type: 'listening',
id: interactive.id,
};
w.parent.postMessage(message, '*');
}
// observe mutations to the interactive graphics node and send resize message
function initializeMutationObservers(){
if (!MutationObserver) { return; }
// select the target node
var target = d.getElementById(interactive.slug);
if (!target) { return; }
// create an observer instance
var observer = new MutationObserver(sendResizeMessage.bind(null, null));
// configuration of the observer
var config = {
attributes: true,
childList: true,
characterData: true,
subtree: true,
};
// pass in the target node, as well as the observer options
observer.observe(target, config);
}
// update theme in response to message from parent
function updateTheme(previous, current){
var root = d.documentElement;
if (!(previous && current && root)) { return; }
root.classList.remove(previous);
root.classList.add(current);
}
// handle messages from parent
function onMessage(event) {
var data = event.data;
var type = data.type;
if (type === 'themechange') {
if (data.previous && data.current) {
updateTheme(data.previous, data.current);
}
}
}
// hook into the resizedcontent event that some embedded interactives dispatch
function attachEventListeners(){
d.documentElement.addEventListener('resizedcontent', sendResizeMessage.bind(null, null));
}
// always resize at least once
// @see https://a1.nyt.com/assets/interactive/20170123-034410/js/shared/interactive/views/app-communicator.js
function initializeResizeFallback(){
if (!hasResized) {
setTimeout(sendResizeMessage.bind(null, null), resizeFallbackDelay);
}
}
// try to resize every resizeInterval ms
function initializeResizeInterval() {
return setInterval(sendResizeMessage.bind(null, { forced: true }), resizeInterval);
}
// initialize the interactive if it has been embedded
function init() {
if (w.parent) {
sendResizeMessage({ forced: true });
attachEventListeners();
initializeMutationObservers();
initializeResizeFallback();
resizeIntervalId = initializeResizeInterval();
}
}
// initialization that should occur before DOMContentLoaded
function preReady() {
if (w.parent) {
w.addEventListener('load', sendResizeMessage.bind(null, { forced: true }));
w.addEventListener('message', onMessage, false);
sendListeningMessage();
w.addEventListener('unload', function (){ if (resizeIntervalId) { clearInterval(resizeIntervalId); } });
}
}
preReady();
ready(init);
})(window, document);
</script>
<script>
(function () {
var isBadSafari = (function () {
var ua = navigator.userAgent;
if (!/.*(iphone|ipad|ipod|silk).*$/i.test(ua)) {
var match = /Mac\ OS\ X\ (\d+)[_\.](\d+)([_\.](\d+))?/.exec(ua);
if (match && match.length >= 5) {
var maj = parseInt(match[1], 10);
return (maj < 10 || (maj === 10 && parseInt(match[2], 10) <= 9)) ? 1 : 0;
}
}
return 0;
})();
if (!isBadSafari) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://tags.bluekai.com/site/50550?ret=js&limit=1';
if (!/NYT-T=out/.test(document.cookie)) {
document.getElementsByTagName('script')[0].appendChild(s);
}
}
})();
</script>
<script src="https://cdn.optimizely.com/public/3013110282/s/article_prod.js" type="text/javascript" async></script>
<div id="Inv1" class="ad inv1-ad hidden"></div>
<div id="Inv2" class="ad inv2-ad hidden"></div>
<div id="Inv3" class="ad inv3-ad hidden"></div>
<div id="ab1" class="ad ab1-ad hidden"></div>
<div id="ab2" class="ad ab2-ad hidden"></div>
<div id="ab3" class="ad ab3-ad hidden"></div>
<div id="prop1" class="ad prop1-ad hidden"></div>
<div id="prop2" class="ad prop2-ad hidden"></div>
<div id="Anchor" class="ad anchor-ad hidden"></div>
<div id="ADX_CLIENTSIDE" class="ad adx-clientside-ad hidden"></div>
</body>
</html>