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.
 
 

3344 lines
138 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/27/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/27/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 Second Democratic Debate" />
<meta name="slug" content="debate-speaking-time" />
<meta name="lp" content="Candidates discussed several issues including immigration, health care, civil rights and the economy." />
<meta name="col" content="" id="column-name" />
<meta name="dfp-ad-unit-path" content="us/elections" />
<meta name="keywords" content="Elections,Democratic Party,Debates (Political)" />
<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 27, 2019" />
<meta name="dat" content="June 27, 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 Second 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-28T03:01:30.000Z"/><meta data-rh="true" property="article:modified" itemprop="dateModified" content="2019-06-28T06:00:48.772Z"/><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="100000006584570"/><meta data-rh="true" name="nyt_uri" itemprop="identifier" content="nyt://interactive/511e244b-8347-5815-9613-f88a0221a666"/><meta data-rh="true" name="pubp_event_id" itemprop="identifier" content="pubp://event/c0a9f7f7eeb44a48bb6b671a03758936"/><meta data-rh="true" name="description" itemprop="description" content="Candidates discussed several issues including immigration, health care, civil rights and the economy."/><meta data-rh="true" name="image" itemprop="image" content="https://static01.nyt.com/images/2019/06/27/us/elections/debate-speaking-time-1561690798768/debate-speaking-time-1561690798768-facebookJumbo-v5.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/27/us/elections/debate-speaking-time-1561690798768/debate-speaking-time-1561690798768-thumbStandard-v4.jpg"/><meta data-rh="true" name="news_keywords" content="Election,Democrats,Presidential debates;Democratic debates;2020 debates"/><meta data-rh="true" name="pdate" content="20190627"/><meta data-rh="true" property="og:url" content="https://www.nytimes.com/interactive/2019/06/27/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 Second Democratic Debate"/><meta data-rh="true" property="og:image" content="https://static01.nyt.com/images/2019/06/27/us/elections/debate-speaking-time-1561690798768/debate-speaking-time-1561690798768-facebookJumbo-v5.jpg"/><meta data-rh="true" property="og:description" content="Candidates discussed several issues including immigration, health care, civil rights and the economy."/><meta data-rh="true" property="twitter:url" content="https://www.nytimes.com/interactive/2019/06/27/us/elections/debate-speaking-time.html"/><meta data-rh="true" property="twitter:title" content="Which Candidates and Topics Got the Most Time During the Second Democratic Debate"/><meta data-rh="true" property="twitter:description" content="Candidates discussed several issues including immigration, health care, civil rights and the economy."/><meta data-rh="true" property="twitter:image" content="https://static01.nyt.com/images/2019/06/27/us/elections/debate-speaking-time-1561690798768/debate-speaking-time-1561690798768-videoSixteenByNineJumbo1600-v5.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="Elections"/><meta data-rh="true" property="article:tag" content="Democratic Party"/><meta data-rh="true" property="article:tag" content="Debates (Political)"/><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="2"/><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="1568448525081"/><meta data-rh="true" name="brandsensitive" content="false"/><meta data-rh="true" name="org" content="democraticparty"/><meta data-rh="true" name="des" content="elections"/><meta data-rh="true" name="des" content="debatespolitical"/><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="100000006584570"/><meta data-rh="true" name="pt" content="nt1,nt10,nt13,nt14,nt18,nt2,nt6,nt9,pt15,pt8"/><meta data-rh="true" name="gscat" content="gs_politics,neg_ibmtest,neg_mastercard,gs_politics_misc,neg_chanel,neg_hearts,gs_politics_american,famine,gs_health_misc,gs_health,gs_finance,gs_science_environ,gs_finance_insurance,gv_crime,gv_arms"/><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;2&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;1568448525081&quot;,&quot;brandsensitive&quot;:&quot;false&quot;,&quot;org&quot;:&quot;democraticparty&quot;,&quot;des&quot;:&quot;elections,debatespolitical&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;100000006584570&quot;,&quot;pt&quot;:&quot;nt1,nt10,nt13,nt14,nt18,nt2,nt6,nt9,pt15,pt8&quot;,&quot;gscat&quot;:&quot;gs_politics,neg_ibmtest,neg_mastercard,gs_politics_misc,neg_chanel,neg_hearts,gs_politics_american,famine,gs_health_misc,gs_health,gs_finance,gs_science_environ,gs_finance_insurance,gv_crime,gv_arms&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/27/us/elections/debate-speaking-time.html"/><link data-rh="true" rel="canonical" href="https://www.nytimes.com/interactive/2019/06/27/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 Second 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/27/us/elections/debate-speaking-time.html"
data-title="Which Candidates and Topics Got the Most Time During the Second 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, health care, civil rights and the economy."
data-publish-date="June 27, 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/2LpPUI6">https://nyti.ms/2LpPUI6</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/27/us/elections/debate-speaking-time.html"
data-title="Which Candidates and Topics Got the Most Time During the Second 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, health care, civil rights and the economy."
data-publish-date="June 27, 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 Second Democratic Debate</h1>
<div class="story-meta-footer interactive-meta-footer">
<p class="interactive-leadin summary">
<time class="dateline" datetime="2019-06-28" itemprop="dateModified" content="2019-06-28">JUNE 27, 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/27/dem-second-debate/40c791599e49769b3c667b1ed2bb759d49ca9d32/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/27/dem-second-debate/40c791599e49769b3c667b1ed2bb759d49ca9d32/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: visible;
}
.g-graphic svg .axis {
font: 300 12px / 1.2 'nyt-franklin';
shape-rendering: crispEdges;
}
.g-graphic svg .axis text {
fill: #999;
}
@media (max-width: 600px) {
.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;
}
@keyframes flashing {
0% {
opacity: 0;
}
90% {
opacity: 1;
}
}
.currentspeaker {
animation: flashing 0.8s infinite;
animation-direction: alternate;
/* animation-fill-mode:forwards;*/
}
#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: 599px) {
.candname text {
font-size: 13px;
}
}
.timetext text {
font-size: 15px;
font-weight: 700;
}
@media (max-width: 599px) {
.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 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 .civil {
fill: #8fbacc;
}
.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:#8fbacc;"></span>
<p>Civil rights</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">Former vice president Joseph R. Biden Jr. and Senator Kamala Harris of California spoke the most during Thursday night’s Democratic presidential debate. It was the second debate of the week after <a href="https://www.nytimes.com/interactive/2019/06/26/us/elections/debate-speaking-time.html">10 other candidates opened</a> the 2020 campaign on Wednesday.</p>
</div>
<div class="g-item g-text ">
<p class="g-body">The candidates in the second debate spent more time discussing civil rights and spent less time on jobs and the economy.</p>
</div>
<div class="g-item g-graphic ">
<div class="g-item-graphic" style="max-width:720px;">
<!-- Generated by ai2html v0.88.0 - 2019-06-28 01:59 -->
<!-- ai file: topicbars.ai -->
<!-- preview: 2019-06-27-dem-second-debate -->
<!-- scoop: debate-speaking-time -->
<style type='text/css' media='screen,print'>
#g-topicbars-box .g-artboard {
margin:0 auto;
}
#g-topicbars-box 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-topicbars-Artboard_1 {
position:relative;
overflow:hidden;
}
#g-topicbars-Artboard_1 p {
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-weight:300;
font-size:14px;
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(0,0,0);
top:1.1px;
position:static;
text-transform:none;
padding-bottom:0;
padding-top:0;
mix-blend-mode:normal;
font-style:normal;
}
#g-topicbars-Artboard_1 .g-pstyle0 {
font-weight:700;
font-size:16px;
line-height:19px;
height:19px;
top:1.3px;
position:relative;
}
#g-topicbars-Artboard_1 .g-pstyle1 {
font-size:12px;
line-height:14px;
height:14px;
text-align:right;
color:rgb(170,170,170);
top:1px;
position:relative;
}
#g-topicbars-Artboard_1 .g-pstyle2 {
line-height:17px;
height:17px;
text-align:center;
position:relative;
}
#g-topicbars-Artboard_1 .g-pstyle3 {
line-height:17px;
height:17px;
text-align:right;
position:relative;
}
#g-topicbars-Artboard_1 .g-pstyle4 {
height:16px;
text-align:center;
position:relative;
}
#g-topicbars-Artboard_1 .g-pstyle5 {
line-height:17px;
text-align:center;
}
#g-topicbars-Artboard_1 .g-pstyle6 {
height:16px;
position:relative;
}
#g-topicbars-Artboard_1_copy {
position:relative;
overflow:hidden;
}
#g-topicbars-Artboard_1_copy p {
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-weight:300;
font-size:14px;
line-height:17px;
height:auto;
filter:alpha(opacity=100);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
letter-spacing:0em;
text-align:left;
color:rgb(0,0,0);
top:1.1px;
position:static;
text-transform:none;
padding-bottom:0;
padding-top:0;
mix-blend-mode:normal;
font-style:normal;
}
#g-topicbars-Artboard_1_copy .g-pstyle0 {
font-weight:700;
height:17px;
text-align:center;
position:relative;
}
#g-topicbars-Artboard_1_copy .g-pstyle1 {
font-size:12px;
line-height:14px;
height:14px;
text-align:center;
color:rgb(170,170,170);
top:1px;
position:relative;
}
#g-topicbars-Artboard_1_copy .g-pstyle2 {
height:17px;
text-align:right;
position:relative;
}
#g-topicbars-Artboard_1_copy .g-pstyle3 {
height:17px;
position:relative;
}
</style>
<div id="g-topicbars-box" class="ai2html">
<!-- Artboard: Artboard_1 -->
<div id="g-topicbars-Artboard_1" class="g-artboard" style="width:720px; height:259.999999999999px;" data-aspect-ratio="2.769" data-min-width="720">
<img id="g-topicbars-Artboard_1-img" class="g-aiImg g-aiAbs" alt="" data-src="https://static01.nyt.com/newsgraphics/2019/06/27/dem-second-debate/40c791599e49769b3c667b1ed2bb759d49ca9d32/topicbars-Artboard_1.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
<div id="g-ai0-1" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:9.9093%;margin-top:-9.8px;left:43.7196%;width:106px;">
<p class="g-pstyle0">First debate</p>
</div>
<div id="g-ai0-2" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:98.3039%;width:29px;">
<p class="g-pstyle1">0</p>
</div>
<div id="g-ai0-3" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:86.4041%;width:36px;">
<p class="g-pstyle1">10</p>
</div>
<div id="g-ai0-4" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:73.94%;width:36px;">
<p class="g-pstyle1">20</p>
</div>
<div id="g-ai0-5" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:62.0314%;width:36px;">
<p class="g-pstyle1">30</p>
</div>
<div id="g-ai0-6" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:50.1227%;width:36px;">
<p class="g-pstyle1">40</p>
</div>
<div id="g-ai0-7" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:38.2141%;width:36px;">
<p class="g-pstyle1">50</p>
</div>
<div id="g-ai0-8" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:26.3055%;width:36px;">
<p class="g-pstyle1">60</p>
</div>
<div id="g-ai0-9" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:14.3968%;width:36px;">
<p class="g-pstyle1">70</p>
</div>
<div id="g-ai0-10" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:17.7799%;margin-top:-7.2px;right:0.4728%;width:61px;">
<p class="g-pstyle1">80 min.</p>
</div>
<div id="g-ai0-11" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:37.6023%;margin-top:-8.8px;left:9.7666%;margin-left:-38px;width:76px;">
<p class="g-pstyle2">Economy</p>
</div>
<div id="g-ai0-12" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:37.6023%;margin-top:-8.8px;left:25.5303%;margin-left:-46px;width:92px;">
<p class="g-pstyle2">Immigration</p>
</div>
<div id="g-ai0-13" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:37.6023%;margin-top:-8.8px;right:55.588%;width:90px;">
<p class="g-pstyle3">Health care</p>
</div>
<div id="g-ai0-14" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:37.6023%;margin-top:-8.8px;left:51.897%;margin-left:-45.5px;width:91px;">
<p class="g-pstyle2">Gun control</p>
</div>
<div id="g-ai0-15" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:40.4869%;margin-top:-16.3px;left:62.3631%;margin-left:-33px;width:66px;">
<p class="g-pstyle4">Foreign</p>
<p class="g-pstyle4">policy</p>
</div>
<div id="g-ai0-16" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:40.4869%;margin-top:-16.3px;left:70.1025%;margin-left:-33.5px;width:67px;">
<p class="g-pstyle4">Climate</p>
<p class="g-pstyle4">change</p>
</div>
<div id="g-ai0-17" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:37.6023%;margin-top:-8.8px;left:84.5584%;margin-left:-27.5px;width:55px;">
<p class="g-pstyle2">Other</p>
</div>
<div id="g-ai0-18" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:61.4478%;margin-top:-9.8px;left:42.8907%;width:126px;">
<p class="g-pstyle0">Second debate</p>
</div>
<div id="g-ai0-19" class="g-Layer_1 g-aiAbs" style="top:78.4615%;left:8.75%;margin-left:-7.7083%;width:15.4167%;">
<p class="g-pstyle5">Immigration</p>
</div>
<div id="g-ai0-20" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:81.833%;margin-top:-8.8px;right:71.5603%;width:90px;">
<p class="g-pstyle3">Health care</p>
</div>
<div id="g-ai0-21" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:84.7176%;margin-top:-16.3px;left:35.2646%;margin-left:-27.5px;width:55px;">
<p class="g-pstyle4">Civil</p>
<p class="g-pstyle4">rights</p>
</div>
<div id="g-ai0-22" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:84.7176%;margin-top:-16.3px;left:43.3354%;margin-left:-33px;width:66px;">
<p class="g-pstyle4">Foreign</p>
<p class="g-pstyle4">policy</p>
</div>
<div id="g-ai0-23" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:84.7176%;margin-top:-16.3px;left:47.2357%;width:67px;">
<p class="g-pstyle6">Climate</p>
<p class="g-pstyle6">change</p>
</div>
<div id="g-ai0-24" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:81.833%;margin-top:-8.8px;right:38.4123%;width:76px;">
<p class="g-pstyle3">Economy</p>
</div>
<div id="g-ai0-25" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:84.7176%;margin-top:-16.3px;left:62.1913%;width:63px;">
<p class="g-pstyle6">Gun</p>
<p class="g-pstyle6">control</p>
</div>
</div>
<!-- Artboard: Artboard_1_copy -->
<div id="g-topicbars-Artboard_1_copy" class="g-artboard" style="width:300px; height:491px;" data-aspect-ratio="0.611" data-min-width="300" data-max-width="719">
<img id="g-topicbars-Artboard_1_copy-img" class="g-aiImg g-aiAbs" alt="" data-src="https://static01.nyt.com/newsgraphics/2019/06/27/dem-second-debate/40c791599e49769b3c667b1ed2bb759d49ca9d32/topicbars-Artboard_1_copy.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
<div id="g-ai1-1" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:6.7476%;margin-top:-17.1px;left:36.6226%;margin-left:-31px;width:62px;">
<p class="g-pstyle0">First</p>
<p class="g-pstyle0">debate</p>
</div>
<div id="g-ai1-2" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:6.7476%;margin-top:-17.1px;left:63.8936%;margin-left:-32.5px;width:65px;">
<p class="g-pstyle0">Second</p>
<p class="g-pstyle0">debate</p>
</div>
<div id="g-ai1-3" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:10.8407%;margin-top:-7.2px;left:49.9666%;margin-left:-14px;width:28px;">
<p class="g-pstyle1">0</p>
</div>
<div id="g-ai1-4" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:19.0969%;margin-top:-8.8px;right:68.5744%;width:76px;">
<p class="g-pstyle2">Economy</p>
</div>
<div id="g-ai1-5" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:19.0969%;margin-top:-8.8px;left:69.0212%;width:92px;">
<p class="g-pstyle3">Immigration</p>
</div>
<div id="g-ai1-6" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:21.2277%;margin-top:-7.2px;left:50.0503%;margin-left:-17.5px;width:35px;">
<p class="g-pstyle1">10</p>
</div>
<div id="g-ai1-7" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:31.3169%;margin-top:-8.8px;right:68.5749%;width:92px;">
<p class="g-pstyle2">Immigration</p>
</div>
<div id="g-ai1-8" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:31.3169%;margin-top:-8.8px;left:69.021%;width:90px;">
<p class="g-pstyle3">Health care</p>
</div>
<div id="g-ai1-9" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:31.6146%;margin-top:-7.2px;left:50.0503%;margin-left:-17.5px;width:35px;">
<p class="g-pstyle1">20</p>
</div>
<div id="g-ai1-10" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:41.0928%;margin-top:-8.8px;left:69.021%;width:82px;">
<p class="g-pstyle3">Civil rights</p>
</div>
<div id="g-ai1-11" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:42.0016%;margin-top:-7.2px;left:50.0503%;margin-left:-17.5px;width:35px;">
<p class="g-pstyle1">30</p>
</div>
<div id="g-ai1-12" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:43.9442%;margin-top:-8.8px;right:68.4577%;width:90px;">
<p class="g-pstyle2">Health care</p>
</div>
<div id="g-ai1-13" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:48.0175%;margin-top:-8.8px;left:69.021%;width:103px;">
<p class="g-pstyle3">Foreign policy</p>
</div>
<div id="g-ai1-14" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:52.3886%;margin-top:-7.2px;left:50.0503%;margin-left:-17.5px;width:35px;">
<p class="g-pstyle1">40</p>
</div>
<div id="g-ai1-15" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:54.1275%;margin-top:-8.8px;left:69.021%;width:114px;">
<p class="g-pstyle3">Climate change</p>
</div>
<div id="g-ai1-16" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:54.9421%;margin-top:-8.8px;right:68.3481%;width:91px;">
<p class="g-pstyle2">Gun control</p>
</div>
<div id="g-ai1-17" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:60.0338%;margin-top:-8.8px;left:69.021%;width:76px;">
<p class="g-pstyle3">Economy</p>
</div>
<div id="g-ai1-18" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:62.5718%;margin-top:-7.2px;left:50.0503%;margin-left:-17.5px;width:35px;">
<p class="g-pstyle1">50</p>
</div>
<div id="g-ai1-19" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:63.9034%;margin-top:-8.8px;right:68.45%;width:103px;">
<p class="g-pstyle2">Foreign policy</p>
</div>
<div id="g-ai1-20" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:65.3291%;margin-top:-8.8px;left:69.021%;width:91px;">
<p class="g-pstyle3">Gun control</p>
</div>
<div id="g-ai1-21" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:71.0317%;margin-top:-8.8px;right:68.4001%;width:114px;">
<p class="g-pstyle2">Climate change</p>
</div>
<div id="g-ai1-22" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:72.9588%;margin-top:-7.2px;left:50.0503%;margin-left:-17.5px;width:35px;">
<p class="g-pstyle1">60</p>
</div>
<div id="g-ai1-23" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:80.1967%;margin-top:-8.8px;left:69.0212%;width:55px;">
<p class="g-pstyle3">Other</p>
</div>
<div id="g-ai1-24" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:83.3458%;margin-top:-7.2px;left:50.0503%;margin-left:-17.5px;width:35px;">
<p class="g-pstyle1">70</p>
</div>
<div id="g-ai1-25" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:93.7327%;margin-top:-7.2px;left:50.7233%;margin-left:-29.5px;width:59px;">
<p class="g-pstyle1">80 min.</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (containerId, nameSpace) {
if (!("querySelector" in document)) return;
var onResize = throttle(update, 200);
var waiting = !!window.IntersectionObserver;
var observer;
update();
document.addEventListener("DOMContentLoaded", update);
window.addEventListener("resize", onResize);
function update() {
var container = document.getElementById(containerId),
artboards = selectChildren("." + nameSpace + "artboard[data-min-width]", container),
width = Math.round(container.getBoundingClientRect().width);
// 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 (!waiting) {
selectChildren("." + nameSpace + "aiImg", el).forEach(updateImgSrc);
}
el.style.