Archives/mercury-parser
2
0
Fork 0
mirror of https://github.com/postlight/mercury-parser synced 2024-11-18 21:28:22 +00:00
Code Issues Projects Releases Wiki Activity
17317823de
mercury-parser/fixtures/vulture.html

10642 lines
723 KiB
HTML
Raw Normal View History

debugging: cheerio isn't always consistent in setting scores
2016-09-09 20:59:37 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="the-factory">
<link rel="preconnect" href="http://cache.nymag.com">
<link rel="dns-prefetch" href="http://cache.nymag.com">
<link rel="preconnect" href="http://pixel.nymag.com">
<link rel="dns-prefetch" href="http://pixel.nymag.com">
<link rel="preconnect" href="https://secure.nymag.com">
<link rel="dns-prefetch" href="https://secure.nymag.com">
<link rel="preconnect" href="http://v4.moatads.com">
<link rel="dns-prefetch" href="http://v4.moatads.com">
<link rel="preconnect" href="http://z.moatads.com">
<link rel="dns-prefetch" href="http://z.moatads.com">
<link rel="preconnect" href="http://www.googletagservices.com">
<link rel="dns-prefetch" href="http://www.googletagservices.com">
<link rel="preconnect" href="http://s.tagsrvcs.com">
<link rel="dns-prefetch" href="http://s.tagsrvcs.com">
<link rel="preconnect" href="http://pagead2.googlesyndication.com">
<link rel="dns-prefetch" href="http://pagead2.googlesyndication.com">
<link rel="preconnect" href="http://tpc.googlesyndication.com">
<link rel="dns-prefetch" href="http://tpc.googlesyndication.com">
<link rel="preconnect" href="http://partner.googleadservices.com">
<link rel="dns-prefetch" href="http://partner.googleadservices.com">
<link rel="preconnect" href="https://securepubads.g.doubleclick.net">
<link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net">
<link rel="preconnect" href="http://cdn.doubleverify.com">
<link rel="dns-prefetch" href="http://cdn.doubleverify.com">
<link rel="preconnect" href="http://dpm.demdex.net">
<link rel="dns-prefetch" href="http://dpm.demdex.net">
<link rel="preconnect" href="https://stats.nymag.com">
<link rel="dns-prefetch" href="http://stats.nymag.com">
<link rel="preconnect" href="http://api.mixpanel.com">
<link rel="dns-prefetch" href="http://api.mixpanel.com">
<link rel="preconnect" href="http://www.google-analytics.com">
<link rel="dns-prefetch" href="http://www.google-analytics.com">
<link rel="preconnect" href="http://static.chartbeat.com">
<link rel="dns-prefetch" href="http://static.chartbeat.com">
<link rel="preconnect" href="http://ping.chartbeat.net">
<link rel="dns-prefetch" href="http://ping.chartbeat.net">
<link rel="dns-prefetch" href="http://platform.twitter.com">
<link rel="dns-prefetch" href="https://platform.twitter.com">
<link rel="dns-prefetch" href="http://www.facebook.com">
<link rel="dns-prefetch" href="http://connect.facebook.net">
<link rel="dns-prefetch" href="http://staticxx.facebook.com">
<link rel="dns-prefetch" href="https://staticxx.facebook.com">
<link rel="preconnect" href="http://www.livefyre.com">
<link rel="dns-prefetch" href="http://www.livefyre.com">
<link rel="preconnect" href="http://cdn.livefyre.com">
<link rel="dns-prefetch" href="http://cdn.livefyre.com">
<link rel="preconnect" href="http://bootstrap.nymedia.fyre.co">
<link rel="dns-prefetch" href="http://bootstrap.nymedia.fyre.co">
<link rel="preconnect" href="http://cdn.livefyre.com">
<link rel="dns-prefetch" href="http://cdn.livefyre.com">
<link rel="preconnect" href="http://lc.livefyre.com">
<link rel="dns-prefetch" href="http://lc.livefyre.com">
<link rel="preconnect" href="http://zor.fyre.co">
<link rel="dns-prefetch" href="http://zor.fyre.co">
<link rel="preconnect" href="http://avatars.fyre.co">
<link rel="dns-prefetch" href="http://avatars.fyre.co">
<link rel="preconnect" href="http://stream1.nymedia.fyre.co">
<link rel="dns-prefetch" href="http://stream1.nymedia.fyre.co">
<link rel="preconnect" href="http://b.scorecardresearch.com">
<link rel="dns-prefetch" href="http://b.scorecardresearch.com">
<link rel="preconnect" href="http://secure-us.imrworldwide.com">
<link rel="dns-prefetch" href="http://secure-us.imrworldwide.com">
<link rel="preconnect" href="https://secure.quantserve.com">
<link rel="dns-prefetch" href="https://secure.quantserve.com">
<title>Greg Berlanti Knows the Secret to Superhero TV -- Vulture</title>
<meta name="description" content="With four successful shows, the veteran showrunner has found a way to make DC’s heroes succeed on the small screen.">
<meta name="keywords" content="dc comics, greg berlanti, arrow, the flash, supergirl, legends of tomorrow, vulture cover story, superhero movies, new york magazine, tv">
<meta name="topics" content="topics-test, dc comics, greg berlanti, arrow, the flash, supergirl, legends of tomorrow, vulture cover story, superhero movies, new york magazine, tv">
<link rel="canonical" href="http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<script>var _sf_startpt = (new Date()).getTime();</script>
<script src="//fonts.nymag.com/ajl3knu.js"></script>
<script>try{Typekit.load({ async: false });}catch(e){}</script>
<link rel="alternate" type="application/rss+xml" title="Vulture" href="http://feedproxy.google.com/nymag/vulture.xml">
<meta name="twitter:site" content="@vulture">
<meta name="twitter:title" content="Greg Berlanti Knows the Secret to Superhero TV">
<meta name="twitter:description" content="With four successful shows, the veteran showrunner has found a way to make DC’s heroes succeed on the small screen.">
<meta name="twitter:creator" content="@abrahamjoseph">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w750.h560.2x.jpg">
<meta property="fb:app_id" content="158902697551841">
<meta property="og:title" content="Greg Berlanti Knows the Secret to Superhero TV">
<meta property="og:site_name" content="Vulture">
<meta property="og:url" content="http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html">
<meta property="og:description" content="With four successful shows, the veteran showrunner has found a way to make DC’s heroes succeed on the small screen.">
<meta property="og:image" content="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w1200.h630.jpg">
<meta property="og:type" content="Article">
<meta property="article:publisher" content="https://www.facebook.com/Vulture">
<meta property="article:author" content="https://www.facebook.com/abraham.riesman">
<meta property="article:published_time" content="2016-09-07T12:00:00.000Z">
<meta property="article:tag" content="dc comics,greg berlanti,arrow,the flash,supergirl,legends of tomorrow,vulture cover story,superhero movies,new york magazine,tv">
<meta name="apple-mobile-web-app-title" content="Vulture">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="//cache.nymag.com/media/vulture/icon.120x120.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="//cache.nymag.com/media/vulture/icon.180x180.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="//cache.nymag.com/media/vulture/icon.152x152.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="//cache.nymag.com/media/vulture/icon.76x76.png">
<meta name="format-detection" content="telephone=no">
<link rel="icon" type="image/svg+xml" href="//cache.nymag.com/media/vulture/icon.square.svg">
<link rel="mask-icon" sizes="any" href="//cache.nymag.com/media/vulture/mask.square.svg" color="#00bcf1">
<link rel="icon" sizes="196x196" href="//cache.nymag.com/media/vulture/icon.196x196.png">
<link rel="shortcut icon" type="image/x-icon" href="//cache.nymag.com/media/vulture/favicon.ico">
<meta name="application-name" content="Vulture">
<meta name="msapplication-TileColor" content="#00bcf1">
<meta name="msapplication-TileImage" content="//cache.nymag.com/media/vulture/icon.144x144.png">
<style>
@font-face { font-family: "HouseSlant"; src: url(data:font/woff;charset=utf-8;base64,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
@font-face { font-family: "PolarisBold"; font-style: italic; src: url(data:font/woff;charset=utf-8;base64,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
@font-face { font-family: "PolarisBold"; src: url(data:font/woff;charset=utf-8;base64,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
@font-face { font-family: "PolarisBook"; font-style: italic; src: url(data:font/woff;charset=utf-8;base64,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
@font-face { font-family: "PolarisBook"; src: url(data:font/woff;charset=utf-8;base64,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
@font-face { font-family: "PolarisLight"; src: url(data:font/woff;charset=utf-8;base64,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
@font-face { font-family: "PolarisMedium"; font-style: italic; src: url(data:font/woff;charset=utf-8;base64,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
@font-face { font-family: "PolarisMedium"; src: url(data:font/woff;charset=utf-8;base64,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
html {
font-size: 62.5%;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
box-sizing: border-box;
width: 100%;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
width: 100%;
}
*,
*:before,
*:after {
box-sizing: inherit;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
}
[hidden] {
display: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
/* temp hiding */
.ui-loader {
display: none;
}
/* Full Page Overlay */
body:before {
background: #000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
content: '';
display: block;
height: 0;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition: opacity .1s ease-in;
width: 0;
z-index: 7777777;
}
html.overlay {
overflow: hidden;
}
html.overlay body:before {
height: 100%;
opacity: .85;
width: 100%;
}
/* Fixed sticky from https://github.com/filamentgroup/fixed-sticky/blob/master/fixedsticky.css */
/* bad support on Safari currently. Enable when better support exists. */
/*.fixedsticky {*/
/*position: -webkit-sticky;*/
/*position: -moz-sticky;*/
/*position: -ms-sticky;*/
/*position: -o-sticky;*/
/*position: sticky;*/
/*}*/
/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
position: static;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
position: fixed;
}
.fixedsticky-dummy {
display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
display: block;
}
/* Disable scrolling to control iPhone UI. */
body.lock-scroll {
height: 100%;
overflow: hidden;
position: fixed;
width: 100%;
}
.vulture #article-feature .img-group {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.vulture #article-feature .img-group .rubric {
border-bottom: 1px solid #111;
color: red;
display: inline;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
position: relative;
text-transform: uppercase;
}
.vulture #article-feature .img-group .hed {
font-size: 24px;
font-weight: 400;
line-height: 26px;
margin: 10px 0 25px;
}
.vulture #article-feature .img-group .img-unit .caption {
border: 4px double #111;
line-height: 14px;
text-transform: uppercase;
}
/* Remove CSS/JSON rule for icon from Cover Story CQ HTML Component */
.vulture #article-feature .feature-head.fullWidthImage .lede:before {
display: none !important;
}
#article-feature #box {
margin: 0 auto;
}
#article-feature #primary {
margin: 0 auto;
width: 720px;
}
#article-feature #primary .story [itemprop='articleBody'] > p:first-of-type:first-letter {
float: left;
font-size: 9.1rem;
line-height: 6.8rem;
padding: .8rem 1rem 0 0;
}
#article-feature #primary .share {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
#article-feature #primary .share-mini {
margin-bottom: 30px;
}
#article-feature #primary .share:nth-of-type(1) {
border-bottom: none;
margin-top: 30px;
}
#article-feature #tertiary .top-stories-desktop {
margin-top: 20px;
}
#article-feature #tertiary .most-popular {
margin-top: 27px;
}
#article-feature #tertiary .zergnet {
margin-top: 45px;
}
#article-feature #bottom {
margin: 0 auto;
width: 100%;
}
#article-feature #bottom .ad {
margin-bottom: 30px;
}
#article-feature .story .body p {
color: #444;
font-family: Georgia, serif;
font-size: 18px;
line-height: 27px;
margin: 0 0 22px;
}
/* * * * * * * TEMP CONTENT MODIFIERS FOR DEVELOPMENT – TODO REMOVE * * * * * * */
#article-feature #primary .story > header,
#article-feature #primary .story .body figure[data-component='img'].primary {
display: none;
}
.ad {
display: none;
margin: 0 auto;
text-align: center;
}
.ad div,
.ad iframe {
margin: 0 auto;
}
/* Out of page ads are at the top of the page to load first and we don't want layout to be affected. */
.ad.oop {
height: 0;
left: 0;
position: absolute;
top: 0;
}
/*
Set min-height to be the smallest ad in the unit.
Important for page height calculations to be more accurate.
Also, important that the styles are in order from tallest to shortest so they cascade.
Ad sizes with the same height are grouped together.
Need to be careful, could be a conflict if there are two sizes only differ by the last digit. e.g. 300x25 would overwrite 300x250.
*/
.ad[data-sizes*="300x1050"] {
min-height: 1050px;
min-height: 105rem;
}
.ad[data-sizes*="300x600"] {
min-height: 600px;
min-height: 60rem;
}
.ad[data-sizes*="970x251"] {
min-height: 251px;
min-height: 25.1rem;
}
.ad[data-sizes*="300x250"] {
min-height: 250px;
min-height: 25rem;
}
.ad[data-sizes*="610x190"] {
min-height: 190px;
min-height: 19rem;
}
.ad[data-sizes*="612x168"] {
min-height: 168px;
min-height: 16.8rem;
}
.ad[data-sizes*="280x115"] {
min-height: 115px;
min-height: 11.5rem;
}
.ad[data-sizes*="1024x91"],
.ad[data-sizes*="970x91"],
.ad[data-sizes*="728x91"] {
min-height: 91px;
min-height: 9.1rem;
}
.ad[data-sizes*="1024x90"],
.ad[data-sizes*="970x90"],
.ad[data-sizes*="728x90"] {
min-height: 90px;
min-height: 9rem;
}
.ad[data-sizes*="495x80"] {
min-height: 80px;
min-height: 8rem;
}
.ad[data-sizes*="970x66"] {
min-height: 66px;
min-height: 6.6rem;
}
.ad[data-sizes*="495x63"],
.ad[data-sizes*="280x63"] {
min-height: 63px;
min-height: 6.3rem;
}
.ad[data-sizes*="980x60"],
.ad[data-sizes*="480x60"],
.ad[data-sizes*="468x60"],
.ad[data-sizes*="260x60"] {
min-height: 60px;
min-height: 6rem;
}
.ad[data-sizes*="320x50"],
.ad[data-sizes*="300x50"] {
min-height: 50px;
min-height: 5rem;
}
/*
Set min-width. All ad sizes ordered by width descending.
Only need one declaration per width because ends with an x.
*/
.ad[data-sizes*="1024x"] {
min-width: 1024px;
min-width: 102.4rem;
}
.ad[data-sizes*="980x"] {
min-width: 980px;
min-width: 98rem;
}
.ad[data-sizes*="970x"] {
min-width: 970px;
min-width: 97rem;
}
.ad[data-sizes*="728x"] {
min-width: 728px;
min-width: 72.8rem;
}
.ad[data-sizes*="612x"] {
min-width: 612px;
min-width: 61.2rem;
}
.ad[data-sizes*="610x"] {
min-width: 610px;
min-width: 61rem;
}
.ad[data-sizes*="495x"] {
min-width: 495px;
min-width: 49.5rem;
}
.ad[data-sizes*="480x"] {
min-width: 480px;
min-width: 48rem;
}
.ad[data-sizes*="468x"] {
min-width: 468px;
min-width: 46.8rem;
}
.ad[data-sizes*="320x"] {
min-width: 320px;
min-width: 32rem;
}
.ad[data-sizes*="300x"] {
min-width: 300px;
min-width: 30rem;
}
.ad[data-sizes*="280x"] {
min-width: 280px;
min-width: 28rem;
}
.ad[data-sizes*="260x"] {
min-width: 260px;
min-width: 26rem;
}
.embed {
background-repeat: no-repeat;
background-size: 100% auto;
cursor: pointer;
height: 30rem;
margin-bottom: 2rem;
max-width: 100%;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
text-align: center;
}
.story .body .embed iframe,
.story .body .embed object,
.story .body .embed embed {
margin: 0;
min-height: inherit;
position: absolute;
top: 0;
height: 100%;
left: 0;
width: 100%;
}
.embed.video:before {
background-image: url(//cache.nymag.com/media/stripe-overlay.png);
background-repeat: repeat;
content: '';
display: block;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transition: opacity .2s;
width: 100%;
z-index: 2;
}
.embed.video:hover:before {
opacity: .3;
}
.embed.video svg {
height: 10rem;
left: calc(50% - 5rem);
position: absolute;
top: calc(50% - 5rem);
width: 10rem;
z-index: 3;
}
.embed.video iframe {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed.video.on iframe {
display: block;
}
.embed.video.on {
background: none;
height: auto;
}
.embed.video.on:before {
content: none;
}
.embed.video.on svg {
display: none;
}
body .story .body .embed.video iframe {
display: none;
margin: auto;
min-height: inherit;
width: 100%;
}
body .story .body .embed.video.on iframe {
display: block;
}
.nymab-response {
bottom: 0;
position: fixed;
width: 100%;
z-index: 100000;
/* To be in front of Ooyala videos */
}
.nymab-response.display-none {
display: none;
}
.nymab-response .tabs-content,
.nymab-response .banner-content {
clear: both;
margin: 0 auto;
width: 82.5%;
}
.nymab-response .tabs-content {
background: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.nymab-response .tabs-content .spacer {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.nymab-response .tabs-content a,
.nymab-response .tabs-content a:hover,
.nymab-response .tabs-content a:active,
.nymab-response .tabs-content a:visited {
color: white;
font-size: 15px;
text-decoration: none;
}
.nymab-response .close-tab {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #333;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: white;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
font-family: Arial, sans-serif;
padding: 3px 10px 0 5px;
position: relative;
top: 1px;
}
.nymab-response .close-tab svg {
height: 25px;
width: 25px;
}
.nymab-response .close-tab svg path {
fill: white;
}
.nymab-response .banner-container {
background: #333;
border-top: 1px solid #fff;
min-height: 100px;
}
.nymab-response .banner-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 40px 0;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nymab-response .banner-content svg {
-webkit-flex: 0 0 220px;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
height: 100px;
margin: auto 16px auto 0;
}
.nymab-response .banner-content .text {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 790px;
}
.nymab-response h1 {
color: #00bcf1;
font-family: Elderkin, Arial, sans-serif;
font-size: 27px;
font-weight: bold;
margin: 0;
padding-bottom: 6px;
text-transform: uppercase;
}
.nymab-response p {
color: #fff;
font-family: Arial, sans-serif;
font-size: 17px;
margin: 0;
}
.nymab-response .banner-content a,
.nymab-response .banner-content a:hover,
.nymab-response .banner-content a:active,
.nymab-response .banner-content a:visited {
color: #00bcf1;
text-decoration: none;
}
/* ////////// ANIMATION EFFECT ////////// */
@-webkit-keyframes QuizFadeIn {
0% {
opacity: 0.0;
}
80% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes QuizFadeIn {
0% {
opacity: 0.0;
}
80% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes QuizTransform {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
60% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes QuizTransform {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
60% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes QuizTransformAnswer {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes QuizTransformAnswer {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes DropdownOpen {
0% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@keyframes DropdownOpen {
0% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
.vulture-nav-minimal {
background-color: #fff;
height: 51px;
position: relative;
}
.vulture-nav-minimal a {
text-decoration: none;
}
.vulture-nav-minimal .vulture-nav-inner {
border-bottom: 1px solid #000;
border-top: 2px solid #00bcf1;
left: 0;
position: relative;
top: 0;
}
.vulture-nav-minimal .vulture-nav-inner:after {
border-bottom: 1px solid #828282;
bottom: -4px;
content: '';
left: 0;
position: absolute;
width: 100%;
}
.vulture-nav-minimal .logo {
height: 44px;
left: -28px;
margin: 0;
overflow: hidden;
padding: 2px 0 0 0;
position: absolute;
top: 0;
width: 230px;
}
.vulture-nav-minimal .logo svg {
height: 59px;
max-width: 100%;
width: auto;
}
.vulture-nav-minimal .tagline {
background-image: url(//cache.nymag.com/media/cover-story.svg);
background-repeat: no-repeat;
background-size: 100%;
border: 0;
display: block;
height: 70px;
left: 58px;
position: absolute;
text-align: center;
top: 27px;
width: 60px;
z-index: 1;
}
.vulture-nav-minimal .main {
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
height: 65px;
left: 285px;
position: relative;
top: 8px;
width: 362px;
}
.vulture-nav-minimal .main-item a {
color: #000;
display: inline-block;
float: left;
font: bold 28px Elderkin, 'Arial Narrow', Arial, sans-serif;
letter-spacing: .8px;
position: relative;
text-transform: uppercase;
}
.vulture-nav-minimal .main-item a:after {
border-right: 1px solid #ddd;
content: '';
height: 75%;
position: absolute;
right: -13px;
top: 12%;
}
.vulture-nav-minimal .main-item a:hover {
color: #00bcf1;
transition: color 200ms;
}
.vulture-nav-minimal .search {
background: transparent;
cursor: pointer;
display: inline-block;
height: 45px;
position: absolute;
right: 60px;
top: 0;
transition: width 300ms ease-out, background 300ms ease-out;
width: 40px;
z-index: 2;
}
.vulture-nav-minimal .search.on {
background: #dbdbdb;
width: calc(100% - 60px);
}
.vulture-nav-minimal .search .search-icon,
.vulture-nav-minimal .search .search-close {
background-color: transparent;
border: 0;
height: 26px;
padding: 0;
position: absolute;
right: 15px;
top: 11px;
width: 26px;
}
.vulture-nav-minimal .search-icon svg {
cursor: pointer;
height: 70%;
left: 15%;
top: 16%;
width: 70%;
}
.vulture-nav-minimal .search-close svg {
cursor: pointer;
height: 100%;
width: 100%;
}
.vulture-nav-minimal .search.on .search-close svg,
.vulture-nav-minimal .search.on .search-close svg * {
fill: #1a1a1a;
}
.vulture-nav-minimal .search-close,
.vulture-nav-minimal .search.on .search-icon {
display: none;
}
.vulture-nav-minimal .search.on .search-close {
display: block;
}
.vulture-nav-minimal .search .text-query {
border: 0;
display: none;
margin: 6px;
padding: 1px 1px 1px 5px;
width: calc(100% - 44px);
}
.vulture-nav-minimal .searchtext {
display: none;
}
.vulture-nav-minimal .nav-mobile {
cursor: pointer;
display: inline-block;
height: 48px;
padding: 4px 6px;
position: absolute;
right: 0;
top: 0;
width: 58px;
}
.vulture-nav-minimal .nav-mobile:active {
outline: none;
}
.vulture-nav-minimal .nav-mobile.on {
background-color: #333;
z-index: 2;
}
.vulture-nav-minimal .nav-sections > a {
color: #000;
}
.vulture-nav-minimal .dropdown {
background-color: #333;
display: none;
padding: 0 10px 24px;
position: absolute;
top: 46px;
width: 100%;
}
.vulture-nav-minimal .dropdown.on {
-webkit-animation-duration: 250ms;
animation-duration: 250ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: DropdownOpen;
animation-name: DropdownOpen;
-webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
/* ease-out-cubic */
display: block;
z-index: 999999999;
}
.vulture-nav-minimal .dropdown-section:before {
color: #979797;
display: block;
font: bold 10px Arial, sans-serif;
margin-bottom: 20px;
}
.vulture-nav-minimal .dropdown-section h2,
.vulture-nav-minimal .dropdown-section a,
.vulture-nav-minimal .dropdown-section a:visited {
color: #fff;
display: inline-block;
float: left;
font: bold 14px Arial, sans-serif;
}
.vulture-nav-minimal .dropdown-section h2 {
color: #979797;
margin: 0;
text-transform: uppercase;
}
.vulture-nav-minimal .dropdown-section.plus a,
.vulture-nav-minimal .dropdown-section.plus a:visited {
color: #ccc;
}
.vulture-nav-minimal .dropdown-section .follow {
background-color: #ededeb;
border-radius: 5px;
border-top: 1px solid #3e3e3e;
float: left;
margin: 0;
padding: 3px 10px;
text-align: center;
width: 100%;
}
.vulture-nav-minimal .dropdown-section .tablet {
display: none;
}
.vulture .global-nav {
background: #f5f5f5;
}
.vulture .global-nav a {
color: #666;
}
.vulture .global-nav .social p {
color: #666;
}
.vulture .global-nav .twitter,
.vulture .global-nav .facebook {
background-image: url(//cache.nymag.com/media/twitter_vulture-28x28.2x.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.4rem 1.4rem;
color: transparent;
height: 1.4rem;
overflow: hidden;
margin: .45rem .3rem;
width: 1.4rem;
}
.vulture .global-nav .facebook {
background-image: url(//cache.nymag.com/media/facebook_vulture-28x28.2x.png);
}
.vulture .global-nav .instagram {
background-image: url(//cache.nymag.com/media/instagram-icon-vulture.svg);
margin-top: 4.5px;
}
.vulture .global-nav .mynewyork ul {
border: 1px solid #bbb;
box-shadow: 0 -.5rem .5rem rgba(85, 85, 85, .2);
}
@media print {
* {
background: transparent;
box-shadow: none;
color: #000;
text-shadow: none;
}
html {
background-color: #fff;
}
body {
padding: .5in;
}
/* Article */
article {
color: #111;
margin: 0;
padding: .1in .5in;
width: 100%;
}
article p {
font-family: Georgia, serif;
font-size: 1.2rem;
line-height: 1.9rem;
}
a[href] {
border: none;
color: #000;
font-weight: bold;
text-decoration: none;
}
a[href^="#"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/* For story - Add links after */
.body a[href^=http]:after {
color: #999;
content: " (" attr(href) ") ";
font-weight: normal;
}
/* For story - Add links after for //www. */
.body a[href^="//www."]:after {
color: #999;
content: " (http:" attr(href) ") ";
font-weight: normal;
}
/* Hidden */
nav,
aside,
.ad {
display: none;
}
.vulture #article-feature {
margin-top: -.25in;
}
.vulture #article-feature .feature-head {
background: none;
display: block;
height: initial !important;
/* saying goodbye to !important freeform CQ-based styles, here and below */
min-height: initial !important;
}
.vulture #article-feature .feature-head .lede {
padding: 0 0 2rem !important;
}
.vulture #article-feature .feature-head .lede,
.vulture #article-feature .feature-head .lede * {
color: #000 !important;
left: 0;
margin: 0 auto 1.2rem !important;
text-align: center;
top: 0;
width: 100%;
}
.vulture #article-feature .feature-head .lede h1 {
padding-bottom: 2rem !important;
}
.ad {
display: none!important;
}
.ad-recirc {
display: none;
}
.ad-sticky {
display: none;
}
.episode-recap {
display: none;
}
.global-nav {
display: none;
}
/* Basics */
.img {
cursor: pointer;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-style: normal;
line-height: 1.3rem;
margin: 1.6rem 0;
position: relative;
max-width: 100%;
}
.img div {
position: relative;
}
.img img {
max-width: 100%;
transition: opacity .4s ease-in;
}
.img aside {
left: .5rem;
position: absolute;
top: .5rem;
transition: opacity .25s ease-in;
}
.img figcaption {
margin: .5rem 0 0;
width: 100%;
text-align: left;
}
.img figcaption,
.img figcaption[itemprop='caption'] a {
color: #353535;
}
.img figcaption .buffer {
margin-right: .2rem;
}
.img cite {
font-style: normal;
}
.img cite,
.img figcaption[itemprop='caption'] cite a {
color: #888;
}
/* Display Variations */
/* Thumb */
.img.thumb {
float: left;
margin: .5rem 2rem 1rem 0;
max-width: 18.8rem;
}
.img.thumb cite {
display: inline;
}
.img.thumb .pinterest {
display: none;
}
/* Square */
.img.square {
float: left;
margin: .5rem 2rem 1rem 0;
width: 18.8rem;
}
.img.square cite {
display: inline;
}
/* Vertical */
.img.vertical-small {
display: inline-block;
margin: .5rem 2rem 1rem 1.2rem;
max-width: 24rem;
}
.img.vertical-small cite {
margin: 0;
}
/* Large Vertical */
.img.vertical {
margin: .5rem 0 2.1rem;
}
.img.vertical figcaption {
text-align: center;
}
/* Horizontal */
.img.horizontal {
clear: both;
margin: .5rem 0 2.1rem;
max-width: 7.5in;
}
.img.horizontal figcaption {
text-align: center;
}
/* Video */
.img.video {
clear: both;
margin: .5rem 0 2.1rem;
}
/* Secondary Image Alignment */
.img.right {
float: right;
margin: 1rem 0 1rem 2.5rem;
max-width: 25rem;
}
.img.left {
float: left;
text-align: left;
margin: 1rem 2.5rem 1rem 0;
max-width: 25rem;
}
.img.left.secondary figcaption {
text-align: left;
}
.img.center {
margin: 1.6rem 0 2.4rem;
text-align: center;
}
/* secondary centered images shouldn't have text wrap around them */
.img.center.secondary {
width: 100%;
margin: 1.6rem auto 2.4rem;
max-width: 100%;
}
.img.center.secondary figcaption {
text-align: center;
}
.img.center.secondary img {
margin: 0 auto;
width: 100%;
}
/* slideshow button */
.img.slideshow-link > div > a {
display: none;
}
.img aside a.pinterest {
display: none;
}
.img .view-slideshow-button {
display: none;
}
.img .enlarge {
display: none;
}
.img .close {
display: none;
}
.interstitial {
display: none;
}
.latest-news {
display: none;
}
.most-popular {
display: none;
}
.nymab-response {
display: none;
}
.quiz {
display: none;
}
.related-side {
display: none;
}
.share {
display: none;
}
.share-feed {
display: none;
}
.subnav-slider {
display: none;
}
.taboola {
display: none;
}
.tags {
display: none;
}
.vulture-nav-minimal {
background-color: #fff;
border-bottom: 1px solid #000;
height: 56px;
margin: 0 0 20px;
padding: 0 0 4px;
position: relative;
width: 100%;
}
.vulture-nav-minimal .ad-splash,
.vulture-nav-minimal .search,
.vulture-nav-minimal .tagline,
.vulture-nav-minimal .vulture-nav-inner:after,
.vulture-nav-minimal div > * {
display: none;
}
.vulture-nav-minimal > div:before {
bottom: 0;
color: #000;
content: 'vulture.com';
display: block;
font: 14px/1 Georgia, serif;
padding: 0 0 3px;
position: absolute;
right: 0;
text-align: right;
}
.vulture-nav-minimal .vulture-nav-inner {
border: 0;
height: 56px;
padding: 0;
}
.vulture-nav-minimal .logo {
display: inline-block;
height: 53px;
left: 2px;
overflow: visible;
position: relative;
top: 0;
}
.vulture-nav-minimal .logo svg {
fill: #000;
height: 50px;
max-width: 100%;
width: auto;
}
.vulture-nav-minimal .logo svg * {
fill: #000;
}
.vulture-nav-minimal .logo:after {
border: 0;
content: url(//cache.nymag.com/media/cover-story.svg);
display: block;
height: 70px;
left: 78px;
position: absolute;
text-align: center;
top: 25px;
width: 60px;
z-index: 1;
}
}
@media screen and (min-width: 0.000em) and (max-width: 63.999em) {
.vulture #article-feature #primary .share:last-child {
top: 0;
}
.vulture #article-feature #secondary {
float: none;
}
.vulture #article-feature #tertiary {
border-left: none;
float: none;
}
.vulture #article-feature .story .body {
font-family: Georgia, sans-serif;
}
#article-feature #top {
clear: both;
width: 100%;
}
#article-feature #primary,
#article-feature #primary-aux,
#article-feature #secondary,
#article-feature #tertiary {
clear: both;
margin: 0 auto;
}
#article-feature #tertiary .most-popular {
margin-top: 47px;
}
.global-nav {
display: none;
}
.interstitial {
display: none;
}
.nymab-response {
display: none;
}
}
@media screen and (min-width: 64.000em) {
.vulture #article-feature #secondary .AR_2.ob-strip-layout .ob-dynamic-rec-container {
max-width: 190px;
}
.vulture #article-feature #secondary .AR_2.ob-widget .ob-dynamic-rec-container ~ .ob-dynamic-rec-container {
margin: 0 0 0 4.3%;
}
#article-feature #top .ad:first-of-type {
background-color: #3a3a3a;
height: 102px;
padding: 6px 0;
}
#article-feature #box {
margin: 0 auto 50px;
position: relative;
width: 1024px;
}
/* clearfix */
#article-feature #box:after {
clear: both;
content: '';
display: table;
}
#article-feature #primary .ad {
float: right;
left: 65px;
margin-left: -30px;
position: relative;
width: 300px;
}
#article-feature #primary .ad,
#article-feature #primary .ad iframe {
min-height: 0;
}
#article-feature #primary-aux,
#article-feature #secondary {
float: left;
width: 670px;
}
#article-feature #tertiary {
border-left: 1px solid #dcdcdc;
float: right;
padding-bottom: 40px;
padding-left: 22px;
width: 322px;
}
/* Allows any HTML embed with class="single-col-spread" to extend beyond the text width to the full width between the prev and next. */
#article-feature .single-col-spread {
margin-left: -152px;
width: 1024px;
}
.story .episode-recap {
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
top: 60rem;
left: -17.5rem;
padding: .8rem 0 1.2rem;
position: absolute;
text-align: center;
width: 11rem;
}
.story .episode-recap a {
color: #1782a9;
text-decoration: none;
}
.story .episode-recap dl {
margin: 0;
}
.story .episode-recap dt {
display: block;
}
.story .episode-recap dd {
display: block;
margin: 0;
}
/* Recap Image */
.story .episode-recap img {
height: 8rem;
width: 8rem;
}
/* Show Title */
.story .episode-recap .show {
border-bottom-color: #ddd;
border-bottom-style: dotted;
border-bottom-width: .2rem;
padding: 0 .6rem .9rem;
}
.story .episode-recap .show dt {
display: none;
}
.story .episode-recap .show dd,
.story .episode-recap .show dd a {
display: block;
font-family: Georgia, serif;
font-size: 1.4rem;
font-style: italic;
font-weight: bold;
line-height: 1.2;
text-transform: capitalize;
}
/* Episode Title */
.story .episode-recap .title dt {
display: none;
}
.story .episode-recap .title dd {
color: #111;
font-family: Georgia, serif;
font-size: 1.4rem;
text-align: center;
line-height: 1.1;
padding: 1rem 0 .4rem;
}
/* Season and Episode Numbers */
.story .episode-recap .season,
.story .episode-recap .episode {
color: #999;
display: block;
font-family: Arial, sans-serif;
font-size: 1rem;
padding: 0 0 .3rem;
}
.story .episode-recap .season {
padding: 0;
}
.story .episode-recap .season dt,
.story .episode-recap .episode dt,
.story .episode-recap .season dd,
.story .episode-recap .episode dd {
display: inline;
}
/* Rating */
.story .episode-recap .rating {
background: #f7f7f7;
border-radius: 3px;
margin: .7rem .5rem 1rem;
padding: .8rem .6rem 1rem;
}
.story .episode-recap .rating dt {
color: #555;
font-family: Arial, sans-serif;
font-size: .9rem;
font-weight: bold;
line-height: 1;
padding-bottom: .3rem;
text-transform: uppercase;
}
.story .episode-recap .rating .score {
display: none;
}
.story .episode-recap .rating .stars {
font-size: 0;
white-space: nowrap;
}
.story .episode-recap .rating .stars svg {
display: inline-block;
height: 1.7rem;
padding: 0;
margin: 0;
width: 1.7rem;
}
/* Next and Previous Episodes */
.story .episode-recap nav {
padding: 0 0.6rem;
}
.story .episode-recap .prev,
.story .episode-recap .next {
clear: left;
float: left;
font-family: Arial, sans-serif;
font-size: 1.2rem;
font-weight: bold;
margin: 0 0 1rem;
padding: 0;
text-align: left;
width: 50%;
}
.story .episode-recap .next {
border-left: 2px solid #ccc;
clear: right;
float: right;
text-align: right;
}
.story .episode-recap span.prev,
.story .episode-recap span.next {
color: #ccc;
}
.story .episode-recap .prev:before,
.story .episode-recap .next:after {
content: '< ';
font-family: Elderkin, Arial, sans-serif;
font-size: 1.6rem;
line-height: 0;
position: relative;
top: 0.1rem;
}
.story .episode-recap .next:after {
content: ' >';
}
/* Complete Link */
.story .episode-recap .complete {
clear: both;
display: block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
}
.global-nav {
display: block;
height: 2.3rem;
margin: 0;
padding: 0;
width: 100%;
}
.global-nav > div {
height: 2.3rem;
margin: 0 auto;
padding: 0;
width: 102.4rem;
}
.global-nav a {
color: #b2b2b2;
display: block;
float: left;
font-family: Arial,sans-serif;
font-size: 1rem;
font-weight: 400;
height: 2.3rem;
line-height: 1;
padding: .7rem .8rem;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.global-nav a:hover {
text-decoration: underline;
}
.global-nav .rightMenu {
float: right;
}
.global-nav .login-lightbox {
padding-right: 1rem;
position: relative;
}
.global-nav .login-lightbox:after {
color: rgb(100, 100, 100);
content: "\007C";
position: absolute;
right: .1rem;
}
.global-nav .register-lightbox {
padding-left: .3rem;
}
.global-nav .social {
float: right;
left: -4px;
min-width: 10rem;
position: relative;
top: -1px;
}
.global-nav .social p {
color: #b2b2b2;
display: block;
font-family: Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
float: left;
line-height: .5rem;
padding: 0 .5rem;
text-decoration: none;
text-transform: uppercase;
}
.global-nav .twitter,
.global-nav .facebook,
.global-nav .instagram {
background-image: url(//cache.nymag.com/media/twitter-28x28.2x.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.4rem 1.4rem;
color: transparent;
height: 1.4rem;
overflow: hidden;
margin: .35rem .3rem;
width: 1.4rem;
}
.global-nav .facebook {
background-image: url(//cache.nymag.com/media/facebook-28x28.2x.png);
}
.global-nav .instagram {
background-image: url(//cache.nymag.com/media/instagram-icon.svg);
line-height: 0;
font-size: 0;
color: transparent;
}
.global-nav .facebook:hover,
.global-nav .instagram:hover,
.global-nav .twitter:hover {
opacity: .7;
}
.global-nav .followLabel {
color: #b2b2b2;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1rem;
padding: .6rem .4rem .6rem .8rem;
text-decoration: none;
text-transform: uppercase;
}
/* Login styles: refactor when move to new login. */
.global-nav .membership a {
text-transform: none;
}
.global-nav #nav-mynewyork {
display: block;
float: right;
margin-right: 2rem;
padding-right: 1rem;
position: relative;
background: transparent url(//cache.nymag.com/media/down-arrow.png) right center no-repeat;
}
.global-nav #user_name {
font-style: normal;
}
.global-nav .membership ul {
list-style: none;
margin: 0;
min-width: 10rem;
padding-left: 0;
}
.global-nav .mynewyork ul {
background: #fff;
border: 1px solid #222;
border-top: none;
border-radius: 0 0 .3rem .3rem;
box-shadow: 0 -.5rem .5rem rgba(85, 85, 85, .5);
margin: 0;
position: absolute;
right: 0;
top: 2.3rem;
z-index: 999999999;
}
.global-nav #sub_nav_mynewyork a {
border-bottom: 1px solid #e5e5e5;
color: #3e3e3e;
font-size: 1.1rem;
margin: 0 .6rem;
padding: .6rem .3rem .5rem;
}
.global-nav #sub_nav_mynewyork #utility_logout {
border-bottom: none;
padding-bottom: .8rem;
}
.global-nav #sub_nav_mynewyork a:hover {
text-decoration: underline;
}
/* Basics */
.img {
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-style: normal;
line-height: 1.3rem;
margin: 1.6rem 0;
position: relative;
max-width: 100%;
}
.img div {
position: relative;
}
.img img {
width: 100%;
transition: opacity .4s ease-in;
}
.img aside {
left: .5rem;
position: absolute;
top: .5rem;
transition: opacity .25s ease-in;
}
.img figcaption {
margin: .5rem 0 0;
width: 100%;
text-align: left;
}
.img figcaption,
.img figcaption[itemprop='caption'] a {
color: #353535;
}
.img figcaption .buffer {
margin-right: .2rem;
}
.img cite {
font-style: normal;
}
.img cite,
.img figcaption[itemprop='caption'] cite a {
color: #888;
}
.img .close {
display: none;
}
/* Display Variations */
/* Thumb */
.img.thumb {
float: left;
margin: .5rem 2rem 1rem 0;
max-width: 18.8rem;
min-width: 14.6rem;
}
.img.thumb cite {
display: inline;
}
.img.thumb aside {
display: none;
}
/* Square */
.img.square {
float: left;
margin: .5rem 2rem 1rem 0;
width: 18.8rem;
}
.img.square cite {
display: inline;
}
/* Vertical */
.img.vertical-small {
float: left;
margin: .5rem 2rem 1rem 0;
width: 24rem;
}
.img.vertical-small cite {
margin: 0;
}
/* Vertical List */
.img.vertical-list figcaption {
text-align: center;
}
/* Large Vertical */
.img.vertical {
margin: .5rem 0 2.1rem;
}
.img.vertical figcaption {
text-align: center;
}
/* Horizontal */
.img.horizontal {
clear: both;
margin: .5rem 0 2.1rem;
width: 52.9rem;
}
.img.horizontal figcaption {
text-align: center;
}
.img.horizontal img {
width: 100%;
}
/* Secondary Image Alignment */
.img.right {
float: right;
margin: 1rem 0 1rem 2.5rem;
max-width: 25rem;
}
.img.left {
float: left;
text-align: left;
margin: 1rem 2.5rem 1rem 0;
max-width: 25rem;
}
.img.left.secondary figcaption {
text-align: left;
}
.img.center {
margin: 1.6rem 0 2.4rem;
text-align: center;
}
/* secondary centered images shouldn't have text wrap around them */
.img.center.secondary {
width: 100%;
margin: 1.6rem auto 2.4rem;
max-width: 100%;
}
.img.center.secondary figcaption {
text-align: center;
}
.img.center.secondary img {
margin: 0 auto;
width: 100%;
}
/* Enlarge Button */
.img .enlarge {
background-color: #fff;
border: 1px solid #ccc;
border-radius: .3rem;
cursor: pointer;
display: block;
height: 3.1rem;
line-height: 0;
margin: 0 0 .6rem;
opacity: .6;
padding: .4rem;
text-align: center;
transition: opacity .15s ease-in;
width: 3.1rem;
}
.img:hover .enlarge {
opacity: 1;
}
.img .enlarge svg {
height: 1.6rem;
left: 0;
position: relative;
top: 0;
width: 1.6rem;
}
/* Enlarged Image */
.img.enlarged {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
max-width: none;
width: 100%;
z-index: 9999999;
}
.img.enlarged div {
max-height: 90%;
/* Read by JavaScript. Must be %. */
max-width: 102.4rem;
/* Read by JavaScript. Must be rem. */
position: relative;
}
.img.enlarged img {
-webkit-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
height: auto;
max-height: 100%;
max-width: 100%;
opacity: 1;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: auto;
}
.img.enlarged .enlarge {
display: none;
}
.img.enlarged figcaption {
color: #fff;
-webkit-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.img.enlarged figcaption cite {
color: #fff;
}
.img.enlarged .close {
background-color: rgba(87, 87, 87, .2);
border: 1px solid rgba(0, 0, 0, .1);
border-radius: .3rem;
cursor: pointer;
display: inline-block;
height: 3.1rem;
position: absolute;
right: .5rem;
top: .5rem;
transition: border-color .25s ease-in;
width: 3.1rem;
}
.img.enlarged .close svg {
height: 1.6rem;
left: 0;
margin: .7rem;
position: absolute;
top: 0;
width: 1.6rem;
}
.img.enlarged .close svg path {
fill: #fff;
}
/* Pinterest and fb */
.img aside a.fb,
.img aside a.pinterest {
background-color: rgba(255,255,255, 0.8);
border: 1px solid #ccc;
cursor: pointer;
display: block;
line-height: 0;
margin: 0 0 .6rem;
opacity: 0;
padding: .3rem;
text-align: center;
transition: opacity .25s ease-in, background-color .15s ease-in;
}
.img aside a.pinterest {
border-bottom: 0;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem;
margin-bottom: 0;
}
.img aside a.fb {
border-bottom-left-radius: .3rem;
border-bottom-right-radius: .3rem;
border-top: 0;
}
.img:hover aside a.pinterest,
.img.enlarged aside a.pinterest,
.img:hover aside a.fb,
.img.enlarged aside a.fb {
opacity: 1;
}
.img aside a.pinterest:hover,
.img aside a.fb:hover {
opacity: 1;
background-color: #fff;
}
.img aside a.pinterest svg,
.img aside a.fb svg {
height: 2.3rem;
width: 2.3rem;
}
/* Slideshow button on top of primary image. */
.img.slideshow-link > div > a {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.img.slideshow-link > div > a button {
background-color: #000;
border: 1px solid #000;
bottom: 1.8rem;
color: #fff;
display: block;
font-family: "MillerHeadlineLight", Georgia, serif;
font-size: 1.45rem;
font-weight: 300;
letter-spacing: .1rem;
font-style: italic;
padding: .3rem 1.2rem 1.3rem 1.9rem;
position: absolute;
right: 1.5rem;
text-transform: uppercase;
transition: background-color 0.2s;
-webkit-font-smoothing: subpixel-antialiased;
}
.img.slideshow-link > div > a:hover button {
background-color: #381AB1;
cursor: pointer;
}
.img.slideshow-link > div > a svg {
display: inline-block;
height: 2.5rem;
margin: 0 .6rem;
position: relative;
top: .6rem;
width: 2.5rem;
}
/* Alternate slideshow button for large vertical. */
.img.slideshow-link.vertical > div > a button {
bottom: auto;
letter-spacing: 0;
margin: 0;
top: 1.5rem;
}
/* Alternate slideshow button for vertical-small. */
.img.slideshow-link.vertical-small > div > a button {
bottom: .9rem;
left: .9rem;
right: .9rem;
width: calc(100% - 1.8rem);
}
.interstitial {
background: rgba(0, 0, 0, .85);
box-shadow: 0 .5rem .5rem rgba(255, 255, 255, .85);
color: #aaa;
font-family: Arial, sans-serif;
font-size: 1rem;
height: 28.1rem;
left: 0;
margin: 0 auto;
overflow-y: hidden;
opacity: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: -100;
-webkit-transform: translateY(-26.8rem);
transform: translateY(-26.8rem);
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}
.interstitial .ad {
bottom: .7rem;
left: 50%;
margin-left: -48.5rem;
position: absolute;
vertical-align: bottom;
width: 97rem;
}
.interstitial button {
background: #000;
background: rgba(0, 0, 0, .2);
border: 0;
border-radius: .5rem;
color: #fff;
cursor: pointer;
font-family: Arial, sans-serif;
font-size: 1rem;
height: 2rem;
left: 50%;
margin-left: 42.9rem;
position: absolute;
text-align: center;
text-transform: uppercase;
top: .3rem;
width: 8rem;
z-index: 2;
}
.interstitial .load {
opacity: 1;
}
.interstitial section {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity .5s ease-in-out;
}
.interstitial.show,
.interstitial .show {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
z-index: 999999998;
}
.interstitial span:not(.seconds) {
display: block;
padding: .3rem 0 .3rem 0;
text-align: center;
}
.interstitial.close,
.interstitial .close {
-webkit-transform: translateY(-28rem);
transform: translateY(-28rem);
z-index: 999999998;
}
.most-popular {
position: relative;
margin: 3.5rem 0 0;
}
.most-popular h2 {
background-color: #fff;
color: #333;
display: inline-block;
font-family: Georgia, serif;
font-size: 1.3rem;
font-style: italic;
font-weight: bold;
left: 2rem;
line-height: 1.1;
padding: 0 1rem;
position: absolute;
top: -1.8rem;
white-space: nowrap;
z-index: 2;
}
.most-popular article {
border-top: 1px solid #f1f1f1;
padding-bottom: 2rem;
}
.most-popular article:nth-of-type(1) {
border-top: 1px solid #bbb;
padding-top: 1rem;
}
.most-popular a {
background-position: 3.5rem 1.5rem;
color: #222;
display: block;
font-family: Georgia, serif;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.7;
left: 0;
margin: 0;
padding: 2rem 3rem 0 3.5rem;
position: relative;
text-decoration: none;
text-transform: none;
}
.most-popular a:before {
left: 0;
}
.most-popular a:hover {
color: #444;
transition: color .2s;
}
.most-popular div.visual {
background-repeat: no-repeat;
background-size: 23.5rem auto;
height: 15.7rem;
margin-bottom: .5rem;
width: 23.5rem;
}
.most-popular p {
margin: 0;
}
.most-popular article p {
line-height: 1.3;
}
/* Numbers */
.most-popular article a:before {
background: url(//cache.nymag.com/media/1.png) no-repeat 0 0;
background-size: auto 2rem;
content: ' ';
display: block;
height: 2rem;
position: absolute;
left: 0;
top: 2.8rem;
width: 2rem;
}
.most-popular article:nth-of-type(2) a:before {
background-image: url(//cache.nymag.com/media/2.png);
}
.most-popular article:nth-of-type(3) a:before {
background-image: url(//cache.nymag.com/media/3.png);
}
.most-popular article:nth-of-type(4) a:before {
background-image: url(//cache.nymag.com/media/4.png);
}
.most-popular article:nth-of-type(5) a:before {
background-image: url(//cache.nymag.com/media/5.png);
}
.most-popular article:nth-of-type(6) a:before {
background-image: url(//cache.nymag.com/media/6.png);
}
.most-popular article:nth-of-type(7) a:before {
background-image: url(//cache.nymag.com/media/7.png);
}
.most-popular article:nth-of-type(8) a:before {
background-image: url(//cache.nymag.com/media/8.png);
}
.most-popular article:nth-of-type(9) a:before {
background-image: url(//cache.nymag.com/media/9.png);
}
.most-popular article:nth-of-type(10) a:before {
background-image: url(//cache.nymag.com/media/10.png);
}
.most-popular .share-feed {
margin: .8rem 0 .1rem;
padding: 0 0 1.75rem 3.5rem;
}
.most-popular .share-feed a:before {
background: none;
content: '' !important;
}
.related-side {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
float: left;
margin: .8rem 2.5rem 1.5rem 0;
padding: .5rem 0 0;
position: relative;
width: 19rem;
}
.related-side h2,
.story .body .related-side h2 {
background-color: #fff;
color: #555;
font-family: Georgia, serif;
font-size: 1.1rem;
font-style: italic;
font-weight: bold;
margin: 0;
padding-right: .8rem;
position: absolute;
top: -1.2rem;
}
.related-side a,
.story .body .related-side a {
background-position: 0 1rem;
background-repeat: no-repeat;
background-size: 4.7rem auto;
border-bottom: 1px solid #f1f1f1;
color: #2881b3;
display: block;
font-family: Arial, sans-serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.2;
min-height: 6.7rem;
padding: 1rem 0;
text-decoration: none;
}
.related-side a.has-image,
.story .body .related-side a.has-image {
padding: 1rem 0 1rem 5.7rem;
}
.related-side a:last-child,
.story .body .related-side a:last-child {
border-bottom: 0;
}
/* container */
.share {
border-top: 1px solid #e0e0e0;
display: block;
margin: 0 0 4.5rem 0;
padding: 1.4rem 0 0;
width: 11rem;
}
.share em {
font-style: normal;
}
/* title */
.share .share-text {
display: none;
}
/* total share count */
.share .share-counter {
color: #f6a303;
display: block;
font-family: Arial, sans-serif;
font-size: 2rem;
font-style: normal;
font-weight: normal;
margin: 0 0 1.7rem;
padding: 0 .6rem;
}
.share .share-counter em {
color: #000;
display: block;
font-size: 1.3rem;
}
/* share link */
.share a {
border-top: 1px solid #eaeaea;
color: #555;
display: block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-style: normal;
font-weight: normal;
height: 2.6rem;
margin: 0 0 .9rem;
padding: 1.1rem 0 0 2.9rem;
position: relative;
text-decoration: none;
width: 10.9rem;
}
/* share icons */
.share a svg {
height: 1.8rem;
position: absolute;
left: .5rem;
top: .7rem;
width: 1.8rem;
}
.share a.email svg {
height: 1.7rem;
left: .6rem;
top: 1rem;
width: 1.7rem;
}
.share a.comments svg {
height: 1.8rem;
left: .5rem;
top: .8rem;
width: 1.7rem;
}
.share a.print svg {
height: 2.2rem;
left: .3rem;
top: .6rem;
width: 2.2rem;
}
/* count */
.share a em {
border-left: 1px solid #dadada;
bottom: 0;
color: #000;
display: block;
font-weight: bold;
margin-top: 1rem;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 3.4em;
}
/* specific share tools */
.share a.comments {
color: #000;
font-weight: bold;
}
.share a.email {
border-top: 1px solid #eaeaea;
font-weight: normal;
}
.share a.print {
font-weight: normal;
margin: -.2rem 0 0;
}
.share .close {
display: none;
}
/* horizontal (direction set in json) */
.share.horizontal {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
padding: 1rem 0;
margin-bottom: 3rem;
width: 100%;
}
.share.horizontal::after {
clear: both;
content: '';
display: block;
}
.share.horizontal .share-counter {
display: none;
}
.share.horizontal a {
background-position: 0;
border-right: 1px solid #dadada;
border-top: none;
float: left;
height: 1.8rem;
margin: 0 1rem 0 0;
padding: .4rem 0 0 2.4rem;
width: 6.5rem;
}
.share.horizontal a:last-of-type {
border-right: none;
}
.share.horizontal a em {
display: none;
}
/* share icons */
.share.horizontal a svg {
height: 1.8rem;
position: absolute;
left: 0;
top: 0;
width: 1.8rem;
}
.share.horizontal a.email svg {
height: 1.7rem;
top: .3rem;
width: 1.7rem;
}
.share.horizontal a.print svg {
height: 2.2rem;
top: -.1rem;
width: 2.2rem;
}
.share.horizontal a.print span {
display: none;
}
/* hide the mobile overlay (edge case) */
.share.overlay {
display: none;
}
/* hide whatsapp (except on ios) */
.share .whatsapp {
display: none;
}
.share .whatsapp.displayed {
display: block;
}
.share-feed,
.greatest-hits .share-feed,
.most-popular .share-feed,
.newsfeed .share-feed {
height: 1.6rem;
overflow: hidden;
}
.share-feed div.share-count,
.greatest-hits section.share-feed div.share-count,
.most-popular section.share-feed div.share-count,
.newsfeed section.share-feed div.share-count,
.top-stories section.share-feed div.share-count {
color: #f85d00;
display: block;
font-family: Arial, sans-serif;
font-size: 1.2rem;
font-style: normal;
font-weight: 700;
height: 1.6rem;
left: 0;
line-height: 1;
margin: 0;
padding: 0 0 .1rem;
position: relative;
top: 0;
}
.share-feed .share-count em,
.greatest-hits .share-feed .share-count em,
.most-popular .share-feed .share-count em,
.newsfeed .share-feed .share-count em {
color: #555;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
}
.share-feed a,
.greatest-hits .share-feed a,
.most-popular .share-feed a,
.newsfeed .share-feed a {
background-position: 0;
background-repeat: no-repeat;
background-size: 1.4rem 1.4rem;
border-bottom: none;
border-top: none;
color: #555;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-weight: 400;
opacity: .2;
padding: .1rem 0 .1rem 1.8rem;
text-decoration: none;
}
.share-feed a.fb,
.greatest-hits .share-feed a.fb,
.most-popular .share-feed a.fb,
.newsfeed .share-feed a.fb {
background-image: url(//cache.nymag.com/media/facebook.svg);
}
.share-feed a.twit,
.greatest-hits .share-feed a.twit,
.most-popular .share-feed a.twit,
.newsfeed .share-feed a.twit {
background-image: url(//cache.nymag.com/media/twitter.svg);
}
.share-feed a:hover,
.greatest-hits .share-feed a:hover,
.most-popular .share-feed a:hover,
.newsfeed .share-feed a:hover {
text-decoration: none;
}
.share-feed a:nth-of-type(1),
.most-popular .share-feed a:nth-of-type(1),
.newsfeed .share-feed a:nth-of-type(1) {
border-right: 1px solid #dadada;
margin-right: .8rem;
padding: .1rem .8rem .1rem 1.8rem;
}
section.share-feed a.fb:before,
article:hover .share-feed div.share-count,
.top-stories div div:hover .share-feed div.share-count,
.most-popular article:hover .share-feed div.share-count {
display: none;
}
article:hover .share-feed a,
.greatest-hits article:hover .share-feed a,
.top-stories div div:hover .share-feed a,
.most-popular article:hover .share-feed a {
color: #000;
display: inline-block;
opacity: 1;
transition: opacity .8s;
}
/* Components that hide count. */
.share-feed.no-count div.share-count,
a:hover .share-feed.no-count div.share-count,
article:hover .share-feed.no-count div.share-count,
.scienceofus .newsfeed .share-feed div.share-count,
.scienceofus .newsfeed a:hover .share-feed div.share-count,
.scienceofus .newsfeed article:hover .share-feed div.share-count,
.grubstreet .newsfeed .share-feed div.share-count,
.grubstreet .newsfeed a:hover .share-feed div.share-count,
.grubstreet .newsfeed article:hover .share-feed div.share-count {
display: none;
}
.vulture-nav-minimal {
border-top: 1px solid #e5e5e5;
}
.vulture-nav-minimal .vulture-nav-inner {
border: 0;
height: 40px;
margin: 0 auto;
width: 1024px;
}
.vulture-nav-minimal .vulture-nav-inner:after {
border: 0;
}
.vulture-nav-minimal .logo {
height: 57px;
left: -33px;
top: -7px;
width: 278px;
}
.vulture-nav-minimal .logo svg {
height: 107px;
}
.vulture-nav-minimal .tagline {
height: 100px;
left: 69px;
top: 26px;
width: 80px;
}
.vulture-nav-minimal .main {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 25px;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
left: 220px;
top: 13px;
width: calc(100% - 602px);
}
.vulture-nav-minimal .stream {
margin-left: 30px;
}
.vulture-nav-minimal .main-item:last-of-type a {
font-size: 18px;
letter-spacing: 0;
}
.vulture-nav-minimal .main-item:last-of-type a:before {
background-image: url(//cache.nymag.com/media/plus.svg);
background-repeat: no-repeat;
background-size: 24%;
content: '';
height: 60px;
position: absolute;
right: 32px;
top: 5px;
width: 100%;
}
.vulture-nav-minimal .main-item:last-of-type a:after {
display: none;
}
.vulture-nav-minimal .search {
border: 1px solid #ccc;
border-radius: 4px;
cursor: text;
height: 30px;
outline: none;
right: 8px;
top: 10px;
width: 130px;
}
.vulture-nav-minimal .search:hover,
.vulture-nav-minimal .search:focus {
opacity: .8;
}
.vulture-nav-minimal .search.on {
background-color: transparent;
border: 1px solid #ccc;
height: 30px;
transition: width 150ms, background 150ms;
width: 210px;
}
.vulture-nav-minimal .search .search-icon {
cursor: pointer;
height: 11px;
right: 9px;
top: 8px;
width: 11px;
}
.vulture-nav-minimal .search.on .search-icon {
display: block;
}
.vulture-nav-minimal .search .search-close,
.vulture-nav-minimal .search.on .search-close {
display: none;
}
.vulture-nav-minimal .search .text-query {
border-radius: 4px;
font: 12px Arial, sans-serif;
}
.vulture-nav-minimal .search-icon svg {
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.vulture-nav-minimal .searchtext {
color: #959595;
display: inline-block;
float: left;
font: 12px/.583 Arial, sans-serif;
padding: 11px;
}
.vulture-nav-minimal .dropdown,
.vulture-nav-minimal .nav-mobile {
display: none;
}
.vulture .latest-news {
border-bottom: 1px solid #f1f1f1;
border-top: 1px solid #bbb;
margin-top: 1.5rem;
padding-bottom: 1.5rem;
position: relative;
}
.vulture .latest-news h2 {
background-color: #fff;
color: #333;
font-family: "Elderkin", Arial, sans-serif;
font-size: 2.8rem;
font-style: normal;
font-weight: 700;
padding-right: 1rem;
position: absolute;
top: -4.1rem;
white-space: nowrap;
}
.vulture .latest-news a {
background-position: .2rem 1.5rem;
background-repeat: no-repeat;
background-size: 14.5rem auto;
border-top: 1px solid #f1f1f1;
color: #3e3e3e;
display: block;
font-family: GeorgiaProCondSemiBold, serif;
font-size: 1.9rem;
line-height: 1.1;
margin: 1.5rem 0 0;
min-height: 12.2rem;
padding: 1.5rem 0 0;
text-decoration: none;
}
.vulture .latest-news > a:nth-of-type(1) {
border-top: none;
}
.vulture .latest-news a:hover {
color: #444;
transition: color .2s;
}
.vulture .latest-news a[hidden] {
display: none;
}
.vulture .latest-news a p {
clear: both;
color: #555;
display: block;
font-family: Georgia, serif;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
line-height: 1.3;
margin: .3rem 0 0;
text-transform: none;
}
.vulture .latest-news a .title {
color: #111;
font-family: Georgia, serif;
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
}
.vulture .latest-news a time {
clear: both;
color: #555;
display: block;
font-family: Arial, sans-serif;
font-size: 1rem;
padding: 0 0 .6rem;
text-transform: none;
}
.vulture .latest-news a.latest-news-img {
padding-left: 16.3rem;
}
.vulture .latest-news button {
display: none;
}
.vulture .latest-news .ad {
border-top: 1px solid #f1f1f1;
margin: 1.5rem auto 0;
padding: 1.5rem 0 0;
text-align: center;
}
.vulture .latest-news .ad[data-sizes="538x110"] {
border-top: 0;
height: 1px;
margin: 0;
padding: 0;
}
.vulture ins.adsbygoogle {
height: 60px;
margin: 0 3.5rem;
width: 468px;
}
.vulture .most-popular > h2 {
font-family: "Elderkin", Helvetica, sans-serif;
font-size: 2rem;
font-style: normal;
line-height: 1.1;
top: -2.8rem;
}
.vulture .most-popular article:nth-of-type(6) {
border-top: none;
}
/* Numbers */
.vulture .most-popular article a:before {
background-size: auto 2rem;
content: ' ';
display: block;
height: 2rem;
position: absolute;
left: 0;
top: 2.8rem;
width: 2.3rem;
}
.vulture .most-popular article:nth-of-type(1) a:before {
background-image: url(//cache.nymag.com/media/vulture-1.png);
}
.vulture .most-popular article:nth-of-type(2) a:before {
background-image: url(//cache.nymag.com/media/vulture-2.png);
}
.vulture .most-popular article:nth-of-type(3) a:before {
background-image: url(//cache.nymag.com/media/vulture-3.png);
}
.vulture .most-popular article:nth-of-type(4) a:before {
background-image: url(//cache.nymag.com/media/vulture-4.png);
}
.vulture .most-popular article:nth-of-type(5) a:before {
background-image: url(//cache.nymag.com/media/vulture-5.png);
}
.vulture .most-popular article:nth-of-type(6) a:before {
background-image: url(//cache.nymag.com/media/vulture-6.png);
}
.vulture .most-popular article:nth-of-type(7) a:before {
background-image: url(//cache.nymag.com/media/vulture-7.png);
}
.vulture .most-popular article:nth-of-type(8) a:before {
background-image: url(//cache.nymag.com/media/vulture-8.png);
}
.vulture .most-popular article:nth-of-type(9) a:before {
background-image: url(//cache.nymag.com/media/vulture-9.png);
}
.vulture .most-popular article:nth-of-type(10) a:before {
background-image: url(//cache.nymag.com/media/vulture-10.png);
}
.vulture .quiz {
background-color: #ededed;
display: block;
margin-bottom: 2rem;
overflow: hidden;
padding: 4rem 3rem 3rem;
}
.vulture #quizMobile {
display: none;
}
.vulture .quiz.correct {
-webkit-animation: QuizFadeIn .35s ease-in;
animation: QuizFadeIn .35s ease-in;
background-color: #20bdef;
}
.vulture .quiz.wrong {
-webkit-animation: QuizFadeIn .35s ease-in;
animation: QuizFadeIn .35s ease-in;
background-color: #ff244e;
}
.vulture .quiz.block,
.vulture .quiz .block {
display: block !important;
}
.vulture .quiz.none,
.vulture .quiz .none {
display: none !important;
}
.vulture .quiz .visible {
visibility: visible !important;
}
.vulture .quiz a,
.vulture .quiz button {
cursor: pointer;
}
.vulture .quiz h2 {
font-family: Elderkin, Arial, sans-serif;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0;
line-height: 100%;
margin: 0 0 2rem 0;
text-align: center;
}
.vulture .quiz.mc-txt h2 {
border-bottom: 2px solid #000;
border-top: 2px solid #000;
font-family: georgia,serif;
font-size: 2.6rem;
margin: 0 6rem;
padding: 1rem 0;
}
.vulture .quiz header img {
display: none;
height: auto;
margin: -3rem calc(50% - 6.3rem) 0;
width: 12.6rem;
}
.vulture .quiz.mc-txt header img {
display: block;
}
.vulture .quiz .quiz-slide h2 {
border: none;
font-family: Georgia, serif;
font-size: 2rem;
font-weight: 400;
line-height: 2.2rem;
margin: 0 0 2rem;
padding: 0 1rem;
text-align: left;
}
.vulture .quiz.photo .quiz-slide h2 {
text-align: center;
}
.vulture .quiz .quiz-slide {
position: relative;
}
.vulture .quiz .quiz-slide > a {
background-color: #fff;
border: 2px solid #000;
border-radius: 3px;
display: block;
font-family: arial, sans-serif;
font-size: 1.5rem;
margin: 1rem auto;
padding: 1rem 0;
width: 13rem;
}
.vulture .quiz .quiz-slide img {
border-radius: .2rem;
box-shadow: 0 0 3px 0 rgba(50,50,50,0.25);
display: block;
margin-bottom: 2rem;
transition: visibility 300ms;
visibility: 1;
width: 100%;
}
.vulture .quiz .quiz-slide img.fadeout {
visibility: 0;
}
.vulture .quiz .quiz-slide .reveal {
display: none;
left: 0;
position: absolute;
top: 0;
}
.vulture .quiz .quiz-slide .current-slide,
.vulture .quiz .quiz-slide .slide-length {
display: inline-block;
font-family: Georgia, serif;
font-style: italic;
margin: 2rem 0 0;
}
.vulture .quiz .quiz-slide .count-top .current-slide,
.vulture .quiz .quiz-slide .count-top .slide-length {
font-family: arial, sans-serif;
font-size: 1.4rem;
font-style: normal;
margin: 0 0 1rem 0;
text-transform: uppercase;
}
.vulture .quiz .quiz-slide .current-slide {
float: left;
padding-right: .5rem;
}
.vulture .quiz .quiz-slide .count-bottom .current-slide {
text-align: right;
width: 52%;
}
.vulture .mc-txt .count-bottom {
display: none;
}
.vulture .quiz .quiz-slide .current-slide:after {
content: "of";
padding-left: .5rem;
}
.vulture .quiz .quiz-slide .count-top .current-slide:before {
content: "question";
padding-right: .5rem;
}
.vulture .quiz .quiz-slide .count-top {
display: none;
padding: 0 1rem;
}
.vulture .quiz.mc-txt .quiz-slide .count-top {
display: block;
}
.vulture .quiz .quiz-slide .slide-length {
width: 48%;
}
.vulture .quiz .option {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vulture .quiz .option button {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .5rem;
display: inline-block;
margin: 0 0 1rem 0;
min-height: 6rem;
padding: 0 1.5rem;
position: relative;
transition: border .15s;
width: 49%;
}
.vulture .quiz.photo .option button {
box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.25);
overflow: hidden;
padding: 0;
}
.vulture .quiz.mc-txt .option button {
min-height: 5rem;
width: 100%;
}
.vulture .quiz .option button:nth-of-type(odd) {
margin-right: 2%;
}
.vulture .quiz.mc-txt .option button:nth-of-type(odd) {
margin-right: 0;
}
.vulture .quiz .option button p {
font-family: arial, sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
margin: 0;
padding: 1rem 0;
text-align: center;
}
.vulture .quiz.photo .option button p {
padding: 1.5rem 0;
}
.vulture .quiz.mc-txt .option button p {
font-weight: 400;
text-align: left;
}
.vulture .quiz.photo-reveal .option button p {
visibility: hidden;
}
.vulture .quiz.photo-img .option button p {
display: none;
}
.vulture .quiz .option button img {
box-shadow: none;
margin: -0.3rem 0 0 -0.3rem;
width: 103%;
}
.vulture .quiz.photo .option button img {
display: block;
}
.vulture .quiz.mc .option button img {
display: none;
}
.vulture .quiz .option button.disabled {
border-color: #ddd;
color: #aaa;
}
.vulture .quiz .option button.disabled:hover {
cursor: default;
}
.vulture .quiz .option button.disabled.correct-answer,
.vulture .quiz .option button.disabled.correct-answer:hover {
border-color: #000;
color: #000;
}
.vulture .quiz.mc-reveal.wrong .option button.disabled.correct-answer,
.vulture .quiz.mc-img.wrong .option button.disabled.correct-answer {
-webkit-animation: QuizTransformAnswer .35s ease-in;
animation: QuizTransformAnswer .35s ease-in;
}
/* ////////// BEFORE DISPLAYING COMMENT ////////// */
.vulture .quiz .option button:hover {
border-color: #000;
}
.vulture .quiz .option button.disabled {
border-color: #ddd;
color: #aaa;
}
.vulture .quiz .option button.disabled:hover {
cursor: default;
}
.vulture .quiz .option button.disabled.correct-answer,
.vulture .quiz .option button.disabled.correct-answer:hover {
border-color: #000;
color: #000;
}
.vulture .quiz .quiz-slide .wrap {
position: relative;
}
.vulture .mc-txt .quiz-slide .wrap,
.vulture .photo .quiz-slide .wrap {
display: none;
}
/* -- CHECK AND X -- */
.vulture .quiz .checkmark,
.vulture .quiz .x-icon {
-webkit-animation: QuizTransform .35s ease-in;
animation: QuizTransform .35s ease-in;
background-color: #fff;
border: .2rem solid #000;
border-radius: 50%;
display: none;
height: 3rem;
position: absolute;
overflow: hidden;
right: .5rem;
top: .6rem;
width: 3rem;
z-index: 3;
}
.vulture .quiz .checkmark svg,
.vulture .quiz .x-icon svg {
height: 100%;
padding: 0;
width: 100%;
}
/* -- CHECK AND X ON IMAGE -- */
.vulture .quiz .quiz-slide .wrap .checkmark,
.vulture .quiz .quiz-slide .wrap .x-icon,
.vulture .quiz.photo.correct button .checkmark,
.vulture .quiz.photo button .x-icon {
height: 10rem;
right: calc(50% - 5rem);
top: calc(50% - 5rem);
width: 10rem;
}
.vulture .quiz.photo.correct button .checkmark,
.vulture .quiz.photo button .x-icon {
top: calc(50% - 7rem);
}
.vulture .quiz .quiz-slide .wrap .checkmark svg,
.vulture .quiz .quiz-slide .wrap .x-icon svg,
.vulture .quiz.photo button .checkmark svg,
.vulture .quiz.photo button .x-icon svg {
padding: 1.8rem;
}
.vulture .quiz.correct .quiz-slide .wrap .checkmark,
.vulture .quiz.photo.correct button .checkmark {
border: .5rem solid #20bdef;
display: block;
}
.vulture .quiz.correct .quiz-slide .wrap .checkmark svg,
.vulture .quiz.photo.correct button .checkmark {
fill: #20bdef;
}
.vulture .quiz.wrong .quiz-slide .wrap .x-icon,
.vulture .quiz.wrong.photo button .x-icon {
border: .5rem solid #ff244e;
display: block;
}
.vulture .quiz.wrong .quiz-slide .wrap .x-icon svg,
.vulture .quiz.wrong.photo button .x-icon svg {
fill: #ff244e;
}
/* -- CHECK AND X ON IMAGE SMALL -- */
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark,
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
height: 6rem;
right: 1rem;
top: 1rem;
width: 6rem;
}
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark svg,
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon svg {
padding: 1.1rem;
}
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark {
border: .3rem solid #20bdef;
display: block;
}
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
border: .3rem solid #ff244e;
display: block;
}
/* -- CHECK AND X ON BUTTONS -- */
.vulture .quiz.photo.wrong button .checkmark svg,
.vulture .quiz.mc button .checkmark svg,
.vulture .quiz.mc button .x-icon svg {
padding: .5rem;
}
.vulture .quiz.wrong.mc button .x-icon {
border: .2rem solid #ff244e;
display: block;
}
.vulture .quiz.wrong.mc button .x-icon svg {
fill: #ff244e;
}
.vulture .quiz.correct.mc button .checkmark,
.vulture .quiz.wrong.mc button .checkmark,
.vulture .quiz.wrong.photo button .checkmark {
border: .2rem solid #20bdef;
display: block;
}
.vulture .quiz.correct.mc button .checkmark svg,
.vulture .quiz.wrong.mc button .checkmark svg,
.vulture .quiz.wrong.photo button .checkmark svg {
fill: #20bdef;
}
.vulture .quiz.mc.wrong button .x-icon,
.vulture .quiz.mc.correct button .x-icon,
.vulture .quiz.mc.correct button .checkmark,
.vulture .quiz.mc.wrong button .checkmark {
display: none;
}
.vulture .quiz.mc.mc-txt.wrong button .x-icon,
.vulture .quiz.mc.mc-txt.correct button .checkmark,
.vulture .quiz.mc.mc-txt.wrong button .checkmark {
display: block;
top: calc(50% - 1.5rem);
}
.vulture .quiz.photo.correct button .checkmark {
display: block;
}
/* ////////// LAST SLIDE ////////// */
.vulture .quiz .result-slide {
display: none;
position: relative;
}
.vulture .quiz .result-slide .icon {
background-image: url(//cache.nymag.com/media/vulture-icon-blue.svg);
background-repeat: no-repeat;
background-size: 100%;
display: block;
height: 4.5rem;
left: calc(50% - 2.25rem);
position: absolute;
top: -2.2rem;
width: 4.5rem;
}
.vulture .quiz .result-slide .rank {
background: #fff;
border: 6px solid #20bdef;
border-radius: 50%;
color: #20bdef;
float: left;
height: 11rem;
margin: 2rem 0 0 calc(50% - 16.1rem);
position: relative;
text-align: center;
top: 0;
width: 11rem;
}
.vulture .quiz .result-slide .rank p {
color: #20bbf0;
font-family: Arial,serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.2;
padding: 1.5rem 1.2rem 1.5rem 1rem;
text-align: center;
text-transform: uppercase;
width: 10rem;
}
.vulture .quiz .result-slide .score-wrap {
background: #fff;
border: 6px solid #20bdef;
border-radius: 50%;
color: #20bdef;
float: left;
height: 13rem;
margin: 2rem 0 0 -1.5rem;
position: relative;
text-align: center;
width: 13rem;
}
.vulture .quiz .result-slide .score-wrap:before {
content: "score";
font-family: arial,sans-serif;
font-size: 1.2rem;
font-weight: 700;
left: 3.7rem;
letter-spacing: -.05rem;
position: absolute;
text-transform: uppercase;
top: 2.3rem;
}
.vulture .quiz .result-slide .score-wrap span {
color: #20bdef;
font-family: Elderkin, Arial, sans-serif;
font-size: 5rem;
font-weight: 100;
}
.vulture .quiz .result-slide .score-wrap > span {
display: inline-block;
margin-top: 5.4rem;
}
.vulture .quiz .result-slide .score-wrap .total-score {
text-align: right;
}
.vulture .quiz .result-slide .score-wrap .total-score:after {
content: "/";
font-size: 5rem;
font-weight: lighter;
}
.vulture .quiz .result-slide .score-wrap .slide-length {
margin-left: -1rem;
text-align: left;
}
.vulture .quiz .result-slide > div:nth-of-type(2) {
background-color: #20bdef;
border: 5px solid #fff;
padding: 2rem;
}
.vulture .quiz .result-slide div > a:first-of-type {
background-color: #fff;
border: 6px solid #20bdef;
border-radius: 50%;
color: #20bdef;
display: inline-block;
height: 11rem;
left: -1.5rem;
position: relative;
text-transform: uppercase;
top: 2rem;
width: 11rem;
}
.vulture .quiz .result-slide div > a:first-of-type:after {
bottom: 1.6rem;
content: "replay";
font-family: arial,sans-serif;
font-size: 1.2rem;
font-weight: 700;
left: 2.7rem;
position: absolute;
}
.vulture .quiz .result-slide div > a:first-of-type svg {
fill: #20bdef;
left: 2.3rem;
position: absolute;
top: 1rem;
width: 5rem;
}
.vulture .quiz .result-slide .comment,
.vulture .quiz .result-slide h3 {
clear: both;
color: #fff;
font-size: 2.8rem;
font-weight: 400;
line-height: 1.1;
margin: 0 auto;
padding: 1.5rem 0;
text-align: center;
}
.vulture .quiz .result-slide .comment {
width: 80%;
}
.vulture .quiz .result-slide h3 {
border-top: 1px solid #fff;
}
.vulture .quiz aside {
margin: 3rem 0 0;
position: relative;
}
.vulture .quiz aside:after {
content: "";
display: table;
}
.vulture .quiz aside p {
background-image: url(//cache.nymag.com/media/vulture-wings.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
margin: .5rem 0 2.5rem;
text-align: center;
}
.vulture .quiz aside p span {
background-color: #ededed;
color: #20bdef;
display: inline;
font-family: Elderkin, Arial, sans-serif;
font-size: 2.5rem;
font-weight: bolder;
padding: 1rem;
position: relative;
text-transform: uppercase;
top: .1rem;
width: auto;
}
.vulture .quiz aside svg {
margin-bottom: 2rem;
width: 100%;
}
.vulture .quiz aside a {
background-color: #20bdef;
border: .5rem solid #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
padding: 1rem;
text-decoration: none;
}
.vulture .quiz aside a:after {
clear: both;
content: "";
display: block;
}
.vulture .quiz aside span {
color: #fff;
display: inline-block;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.2;
padding-top: .8rem;
width: 73%;
}
.vulture .quiz aside img {
border: .3rem solid #fff;
border-radius: 50%;
float: left;
margin-right: 2rem;
max-height: 7.5rem;
max-width: 7.5rem;
vertical-align: middle;
}
.vulture .quiz .result-slide .fb-share,
.vulture .quiz .result-slide .twitter-share {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: .3rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: arial, sans-serif;
font-size: 1.5rem;
font-weight: bold;
height: 4.3rem;
padding: 1rem 0;
position: relative;
width: 16.8rem;
}
.vulture .quiz .result-slide .fb-share {
float: left;
margin: 0 1.3rem 0 calc(50% - 17.4rem);
}
.vulture .quiz .result-slide .twitter-share:before {
content: none;
}
.vulture .quiz .result-slide .fb-share span,
.vulture .quiz .result-slide .twitter-share span {
border-left: .1rem solid #ccc;
color: #20bdef;
font-weight: 700;
}
.vulture .quiz .result-slide .fb-share span {
padding-left: 2.3rem;
}
.vulture .quiz .result-slide .twitter-share span {
padding-left: 3.3rem;
}
.vulture .quiz .result-slide .fb-share svg {
fill: #20bdef;
width: 4.5rem;
}
.vulture .quiz .result-slide .twitter-share svg {
margin-left: .6rem;
width: 4.2rem;
}
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(1) {
fill: #fff;
}
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(2) {
fill: #20bdef;
}
/* --- RIGHT COLUMN AD --- */
.vulture #article #tertiary.adFade {
margin-top: 3.8rem;
position: absolute;
right: 0;
top: 0;
}
}
@media screen and (min-width: 0.000em) and (max-width: 37.499em) {
#article-feature #primary,
#article-feature #primary-aux,
#article-feature #secondary,
#article-feature #tertiary {
padding: 0 20px;
width: 100%;
}
#article-feature #primary {
overflow: hidden;
padding-top: 22px;
}
#article-feature #primary .share:nth-of-type(1) {
margin-bottom: 40px;
}
#article-feature #primary .share-mini {
margin-bottom: 15px;
}
#article-feature #secondary .vp-0-480[data-sizes^='320x50'],
#article-feature #bottom .vp-0-480[data-sizes^='320x50'],
#article-feature #secondary .vp-480-600[data-sizes^='468x60'],
#article-feature #bottom .vp-480-600[data-sizes^='468x60'] {
background: #fff;
border-bottom: 1px solid #bbb;
height: 91px;
margin-bottom: 14px;
min-width: 320px;
padding: 5px 0;
position: relative;
}
#article-feature #secondary .vp-480-600[data-sizes^='468x60'],
#article-feature #bottom .vp-480-600[data-sizes^='468x60'] {
height: 101px;
}
#article-feature #secondary .latest-news h2,
#article-feature #secondary .latest-news a {
margin-left: 0;
margin-right: 0;
}
#article-feature #secondary .vp-480-600[data-sizes^='468x60'] > div {
margin: 0 auto;
max-width: 480px;
width: 100%;
}
#article-feature #tertiary {
margin-bottom: 25px;
overflow-x: hidden;
}
#article-feature #tertiary .most-popular {
margin-bottom: 20px;
}
#article-feature #bottom .vp-0-480[data-sizes^='320x50'],
#article-feature #bottom .vp-480-600[data-sizes^='468x60'] {
border-bottom: none;
height: 92px;
margin-top: 5px;
}
#article-feature #bottom .vp-480-600[data-sizes^='468x60'] {
height: 102px;
}
.ad.vp-0-480,
.ad.vp-0-400 {
background-color: #f1f1f1;
}
#tertiary .ad {
left: -2rem;
position: relative;
width: calc(100% + 4rem);
}
.ad-recirc {
box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .25);
display: block;
opacity: 0;
position: relative;
text-align: left;
transition: opacity .25s ease-in-out;
transition-delay: .3s;
z-index: -1;
}
.ad-recirc.is-visible {
opacity: 1;
z-index: 2;
}
.ad-recirc.is-visible.is-relative {
opacity: 0;
transition: none;
transition-delay: 0s;
z-index: -1;
}
.ad-recirc .ad-recirc-article {
background: #fff;
left: 0;
padding: 1.3rem 2rem .5rem;
position: absolute;
right: 0;
top: -.5rem;
width: 100%;
z-index: 2;
}
.ad-recirc.is-relative .ad-recirc-article {
display: none;
}
.ad-recirc .ad-recirc-title {
color: #333;
font: 700 1.3rem Georgia, serif;
font-style: italic;
margin: 0;
}
.ad-recirc .ad-recirc-link {
color: #111;
display: block;
font: 700 1.4rem/1.3 Arial, sans-serif;
margin: .8rem 0;
text-decoration: none;
}
.ad-recirc ~ .ad.vp-0-480 {
opacity: 1;
transition: opacity .3s ease-in-out;
}
.ad-recirc ~ .ad.vp-0-480.is-transparent {
opacity: 0;
}
.ad-recirc.is-relative ~.ad.vp-0-480.is-transparent {
opacity: 1;
}
.embed.video {
height: 5rem;
}
.embed.video svg {
height: 50%;
top: 25%;
width: 30%;
}
.story .episode-recap {
border-top: 1px solid #eee;
clear: both;
left: -2rem;
margin: 0;
padding: 1rem 0;
position: relative;
text-align: left;
width: calc(100% + 4rem);
}
.story .episode-recap a {
color: #1782a9;
text-decoration: none;
}
.story .episode-recap dl {
margin: 0;
padding: 0 6rem 0 2rem;
}
.story .episode-recap dt {
display: block;
}
.story .episode-recap dd {
display: block;
margin: 0;
}
/* Recap Image */
.story .episode-recap img {
position: absolute;
right: -1.2rem;
height: 8rem;
width: 8rem;
z-index: 1;
}
/* Show Title */
.story .episode-recap .show {
border-bottom-color: #ddd;
border-bottom-style: dotted;
border-bottom-width: .2rem;
padding: 0 .6rem .9rem 0;
}
.story .episode-recap .show dt {
display: none;
}
.story .episode-recap .show dd,
.story .episode-recap .show dd a {
display: block;
font-family: Georgia, serif;
font-size: 1.6rem;
font-style: italic;
font-weight: bold;
line-height: 1.2;
text-transform: capitalize;
}
/* Episode Title */
.story .episode-recap .details {
border-right: 1px solid #ddd;
float: left;
margin: 1rem 1rem 1rem 0;
position: relative;
width: calc(100% - 12rem);
}
.story .episode-recap .title dt {
display: none;
}
.story .episode-recap .title dd {
color: #111;
font-family: Georgia, serif;
font-size: 1.4rem;
line-height: 1.1;
padding: 0;
}
/* Season and Episode Numbers */
.story .episode-recap .season,
.story .episode-recap .episode {
color: #999;
display: inline;
font-family: Arial, sans-serif;
font-size: 1rem;
padding: 0 0 .3rem;
}
.story .episode-recap .season dt,
.story .episode-recap .episode dt,
.story .episode-recap .season dd,
.story .episode-recap .episode dd {
display: inline;
}
.story .episode-recap .season:after {
content: "/";
font-family: Arial, sans-serif;
font-size: 1.2rem;
margin: 0 .5rem;
}
/* Rating */
.story .episode-recap .rating {
text-align: center;
position: relative;
margin: 1rem 0 0 0;
float: left;
width: 9rem;
}
.story .episode-recap .rating dt {
color: #555;
font-family: Arial, sans-serif;
font-size: 1rem;
font-weight: bold;
line-height: 1;
padding-bottom: .3rem;
text-transform: uppercase;
}
.story .episode-recap .rating .score {
display: none;
}
.story .episode-recap .rating .stars {
font-size: 0;
white-space: nowrap;
}
.story .episode-recap .rating .stars svg {
display: inline-block;
height: 1.7rem;
padding: 0;
margin: 0;
width: 1.7rem;
}
/* Next and Previous Episodes */
.story .episode-recap nav {
background: #f7f7f7;
clear: both;
min-height: 4.3rem;
text-align: center;
width: 100%;
}
.story .episode-recap .prev,
.story .episode-recap .next {
float: left;
font-family: Arial, sans-serif;
font-size: 1.4rem;
font-weight: bold;
padding: 1.5rem;
text-align: left;
}
.story .episode-recap .next {
float: right;
text-align: right;
}
.story .episode-recap span.prev,
.story .episode-recap span.next {
color: #ccc;
}
.story .episode-recap .prev:before,
.story .episode-recap .next:after {
content: '< ';
font-family: Elderkin, Arial, sans-serif;
font-size: 1.6rem;
line-height: 0;
position: relative;
top: 0.1rem;
}
.story .episode-recap .next:after {
content: ' >';
}
/* Complete Link */
.story .episode-recap a.complete {
display: block;
padding: 1.5rem 0;
font-family: Arial, sans-serif;
font-size: 1.3rem;
}
/* Basics */
.img {
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-style: normal;
line-height: 1.3rem;
margin: 1.6rem -2rem;
position: relative;
width: calc(100% + 4rem);
/* full bleed */
}
.img div {
position: relative;
}
.img img {
width: 100%;
}
.img aside {
bottom: 0;
position: relative;
right: .3rem;
}
.img figcaption {
padding: .4rem 2rem 0;
margin-left: 0;
width: 80%;
text-align: left;
}
.img figcaption,
.img figcaption[itemprop='caption'] a {
color: #353535;
}
.img figcaption .buffer {
margin-right: .2rem;
}
.img.primary figcaption {
width: 100%;
}
.img cite {
font-style: normal;
}
.img cite,
.img figcaption[itemprop='caption'] cite a {
color: #888;
}
.img .close {
display: none;
}
/* Display Variations for Primary images */
.img.primary.thumb figcaption,
.img.primary.square figcaption {
padding: .4rem 0 0;
width: 100%;
}
/* Thumb */
.img.primary.thumb {
float: left;
margin: .5rem 1.5rem .5rem 0;
max-width: 10.7rem;
}
.img.thumb aside {
display: none;
}
/* Square */
.img.primary.square {
float: left;
margin: .5rem 1.5rem 1rem 0;
max-width: 10.7rem;
}
/* Vertical */
.img.primary.vertical-small {
float: left;
left: -2rem;
margin: .5rem 0 1rem;
max-width: 13.7rem;
}
.img.primary.vertical-small figcaption {
padding: .4rem 0 0 2rem;
}
/* Large Vertical */
.img.primary.vertical {
left: -2rem;
margin: .5rem 0 2.1rem;
width: calc(100% + 4rem);
}
/* Horizontal */
.img.primary.horizontal {
clear: both;
left: -2rem;
margin: .5rem 0 2.1rem;
width: calc(100% + 4rem);
}
/* Enlarge */
.img .enlarge {
background-color: rgba(255,255,255, .85);
border: 1px solid #ccc;
border-radius: .3rem;
display: none;
float: right;
height: 3.4rem;
line-height: 0;
margin: 0 0 .6rem 1rem;
padding: .4rem;
text-align: center;
width: 3.4rem;
}
.img .enlarge svg {
height: 1.8rem;
left: .1rem;
position: relative;
top: 0;
width: 1.8rem;
}
/* Enlarged Image */
.img.enlarged {
display: block;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
max-width: none;
position: absolute;
text-align: center;
width: 100%;
z-index: 1001;
}
.img.enlarged aside {
bottom: .5rem;
position: absolute;
right: .5rem;
}
.img.enlarged .enlarge {
display: none;
}
.img.enlarged .close {
background: none;
border: 1px solid #3b3b3b;
cursor: pointer;
display: block;
height: 3.6rem;
position: absolute;
right: .5rem;
top: .5rem;
transition: border-color .25s ease-in;
width: 3.6rem;
}
.img.enlarged .close svg {
height: 1.6rem;
left: 0;
margin: .9rem;
position: absolute;
top: 0;
width: 1.6rem;
}
.img.enlarged .close svg path {
fill: #fff;
}
/* Pinterest and facebook*/
.img aside a.fb,
.img aside a.pinterest {
display: block;
float: right;
line-height: 0;
padding: .3rem 1rem;
}
.img aside a.fb {
padding-right: .2rem;
}
.body > .img.primary aside a.fb,
.body > .img.primary aside a.pinterest {
display: none;
}
.img.enlarged aside a.fb,
.img.enlarged aside a.pinterest {
opacity: 1;
}
.img aside a.fb svg,
.img aside a.pinterest svg {
height: 2.5rem;
width: 2.5rem;
}
/* Slideshow button on top of primary image. */
.img.slideshow-link > div > a {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.img.slideshow-link > div > a button {
background-color: #000;
border: 0;
bottom: 1.5rem;
color: #fff;
display: block;
font-family: Arial, sans-serif;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: .1rem;
font-style: normal;
left: .8rem;
padding: .5rem 1rem 1.2rem 1.5rem;
position: absolute;
text-transform: uppercase;
transition: background-color 0.2s;
-webkit-font-smoothing: subpixel-antialiased;
}
.img.slideshow-link > div > a svg {
display: inline-block;
height: 2rem;
margin: 0 .5rem 0;
position: relative;
top: .5rem;
width: 2rem;
}
/* Alternate slideshow button for large vertical on mobile. */
.img.slideshow-link.vertical > div > img {
margin-top: 4rem;
}
.img.slideshow-link.vertical > div > a button {
bottom: auto;
left: 0;
letter-spacing: 0;
margin: 0;
padding: .5rem 1rem 1.2rem .7rem;
top: 0;
width: 100%;
}
/* Alternate slideshow button for vertical-small on mobile. */
.img.slideshow-link.vertical-small > div > a button {
bottom: 0;
left: 0;
letter-spacing: 0;
margin: 0;
padding: 1.1rem 1rem 1rem .7rem;
width: 100%;
}
.img.slideshow-link.vertical-small > div > a svg {
display: none;
}
.most-popular {
position: relative;
margin: 1.5rem 0 0;
}
.most-popular h2 {
background-color: #fff;
color: #333;
display: inline-block;
font-family: Georgia, serif;
font-size: 1.5rem;
font-style: italic;
font-weight: bold;
left: 0;
line-height: 2.1;
padding: 0 1rem 0 0;
position: absolute;
top: -2.9rem;
white-space: nowrap;
z-index: 2;
}
.most-popular article {
border-top: 1px solid #f1f1f1;
min-height: 9.4rem;
padding: 0 0 1.5rem 0;
}
.most-popular article:nth-of-type(1) {
border-top: 1px solid #bbb;
min-height: 9.9rem;
}
.most-popular a {
color: #222;
display: block;
font-family: Arial, sans-serif;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.9rem;
margin: 0;
position: relative;
text-decoration: none;
}
.most-popular a div {
background-repeat: no-repeat;
background-size: 6.3rem auto;
float: left;
height: 6.3rem;
margin-right: 1rem;
width: 6.3rem;
}
.most-popular p {
display: block;
padding-left: 7.5rem;
}
/* Numbers */
.most-popular article>a:before {
background: url(//cache.nymag.com/media/1.png) no-repeat .4rem center;
background-color: #fff;
background-color: rgba(255,255,255,.8);
background-size: auto 1.5rem;
border-radius: 3px;
content: ' ';
display: block;
height: 3.2rem;
left: 3.3rem;
position: absolute;
top: -.2rem;
width: 4rem;
}
.most-popular article:nth-of-type(2)>a:before {
background-image: url(//cache.nymag.com/media/2.png);
}
.most-popular article:nth-of-type(3)>a:before {
background-image: url(//cache.nymag.com/media/3.png);
}
.most-popular article:nth-of-type(4)>a:before {
background-image: url(//cache.nymag.com/media/4.png);
}
.most-popular article:nth-of-type(5)>a:before {
background-image: url(//cache.nymag.com/media/5.png);
}
.most-popular article:nth-of-type(6)>a:before {
background-image: url(//cache.nymag.com/media/6.png);
}
.most-popular article:nth-of-type(7)>a:before {
background-image: url(//cache.nymag.com/media/7.png);
}
.most-popular article:nth-of-type(8)>a:before {
background-image: url(//cache.nymag.com/media/8.png);
}
.most-popular article:nth-of-type(9)>a:before {
background-image: url(//cache.nymag.com/media/9.png);
}
.most-popular article:nth-of-type(10)>a:before {
background-image: url(//cache.nymag.com/media/10.png);
background-position: .8rem center;
}
.most-popular .share-feed {
margin-top: .5rem;
padding-left: 7.5rem;
}
.related-side {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
margin: .8rem 0 1.5rem;
padding: 1rem 0;
width: 100%;
}
.related-side h2,
.story .body .related-side h2 {
color: #111;
font-family: Georgia, serif;
font-size: 1.3rem;
font-style: italic;
font-weight: bold;
margin: 0;
}
.related-side a,
.story .body .related-side a {
border-bottom: 1px solid #f1f1f1;
color: #2881b3;
display: block;
font-family: Arial, sans-serif;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.3;
padding: 1.5rem 0;
text-decoration: none;
}
.related-side a:last-child,
.story .body .related-side a:last-child {
border-bottom: 0;
}
/* container */
.share {
background: transparent;
border-top: 1px solid #eaeaea;
display: block;
height: 3.7rem;
margin: 0;
padding: 0;
position: relative;
}
.share.vertical {
border-bottom: 1px solid #eaeaea;
display: block;
}
.share.horizontal {
height: 3.5rem;
}
/* title */
.share .share-text {
color: #555;
display: block;
font-family: Arial, sans-serif;
font-size: 1.3rem;
font-weight: bold;
margin: 0;
padding: 1.1rem 0 0 3rem;
z-index: -2;
}
.share.overlay.on .share-text {
display: none;
}
/* total share count */
.share .share-counter {
display: none;
}
/* share link */
.share a {
color: transparent;
display: block;
float: left;
height: 3.3rem;
margin: 0;
padding: .7rem .3rem .6rem .3rem;
position: relative;
text-decoration: none;
width: 2.7rem;
z-index: -1;
}
/* Icons */
.share a:first-of-type {
margin-left: .5rem;
}
.share a svg {
height: 2rem;
width: 2rem;
}
.share a.email {
border: 1px solid #ddd;
border-radius: .3rem;
height: 2.2rem;
margin: .6rem .8rem 0 .3rem;
padding: .5rem .4rem;
width: 2.2rem;
}
.share a.email svg {
height: 1.2rem;
width: 1.2rem;
}
/* Stuff to hide. */
.share a em {
display: none;
}
.share .comments {
display: none;
}
.share .print {
display: none;
}
.share .close {
display: none;
}
/* overlay wrapper */
.share-overlay-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: fixed;
top: 160px;
width: 100%;
z-index: -100;
}
.share-overlay-wrapper.on {
z-index: 900000;
}
/* overlay clone */
.share.overlay {
background: #f9f9f7;
border: 1px solid #ddd;
border-radius: .25rem;
box-shadow: .1rem .1rem .4rem #ccc;
display: block;
height: auto;
opacity: 0;
padding: 3.9rem 3rem 2rem;
transition: opacity 50ms;
width: 21.4rem;
z-index: -100;
/* allows for transition */
}
.share.overlay.on {
opacity: 1;
z-index: 7777778;
/* above all other content */
transition: opacity 300ms;
}
.share.overlay::before {
background: inherit;
bottom: auto;
color: #000;
display: block;
font-family: Arial, sans-serif;
font-size: 1.25rem;
font-weight: bold;
left: 3rem;
padding: 0;
position: absolute;
text-transform: uppercase;
top: 1.5rem;
z-index: auto;
}
/* overlay: share link */
.share.overlay a {
background-color: #fff;
background-position: .8rem .6rem;
background-size: 2.1rem 2.1rem;
border: 1px solid #dadada;
border-radius: .2rem;
bottom: auto;
color: #555;
float: none;
font-family: Arial, sans-serif;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
height: 3.4rem;
margin: 0 auto 1.6rem;
padding: .8rem 0 0 3.7rem;
position: relative;
text-decoration: none;
top: auto;
width: 15rem;
z-index: auto;
}
.share.overlay svg {
left: .8rem;
position: absolute;
top: .6rem;
}
.share.overlay .email svg {
height: 2rem;
left: .8rem;
position: absolute;
top: .8rem;
width: 2rem;
}
.share.overlay .print {
display: block;
}
.share.overlay .print svg {
height: 2.7rem;
left: .5rem;
top: .3rem;
width: 2.7rem;
}
/* overlay: count */
.share.overlay a em {
border-left: 1px solid #dadada;
bottom: 0;
color: #000;
display: block;
font-style: normal;
font-weight: bold;
padding: .8rem 0 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 5.1rem;
}
/* overlay: specific share tools */
.share.overlay .close {
background: none;
border: 0;
cursor: pointer;
display: block;
height: 3.2rem;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 3.2rem;
}
.share.overlay .close svg {
height: 2.8rem;
left: .2rem;
top: .2rem;
width: 2.8rem;
}
/* hide whatsapp (except on ios) */
.share .whatsapp {
display: none;
}
.share .whatsapp.displayed {
display: block;
}
.share-feed.no-count,
.newsfeed .share-feed {
display: none;
}
.share-feed div.share-count,
.greatest-hits .share-feed div.share-count,
.most-popular .share-feed div.share-count,
.newsfeed .share-feed div.share-count,
.top-stories .share-feed div.share-count {
color: #f85d00;
display: block;
font-family: Arial, sans-serif;
font-size: 1.2rem;
font-style: normal;
font-weight: bold;
height: auto;
line-height: 1;
margin: 0;
padding: 0;
position: relative;
top: 0;
}
.share-feed div.share-count em,
.greatest-hits .share-feed div.share-count em,
.most-popular .share-feed div.share-count em,
.newsfeed .share-feed div.share-count em {
color: #555;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-style: normal;
font-weight: normal;
}
.share-feed a,
.greatest-hits .share-feed a,
.most-popular .share-feed a,
.newsfeed .share-feed a {
display: none;
}
.taboola #taboola-below-article-thumbnails {
display: none;
}
.taboola #taboola-mobile-below-article-thumbnails {
display: block;
margin: 17px 0;
}
.tags {
clear: both;
display: block;
margin-bottom: 1.5rem;
}
.tags h2,
.tags a {
color: #111;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.tags h2 {
color: #888;
margin-bottom: 0;
padding: 0 0.75rem 0 0;
top: 0;
}
.tags a:hover {
color: #1782a9;
}
.tags a::after {
color: #808080;
content: '|';
display: inline-block;
font-size: 8px;
padding: 0 0.5rem 0;
position: relative;
top: -.1rem;
}
.tags a:last-child::after {
content: none;
}
.tags a.hide {
display: none;
}
.vulture .ad-recirc .ad-recirc-title {
color: #05a7d4;
}
.vulture .latest-news {
padding-bottom: 1.5rem;
position: relative;
}
.vulture .latest-news h2 {
background: #fff;
color: #333;
display: inline-block;
font-family: "Elderkin", Helvetica, sans-serif;
font-size: 2.8rem;
font-style: normal;
font-weight: 700;
margin: 0 2rem;
padding-right: 1rem;
position: relative;
top: .8rem;
white-space: nowrap;
z-index: 1;
}
.vulture .latest-news a {
background-position: .2rem 1.5rem;
background-repeat: no-repeat;
background-size: 6.3rem auto;
border-top: 1px solid #f1f1f1;
color: #222;
display: block;
font-family: Arial, sans-serif;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.1;
margin: 1.5rem 2rem 0;
min-height: 9rem;
padding: 1.5rem 0 0;
text-decoration: none;
}
.vulture .latest-news > a:nth-of-type(1) {
background-position: .2rem 2.5rem;
border-top: 1px solid #bcbcbc;
margin: -0.7rem 2rem 0;
padding-top: 2.5rem;
padding-bottom: 1rem;
}
.vulture .latest-news a[hidden] {
display: none;
}
.vulture .latest-news a p {
clear: both;
color: #555;
display: block;
font-family: Arial, sans-serif;
font-size: 1.3rem;
font-style: normal;
font-weight: normal;
margin: .3rem 0 0;
text-transform: none;
}
.vulture .latest-news a time {
clear: both;
color: #999;
display: block;
font-family: Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
padding: 0 0 .3rem;
text-transform: none;
}
.vulture .latest-news a.latest-news-img {
padding-left: 7.5rem;
}
.vulture .latest-news button {
background: #fff;
border: 1px solid #aeaeae;
border-radius: .3rem;
cursor: pointer;
font-family: Arial, sans-serif;
font-size: 1.4rem;
font-weight: bold;
margin: 1rem 2rem 0;
padding: 1rem;
width: calc(100% - 4rem);
}
.vulture .latest-news .ad {
border-top: 1px solid #f1f1f1;
margin: 1.5rem auto 0;
padding: 1.5rem 0 0;
text-align: center;
}
.vulture ins.adsbygoogle {
display: none;
}
.vulture .most-popular > h2 {
font-family: "Elderkin",Helvetica, sans-serif;
font-size: 2.8rem;
font-style: normal;
line-height: 2.1;
top: -5.4rem;
}
.vulture .most-popular article:nth-of-type(1) {
padding-top: 1rem;
}
.vulture .most-popular article:nth-of-type(6) {
border-top: none;
}
/* Numbers */
.vulture .most-popular article a:before {
background-color: #fff;
background-color: rgba(255,255,255,.8);
background-size: auto 1.5rem;
border-radius: 3px;
content: ' ';
display: block;
height: 3.2rem;
left: 3.3rem;
position: absolute;
top: -.2rem;
width: 4rem;
}
.vulture .most-popular article:nth-of-type(1) a:before {
background-image: url(//cache.nymag.com/media/vulture-1.png);
}
.vulture .most-popular article:nth-of-type(2) a:before {
background-image: url(//cache.nymag.com/media/vulture-2.png);
}
.vulture .most-popular article:nth-of-type(3) a:before {
background-image: url(//cache.nymag.com/media/vulture-3.png);
}
.vulture .most-popular article:nth-of-type(4) a:before {
background-image: url(//cache.nymag.com/media/vulture-4.png);
}
.vulture .most-popular article:nth-of-type(5) a:before {
background-image: url(//cache.nymag.com/media/vulture-5.png);
}
.vulture .most-popular article:nth-of-type(6) a:before {
background-image: url(//cache.nymag.com/media/vulture-6.png);
}
.vulture .most-popular article:nth-of-type(7) a:before {
background-image: url(//cache.nymag.com/media/vulture-7.png);
}
.vulture .most-popular article:nth-of-type(8) a:before {
background-image: url(//cache.nymag.com/media/vulture-8.png);
}
.vulture .most-popular article:nth-of-type(9) a:before {
background-image: url(//cache.nymag.com/media/vulture-9.png);
}
.vulture .most-popular article:nth-of-type(10) a:before {
background-image: url(//cache.nymag.com/media/vulture-10.png);
}
.vulture .quiz {
background-color: #ededed;
display: block;
margin: 0 0 0 -2rem;
overflow: hidden;
padding: 1rem;
width: calc(100% + 4rem);
}
.vulture #quizMobile {
clear: both;
margin: .8rem -2rem 0;
min-height: 6rem;
text-align: center;
}
.vulture #quizMobile iframe {
height: 6rem;
margin: 0 auto;
min-height: 6rem;
width: 32rem;
}
.vulture .quiz.correct {
-webkit-animation: QuizFadeIn .35s ease-in;
animation: QuizFadeIn .35s ease-in;
background-color: #20bdef;
}
.vulture .quiz.wrong {
-webkit-animation: QuizFadeIn .35s ease-in;
animation: QuizFadeIn .35s ease-in;
background-color: #ff244e;
}
.vulture .quiz.block,
.vulture .quiz .block {
display: block !important;
}
.vulture .quiz.none,
.vulture .quiz .none {
display: none !important;
}
.vulture .quiz .visible {
visibility: visible !important;
}
.vulture .quiz a,
.vulture .quiz button {
cursor: pointer;
}
.vulture .quiz h2 {
font-family: Elderkin, Arial,sans-serif;
font-size: 3rem;
font-weight: 700;
letter-spacing: 0;
line-height: 100%;
margin: 1rem 0 2rem 0;
text-align: center;
}
.vulture .quiz.mc-txt h2 {
border-bottom: 2px solid #000;
border-top: 2px solid #000;
font-family: georgia,serif;
font-size: 2.6rem;
margin: 0;
padding: 1rem 0;
}
.vulture .quiz header img {
display: none;
height: auto;
margin: -1rem calc(50% - 6.3rem) 0;
width: 12.6rem;
}
.vulture .quiz.mc-txt header img {
display: block;
}
.vulture .quiz .quiz-slide h2 {
border: none;
font-family: Georgia, serif;
font-size: 2rem;
font-weight: 400;
line-height: 2.2rem;
margin: 0 0 2rem;
padding: 0 1rem;
text-align: left;
}
.vulture .quiz.photo .quiz-slide h2 {
text-align: center;
}
.vulture .quiz .wrap {
width: 100%;
}
.vulture .quiz .quiz-slide {
position: relative;
}
.vulture .quiz .quiz-slide > a {
background-color: #fff;
border: 2px solid #000;
border-radius: 3px;
display: block;
font-family: arial, sans-serif;
font-size: 1.5rem;
margin: 1rem auto;
padding: 1rem 0;
width: 13rem;
}
.vulture .quiz .quiz-slide img {
border-radius: .2rem;
box-shadow: 0 0 3px 0 rgba(50,50,50,0.25);
display: block;
margin-bottom: 2rem;
transition: visibility 300ms;
visibility: 1;
width: 100%;
}
.vulture .quiz .quiz-slide img.fadeout {
visibility: 0;
}
.vulture .quiz .quiz-slide .reveal {
display: none;
left: 0;
position: absolute;
top: 0;
}
.vulture .quiz .quiz-slide .current-slide,
.vulture .quiz .quiz-slide .slide-length {
display: inline-block;
font-family: Georgia, serif;
font-style: italic;
margin: 1rem 0;
}
.vulture .quiz .quiz-slide .count-top .current-slide,
.vulture .quiz .quiz-slide .count-top .slide-length {
font-family: arial, sans-serif;
font-size: 1.4rem;
font-style: normal;
margin: 0 0 1rem 0;
text-transform: uppercase;
}
.vulture .quiz .quiz-slide .current-slide {
float: left;
padding-right: .5rem;
}
.vulture .quiz .quiz-slide .count-bottom .current-slide {
text-align: right;
width: 52%;
}
.vulture .mc-txt .count-bottom {
display: none;
}
.vulture .quiz .quiz-slide .current-slide:after {
content: "of";
padding-left: .5rem;
}
.vulture .quiz .quiz-slide .count-top .current-slide:before {
content: "question";
padding-right: .5rem;
}
.vulture .quiz .quiz-slide .count-top {
display: none;
padding: 0 1rem;
}
.vulture .quiz.mc-txt .quiz-slide .count-top {
display: block;
}
.vulture .quiz .quiz-slide .slide-length {
width: 48%;
}
.vulture .quiz .option {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vulture .quiz .option button {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .5rem;
display: block;
margin: 0 0 1rem 0;
min-height: 6rem;
padding: 0 1rem;
position: relative;
width: 49%;
}
.vulture .quiz.photo .option button {
box-shadow: 1px 1px 4px 0 rgba(50, 50, 50, 0.15);
overflow: hidden;
padding: 0;
}
.vulture .quiz.mc-txt .option button {
min-height: 5rem;
width: 100%;
}
.vulture .quiz .option button:nth-of-type(odd) {
margin-right: 2%;
}
.vulture .quiz.mc-txt .option button:nth-of-type(odd) {
margin-right: 0;
}
.vulture .quiz .option button p {
font-family: arial, sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
margin: 0;
padding: 1rem 0;
text-align: center;
}
.vulture .quiz.photo .option button p {
padding: 1.5rem 0;
}
.vulture .quiz.mc-txt .option button p {
font-weight: 400;
text-align: left;
}
.vulture .quiz.photo-img .option button p {
display: none;
}
.vulture .quiz.photo-reveal .option button p {
visibility: hidden;
}
.vulture .quiz .option button img {
box-shadow: none;
margin: -0.3rem 0 0 -0.3rem;
width: 104%;
}
.vulture .quiz.mc .option button img {
display: none;
}
.vulture .quiz.photo .option button img {
display: block;
}
.vulture .quiz .option button.disabled {
border-color: #ddd;
color: #aaa;
}
.vulture .quiz .option button.disabled:hover {
cursor: default;
}
.vulture .quiz .option button.disabled.correct-answer,
.vulture .quiz .option button.disabled.correct-answer:hover {
border-color: #000;
color: #000;
}
.vulture .quiz.mc-reveal.wrong .option button.disabled.correct-answer,
.vulture .quiz.mc-img.wrong .option button.disabled.correct-answer {
-webkit-animation: QuizTransformAnswer .35s ease-in;
animation: QuizTransformAnswer .35s ease-in;
}
/* ////////// BEFORE DISPLAYING COMMENT ////////// */
.vulture .quiz .quiz-slide .wrap {
position: relative;
}
.vulture .mc-txt .quiz-slide .wrap,
.vulture .photo .quiz-slide .wrap {
display: none;
}
/* -- CHECK AND X -- */
.vulture .quiz .checkmark,
.vulture .quiz .x-icon {
-webkit-animation: QuizTransform .35s ease-in;
animation: QuizTransform .35s ease-in;
background-color: #fff;
border: .2rem solid #000;
border-radius: 50%;
display: none;
height: 3rem;
position: absolute;
overflow: hidden;
right: .5rem;
top: .5rem;
width: 3rem;
z-index: 3;
}
.vulture .quiz .checkmark svg,
.vulture .quiz .x-icon svg {
height: 100%;
padding: 0;
width: 100%;
}
/* -- CHECK AND X ON IMAGE -- */
.vulture .quiz .quiz-slide .wrap .checkmark,
.vulture .quiz .quiz-slide .wrap .x-icon,
.vulture .quiz.photo.correct button .checkmark,
.vulture .quiz.photo button .x-icon {
height: 9rem;
right: calc(50% - 4.5rem);
top: calc(50% - 4.5rem);
width: 9rem;
}
.vulture .quiz.photo.correct button .checkmark,
.vulture .quiz.photo button .x-icon {
top: calc(50% - 6.5rem);
}
.vulture .quiz .quiz-slide .wrap .checkmark svg,
.vulture .quiz .quiz-slide .wrap .x-icon svg,
.vulture .quiz.photo button .checkmark svg,
.vulture .quiz.photo button .x-icon svg {
padding: 1.8rem;
}
.vulture .quiz.correct .quiz-slide .wrap .checkmark,
.vulture .quiz.photo.correct button .checkmark {
border: .5rem solid #20bdef;
display: block;
}
.vulture .quiz.correct .quiz-slide .wrap .checkmark svg,
.vulture .quiz.correct.photo button .checkmark svg {
fill: #20bdef;
}
.vulture .quiz.wrong .quiz-slide .wrap .x-icon,
.vulture .quiz.wrong.photo button .x-icon {
border: .5rem solid #ff244e;
display: block;
}
.vulture .quiz.wrong .quiz-slide .wrap .x-icon svg,
.vulture .quiz.wrong.photo button .x-icon svg {
fill: #ff244e;
}
/* -- CHECK AND X ON IMAGE SMALL -- */
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark,
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
height: 4.5rem;
right: 1rem;
top: 1rem;
width: 4.5rem;
}
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark svg,
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon svg {
padding: .8rem;
}
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark {
border: .3rem solid #20bdef;
display: block;
}
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
border: .3rem solid #ff244e;
display: block;
}
/* -- CHECK AND X ON BUTTONS -- */
.vulture .quiz.photo.wrong button .checkmark svg,
.vulture .quiz.mc button .checkmark svg,
.vulture .quiz.mc button .x-icon svg {
padding: .5rem;
}
.vulture .quiz.wrong.mc button .x-icon {
border: .2rem solid #ff244e;
display: block;
}
.vulture .quiz.wrong.mc button .x-icon svg {
fill: #ff244e;
}
.vulture .quiz.correct.mc button .checkmark,
.vulture .quiz.wrong.mc button .checkmark,
.vulture .quiz.wrong.photo button .checkmark {
border: .2rem solid #20bdef;
display: block;
}
.vulture .quiz.correct.mc button .checkmark svg,
.vulture .quiz.wrong.mc button .checkmark svg,
.vulture .quiz.wrong.photo button .checkmark svg {
fill: #20bdef;
}
.vulture .quiz.mc.wrong button .x-icon,
.vulture .quiz.mc.correct button .x-icon,
.vulture .quiz.mc.correct button .checkmark,
.vulture .quiz.mc.wrong button .checkmark {
display: none;
}
.vulture .quiz.mc.mc-txt.wrong button .x-icon,
.vulture .quiz.mc.mc-txt.correct button .checkmark,
.vulture .quiz.mc.mc-txt.wrong button .checkmark {
display: block;
top: calc(50% - 1.5rem);
}
.vulture .quiz.photo.correct button .checkmark {
display: block;
}
/* ////////// LAST SLIDE ////////// */
.vulture .quiz .result-slide {
display: none;
margin-top: 2rem;
position: relative;
}
.vulture .quiz .result-slide .icon {
background-image: url(//cache.nymag.com/media/vulture-icon-blue.svg);
background-repeat: no-repeat;
background-size: 100%;
display: block;
height: 4rem;
left: calc(50% - 2rem);
position: absolute;
top: -1.8rem;
width: 4rem;
}
.vulture .quiz .result-slide .rank {
background: #fff;
border: 5px solid #20bdef;
border-radius: 50%;
color: #20bdef;
float: left;
height: 9rem;
margin: 0 0 0 calc(50% - 13.0rem);
position: relative;
text-align: center;
top: 0;
width: 9rem;
}
.vulture .quiz .result-slide .rank p {
color: #20bbf0;
font-family: Arial,serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.1;
padding: 1.3rem 1.7rem 1rem .8rem;
text-align: center;
text-transform: uppercase;
width: 9rem;
}
.vulture .quiz .score-wrap {
background: #fff;
border: 5px solid #20bdef;
border-radius: 50%;
color: #20bdef;
float: left;
height: 9.8rem;
margin: 0 0 0 -1rem;
position: relative;
text-align: center;
width: 9.8rem;
}
.vulture .quiz .score-wrap:before {
content: "score";
font-family: arial,sans-serif;
font-size: 1.1rem;
font-weight: 700;
left: 2.5rem;
letter-spacing: -1px;
position: absolute;
text-transform: uppercase;
top: 1.3rem;
}
.vulture .quiz .result-slide .score-wrap span {
color: #20bdef;
font-family: Elderkin, Arial, sans-serif;
font-size: 3.5rem;
font-weight: 700;
}
.vulture .quiz .result-slide .score-wrap > span {
display: inline-block;
margin-top: 3.7rem;
}
.vulture .quiz .score-wrap .total-score {
text-align: right;
}
.vulture .quiz .score-wrap .total-score:after {
content: "/";
font-size: 4rem;
padding-left: 0;
}
.vulture .quiz .score-wrap .slide-length {
margin-left: -.7rem;
text-align: left;
}
.vulture .quiz .result-slide > div:nth-of-type(2) {
background-color: #20bdef;
border: 5px solid #fff;
padding: 3rem 0 2rem;
}
.vulture .quiz .result-slide div > a:first-of-type {
background-color: #fff;
border: 5px solid #20bdef;
border-radius: 50%;
color: #20bdef;
display: inline-block;
height: 9rem;
left: -1rem;
position: relative;
text-transform: uppercase;
top: 0;
width: 9rem;
}
.vulture .quiz .result-slide div > a:first-of-type:after {
bottom: 1rem;
content: "replay";
display: block;
font-family: arial, sans-serif;
font-size: 1rem;
font-weight: 700;
margin: 5rem 2.2rem 0;
width: 64%;
}
.vulture .quiz .result-slide div > a:first-of-type svg {
fill: #20bdef;
height: 53%;
left: 22%;
position: absolute;
top: 14%;
width: 53%;
}
.vulture .quiz .result-slide .comment,
.vulture .quiz .result-slide h3 {
clear: both;
color: #fff;
font-family: Georgia, serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.1;
margin: 0 5%;
padding: 1.3rem 0;
text-align: center;
}
.vulture .quiz .result-slide .comment {
width: 90%;
}
.vulture .quiz .result-slide h3 {
border-top: 1px solid #fff;
}
.vulture .quiz aside {
margin-top: 1rem;
position: relative;
}
.vulture .quiz aside:after {
content: "";
display: table;
}
.vulture .quiz aside p {
background-image: url(//cache.nymag.com/media/vulture-wings.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
height: 1.2rem;
margin: 2.5rem 0;
text-align: center;
}
.vulture .quiz aside p span {
background-color: #ededed;
color: #20bdef;
display: inline;
font-family: Elderkin, Arial, sans-serif;
font-size: 2rem;
height: 1.2rem;
padding: 0 1rem;
position: relative;
text-transform: uppercase;
top: -.5rem;
}
.vulture .quiz aside svg {
margin-bottom: .3rem;
width: 100%;
}
.vulture .quiz aside a {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #20bdef;
border: 5px solid #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
padding: 1rem;
text-decoration: none;
}
.vulture .quiz aside a:after {
clear: both;
content: "";
display: block;
}
.vulture .quiz aside span {
color: #fff;
display: inline-block;
font-family: Georgia, serif;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.2;
width: 73%;
}
.vulture .quiz aside img {
border: 3px solid #fff;
border-radius: 50%;
float: left;
height: 6rem;
margin-right: 1.2rem;
vertical-align: middle;
width: 6rem;
}
.vulture .quiz .result-slide > div:nth-of-type(2),
.vulture .quiz aside a {
border-radius: .3rem;
}
.vulture .quiz .result-slide .social-network {
display: block;
margin: 0 auto;
width: 25.2rem;
}
.vulture .quiz .result-slide .fb-share,
.vulture .quiz .result-slide .twitter-share {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: .3rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 4.2rem;
position: relative;
width: 12.2rem;
}
.vulture .quiz .result-slide .fb-share {
float: left;
margin-right: .8rem;
}
.vulture .quiz .result-slide .twitter-share:before {
content: none;
}
.vulture .quiz .result-slide .fb-share span,
.vulture .quiz .result-slide .twitter-share span {
border-left: 1px solid #ccc;
color: #20bdef;
display: block;
font-family: arial, sans-serif;
font-size: 1.4rem;
font-weight: bold;
width: calc(100% - 3rem);
}
.vulture .quiz .result-slide .fb-share span {
text-align: center;
}
.vulture .quiz .result-slide .twitter-share span {
text-align: center;
}
.vulture .quiz .result-slide .fb-share svg {
fill: #20bdef;
height: 2.5rem;
margin-left: .3rem;
width: 3rem;
}
.vulture .quiz .result-slide .twitter-share svg {
margin: .8rem 0 0 .5rem;
width: 3rem;
}
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(1) {
fill: #fff;
}
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(2) {
fill: #20bdef;
}
/* --- RIGHT COLUMN AD --- */
.vulture #article #tertiary.adFade {
display: block;
}
.vulture .story .body .ad.vp-0-600 iframe {
width: 32rem;
}
/* --- REMOVE TEXT ON QUIZ AD --- */
.vulture .story .body .quiz-ad .ad.vp-0-600:before {
content: '';
margin-bottom: 0;
}
}
@media screen and (min-width: 30.000em) and (max-width: 41.749em) {
#article-feature #ad-splash {
background-color: #262626;
height: 60px;
}
}
@media screen and (min-width: 37.500em) and (max-width: 63.999em) {
#article-feature {
overflow-x: hidden;
}
#article-feature #top .ad {
background-color: #3a3a3a;
height: 102px;
padding: 6px 0;
}
#article-feature #primary,
#article-feature #primary-aux,
#article-feature #secondary,
#article-feature #tertiary {
width: 82.5%;
}
#article-feature #primary {
padding-top: 22px;
}
#article-feature #primary-aux .AR_2.ob-strip-layout .ob-dynamic-rec-container {
max-width: none;
width: 31%;
}
#article-feature #secondary {
margin-bottom: 20px;
}
#article-feature #secondary .latest-news {
border-bottom: none;
padding-bottom: 0;
}
#article-feature #secondary .ad,
#article-feature #tertiary .ad {
margin-left: calc(100% * -.10606062);
width: calc(100% * 1.21212121);
}
#article-feature #secondary .vp-600-1024[data-sizes*='728x90'],
#article-feature #bottom .vp-600-1024[data-sizes*='728x90'] {
background: #fff;
border-bottom: 1px solid #bbb;
margin-bottom: 14px;
min-width: 768px;
padding: 5px 0;
position: relative;
}
#article-feature #secondary .vp-600-1024[data-sizes*='728x90'] {
margin-bottom: -6px;
margin-left: -11%;
min-height: 131px;
}
#article-feature #secondary .vp-600-1024[data-sizes*='728x90'] > div,
#article-feature #bottom .vp-600-1024[data-sizes*='728x90'] > div {
margin: 0 auto;
max-width: 728px;
width: 100%;
}
#article-feature #tertiary {
margin-bottom: 40px;
}
#article-feature #bottom .vp-600-1024[data-sizes*='728x90'] {
border-bottom: 1px solid #bbb;
height: 132px;
margin-top: 20px;
}
#article-feature #bottom .global-footer {
border-top: none;
}
.embed.video {
height: 21rem;
}
.embed.video svg {
top: 36%;
}
.story .episode-recap {
border-right: 1px solid #ebebeb;
clear: left;
float: left;
margin: 0 2.6rem 1rem 0;
padding: 1.2rem 1.8rem 1.2rem 0;
text-align: center;
width: 12.8rem;
}
.story .episode-recap a {
color: #1782a9;
text-decoration: none;
}
.story .episode-recap dl {
margin: 0;
}
.story .episode-recap dt {
display: block;
}
.story .episode-recap dd {
display: block;
margin: 0;
}
/* Recap Image */
.story .episode-recap img {
height: 8rem;
width: 8rem;
}
/* Show Title */
.story .episode-recap .show {
border-bottom-color: #ddd;
border-bottom-style: dotted;
border-bottom-width: .2rem;
padding: 0 .6rem .9rem;
}
.story .episode-recap .show dt {
display: none;
}
.story .episode-recap .show dd,
.story .episode-recap .show dd a {
display: block;
font-family: Georgia, serif;
font-size: 1.4rem;
font-style: italic;
font-weight: bold;
line-height: 1.2;
text-transform: capitalize;
}
/* Episode Title */
.story .episode-recap .title dt {
display: none;
}
.story .episode-recap .title dd {
color: #111;
font-family: Georgia, serif;
font-size: 1.4rem;
text-align: center;
line-height: 1.1;
padding: 1rem 0 .4rem;
}
/* Season and Episode Numbers */
.story .episode-recap .season,
.story .episode-recap .episode {
color: #999;
display: block;
font-family: Arial, sans-serif;
font-size: 1rem;
line-height: 1.2;
padding: 0 0 .3rem;
}
.story .episode-recap .season {
padding: 0;
}
.story .episode-recap .season dt,
.story .episode-recap .episode dt,
.story .episode-recap .season dd,
.story .episode-recap .episode dd {
display: inline;
}
/* Rating */
.story .episode-recap .rating {
background: #f7f7f7;
border-radius: 3px;
height: 4.4rem;
margin: .7rem .5rem 1rem;
padding: .8rem .6rem 0;
}
.story .episode-recap .rating dt {
color: #555;
font-family: Arial, sans-serif;
font-size: .9rem;
font-weight: bold;
line-height: 1;
padding-bottom: .3rem;
text-transform: uppercase;
}
.story .episode-recap .rating .score {
display: none;
}
.story .episode-recap .rating .stars {
font-size: 0;
white-space: nowrap;
}
.story .episode-recap .rating .stars svg {
display: inline-block;
height: 1.7rem;
padding: 0;
margin: 0;
width: 1.7rem;
}
/* Next and Previous Episodes */
.story .episode-recap .prev,
.story .episode-recap .next {
clear: left;
float: left;
font-family: Arial, sans-serif;
font-size: 1.2rem;
font-weight: bold;
margin: 0 0 1rem;
padding: 0 .5rem;
text-align: left;
width: 50%;
}
.story .episode-recap .next {
border-left: 2px solid #ccc;
clear: right;
float: right;
text-align: right;
}
.story .episode-recap span.prev,
.story .episode-recap span.next {
color: #ccc;
}
.story .episode-recap .prev:before {
content: '< ';
font-family: Elderkin, Arial, sans-serif;
font-size: 2rem;
position: relative;
top: .3rem;
}
.story .episode-recap .next:after {
content: ' >';
font-family: Elderkin, Arial, sans-serif;
font-size: 2rem;
position: relative;
top: .3rem;
}
/* Complete Link */
.story .episode-recap .complete {
clear: both;
display: block;
font-family: Arial, sans-serif;
font-size: 1.2rem;
line-height: 1.2;
}
/* Basics */
.img {
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-style: normal;
line-height: 1.3rem;
margin: 1.6rem 0;
position: relative;
width: 100%;
}
.img div {
position: relative;
}
.img img {
width: 100%;
}
.img aside {
bottom: 0;
position: relative;
right: 0;
}
.img figcaption {
margin: .5rem 0 0;
width: 100%;
text-align: left;
}
.img figcaption,
.img figcaption[itemprop='caption'] a {
color: #353535;
}
.img figcaption .buffer {
margin-right: .2rem;
}
.img cite {
font-style: normal;
}
.img cite,
.img figcaption[itemprop='caption'] cite a {
color: #888;
}
.img .close {
display: none;
}
/* Display Variations */
/* Thumb */
.img.thumb {
float: left;
margin: .5rem 2rem 1rem 0;
max-width: 21.5rem;
}
.img.thumb cite {
display: inline;
}
.img.thumb aside {
display: none;
}
/* Square */
.img.square {
float: left;
margin: .5rem 2rem 1rem 0;
max-width: 21.5rem;
}
.img.square cite {
display: inline;
}
/* Vertical */
.img.vertical-small {
float: left;
margin: .5rem 2rem 1rem 0;
max-width: 27.6rem;
}
.img.vertical-small cite {
margin: 0;
}
/* Large Vertical */
.img.vertical {
margin: .5rem 0 2.1rem;
}
/* Horizontal */
.img.horizontal {
clear: both;
margin: .5rem 0 2.1rem;
}
.img.horizontal figcaption {
text-align: left;
width: calc(100% - 8rem);
}
/* Secondary Image Alignment */
.img.right {
float: right;
margin: 1rem 0 1rem 2.5rem;
max-width: 25rem;
}
.img.left {
float: left;
text-align: right;
margin: 1rem 2.5rem 1rem 0;
max-width: 25rem;
}
.img.center {
margin: 1.6rem 0 2.4rem;
}
/* secondary centered images shouldn't have text wrap around them */
.img.center.secondary {
width: 100%;
margin: 1.6rem auto 2.4rem;
max-width: 100%;
}
.img.center.secondary img {
margin: 0 auto;
}
/* Enlarge */
.img .enlarge {
background-color: rgba(255,255,255, .85);
border: 1px solid #ccc;
border-radius: .3rem;
display: none;
float: right;
height: 3.2rem;
line-height: 0;
margin: 0 0 .6rem 1rem;
padding: .4rem;
text-align: center;
width: 3.2rem;
}
.img .enlarge svg {
height: 1.8rem;
left: .1rem;
position: relative;
top: 0;
width: 1.8rem;
}
/* Enlarged Image */
.img.enlarged {
display: block;
height: 100%;
margin: 0 auto;
max-width: none;
position: absolute;
text-align: center;
width: 100%;
z-index: 1001;
}
.img.enlarged aside {
bottom: .7rem;
position: absolute;
right: .4rem;
}
.img.enlarged .enlarge {
display: none;
}
.img.enlarged .close {
background: none;
border: 1px solid #3b3b3b;
cursor: pointer;
display: block;
height: 3.6rem;
position: absolute;
right: .5rem;
top: .5rem;
transition: border-color .25s ease-in;
width: 3.6rem;
}
.img.enlarged .close svg {
height: 1.6rem;
left: 0;
margin: .9rem;
position: absolute;
top: 0;
width: 1.6rem;
}
.img.enlarged .close svg path {
fill: #fff;
}
/* Pinterest and fb */
.img aside a.fb,
.img aside a.pinterest {
display: block;
float: right;
line-height: 0;
padding: .6rem 0 0 1rem;
}
.img aside a.fb,
.img aside a.pinterest {
border-bottom-right-radius: .3rem;
border-left: 0;
border-top-right-radius: .3rem;
}
.img.enlarged aside a.fb,
.img.enlarged aside a.pinterest {
opacity: 1;
}
.img aside a.fb svg,
.img aside a.pinterest svg {
height: 2.5rem;
width: 2.5rem;
}
/* Slideshow button on top of primary image. */
.img.slideshow-link > div > a {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.img.slideshow-link > div > a button {
background-color: #000;
border: 0;
bottom: 1.8rem;
color: #fff;
display: block;
font-family: "MillerHeadlineLight", Georgia, serif;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: .1rem;
font-style: italic;
padding: .3rem 2.7rem 1.3rem;
position: absolute;
right: 1.5rem;
text-transform: uppercase;
transition: background-color 0.2s;
-webkit-font-smoothing: subpixel-antialiased;
}
.img.slideshow-link > div > a:hover button {
background-color: #381AB1;
cursor: pointer;
}
.img.slideshow-link > div > a svg {
display: inline-block;
height: 2.5rem;
margin: 0 .5rem;
position: relative;
top: .7rem;
width: 2.5rem;
}
/* Alternate slideshow button for large vertical. */
.img.slideshow-link.vertical > div > a button {
bottom: auto;
letter-spacing: 0;
margin: 0;
padding: .3rem 1.2rem 1.4rem 1.9rem;
top: 1.5rem;
}
/* Alternate slideshow button for vertical-small. */
.img.slideshow-link.vertical-small > div > a button {
bottom: 1.5rem;
left: 1.2rem;
padding: .3rem 0 1.3rem 1rem;
right: 1.2rem;
width: calc(100% - 2.4rem);
}
.most-popular {
position: relative;
margin: 1.5rem 0 0;
}
.most-popular h2 {
background-color: #fff;
color: #333;
display: inline-block;
font-family: Georgia, serif;
font-size: 1.5rem;
font-style: italic;
font-weight: bold;
left: 0;
line-height: 2.1;
padding: 0 1rem 0 0;
position: absolute;
top: -2.9rem;
white-space: nowrap;
z-index: 2;
}
.most-popular article {
border-top: 1px solid #f1f1f1;
display: block;
min-height: 14.2rem;
padding: 1.5rem 0;
}
.most-popular article:first-of-type {
border-top: 1px solid #bcbcbc;
}
.most-popular a {
color: #222;
display: inline;
font-family: GeorgiaProCondSemibold, serif;
font-size: 2rem;
font-weight: bold;
line-height: 1;
margin: 0;
position: relative;
text-decoration: none;
}
.most-popular a:hover {
color: #444;
transition: color .2s;
}
.most-popular a div {
background-repeat: no-repeat;
background-size: 16.5rem auto;
float: left;
height: 11.2rem;
margin-right: 2rem;
width: 16.5rem;
}
.most-popular p {
display: inline;
font-family: GeorgiaProCondSemiBold, serif;
font-size: 2rem;
font-weight: normal;
line-height: 1;
}
/* Numbers */
.most-popular article a:before {
background: url(//cache.nymag.com/media/1.png) no-repeat .3rem center;
background-color: #fff;
background-color: rgba(255,255,255,.8);
background-size: auto 2rem;
border-radius: 3px;
content: ' ';
display: block;
height: 3.5rem;
left: -5.5rem;
position: absolute;
top: .3rem;
width: 4rem;
}
.most-popular article:nth-of-type(2) a:before {
background-image: url(//cache.nymag.com/media/2.png);
}
.most-popular article:nth-of-type(3) a:before {
background-image: url(//cache.nymag.com/media/3.png);
}
.most-popular article:nth-of-type(4) a:before {
background-image: url(//cache.nymag.com/media/4.png);
}
.most-popular article:nth-of-type(5) a:before {
background-image: url(//cache.nymag.com/media/5.png);
}
.most-popular article:nth-of-type(6) a:before {
background-image: url(//cache.nymag.com/media/6.png);
}
.most-popular article:nth-of-type(7) a:before {
background-image: url(//cache.nymag.com/media/7.png);
}
.most-popular article:nth-of-type(8) a:before {
background-image: url(//cache.nymag.com/media/8.png);
}
.most-popular article:nth-of-type(9) a:before {
background-image: url(//cache.nymag.com/media/9.png);
}
.most-popular article:nth-of-type(10) a:before {
background-image: url(//cache.nymag.com/media/10.png);
background-position: .9rem center;
}
.most-popular .share-feed {
margin: 1.5rem 0 1.5rem;
padding: 0 2rem 0 18rem;
}
.most-popular .share-feed a:before {
background: none;
content: '' !important;
}
.related-side {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
float: left;
margin: .8rem 2.5rem 1.5rem 0;
padding: 2rem 1.5rem 1rem;
position: relative;
width: 27rem;
}
.related-side h2,
.story .body .related-side h2 {
background-color: #fff;
color: #555;
font-family: Georgia, serif;
font-size: 1.3rem;
font-style: italic;
font-weight: bold;
left: 0;
margin: 0;
padding-right: .8rem;
position: absolute;
top: -1.2rem;
}
.related-side a,
.story .body .related-side a {
background-position: 0 1rem;
background-repeat: no-repeat;
background-size: 5.6rem auto;
border-bottom: 1px solid #f1f1f1;
color: #2881B3;
display: block;
font-family: Arial, sans-serif;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.3;
min-height: 7.6rem;
padding: 1rem 0;
text-decoration: none;
}
.related-side a.has-image,
.story .body .related-side a.has-image {
padding: 1rem 0 1rem 6.6rem;
}
.related-side a:hover,
.story .body .related-side a:hover {
text-decoration: underline;
}
.related-side a:last-child,
.story .body .related-side a:last-child {
border-bottom: 0;
}
/* container */
.share {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
display: block;
margin: 0 0 2.5rem;
padding: .7rem 0;
width: 100%;
}
/* title */
.share .share-text {
display: none;
}
/* clearfix */
.share::after {
clear: both;
content: '';
display: block;
}
/* total share count */
.share .share-counter {
display: none;
}
/* share link */
.share a {
border-right: 1px solid #dadada;
color: #555;
float: left;
font-family: Arial, sans-serif;
font-size: 1.2rem;
font-style: normal;
font-weight: normal;
height: 2.1rem;
margin: 0 1rem 0 0;
padding: .4rem 0 0 3.1rem;
position: relative;
text-decoration: none;
width: 7.9rem;
}
/* Prevent orphan wrapping. */
.share a:last-of-type,
.share.horizontal a:last-of-type {
border-right: none;
width: 3rem;
}
/* count */
.share a em {
display: none;
}
.share a.comments {
display: none;
}
/* Icons */
.share a svg {
height: 2.1rem;
left: .3rem;
position: absolute;
top: 0;
width: 2.1rem;
}
.share a:first-of-type {
padding-left: 3rem;
width: 8rem;
}
.share a:first-of-type svg {
left: 0;
top: 0;
}
.share a.email svg {
height: 1.8rem;
top: .3rem;
width: 1.8rem;
}
.share a.print svg {
height: 2.4rem;
left: -.1rem;
top: -.1rem;
width: 2.4rem;
}
.share a.print span {
display: none;
}
.share .close {
display: none;
}
/* hide the mobile overlay (edge case) */
.share.overlay {
display: none;
}
/* hide whatsapp (except on ios) */
.share .whatsapp {
display: none;
}
.share .whatsapp.displayed {
display: block;
}
.share-feed div.share-count,
.greatest-hits .share-feed div.share-count,
.most-popular .share-feed div.share-count,
.newsfeed .share-feed div.share-count {
color: #f85d00;
display: block;
font-family: Arial, sans-serif;
font-size: 1.2rem;
font-style: normal;
font-weight: 700;
height: auto;
margin: 0;
padding: 0;
line-height: 1;
position: relative;
top: 0;
}
.share-feed .share-count em,
.greatest-hits .share-feed .share-count em,
.most-popular .share-feed .share-count em,
.newsfeed .share-feed .share-count em {
color: #555;
font-family: Arial, sans-serif;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
}
.share-feed.no-count .share-count,
.newsfeed .share-feed .share-count {
display: none;
}
.share-feed a.fb,
.greatest-hits .share-feed a.fb,
.most-popular .share-feed a.fb,
.newsfeed .share-feed a.fb {
background-image: url(//cache.nymag.com/media/facebook.svg);
}
.share-feed a.twit,
.greatest-hits .share-feed a.twit,
.most-popular .share-feed a.twit,
.newsfeed .share-feed a.twit {
background-image: url(//cache.nymag.com/media/twitter.svg);
}
.share-feed a,
.greatest-hits .share-feed a,
.most-popular .share-feed a,
.newsfeed .share-feed a {
display: none;
}
.share-feed.no-count a,
.newsfeed .share-feed a {
background-repeat: no-repeat;
background-size: 1.4rem 1.4rem;
border-bottom: none;
border-top: none;
color: #555;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
padding: .1rem 0 .1rem 1.8rem;
text-decoration: none;
}
.share-feed a:nth-of-type(1),
.greatest-hits .share-feed a:nth-of-type(1),
.most-popular .share-feed a:nth-of-type(1),
.newsfeed .share-feed a:nth-of-type(1) {
border-right: 1px solid #dadada;
border-top: none;
margin-right: .8rem;
padding: .1rem .8rem .1rem 1.8rem;
}
.vulture .latest-news {
border-bottom: 1px solid #f1f1f1;
border-top: 1px solid #bbb;
margin-top: 4.5rem;
padding-bottom: 1.5rem;
padding-top: 1rem;
position: relative;
}
.vulture .latest-news h2 {
background-color: #fff;
color: #333;
display: inline-block;
font-family: "Elderkin", Helvetica, sans-serif;
font-size: 2.8rem;
font-style: normal;
margin-bottom: 0;
padding-right: 1rem;
position: absolute;
top: -4.1rem;
white-space: nowrap;
}
.vulture .latest-news a {
background-position: .2rem 1.5rem;
background-repeat: no-repeat;
background-size: 16.8rem auto;
border-top: 1px solid #f1f1f1;
color: #3e3e3e;
display: block;
font-family: GeorgiaProCondSemiBold, serif;
font-size: 2.1rem;
line-height: 1.1;
margin: 1.5rem 0 0;
min-height: 12.2rem;
padding: 1.5rem 0 0;
text-decoration: none;
}
.vulture .latest-news > a:nth-of-type(1) {
border-top: none;
margin: 0;
margin-top: 1rem;
}
.vulture .latest-news a:hover {
color: #444;
transition: color .2s;
}
.vulture .latest-news a[hidden] {
display: none;
}
.vulture .latest-news a p {
clear: both;
color: #555;
display: block;
font-family: Arial, sans-serif;
font-size: 1.4rem;
font-style: normal;
font-weight: normal;
line-height: 1.3;
margin: .3rem 0 0;
text-transform: none;
}
.vulture .latest-news a .title {
color: #111;
font-family: Georgia, serif;
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
}
.vulture .latest-news a time {
clear: both;
color: #555;
display: block;
font-family: Arial, sans-serif;
font-size: 1.1rem;
padding: 0 .6rem .5rem 0;
text-transform: none;
}
.vulture .latest-news a.latest-news-img {
padding-left: 18.6rem;
}
.vulture .latest-news button {
background: #fff;
border: 1px solid #aeaeae;
border-radius: .3rem;
cursor: pointer;
font-family: Arial, sans-serif;
font-size: 1.4rem;
font-weight: bold;
margin: 1rem 0 0;
padding: 1rem;
width: 100%;
}
.vulture .latest-news .ad {
border-top: 1px solid #f1f1f1;
margin: 1.5rem auto 0;
padding: 1.5rem 0 0;
text-align: center;
}
.vulture ins.adsbygoogle {
height: 60px;
margin: 1.5rem auto;
width: 100%;
}
.vulture .most-popular {
margin: 5rem 0 3rem 0;
}
.vulture .most-popular > h2 {
font-family: "Elderkin",Helvetica,sans-serif;
font-size: 2.8rem;
font-style: normal;
line-height: 1;
top: -3.7rem;
}
.vulture .most-popular article:first-of-type {
min-height: 15.2rem;
padding: 2.5rem 0 1.5rem;
}
.vulture .most-popular article:nth-of-type(6) {
border-top: none;
}
.vulture .most-popular p {
color: #111;
font-family: Georgia, serif;
font-size: 1.8rem;
font-weight: 700;
}
/* Numbers */
.vulture .most-popular article a:before {
background-color: #fff;
background-color: rgba(255,255,255,.8);
background-size: auto 2rem;
border-radius: 3px;
content: ' ';
display: block;
height: 3.5rem;
left: -5.5rem;
position: absolute;
top: .4rem;
width: 4rem;
}
.vulture .most-popular article:nth-of-type(1) a:before {
background-image: url(//cache.nymag.com/media/vulture-1.png);
}
.vulture .most-popular article:nth-of-type(2) a:before {
background-image: url(//cache.nymag.com/media/vulture-2.png);
}
.vulture .most-popular article:nth-of-type(3) a:before {
background-image: url(//cache.nymag.com/media/vulture-3.png);
}
.vulture .most-popular article:nth-of-type(4) a:before {
background-image: url(//cache.nymag.com/media/vulture-4.png);
}
.vulture .most-popular article:nth-of-type(5) a:before {
background-image: url(//cache.nymag.com/media/vulture-5.png);
}
.vulture .most-popular article:nth-of-type(6) a:before {
background-image: url(//cache.nymag.com/media/vulture-6.png);
}
.vulture .most-popular article:nth-of-type(7) a:before {
background-image: url(//cache.nymag.com/media/vulture-7.png);
}
.vulture .most-popular article:nth-of-type(8) a:before {
background-image: url(//cache.nymag.com/media/vulture-8.png);
}
.vulture .most-popular article:nth-of-type(9) a:before {
background-image: url(//cache.nymag.com/media/vulture-9.png);
}
.vulture .most-popular article:nth-of-type(10) a:before {
background-image: url(//cache.nymag.com/media/vulture-10.png);
}
.vulture .quiz {
background-color: #ededed;
display: block;
margin-bottom: 2rem;
overflow: hidden;
padding: 4rem 3rem 3rem;
}
.vulture #quizMobile {
display: none;
}
.vulture .quiz.correct {
-webkit-animation: QuizFadeIn .35s ease-in;
animation: QuizFadeIn .35s ease-in;
background-color: #20bdef;
}
.vulture .quiz.wrong {
-webkit-animation: QuizFadeIn .35s ease-in;
animation: QuizFadeIn .35s ease-in;
background-color: #ff244e;
}
.vulture .quiz.block,
.vulture .quiz .block {
display: block !important;
}
.vulture .quiz.none,
.vulture .quiz .none {
display: none !important;
}
.vulture .quiz .visible {
visibility: visible !important;
}
.vulture .quiz a,
.vulture .quiz button {
cursor: pointer;
}
.vulture .quiz h2 {
font-family: Elderkin, Arial,sans-serif;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0;
line-height: 100%;
margin: 0 0 2rem 0;
text-align: center;
}
.vulture .quiz.mc-txt h2 {
border-bottom: 2px solid #000;
border-top: 2px solid #000;
font-family: georgia,serif;
font-size: 2.6rem;
margin: 0 6rem;
padding: 1rem 0;
}
.vulture .quiz header img {
display: none;
height: auto;
margin: -3rem calc(50% - 6.3rem) 0;
width: 12.6rem;
}
.vulture .quiz.mc-txt header img {
display: block;
}
.vulture .quiz .quiz-slide h2 {
border: none;
font-family: Georgia, serif;
font-size: 2rem;
font-weight: 400;
line-height: 2.2rem;
margin: 0 0 2rem;
padding: 0 1rem;
text-align: left;
}
.vulture .quiz.photo .quiz-slide h2 {
text-align: center;
}
.vulture .quiz .quiz-slide {
position: relative;
}
.vulture .quiz .quiz-slide > a {
background-color: #fff;
border: 2px solid #000;
border-radius: 3px;
display: block;
font-family: arial, sans-serif;
font-size: 1.5rem;
margin: 1rem auto;
padding: 1rem 0;
width: 13rem;
}
.vulture .quiz .quiz-slide img {
border-radius: .2rem;
box-shadow: 0 0 3px 0 rgba(50,50,50,0.25);
display: block;
margin-bottom: 2rem;
transition: visibility 300ms;
visibility: 1;
width: 100%;
}
.vulture .quiz .quiz-slide img.fadeout {
visibility: 0;
}
.vulture .quiz .quiz-slide .reveal {
display: none;
left: 0;
position: absolute;
top: 0;
}
.vulture .quiz .quiz-slide .current-slide,
.vulture .quiz .quiz-slide .slide-length {
display: inline-block;
font-family: Georgia, serif;
font-style: italic;
margin: 2rem 0 0;
}
.vulture .quiz .quiz-slide .count-top .current-slide,
.vulture .quiz .quiz-slide .count-top .slide-length {
font-family: arial, sans-serif;
font-size: 1.4rem;
font-style: normal;
margin: 0 0 1rem 0;
text-transform: uppercase;
}
.vulture .quiz .quiz-slide .current-slide {
float: left;
padding-right: .5rem;
}
.vulture .quiz .quiz-slide .count-bottom .current-slide {
text-align: right;
width: 52%;
}
.vulture .mc-txt .count-bottom {
display: none;
}
.vulture .quiz .quiz-slide .current-slide:after {
content: "of";
padding-left: .5rem;
}
.vulture .quiz .quiz-slide .count-top .current-slide:before {
content: "question";
padding-right: .5rem;
}
.vulture .quiz .quiz-slide .count-top {
display: none;
padding: 0 1rem;
}
.vulture .quiz.mc-txt .quiz-slide .count-top {
display: block;
}
.vulture .quiz .quiz-slide .slide-length {
width: 48%;
}
.vulture .quiz .option {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vulture .quiz .option button {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .5rem;
display: inline-block;
margin: 0 0 1rem 0;
min-height: 6rem;
padding: 0 1.5rem;
position: relative;
transition: border .15s;
width: 49%;
}
.vulture .quiz.photo .option button {
box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.25);
overflow: hidden;
padding: 0;
}
.vulture .quiz.mc-txt .option button {
min-height: 5rem;
width: 100%;
}
.vulture .quiz .option button:nth-of-type(odd) {
margin-right: 2%;
}
.vulture .quiz.mc-txt .option button:nth-of-type(odd) {
margin-right: 0;
}
.vulture .quiz .option button p {
font-family: arial, sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
margin: 0;
padding: 1rem 0;
text-align: center;
}
.vulture .quiz.photo .option button p {
padding: 1.5rem 0;
}
.vulture .quiz.mc-txt .option button p {
font-weight: 400;
text-align: left;
}
.vulture .quiz.photo-reveal .option button p {
visibility: hidden;
}
.vulture .quiz.photo-img .option button p {
display: none;
}
.vulture .quiz .option button img {
box-shadow: none;
margin: -0.3rem 0 0 -0.3rem;
width: 103%;
}
.vulture .quiz.photo .option button img {
display: block;
}
.vulture .quiz.mc .option button img {
display: none;
}
.vulture .quiz .option button.disabled {
border-color: #ddd;
color: #aaa;
}
.vulture .quiz .option button.disabled:hover {
cursor: default;
}
.vulture .quiz .option button.disabled.correct-answer {
border-color: #000;
color: #000;
}
.vulture .quiz.mc-reveal.wrong .option button.disabled.correct-answer,
.vulture .quiz.mc-img.wrong .option button.disabled.correct-answer {
-webkit-animation: QuizTransformAnswer .35s ease-in;
animation: QuizTransformAnswer .35s ease-in;
}
/* ////////// BEFORE DISPLAYING COMMENT ////////// */
.vulture .quiz .option button.disabled {
border-color: #ddd;
color: #aaa;
}
.vulture .quiz .option button.disabled:hover {
cursor: default;
}
.vulture .quiz .option button.disabled.correct-answer {
border-color: #000;
color: #000;
}
.vulture .quiz .quiz-slide .wrap {
position: relative;
}
.vulture .mc-txt .quiz-slide .wrap,
.vulture .photo .quiz-slide .wrap {
display: none;
}
/* -- CHECK AND X -- */
.vulture .quiz .checkmark,
.vulture .quiz .x-icon {
-webkit-animation: QuizTransform .35s ease-in;
animation: QuizTransform .35s ease-in;
background-color: #fff;
border: .2rem solid #000;
border-radius: 50%;
display: none;
height: 3rem;
position: absolute;
overflow: hidden;
right: .5rem;
top: .5rem;
width: 3rem;
z-index: 3;
}
.vulture .quiz .checkmark svg,
.vulture .quiz .x-icon svg {
height: 100%;
padding: 0;
width: 100%;
}
/* -- CHECK AND X ON IMAGE -- */
.vulture .quiz .quiz-slide .wrap .checkmark,
.vulture .quiz .quiz-slide .wrap .x-icon,
.vulture .quiz.photo.correct button .checkmark,
.vulture .quiz.photo button .x-icon {
height: 10rem;
right: calc(50% - 5rem);
top: calc(50% - 5rem);
width: 10rem;
}
.vulture .quiz.photo.correct button .checkmark,
.vulture .quiz.photo button .x-icon {
top: calc(50% - 7rem);
}
.vulture .quiz .quiz-slide .wrap .checkmark svg,
.vulture .quiz .quiz-slide .wrap .x-icon svg,
.vulture .quiz.photo button .checkmark svg,
.vulture .quiz.photo button .x-icon svg {
padding: 1.8rem;
}
.vulture .quiz.correct .quiz-slide .wrap .checkmark,
.vulture .quiz.photo.correct button .checkmark {
border: .5rem solid #20bdef;
display: block;
}
.vulture .quiz.correct .quiz-slide .wrap .checkmark svg,
.vulture .quiz.correct.photo button .checkmark svg {
fill: #20bdef;
}
.vulture .quiz.wrong .quiz-slide .wrap .x-icon,
.vulture .quiz.wrong.photo button .x-icon {
border: .5rem solid #ff244e;
display: block;
}
.vulture .quiz.wrong .quiz-slide .wrap .x-icon svg,
.vulture .quiz.wrong.photo button .x-icon svg {
fill: #ff244e;
}
/* -- CHECK AND X ON IMAGE SMALL -- */
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark,
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
height: 6rem;
right: 1rem;
top: 1rem;
width: 6rem;
}
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark svg,
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon svg {
padding: 1.1rem;
}
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark {
border: .3rem solid #20bdef;
display: block;
}
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
border: .3rem solid #ff244e;
display: block;
}
/* -- CHECK AND X ON BUTTONS -- */
.vulture .quiz.photo.wrong button .checkmark svg,
.vulture .quiz.mc button .checkmark svg,
.vulture .quiz.mc button .x-icon svg {
padding: .5rem;
}
.vulture .quiz.wrong.mc button .x-icon {
border: .2rem solid #ff244e;
display: block;
}
.vulture .quiz.wrong.mc button .x-icon svg {
fill: #ff244e;
}
.vulture .quiz.correct.mc button .checkmark,
.vulture .quiz.wrong.mc button .checkmark,
.vulture .quiz.wrong.photo button .checkmark {
border: .2rem solid #20bdef;
display: block;
}
.vulture .quiz.correct.mc button .checkmark svg,
.vulture .quiz.wrong.mc button .checkmark svg,
.vulture .quiz.wrong.photo button .checkmark svg {
fill: #20bdef;
}
.vulture .quiz.mc.wrong button .x-icon,
.vulture .quiz.mc.correct button .x-icon,
.vulture .quiz.mc.correct button .checkmark,
.vulture .quiz.mc.wrong button .checkmark {
display: none;
}
.vulture .quiz.mc.mc-txt.wrong button .x-icon,
.vulture .quiz.mc.mc-txt.correct button .checkmark,
.vulture .quiz.mc.mc-txt.wrong button .checkmark {
display: block;
top: calc(50% - 1.5rem);
}
.vulture .quiz.photo.correct button .checkmark {
display: block;
}
/* ////////// LAST SLIDE ////////// */
.vulture .quiz .result-slide {
display: none;
position: relative;
}
.vulture .quiz .result-slide .icon {
background-image: url(//cache.nymag.com/media/vulture-icon-blue.svg);
background-repeat: no-repeat;
background-size: 100%;
display: block;
height: 4.5rem;
left: calc(50% - 2.25rem);
position: absolute;
top: -2.2rem;
width: 4.5rem;
}
.vulture .quiz .result-slide .rank {
background: #fff;
border: 6px solid #20bdef;
border-radius: 50%;
color: #20bdef;
float: left;
height: 11rem;
margin: 2rem 0 0 calc(50% - 16.1rem);
position: relative;
text-align: center;
top: 0;
width: 11rem;
}
.vulture .quiz .result-slide .rank p {
color: #20bbf0;
font-family: Arial,serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.2;
padding: 1.5rem 1.2rem 1.5rem 1rem;
text-align: center;
text-transform: uppercase;
width: 10rem;
}
.vulture .quiz .result-slide .score-wrap {
background: #fff;
border: 6px solid #20bdef;
border-radius: 50%;
color: #20bdef;
float: left;
height: 13rem;
margin: 2rem 0 0 -1.5rem;
position: relative;
text-align: center;
width: 13rem;
}
.vulture .quiz .result-slide .score-wrap:before {
content: "score";
font-family: arial,sans-serif;
font-size: 1.2rem;
font-weight: 700;
left: 3.7rem;
letter-spacing: -.05rem;
position: absolute;
text-transform: uppercase;
top: 2.3rem;
}
.vulture .quiz .result-slide .score-wrap span {
color: #20bdef;
font-family: Elderkin, Arial, sans-serif;
font-size: 5rem;
font-weight: 100;
}
.vulture .quiz .result-slide .score-wrap > span {
display: inline-block;
margin-top: 5.4rem;
}
.vulture .quiz .result-slide .score-wrap .total-score {
text-align: right;
}
.vulture .quiz .result-slide .score-wrap .total-score:after {
content: "/";
font-size: 5rem;
font-weight: lighter;
}
.vulture .quiz .result-slide .score-wrap .slide-length {
margin-left: -1rem;
text-align: left;
}
.vulture .quiz .result-slide > div:nth-of-type(2) {
background-color: #20bdef;
border: 5px solid #fff;
padding: 2rem;
}
.vulture .quiz .result-slide div > a:first-of-type {
background-color: #fff;
border: 6px solid #20bdef;
border-radius: 50%;
color: #20bdef;
display: inline-block;
height: 11rem;
left: -1.5rem;
position: relative;
text-transform: uppercase;
top: 2rem;
width: 11rem;
}
.vulture .quiz .result-slide div > a:first-of-type:after {
bottom: 1.0rem;
content: "replay";
font-family: arial,sans-serif;
font-size: 1.2rem;
font-weight: 700;
left: 2.7rem;
position: absolute;
}
.vulture .quiz .result-slide div > a:first-of-type svg {
fill: #20bdef;
left: 2.3rem;
position: absolute;
top: 1rem;
width: 5rem;
}
.vulture .quiz .result-slide .comment,
.vulture .quiz .result-slide h3 {
clear: both;
color: #fff;
font-size: 2.8rem;
font-weight: 400;
line-height: 1.1;
margin: 0 auto;
padding: 1.5rem 0;
text-align: center;
}
.vulture .quiz .result-slide .comment {
width: 80%;
}
.vulture .quiz .result-slide h3 {
border-top: 1px solid #fff;
}
.vulture .quiz aside {
margin: 3rem 0 0;
position: relative;
}
.vulture .quiz aside:after {
content: "";
display: table;
}
.vulture .quiz aside p {
background-image: url(//cache.nymag.com/media/vulture-wings.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
margin: .5rem 0 2.5rem;
text-align: center;
}
.vulture .quiz aside p span {
background-color: #ededed;
color: #20bdef;
display: inline;
font-family: Elderkin, Arial, sans-serif;
font-size: 2.5rem;
font-weight: bolder;
padding: 1rem;
position: relative;
text-transform: uppercase;
top: .1rem;
width: auto;
}
.vulture .quiz aside svg {
margin-bottom: 2rem;
width: 100%;
}
.vulture .quiz aside a {
background-color: #20bdef;
border: .5rem solid #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
padding: 1rem;
text-decoration: none;
}
.vulture .quiz aside a:after {
clear: both;
content: "";
display: block;
}
.vulture .quiz aside span {
color: #fff;
display: inline-block;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.2;
padding-top: .8rem;
width: 73%;
}
.vulture .quiz aside img {
border: .3rem solid #fff;
border-radius: 50%;
float: left;
margin-right: 2rem;
max-height: 7.5rem;
max-width: 7.5rem;
vertical-align: middle;
}
.vulture .quiz .result-slide .fb-share,
.vulture .quiz .result-slide .twitter-share {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: .3rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: arial, sans-serif;
font-size: 1.5rem;
font-weight: bold;
height: 4.3rem;
padding: 1rem 0;
position: relative;
width: 16.8rem;
}
.vulture .quiz .result-slide .fb-share {
float: left;
margin: 0 1.3rem 0 calc(50% - 17.4rem);
}
.vulture .quiz .result-slide .twitter-share:before {
content: none;
}
.vulture .quiz .result-slide .fb-share span,
.vulture .quiz .result-slide .twitter-share span {
border-left: .1rem solid #ccc;
color: #20bdef;
font-weight: 700;
}
.vulture .quiz .result-slide .fb-share span {
padding-left: 2.3rem;
}
.vulture .quiz .result-slide .twitter-share span {
padding-left: 3.3rem;
}
.vulture .quiz .result-slide .fb-share svg {
fill: #20bdef;
width: 4.5rem;
}
.vulture .quiz .result-slide .twitter-share svg {
margin-left: .6rem;
width: 4.2rem;
}
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(1) {
fill: #fff;
}
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(2) {
fill: #20bdef;
}
/* --- RIGHT COLUMN AD --- */
.vulture #article #tertiary.adFade {
display: block;
}
}
@media screen and (min-width: 37.500em) {
.ad-recirc {
display: none;
}
.taboola #taboola-below-article-thumbnails {
display: block;
margin: 17px 0 0;
}
.taboola #taboola-mobile-below-article-thumbnails {
display: none;
}
.tags {
clear: both;
display: block;
margin-bottom: 1rem;
}
.tags h2,
.tags a {
color: #111;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}
.tags h2 {
color: #888;
padding: 0 0.75rem 0 0;
top: 0;
}
.tags a:hover {
color: #1782a9;
}
.tags a::after {
color: #808080;
content: '|';
display: inline-block;
font-size: 8px;
padding: 0 0.5rem 0;
position: relative;
top: -.1rem;
}
.tags a:last-child::after {
content: '';
}
.tags a.hide {
display: none;
}
}
@media screen and (min-width: 0.000em) and (max-width: 41.749em) {
.ad-sticky {
background-color: #262626;
display: block;
left: 0;
position: relative;
top: 0;
width: 100%;
}
/* the .fixed class is added if client.js finds the sticky component and inits the display logic */
/* cool dev note: this will never be fixed in edit mode, so it'll never get in the way */
.ad-sticky.fixed {
box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .75);
left: 0;
position: fixed;
top: 0;
z-index: 50000000;
/* it's a lot of z-index, yes, but this should overlay all other content including 3rd party */
}
/* ad receives height on load, resolves issue with nav being pushed down initially */
.ad-sticky .ad {
min-height: 0;
}
/* the ad inside ad-sticky is displayed by default, but hidden with a class.
* note: this class needs to be applied to the ad component, so we can't just add a .show class
* to the template and remove it in js */
.ad-sticky .ad-wrapper {
background-color: #f1f1f1;
margin: 0 auto;
width: 100%;
}
.ad-sticky .ad-wrapper.hide {
display: none;
}
}
@media screen and (min-width: 41.750em) {
.ad-sticky {
display: none;
}
}
@media screen and (min-width: 0.000em) and (max-width: 46.874em) {
.vulture-nav-minimal .vulture-nav-inner {
height: 48px;
}
.vulture-nav-minimal .main {
display: none;
}
.vulture-nav-minimal .search:after {
border-right: 1px solid #ccc;
content: '';
height: 26px;
left: 44px;
position: absolute;
top: 11px;
width: 1px;
}
.vulture-nav-minimal .search.on:after {
display: none;
}
.vulture-nav-minimal .search .text-query {
font-size: 16px;
height: 30px;
margin: 7px;
width: calc(100% - 66px);
}
.vulture-nav-minimal .nav-mobile svg {
height: 16px;
margin: 12px 15px 0;
width: 16px;
}
.vulture-nav-minimal .dropdown-section {
border-bottom: 1px solid #3e3e3e;
}
.vulture-nav-minimal .dropdown-section:after {
clear: both;
content: '';
display: block;
}
.vulture-nav-minimal .dropdown-section.hot-topics a,
.vulture-nav-minimal .dropdown-section.mobile-sections a {
color: #00bcf1;
}
.vulture-nav-minimal .dropdown-section h2 {
font-size: 11px;
padding: 20px 0 4px;
}
.vulture-nav-minimal .dropdown-section a,
.vulture-nav-minimal .dropdown-section a:visited {
padding: 15px 0;
width: 49%;
}
/* first two */
.vulture-nav-minimal .dropdown-section a:nth-of-type(1),
.vulture-nav-minimal .dropdown-section a:nth-of-type(2) {
padding-top: 12px;
}
/* last two */
.vulture-nav-minimal .dropdown-section a:nth-last-of-type(1) {
margin-bottom: 12px;
}
/* left side clears to the left */
.vulture-nav-minimal .dropdown-section a:nth-of-type(odd) {
clear: left;
}
/* right side has different padding, so users click them easier */
.vulture-nav-minimal .dropdown-section a:nth-of-type(even) {
padding-left: 4%;
}
.vulture-nav-minimal .dropdown-section .follow a {
font-weight: normal;
margin: 0 8%;
padding: 16px 0 15px 16px;
}
}
@media screen and (min-width: 46.875em) and (max-width: 63.999em) {
.vulture-nav-minimal {
height: 80px;
}
.vulture-nav-minimal .vulture-nav-inner {
height: 75px;
}
.vulture-nav-minimal .vulture-nav-inner:after {
bottom: -6px;
}
.vulture-nav-minimal .logo {
height: 66px;
left: -18px;
top: 6px;
width: 310px;
}
.vulture-nav-minimal .logo svg {
height: 79px;
}
.vulture-nav-minimal .tagline {
height: 80px;
left: 93px;
top: 35px;
width: 80px;
}
.vulture-nav-minimal .main .stream {
display: none;
}
.vulture-nav-minimal .main-item a {
font-size: 26px;
padding: 15px 20px;
}
.vulture-nav-minimal .main-item a:after {
height: 41%;
right: 0;
top: 28%;
}
.vulture-nav-minimal .main-item.music a:after {
display: none;
}
.vulture-nav-minimal .search {
height: 42px;
right: 12px;
top: 17px;
width: 40px;
}
.vulture-nav-minimal .search.on {
width: calc(100% - 270px);
z-index: 5;
}
.vulture-nav-minimal .search .search-icon,
.vulture-nav-minimal .search .search-close {
right: 6px;
top: 9px;
}
.vulture-nav-minimal .search-icon svg {
height: 60%;
left: 20%;
top: 20%;
width: 60%;
}
.vulture-nav-minimal .search-close svg {
height: 90%;
left: 5%;
top: 5%;
width: 90%;
}
.vulture-nav-minimal .search .text-query {
height: 30px;
padding: 10px;
}
.vulture-nav-minimal .nav-mobile {
height: 60px;
padding: 0;
right: 60px;
top: 13px;
width: 65px;
}
.vulture-nav-minimal .nav-mobile svg {
height: 25%;
margin-left: calc(37% + 2px);
margin-top: 25%;
width: 25%;
}
.vulture-nav-minimal .nav-mobile:before,
.vulture-nav-minimal .nav-mobile:after {
border-right: 1px solid #e2e2e2;
content: '';
height: 25px;
position: absolute;
top: 12px;
width: 1px;
}
.vulture-nav-minimal .nav-mobile:before {
left: 2px;
}
.vulture-nav-minimal .nav-mobile:after {
right: 2px;
}
.vulture-nav-minimal .nav-mobile.on {
border: 1px solid #333;
border-bottom: none;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 61px;
}
.vulture-nav-minimal .nav-mobile.on:before,
.vulture-nav-minimal .nav-mobile.on:after {
display: none;
}
.vulture-nav-minimal .nav-mobile.on svg,
.vulture-nav-minimal .nav-mobile.on svg * {
fill: #fff;
}
.vulture-nav-minimal .dropdown {
border-top: 1px solid #333;
padding: 23px 0;
top: 73px;
}
.vulture-nav-minimal .dropdown:after {
clear: both;
content: '';
display: block;
}
.vulture-nav-minimal .dropdown-section {
border-left: 1px solid #3e3e3e;
float: left;
height: 280px;
padding: 0 23px;
width: 25%;
}
.vulture-nav-minimal .dropdown-section:first-of-type {
border: 0;
}
.vulture-nav-minimal .dropdown-section a.home {
display: none;
}
.vulture-nav-minimal .dropdown-section h2 {
font-size: 10px;
padding: 4px 0;
}
.vulture-nav-minimal .dropdown-section a,
.vulture-nav-minimal .dropdown-section a:visited {
padding: 12px 0;
width: 100%;
}
.vulture-nav-minimal .dropdown-section a:first-of-type {
padding-top: 12px;
}
.vulture-nav-minimal .dropdown-section a.tablet {
display: inline-block;
width: 40%;
}
.vulture-nav-minimal .dropdown-section .follow a {
padding: 16px 0 15px 37px;
width: auto;
}
.vulture-nav-minimal .hot-topics a {
color: #00bcf1;
}
}
</style>
</head>
<body class="vulture">
<div id="article-feature" data-layout="article-feature">
<div id="ad-splash"><div
data-uri=""
class="ad-sticky"
data-placeholder="component"
data-component="ad-sticky"
data-delay="3"
data-until-component="tags">
<div class="ad-wrapper">
<style>
@media (min-width: 0px) and (max-width: 479.9px) {
.ad.vp-0-480 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-480" data-name="/4088/vulture_mobile/tv" data-sizes="300x50,320x50,320x100,320x101"></div>
<style>
@media (min-width: 480px) and (max-width: 667.9px) {
.ad.vp-480-668 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-480-668" data-name="/4088/vulture_mobile/tv" data-sizes="468x60,480x60"></div>
</div>
</div>
</div>
<div id="top">
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="728x90,970x90"></div>
<style>
@media (min-width: 728px) and (max-width: 1023.9px) {
.ad.vp-728-1024 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-728-1024" data-name="/4088/nym.vulture/tv" data-sizes="728x90"></div>
<nav data-component="global-nav" class="global-nav">
<div>
<a href="//nymag.com/" data-track="NYMag">NYMag.com</a>
<a href="//nymag.com/daily/intelligencer/" data-track="Daily Intelligencer">Daily Intelligencer</a>
<a href="//www.vulture.com" data-track="Vulture">Vulture</a>
<a href="//nymag.com/thecut/" data-track="The Cut">The Cut</a>
<a href="//nymag.com/scienceofus/" data-track="Science of Us">Science of Us</a>
<a href="//nymag.com/selectall/" data-track="Select All">Select All</a>
<a href="//www.grubstreet.com/" data-track="Grubstreet">Grub Street</a>
<a href="//bedfordandbowery.com/" data-track="Bedford & Bowery">Bedford & Bowery</a>
<div class="social">
<p>FOLLOW:</p>
<a href="https://www.facebook.com/Vulture" class="facebook" data-track="Facebook">Facebook</a>
<a href="https://twitter.com/Vulture" class="twitter" data-track="Twitter">Twitter</a>
<a href="https://www.instagram.com/vulture/" class="instagram" data-track="Instagram">Instagram</a>
</div>
<div class="login-social-wrap rightMenu">
<div id="logged_in_bar" class="membership" style="display:none;">
<ul>
<li class="mynewyork"><a id="nav-mynewyork" class="top" href="//my.nymag.com"><span id="mynewyork-wrp"><cite id="user_name">UserName</cite> <span class="fbpic"></span></span></a>
<div id="sub_nav_mynewyork"></div>
</li>
</ul>
</div>
<div id="logged_out_bar" class="membership" style="display:none;">
<a class="login-lightbox" href="/accountcenter/login.cgi" data-track="Login/Register">LOG IN</a>
<a class="register-lightbox" href="/registration/" data-track="Login/Register">REGISTER</a>
</div>
</div>
</div>
</nav>
<section class="vulture-nav-minimal article" data-component="vulture-nav-minimal">
<div class="vulture-nav-inner">
<a class="logo" href="//www.vulture.com" data-track="logo">
<svg xmlns="http://www.w3.org/2000/svg" width="360" height="86" viewBox="0 0 360 86" preserveAspectRatio="xMinYMin meet">
<path d="M94.234 9.615c-1.376-.375-2.77-.708-4.11-1.066-.706-.197-1.548-.51-2.216-.415-1.002.137-1.42 1.097-1.892 2.222-2.738 6.587-5.19 13.436-7.885 19.767-1.7-6.413-3.99-15.186-5.75-22.152-.28-1.118-.44-2.242-.902-3.133-1.04-1.99-3.577-2.215-6.082-2.883-1.39-.37-3.94-1.22-5.34-1.066-1.643.935-.417 3.054.083 4.61.185.57.243 1.123.41 1.647.19.582.403 1.12.578 1.648 1.215 3.73 1.97 6.812 3.12 10.294.992 3 2.046 6.3 2.96 9.307.077.256.296.724.326.824.64 2.13 1.257 4.513 2.053 6.838.802 2.335 1.474 4.946 2.3 7.163l.165.408c1.014 3.216 2.06 6.097 3.04 9.234.345 1.102.827 2.706 1.807 2.712.81.004 1.443-1.26 1.81-2.14 1.222-2.94 2.31-6.005 3.45-8.654 4.56-10.563 8.73-20.584 13.226-31.042.41-.958.966-2.275.49-3.213-.25-.494-.896-.702-1.642-.91l.002-.002zM301.006 47.74c.043-1.66-.04-3.11-1.23-3.95-1.192-.353-2.596-.19-3.94-.08-2.705.202-4.812.188-7.644.407-1.312.09-2.697.257-3.938 0-.312-.988-.29-2.614-.245-4.04.02-.75-.23-3.122.404-3.625.48-.38 2.442-.417 3.288-.496 1-.086 1.802-.077 2.548-.165 2.855-.327 5.34-.373 7.563-.733.64-.517 1.256-.97 1.48-1.734.228-.773.095-1.78.08-2.553-.017-.84.105-1.87.08-2.965-.036-1.478.114-3.833-.985-4.614-.77-.545-2.408-.266-3.61-.08-2.853.448-5.273.823-8.056 1.233h-.9c-.71.104-1.354.412-1.728.084-.27-.235-.237-1.04-.24-1.484-.02-.625 0-1.367 0-1.893-.008-1.257-.23-2.658.08-3.214.33-.603 2.618-.817 3.61-.987 1.563-.27 2.752-.47 3.94-.665 1.813-.292 3.812-.674 5.75-.986.685-.11 1.46-.17 1.978-.41 1.512-.706 1.8-2.63 1.723-4.7-.02-.74 0-1.495 0-2.14 0-1.58.02-3.082-.244-4.86-.274-.213-.5-.48-.65-.82-.7-.152-1.3-.297-1.813-.165-1.02.27-2.37.59-3.205.82h-.487c-.788.158-1.44.433-2.137.584-4.87 1.056-9.972 2.126-14.867 3.292-1.032.245-2.27.39-2.795.736-1.64 1.082-1.065 4.793-1.065 7.004l.083 18.612c0 3.462-.14 7.235-.084 10.958.026 2.122.024 4.144.082 6.745.04 1.85-.144 4.645 1.062 5.353 1.092.644 4.638.245 6.57.245 2.35 0 3.97-.062 5.672 0 2.508.104 6.576.062 9.28.082 2.103.02 3.67.206 4.353-1.484.226-.525.204-1.367.245-2.216.075-1.46-.043-3.3-.002-5.104h-.004v.003h-.005zM126.19 16.127c-1.388-.202-3.32-.71-4.108-.083-.708.56-.63 1.996-.657 3.126-.16 6.367-.213 12.105-.493 18.53-.062 1.433-.086 2.602-.328 3.793-.43 2.09-1.047 3.542-2.467 4.444-2.96 1.886-6.434.258-7.72-2.065-1.72-3.073-1.293-7.453-1.152-11.69.144-4.36.263-8.107.494-12.848.09-1.895.42-4.667-.33-5.68-.515-.692-1.814-.858-3.12-1.157-1.546-.348-2.86-.84-3.946-.66l-.74.66c-.345 2.177-.394 4.427-.494 6.673-.21 4.837-.49 9.39-.573 13.75-.045 2.298-.293 4.5-.247 6.427.222 9.076 3.45 15.88 11.994 17.043 4.842.666 9.104-.576 11.83-2.632 2.833-2.137 4.63-5.563 5.34-9.396.37-2 .394-4.362.493-6.832.195-4.947.168-8.872.246-13.914.028-1.79.546-5.33-.327-6.427-.61-.764-2.256-.86-3.698-1.068h.002v.005zM264.94 50.86c-1.934-4.07-4.11-8.2-5.75-12.02 2.568-2.688 4.8-6.376 5.34-11.12.546-4.8-.35-9.864-3.285-12.766-1.854-1.832-4.726-2.98-8.464-2.963-2.323.007-4.592.504-6.896.987-.943.198-2.062.478-3.203.742-1.704.4-3.594.602-4.103 2.14-.19.57-.098 1.374-.082 2.305.13 9.778.27 18.474.406 28.33.02 1.256.083 2.997.083 4.855 0 1.906-.228 4.028.82 4.696.633.403 2.856.27 3.618.244.577-.018 1.19.076 1.725.083.467.006 1.08.087 1.562-.083 1.41-.5 1.25-2.312 1.23-4.198-.03-2.94-.146-6.692-.082-9.466.76.098 2.24-.397 3.035-.083.413.162.685.832.98 1.57 1.34 3.196 2.575 6.048 3.862 9.225.52 1.286 1.135 2.64 2.303 2.955 1.097.306 2.84.085 4.188.085.713 0 3.293.316 3.944-.33.96-.953.024-2.273-.41-3.207-.26-.555-.513-1.335-.818-1.98zm-17.25-20.34c-.08-2.757-.16-5.13-.167-7.578 2.578-1.02 5.758-.86 6.98.99 1.41 2.124.523 6.1-.898 7.574-.816.844-2.184 1.463-4.026 1.647-.556.053-1.194.193-1.56-.082-.46-.33-.305-1.534-.33-2.55zm-18.73-3.62c-.056-1.447.067-3.81 0-5.44-.056-1.275.19-4.318-.575-5.104-.338-.345-.916-.382-1.727-.33-.94.066-2.072.185-3.368.33-1.106.128-2.3.27-2.794.827-.855.962-.438 3.23-.408 5.434.025 1.994-.016 4.454 0 6.175.03 3.43.37 8.403.082 12.105-.234 3.012-1.31 5.385-3.53 6.345-1.562.68-3.77.55-5.096-.08-1.485-.713-2.47-2.072-3.038-3.793-1.016-3.06-.457-9.123-.492-12.438-.02-1.913-.084-4.102-.084-6.587 0-1.82.45-5.226-.74-6.012-.654-.433-2.61-.18-4.104-
</svg>
</a>
<a class="tagline" href="//www.vulture.com" data-track="logo"></a>
<nav class="main nav-sections" role="menu">
<div class="main-item tv"><a role="menuitem" href="//www.vulture.com/tv/" title="TV" data-track="tv">TV</a></div>
<div class="main-item movies"><a role="menuitem" href="//www.vulture.com/movies/" title="Movies" data-track="movies">Movies</a></div>
<div class="main-item music"><a role="menuitem" href="//www.vulture.com/music/" title="Music" data-track="music">Music</a></div>
<div class="main-item stream"><a role="menuitem" href="//www.vulture.com/streaming/" title="What to Stream" data-track="what to stream">What to Stream</a></div>
</nav>
<form class="search" method="get" action="//www.vulture.com/search.html" tabindex="0" data-track="search">
<input type="text" name="q" class="text-query" placeholder="Search">
<button class="search-close"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin meet">
<path d="M36.2,15.2l-0.8-0.8c-0.4-0.4-1.2-0.4-1.6,0L25.2,23l-8.9-9c-0.4-0.4-1.2-0.4-1.6,0l-0.8,0.8c-0.4,0.4-0.4,1.2,0,1.6
l8.9,8.9l-8.5,8.5c-0.4,0.4-0.4,1.2,0,1.6l0.8,0.8c0.4,0.4,1.2,0.4,1.6,0l8.5-8.5l8.1,8.1c0.4,0.4,1.2,0.4,1.6,0l0.8-0.8
c0.4-0.4,0.4-1.2,0-1.6l-8.1-8.1l8.5-8.5C36.6,16.4,36.6,15.7,36.2,15.2z"/>
</svg>
</button>
<button class="search-icon" type="submit"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="64" height="64" viewBox="0 0 64 64" preserveAspectRatio="xMinYMin meet">
<path d="M61.826 55.683l-16.642-16.642c6.514-9.426 5.598-22.469-2.786-30.848-4.57-4.57-10.646-7.087-17.11-7.087-6.464 0-12.54 2.516-17.11 7.085-9.434 9.434-9.434 24.782 0 34.217 4.571 4.569 10.646 7.087 17.11 7.087 4.986 0 9.736-1.514 13.75-4.298l16.636 16.634c.851.851 1.965 1.274 3.077 1.274s2.226-.425 3.075-1.274c1.7-1.695 1.7-4.451 0-6.148zm-48.375-18.548c-6.526-6.527-6.526-17.144 0-23.67 3.163-3.16 7.365-4.901 11.837-4.901 4.469 0 8.674 1.742 11.836 4.903 6.525 6.525 6.525 17.141 0 23.668-3.162 3.161-7.366 4.901-11.836 4.901-4.473 0-8.675-1.74-11.837-4.901z" fill="#888"/>
</svg>
</button>
<span class="searchtext">Search</span>
</form>
<div class="nav-mobile" tabindex="0" data-track="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="64" height="64" viewBox="0 0 64 64" preserveAspectRatio="xMinYMin meet">
<path d="M3.583 15.761h56.803c1.425 0 2.581-2.45 2.581-3.88 0-1.427-1.156-3.881-2.581-3.881h-56.803c-1.427 0-2.583 2.454-2.583 3.881 0 1.43 1.156 3.88 2.583 3.88zm56.803 12.933h-56.803c-1.427 0-2.583 2.454-2.583 3.879 0 1.432 1.156 3.881 2.583 3.881h56.803c1.425 0 2.581-2.449 2.581-3.881 0-1.425-1.156-3.879-2.581-3.879zm0 20.694h-56.803c-1.427 0-2.583 2.452-2.583 3.882 0 1.427 1.156 3.877 2.583 3.877h56.803c1.425 0 2.581-2.45 2.581-3.877 0-1.43-1.156-3.882-2.581-3.882z" fill-rule="evenodd" clip-rule="evenodd" fill="#888"/>
</svg>
</div>
<nav class="dropdown">
<div class="dropdown-section mobile-sections">
<h2>Sections</h2>
<a class="home" href="//www.vulture.com" title="Home" data-track="home">Home</a>
<a class="tv" href="//www.vulture.com/tv/" title="TV" data-track="tv">TV</a>
<a class="movies" href="//www.vulture.com/movies/" title="Movies" data-track="movies">Movies</a>
<a class="music" href="//www.vulture.com/music/" title="Music" data-track="music">Music</a>
<a class="stream" href="//www.vulture.com/streaming/" title="What to Stream" data-track="what to stream">What to Stream</a>
</div>
<div class="dropdown-section hot-topics" data-track="dropdown hot topics">
<h2>Hot Topics</h2>
<a href="http://www.vulture.com/news/fall-tv-2016/" title="Fall TV">
Fall TV
</a>
<a href="http://www.vulture.com/news/frank-ocean/" title="Frank Ocean">
Frank Ocean
</a>
<a href="http://www.vulture.com/news/the-night-of/" title="The Night Of">
The Night Of
</a>
<a href="http://www.vulture.com/news/stranger-things/" title="Stranger Things">
Stranger Things
</a>
</div>
<div class="dropdown-section">
<h2>Vulture's Network</h2>
<a href="//nymag.com/" title="NYMag" data-track="NYMag">NYMag.com</a>
<a href="//nymag.com/daily/intelligencer/" title="Daily Intelligencer" data-track="Daily Intelligencer">Daily Intelligencer</a>
<a href="//nymag.com/thecut/" title="The Cut" data-track="The Cut">The Cut</a>
<a href="//www.grubstreet.com/" title="Grub Street" data-track="Grubstreet">Grub Street</a>
<a href="//nymag.com/scienceofus/" title="Science of Us" data-track="Science of Us">Science of Us</a>
<a href="//bedfordandbowery.com/" title="Bedford & Bowery" data-track="Bedford & Bowery">Bedford &amp; Bowery</a>
</div>
<div class="dropdown-section">
<section class="follow" data-component="follow"><div class="follow-button-wrap"><a class="fb" data-track="Facebook Fan" data-handle="Vulture">Like Us</a><a class="twitter" data-track="Twitter follower" data-handle="Vulture">Follow Us</a><a class="instagram" data-track="Instagram follower" data-handle="Vulture">Follow Us</a></div>
</section>
</div>
</nav>
</div>
</section>
</div>
<div id="middle"></div>
<div id="cover"><style>
.vulture .feature-head.fullWidthImage {background:url(http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.jpg);background-color:#000 !important;top:0;min-height:600px;height:825px !important;background-position:50% 21%;background-size:cover;background-repeat:no-repeat;display:flex;-webkit-align-items:flex-end;align-items:flex-end;}.vulture .feature-head.fullWidthImage .lede {color:#fff;margin:0 auto;background-color:rgba(0,188,241,0.9);border:0;top:0;padding:30px;left:0;width:50%;text-align:center;}.vulture .feature-head.fullWidthImage .lede:before {display:none;}.vulture .feature-head.fullWidthImage .lede h1 {font-family:Elderkin, Arial Black, sans-serif;font-size:85px;line-height:.85;font-weight:normal;margin:0;position:relative;z-index:1;}.vulture .feature-head.fullWidthImage .lede h1 span {font-size:46px;line-height:65px;display:inline-block;text-transform:uppercase;color:#fff;padding:1px 14px;letter-spacing:2px;border:3px solid #fff;margin-bottom:20px;margin-left:0;}.vulture .feature-head.fullWidthImage .lede h1 .underline {border-top:61px solid #9fddf9;height:60px;opacity:0.7;position:relative;z-index:-1;display:block;top:-38px;margin-bottom:-62px;}.vulture .feature-head.fullWidthImage .lede .excerpt {font-family:Georgia, serif;font-size:24px;line-height:1.2;margin:5px auto 0;left:0;position:relative;width:90%;}.vulture .feature-head.fullWidthImage .lede .excerpt span {font-style:italic;font-size:24px;line-height:25px;display:block;padding-bottom:10px;}.vulture .feature-head.fullWidthImage .lede .excerpt:after {display:none;}.vulture .feature-head.fullWidthImage .by-authors {color:#fff !important;font-family:Georgia, serif;font-size:16px;font-weight:400;left:0;margin-top:8px;letter-spacing:0;position:relative;font-style:italic;display:block;}.vulture .feature-head.fullWidthImage .by-authors a {color:#fff !important;text-decoration:none;font-style:italic;line-height:30px;text-transform:none;}.vulture .feature-head.fullWidthImage .lede .photo-credit .plusLink {color:#fff;display:block;font-family:Arial, sans-serif;font-size:27px;font-weight:400;position:relative;font-style:normal;text-align:center;text-decoration:none;margin-top:-37px;padding-top:20px;line-height:1;}.vulture .feature-head.fullWidthImage .lede .photo-credit .plusLink .plusHed:hover {color:#fd2b26;transition:color .2s;}.vulture .feature-head.fullWidthImage .lede .photo-credit .plusLink span {display:block;}.vulture .feature-head.fullWidthImage .lede .photo-credit .plusLink .plusHdr {color:#fd2b26;display:inline-block;text-transform:uppercase;font-style:italic;font-size:80%;margin-bottom:14px;background-color:#070707;padding-left:5px;padding-right:5px;}.vulture .feature-head.fullWidthImage .lede .photo-credit .actualCredit {display:inline-block;padding-bottom:40px;color:#000;}.vulture .feature-head.fullWidthImage .lede .photo-credit {color:#fff;display:block;font-family:Arial, sans-serif;font-size:12px;font-weight:400;position:relative;font-style:normal;text-align:center;line-height:1;}@media screen and (min-width: 1024px) {.vulture .feature-head.fullWidthImage {margin:0 auto;}.vulture .feature-head.fullWidthImage .by-authors {margin-bottom:5px;}}@media screen and (min-width: 600px) and (max-width: 1023.99px) {.vulture .feature-head.fullWidthImage {height:760px !important;background-size:cover;background-repeat:no-repeat;}.vulture .feature-head.fullWidthImage .lede {width:80%;border:0;}.vulture .feature-head.fullWidthImage .lede h1 {border-bottom:0;font-size:55px;line-height:1;}.vulture .feature-head.fullWidthImage .lede h1 span {font-size:6.6vw;line-height:8.3vw;margin-bottom:20px;}.vulture .feature-head.fullWidthImage .lede h1 .underline {display:none;}.vulture .feature-head.fullWidthImage .lede .excerpt {margin:0 auto;padding:0;height:auto;font-size:22px;}.vulture .feature-head.fullWidthImage .by-authors {margin-top:5px;}.vulture .feature-head.fullWidthImage .lede .photo-credit {left:0;padding:0;line-height:17px;height:auto;margin:0;}}@media screen and (min-width: 0px) and (max-width: 599.99px) {.vulture .featur
</style>
<header data-component="feature-head" class="feature-head coverFullLede fullWidthImage">
<div class="lede">
<h1 itemprop="headline">The Secret to Superhero TV</h1>
<div class="excerpt">With four successful shows, veteran showrunner Greg Berlanti has found a way to make DC’s heroes succeed on the small screen.</div>
<span class="by-authors">
By
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><a href="//nymag.com/author/Abraham%20Riesman/" rel="author" class="story-author"
data-track="Byline: Author Archive">
Abraham Riesman
<meta itemprop="name" content="Abraham Riesman"/>
<link itemprop="sameAs" href="//nymag.com/author/Abraham%20Riesman/"/>
</a><a class="twitter" href="http://twitter.com/abrahamjoseph"
title="Follow Abraham Riesman on Twitter" target="_blank"
data-track="Byline: Twitter Follow"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="20" height="16" viewBox="0 0 20 16" preserveAspectRatio="xMinYMin meet">
<path d="M19.2 2.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z" fill="#28A9E1" />
</svg>
Follow <span class="author-twitter">&#64;abrahamjoseph</span>
</a></span>
</span><span class="photo-credit">Illustration by John Ritter</span>
</div>
</header>
</div>
<div id="box">
<div id="primary">
<aside data-component="share" class="share horizontal">
<div class="share-counter">624 <em>Shares</em></div><a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dfb-share-vulture" class="fb" data-track="Cover: Facebook" title="Share on Facebook">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#3E5C9B" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M19.4 28v-9.2h4l.6-3.3h-4.6v-2.4c0-1.1.3-1.8 2-1.8h2.6v-3.1c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5h-3.7v3.3h3.7v9.2h3.7z"/>
</svg>
Share <em>613</em>
</a><a target="_blank" href="https://twitter.com/share?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&amp;url=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dtwitter-share-vulture&amp;via=vulture" class="twit" data-track="Cover: Twitter" title="Share on Twitter">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#28A9E1" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M28.2 12.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z"/>
</svg>
Tweet <em>0</em>
</a><a target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html" class="gplus" data-track="Cover: GooglePlus" title="Share on Google Plus">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#DD4B39" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18.3 19.9l-.9-.7-.4-.4c-.2-.2-.2-.4-.2-.7 0-.3.1-.5.2-.7.1-.2.3-.4.4-.5l.8-.7c.2-.2.4-.5.6-.8.4-.6.6-1.3.6-2.2 0-.5-.1-1-.2-1.3-.1-.4-.3-.7-.5-1l-.6-.8c-.2-.2-.4-.3-.6-.4h1.6l1.6-.9h-5.2c-.7 0-1.4.1-2.2.2-.6 0-1.4.4-2.1 1-1.1 1-1.6 2.2-1.6 3.5 0 1.1.4 2 1.1 2.8.7.9 1.8 1.3 3.2 1.3.3 0 .5 0 .8-.1 0 .1-.1.3-.2.4-.1.2-.1.3-.1.6 0 .4.1.7.3 1 .1.3.3.5.5.8-.6 0-1.4.1-2.3.2-.9.2-1.8.5-2.7 1-.8.4-1.3 1-1.6 1.6-.3.6-.4 1.1-.4 1.6 0 1 .5 1.8 1.4 2.6.9.8 2.3 1.2 4.1 1.2 2.2 0 3.8-.6 5-1.6 1.1-1 1.7-2.1 1.7-3.4 0-.9-.2-1.6-.6-2.2-.4-.4-.9-.9-1.5-1.4zm-3.2-3c-.5 0-1-.2-1.4-.5-.4-.3-.8-.7-1-1.2-.6-1-.8-2-.8-3 0-.7.2-1.4.6-1.9.5-.6 1.1-.8 1.8-.9.5 0 1 .2 1.4.5.4.3.7.7 1 1.2.5 1 .8 2.1.8 3.1 0 .2 0 .5-.1.9-.1.3-.2.7-.4 1-.7.5-1.2.8-1.9.8zm2.7 9.7c-.6.5-1.6.8-2.8.8-1.4 0-2.4-.3-3.2-.9-.8-.6-1.2-1.4-1.2-2.3 0-.5.1-.9.3-1.2.2-.3.4-.6.6-.8.2-.2.5-.4.7-.5.2-.1.4-.2.6-.2.6-.2 1.1-.3 1.7-.4.5-.1.9-.1 1-.1h.6c1 .7 1.7 1.3 2.1 1.7.4.5.6 1.1.6 1.7-.1 1-.4 1.7-1 2.2zm8.4-10.1v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z"/>
</svg>
Share <em>7</em>
</a><a href="whatsapp://send?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV%0A%0Ahttp%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html&mid=whatsapp" class="whatsapp" data-track="Cover: WhatsApp" title="Share on Whatsapp">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill="#26A418" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18.7 7.5c-5.6 0-10.1 4.5-10.1 10.1 0 1.9.5 3.7 1.4 5.2l-1.8 5.4 5.6-1.8c1.4.8 3.1 1.3 4.9 1.3 5.6 0 10.1-4.5 10.1-10.1-.1-5.6-4.6-10.1-10.1-10.1zm0 18.4c-1.7 0-3.3-.5-4.6-1.4l-3.2 1 1-3.1c-1-1.4-1.6-3.1-1.6-4.9 0-4.6 3.8-8.4 8.4-8.4 4.6 0 8.4 3.8 8.4 8.4-.1 4.7-3.8 8.4-8.4 8.4zm4.7-6.1c-.3-.1-1.5-.8-1.7-.9-.2-.1-.4-.1-.6.1l-.9 1c-.2.2-.3.2-.6 0-.3-.1-1.1-.4-2-1.4-.7-.7-1.2-1.6-1.4-1.8-.1-.3 0-.4.1-.5l.4-.4c.1-.1.2-.2.3-.4.1-.2.1-.3 0-.4-.1-.1-.5-1.4-.7-1.9-.2-.5-.4-.4-.6-.5h-.5c-.2 0-.5 0-.7.3-.2.2-.9.8-1 2.1 0 1.3.8 2.5.9 2.7.1.2 1.7 2.9 4.2 4 2.6 1.1 2.6.8 3.1.8s1.5-.6 1.8-1.2c.2-.6.3-1.1.2-1.2.1-.2-.1-.2-.3-.4z"/>
</svg>
Share
</a><a href="mailto:?subject=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&amp;body=I%20saw%20this%20on%20Vulture%20and%20thought%20you%20might%20be%20interested...%0A%0AGreg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV%0AWith%20four%20successful%20shows%2C%20the%20veteran%20showrunner%20has%20found%20a%20way%20to%20make%20DC%E2%80%99s%20heroes%20succeed%20on%20the%20small%20scre...%0Ahttp%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html%3Fmid%3Demailshare%5Fvulture" class="email" data-track="Cover: Email" title="Share via email">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="21" height="16" viewBox="0 0 21 16" preserveAspectRatio="xMinYMin meet">
<path d="M20.1.6h-19.2l9.6 9.3 9.6-9.3zm.9 15.1v-14.3l-10.5 10.2-10.5-10.2v14.3l5.7-7.5 1 .9-5.9 7.7h19.4l-5.9-7.6 1-.9 5.7 7.4z"/>
</svg>
Email
</a><a href="#comments" class="comments" data-track="Cover: comments" title="View Comments"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="17" height="18" viewBox="0 0 17 18" preserveAspectRatio="xMinYMin meet">
<path d="M15.1.9h-12.9c-.9 0-1.5.7-1.5 1.6v9.3c0 .8.6 1.5 1.5 1.5h2.3l4.2 4.6v-4.6h6.4c.9 0 1.6-.6 1.6-1.5v-9.3c0-.9-.7-1.6-1.6-1.6z" fill="#FFE400"/>
</svg>
<span></span></a><a href="javascript:window.print();window.location.reload();" class="print" data-track="Cover: Print" title="Print this article">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#BCBCBC" d="M27.4 13.2v1.8c0 1.9-1.5 3.5-3.5 3.5h-12.1c-1.9 0-3.5-1.5-3.5-3.5v-1.7c-1.9 0-3.5 1.5-3.5 3.5v6.9c0 1.9 1.5 3.5 3.5 3.5h19c1.9 0 3.5-1.5 3.5-3.5v-6.9c.1-2-1.5-3.6-3.4-3.6zm0 10.4h-3.5v-1.7h3.5v1.7zm-13.8-6.9h8.7c1.9 0 3.5-1.5 3.5-3.5v-1.7c0-1.9-1.5-3.5-3.5-3.5h-8.7c-1.9 0-3.5 1.5-3.5 3.5v1.7c0 1.9 1.6 3.5 3.5 3.5z"/>
</svg>
<span>Print</span>
</a><button class="close"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin meet">
<path d="M36.2,15.2l-0.8-0.8c-0.4-0.4-1.2-0.4-1.6,0L25.2,23l-8.9-9c-0.4-0.4-1.2-0.4-1.6,0l-0.8,0.8c-0.4,0.4-0.4,1.2,0,1.6
l8.9,8.9l-8.5,8.5c-0.4,0.4-0.4,1.2,0,1.6l0.8,0.8c0.4,0.4,1.2,0.4,1.6,0l8.5-8.5l8.1,8.1c0.4,0.4,1.2,0.4,1.6,0l0.8-0.8
c0.4-0.4,0.4-1.2,0-1.6l-8.1-8.1l8.5-8.5C36.6,16.4,36.6,15.7,36.2,15.2z"/>
</svg>
</button>
<span class="share-text">Share</span>
</aside>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://www.vulture.com/tv/",
"name": "TV"
}
}]
}
</script>
<main role="main">
<article data-component="story" class="story" itemscope itemtype="http://schema.org/NewsArticle">
<header>
<nav><a class="rubric"
href="//www.vulture.com/news/vulture-cover-story/"
itemprop="articleSection"
data-track="Feature Rubric">vulture cover story</a></nav>
<time datetime="2016-09-07T12:00:00.000Z" itemprop="datePublished">September 7, 2016
<span>8:00 a.m.</span>
</time>
<h1 itemprop="headline">Greg Berlanti Knows the Secret to Superhero TV</h1>
<span class="by-authors"> By
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><a href="//nymag.com/author/Abraham%20Riesman/" rel="author" class="story-author"
data-track="Byline: Author Archive">Abraham Riesman
<meta itemprop="name" content="Abraham Riesman"/>
<link itemprop="sameAs" href="//nymag.com/author/Abraham%20Riesman/"/>
</a><a class="twitter" href="http://twitter.com/abrahamjoseph"
title="Follow Abraham Riesman on Twitter" target="_blank"
data-track="Byline: Twitter Follow"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="20" height="16" viewBox="0 0 20 16" preserveAspectRatio="xMinYMin meet">
<path d="M19.2 2.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z" fill="#28A9E1" />
</svg>
Follow <span class="author-twitter">&#64;abrahamjoseph</span>
</a></span>
</span>
<p itemprop="description" hidden>
With four successful shows, the veteran showrunner has found a way to make DC&amp;rsquo;s heroes succeed on the small screen.
</p>
<aside data-component="share" class="share horizontal">
<div class="share-counter">624 <em>Shares</em></div><a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dfb-share-vulture" class="fb" data-track="Cover: Facebook" title="Share on Facebook">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#3E5C9B" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M19.4 28v-9.2h4l.6-3.3h-4.6v-2.4c0-1.1.3-1.8 2-1.8h2.6v-3.1c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5h-3.7v3.3h3.7v9.2h3.7z"/>
</svg>
Share <em>613</em>
</a><a target="_blank" href="https://twitter.com/share?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&amp;url=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dtwitter-share-vulture&amp;via=vulture" class="twit" data-track="Cover: Twitter" title="Share on Twitter">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#28A9E1" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M28.2 12.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z"/>
</svg>
Tweet <em>0</em>
</a><a target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html" class="gplus" data-track="Cover: GooglePlus" title="Share on Google Plus">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#DD4B39" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18.3 19.9l-.9-.7-.4-.4c-.2-.2-.2-.4-.2-.7 0-.3.1-.5.2-.7.1-.2.3-.4.4-.5l.8-.7c.2-.2.4-.5.6-.8.4-.6.6-1.3.6-2.2 0-.5-.1-1-.2-1.3-.1-.4-.3-.7-.5-1l-.6-.8c-.2-.2-.4-.3-.6-.4h1.6l1.6-.9h-5.2c-.7 0-1.4.1-2.2.2-.6 0-1.4.4-2.1 1-1.1 1-1.6 2.2-1.6 3.5 0 1.1.4 2 1.1 2.8.7.9 1.8 1.3 3.2 1.3.3 0 .5 0 .8-.1 0 .1-.1.3-.2.4-.1.2-.1.3-.1.6 0 .4.1.7.3 1 .1.3.3.5.5.8-.6 0-1.4.1-2.3.2-.9.2-1.8.5-2.7 1-.8.4-1.3 1-1.6 1.6-.3.6-.4 1.1-.4 1.6 0 1 .5 1.8 1.4 2.6.9.8 2.3 1.2 4.1 1.2 2.2 0 3.8-.6 5-1.6 1.1-1 1.7-2.1 1.7-3.4 0-.9-.2-1.6-.6-2.2-.4-.4-.9-.9-1.5-1.4zm-3.2-3c-.5 0-1-.2-1.4-.5-.4-.3-.8-.7-1-1.2-.6-1-.8-2-.8-3 0-.7.2-1.4.6-1.9.5-.6 1.1-.8 1.8-.9.5 0 1 .2 1.4.5.4.3.7.7 1 1.2.5 1 .8 2.1.8 3.1 0 .2 0 .5-.1.9-.1.3-.2.7-.4 1-.7.5-1.2.8-1.9.8zm2.7 9.7c-.6.5-1.6.8-2.8.8-1.4 0-2.4-.3-3.2-.9-.8-.6-1.2-1.4-1.2-2.3 0-.5.1-.9.3-1.2.2-.3.4-.6.6-.8.2-.2.5-.4.7-.5.2-.1.4-.2.6-.2.6-.2 1.1-.3 1.7-.4.5-.1.9-.1 1-.1h.6c1 .7 1.7 1.3 2.1 1.7.4.5.6 1.1.6 1.7-.1 1-.4 1.7-1 2.2zm8.4-10.1v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z"/>
</svg>
Share <em>7</em>
</a><a href="whatsapp://send?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV%0A%0Ahttp%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html&mid=whatsapp" class="whatsapp" data-track="Cover: WhatsApp" title="Share on Whatsapp">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill="#26A418" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18.7 7.5c-5.6 0-10.1 4.5-10.1 10.1 0 1.9.5 3.7 1.4 5.2l-1.8 5.4 5.6-1.8c1.4.8 3.1 1.3 4.9 1.3 5.6 0 10.1-4.5 10.1-10.1-.1-5.6-4.6-10.1-10.1-10.1zm0 18.4c-1.7 0-3.3-.5-4.6-1.4l-3.2 1 1-3.1c-1-1.4-1.6-3.1-1.6-4.9 0-4.6 3.8-8.4 8.4-8.4 4.6 0 8.4 3.8 8.4 8.4-.1 4.7-3.8 8.4-8.4 8.4zm4.7-6.1c-.3-.1-1.5-.8-1.7-.9-.2-.1-.4-.1-.6.1l-.9 1c-.2.2-.3.2-.6 0-.3-.1-1.1-.4-2-1.4-.7-.7-1.2-1.6-1.4-1.8-.1-.3 0-.4.1-.5l.4-.4c.1-.1.2-.2.3-.4.1-.2.1-.3 0-.4-.1-.1-.5-1.4-.7-1.9-.2-.5-.4-.4-.6-.5h-.5c-.2 0-.5 0-.7.3-.2.2-.9.8-1 2.1 0 1.3.8 2.5.9 2.7.1.2 1.7 2.9 4.2 4 2.6 1.1 2.6.8 3.1.8s1.5-.6 1.8-1.2c.2-.6.3-1.1.2-1.2.1-.2-.1-.2-.3-.4z"/>
</svg>
Share
</a><a href="mailto:?subject=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&amp;body=I%20saw%20this%20on%20Vulture%20and%20thought%20you%20might%20be%20interested...%0A%0AGreg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV%0AWith%20four%20successful%20shows%2C%20the%20veteran%20showrunner%20has%20found%20a%20way%20to%20make%20DC%E2%80%99s%20heroes%20succeed%20on%20the%20small%20scre...%0Ahttp%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html%3Fmid%3Demailshare%5Fvulture" class="email" data-track="Cover: Email" title="Share via email">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="21" height="16" viewBox="0 0 21 16" preserveAspectRatio="xMinYMin meet">
<path d="M20.1.6h-19.2l9.6 9.3 9.6-9.3zm.9 15.1v-14.3l-10.5 10.2-10.5-10.2v14.3l5.7-7.5 1 .9-5.9 7.7h19.4l-5.9-7.6 1-.9 5.7 7.4z"/>
</svg>
Email
</a><a href="#comments" class="comments" data-track="Cover: comments" title="View Comments"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="17" height="18" viewBox="0 0 17 18" preserveAspectRatio="xMinYMin meet">
<path d="M15.1.9h-12.9c-.9 0-1.5.7-1.5 1.6v9.3c0 .8.6 1.5 1.5 1.5h2.3l4.2 4.6v-4.6h6.4c.9 0 1.6-.6 1.6-1.5v-9.3c0-.9-.7-1.6-1.6-1.6z" fill="#FFE400"/>
</svg>
<span></span></a><a href="javascript:window.print();window.location.reload();" class="print" data-track="Cover: Print" title="Print this article">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#BCBCBC" d="M27.4 13.2v1.8c0 1.9-1.5 3.5-3.5 3.5h-12.1c-1.9 0-3.5-1.5-3.5-3.5v-1.7c-1.9 0-3.5 1.5-3.5 3.5v6.9c0 1.9 1.5 3.5 3.5 3.5h19c1.9 0 3.5-1.5 3.5-3.5v-6.9c.1-2-1.5-3.6-3.4-3.6zm0 10.4h-3.5v-1.7h3.5v1.7zm-13.8-6.9h8.7c1.9 0 3.5-1.5 3.5-3.5v-1.7c0-1.9-1.5-3.5-3.5-3.5h-8.7c-1.9 0-3.5 1.5-3.5 3.5v1.7c0 1.9 1.6 3.5 3.5 3.5z"/>
</svg>
<span>Print</span>
</a><button class="close"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin meet">
<path d="M36.2,15.2l-0.8-0.8c-0.4-0.4-1.2-0.4-1.6,0L25.2,23l-8.9-9c-0.4-0.4-1.2-0.4-1.6,0l-0.8,0.8c-0.4,0.4-0.4,1.2,0,1.6
l8.9,8.9l-8.5,8.5c-0.4,0.4-0.4,1.2,0,1.6l0.8,0.8c0.4,0.4,1.2,0.4,1.6,0l8.5-8.5l8.1,8.1c0.4,0.4,1.2,0.4,1.6,0l0.8-0.8
c0.4-0.4,0.4-1.2,0-1.6l-8.1-8.1l8.5-8.5C36.6,16.4,36.6,15.7,36.2,15.2z"/>
</svg>
</button>
<span class="share-text">Share</span>
</aside>
</header>
<div class="body">
<div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Vulture"/>
<link itemprop="sameAs" href="http://www.vulture.com/"/>
</div>
<meta itemprop="url" content="http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html"/><figure data-component="img" class="img horizontal primary" itemprop="image" itemscope itemtype="http://schema.org/ImageObject" data-site-id="vulture">
<div>
<img srcset="//pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w529.h352.jpg 1x, //pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w529.h352.2x.jpg 2x" src="//pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w529.h352.jpg" alt="" itemprop="contentUrl">
<aside>
<button class="enlarge" data-track="Enlarge"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path d="M33.37 29.726l-4.381-4.381c4.522-6.204 3.961-15.002-1.647-20.61-3.014-3.014-7.045-4.697-11.322-4.697-4.276 0-8.307 1.647-11.322 4.697-6.239 6.239-6.239 16.369 0 22.608 3.014 3.014 7.045 4.697 11.322 4.697 3.4 0 6.625-1.052 9.324-3.014l4.346 4.346c.491.491 1.157.771 1.823.771.666 0 1.332-.245 1.823-.771 1.052-.981 1.052-2.629.035-3.645zm-8.798-5.118c-2.278 2.278-5.328 3.54-8.553 3.54-3.225 0-6.274-1.262-8.553-3.54-4.732-4.732-4.732-12.408 0-17.105 2.278-2.278 5.328-3.54 8.553-3.54 3.225 0 6.274 1.262 8.553 3.54 4.732 4.732 4.732 12.408 0 17.105zm-2.699-9.92h-4.452v-4.487c0-.701-.596-1.297-1.297-1.297s-1.297.596-1.297 1.297v4.452h-4.452c-.701 0-1.297.596-1.297 1.297s.596 1.297 1.297 1.297h4.452v4.487c0 .701.596 1.297 1.297 1.297s1.297-.596 1.297-1.297v-4.452h4.452c.701 0 1.297-.596 1.297-1.297 0-.736-.561-1.297-1.297-1.297z"/>
</svg>
</button>
<a class="pinterest" data-href="description=&amp;media=http:%2F%2Fpixel.nymag.com%2Fimgs%2Fdaily%2Fvulture%2F2016%2F09%2F01%2Fmagazine%2Fberlanti%2F01-berlanti-lede.w715.h476.2x.jpg" data-track="Pinterest Share"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CC2127" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M18.5 9.3c-5.3 0-8 3.8-8 7 0 1.9.7 3.6 2.3 4.3.3.1.5 0 .6-.3.1-.2.2-.7.2-.9.1-.3 0-.4-.2-.6-.4-.5-.7-1.2-.7-2.2 0-2.8 2.1-5.4 5.5-5.4 3 0 4.7 1.8 4.7 4.3 0 3.2-1.4 6-3.5 6-1.2 0-2-1-1.8-2.2.3-1.4 1-2.9 1-4 0-.9-.5-1.7-1.5-1.7-1.2 0-2.2 1.2-2.2 2.9 0 1.1.4 1.8.4 1.8s-1.2 5.2-1.4 6.1c-.4 1.8-.1 4 0 4.3 0 .1.2.2.3.1.1-.1 1.5-1.9 2-3.7.1-.5.8-3.1.8-3.1.4.7 1.5 1.4 2.7 1.4 3.6 0 6-3.3 6-7.7-.1-3.4-3-6.4-7.2-6.4z"/>
</svg>
</a>
<a class="fb" data-track="Facebook Share"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#3E5C9B" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M19.4 28v-9.2h4l.6-3.3h-4.6v-2.4c0-1.1.3-1.8 2-1.8h2.6v-3.1c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5h-3.7v3.3h3.7v9.2h3.7z"/>
</svg>
</a>
</aside>
<button class="close"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" preserveAspectRatio="xMinYMin meet">
<path d="M22.6,1.5 L21.8,0.7 C21.4,0.3 20.6,0.3 20.2,0.7 L11.6,9.3 L2.7,0.3 C2.3,-0.1 1.5,-0.1 1.1,0.3 L0.3,1.1 C-0.1,1.5 -0.1,2.3 0.3,2.7 L9.2,11.6 L0.7,20.1 C0.3,20.5 0.3,21.3 0.7,21.7 L1.5,22.5 C1.9,22.9 2.7,22.9 3.1,22.5 L11.6,14 L19.7,22.1 C20.1,22.5 20.9,22.5 21.3,22.1 L22.1,21.3 C22.5,20.9 22.5,20.1 22.1,19.7 L14,11.6 L22.5,3.1 C23,2.7 23,2 22.6,1.5 L22.6,1.5 Z" fill="#000000"/>
</svg>
</button>
</div>
<figcaption itemprop="caption">
<cite>
Illustration:
John Ritter
</cite>
</figcaption>
</figure>
fix: bug in scoring and converting to paragraphs
2016-09-14 14:15:36 +00:00
<span class="articleBody" itemprop="articleBody">
debugging: cheerio isn't always consistent in setting scores
2016-09-09 20:59:37 +00:00
<style>
.vulture .feature-head.fullWidthImage {
display: -webkit-flex;
}
#article-feature #primary .ad.vp-1024-plus {
left: 150px;
margin-left: -115px;
}
.vulture #cover .feature-head.fullWidthImage,
.vulture #cover .feature-head.fullWidthImage .by-authors,
.vulture #cover .feature-head.fullWidthImage .excerpt,
.vulture #cover .feature-head.fullWidthImage h1,
.vulture #cover .feature-head.fullWidthImage .photo-credit {
opacity: .0;
}
.vulture #cover .feature-head.fullWidthImage.fadeIn,
.vulture #cover .feature-head.fullWidthImage .by-authors.fadeIn,
.vulture #cover .feature-head.fullWidthImage .excerpt.fadeIn,
.vulture #cover .feature-head.fullWidthImage h1.fadeIn,
.vulture #cover .feature-head.fullWidthImage .photo-credit.fadeIn {
-webkit-animation: coverHeadFadeIn 700ms cubic-bezier(0.640, 0.295, 0.855, 0.515) forwards;
-moz-animation: coverHeadFadeIn 700ms cubic-bezier(0.640, 0.295, 0.855, 0.515) forwards;
-o-animation: coverHeadFadeIn 700ms cubic-bezier(0.640, 0.295, 0.855, 0.515) forwards;
animation: coverHeadFadeIn 700ms cubic-bezier(0.640, 0.295, 0.855, 0.515) forwards;
}
@-webkit-keyframes coverHeadFadeIn {
0% {
opacity: .0;
}
98% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-moz-keyframes coverHeadFadeIn {
0% {
opacity: .0;
}
98% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-o-keyframes coverHeadFadeIn {
0% {
opacity: .0;
}
98% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes coverHeadFadeIn {
0% {
opacity: .0;
}
98% {
opacity: 1;
}
100% {
opacity: 1;
}
}
</style>
<script>
(function() {
'use strict'
var image, author, excerpt, headline, i, photoCredit;
function animateText(domObj) {
setTimeout(function () {
domObj.classList.add('fadeIn');
}, 450);
}
function animateTextGroup(domObjArray) {
i = 0;
var animationInterval = setInterval(function() {
animateText(domObjArray[i]);
i++;
if (i === domObjArray.length) {
clearInterval(animationInterval);
}
}, 350);
}
function insertAfter(newNode, referenceNode) {
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
function onLoad() {
image = document.querySelector('.feature-head.fullWidthImage'),
author = document.querySelector('.feature-head .by-authors'),
excerpt = document.querySelector('.feature-head .excerpt'),
headline = document.querySelector('.feature-head h1'),
photoCredit = document.querySelector('.feature-head .photo-credit');
animateTextGroup([image, headline, excerpt, author, photoCredit]);
}
document.addEventListener('DOMContentLoaded', onLoad, false);
})();
</script>
<p>It&rsquo;s been a rough year at the movies for DC Comics. <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2016/03/review-batman-v-superman-a-confused-epic.html">Batman v Superman: Dawn of Justice</a></i> and <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2016/08/review-suicide-squad-is-deathly-unentertaining.html">Suicide Squad</a></i> opened to abysmal reviews, leaving DC parent company Warner Bros. scrambling to figure out a new strategy for the cineplex. But that kind of panic is absent on the small screen, where DC superheroes are actually having a particularly vital moment, thanks largely to producer Greg Berlanti.</p>
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p>How did it happen? While DC’s films tend to be sludge-heavy epics filled with murder and overcooked pathos, the superhero shows in the so-called Berlantiverse quartet (<i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/arrow/">Arrow</a>, <a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/the-flash/">The Flash</a>, <a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/supergirl/">Supergirl</a>,</i> and <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/legends-of-tomorrow/">Legends of Tomorrow</a></i>) airing on the CW are built on peppy banter, buoyant action, and will-they-or-won’t-they sex appeal. Simply put, Berlanti’s shows are fun in a way that DC’s movies aren’t. Here, the 44-year-old explains his approach.</p>
<p><b>Critics of DC&rsquo;s recent movies have said they&rsquo;re too dark, which isn&rsquo;t something anyone is likely to say about your shows. </b><br /> Hope and optimism have always been a part of who these characters are. They&rsquo;re beacons of hope in scary times, and that&rsquo;s perhaps why they&rsquo;re resonating again. It&rsquo;s an uncertain era, and there&rsquo;s a certitude about these characters. A big part of that is that they see a better outcome.</p>
<p><b>Is that part of what makes superhero stories unique? <br /> </b>They&rsquo;re aspirational stories that are a fusion of different elements. But in a particular moment they can be anything. Some days on <i>The Flash,</i> we&rsquo;re making a family show, and there are other days where we&rsquo;re making a crime show. Then, in the next hour, the whole cast might have to turn around and do a huge visual-effects sequence, and then in the next hour, they&rsquo;ll have to turn around and do something comedic. At the same time, they&rsquo;re really grounded in basic truths of, <i>Can you overcome? What does it take?</i><b></b></p>
<style>
</style>
<aside data-component="img-block" class="img-block invisible">
<div class="images">
<figure class="img-unit single" itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<img class="img" srcset="//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-greg-berlanti.w668.jpg 668w, //pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-greg-berlanti.w1024.jpg 1024w" sizes="(max-width: 668px) 668px, 1024px" src="//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-greg-berlanti.w1024.jpg" alt="" itemprop="contentUrl">
</figure>
</div>
<span class="credit">Photograph by Nathaniel Wood</span>
</aside>
<p><b>Is TV just a better medium than movies for what you believe superhero stories do best?<br /> </b>TV lends itself a bit more to comic books. Comics are ongoing. You get these twists and turns in the narrative and go deeper in smaller moments into these characters&rsquo; lives. You don&rsquo;t have to keep a high-octane train moving at all times. I think one of the joys of television in general, versus film, is that things get to settle. TV&rsquo;s job is to make you lean in, and a film&rsquo;s job is to make you lean back. <b></b></p>
<p><b>What comic books did you read growing up?<br>
</b>I read some Marvel, but I was more of a DC guy. Particularly the Flash, <span class="footnoteLink">Barry Allen.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-1.w190.h190.jpg">Created in 1956, Barry Allen is a police scientist with super-speed who goes by the nom de guerre “the Flash.” Others have used that moniker, but he’s the most famous</span></span> I latched on to him because I felt like him. You thought to yourself, <i>Well, you can’t really be Superman.</i> You couldn’t really be Batman — Batman was a really dark figure. I identified with Barry Allen’s hopefulness. <b></b></p>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.ad.vp-0-600 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
<style>
@media (min-width: 600px) and (max-width: 1023.9px) {
.ad.vp-600-1024 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p><b>Were there things about superhero comics that spoke to you as a gay teen?</b><br /> They were people who were hiding in plain sight. I was so closed off to that part of myself then. I didn&rsquo;t happen to be one of those gay kids who knew definitively by the time I was 13. I was having a weird amalgamation of emotions, and I identified with a lot of outsider characters. In retrospect, it&rsquo;s very easy for me to look at it now and go, <i>Oh, it&rsquo;s because they had this burden of feeling alone.</i> I don&rsquo;t think people realize the extent to which there was no gay representation then. If you were a kid, there was nothing. People don&rsquo;t understand, culturally, how it felt. And so here you had these characters who are told they&rsquo;re special because they&rsquo;re different, and it&rsquo;s empowering.</p>
<p><b>Your shows are far more hopeful and romantic than anything in superhero film or even in most superhero comics. Does that come from those feelings you had as a kid?</b><br /> I liked a lot of the unspoken stuff. I would imagine, <i>There&rsquo;s gotta be some heat that&rsquo;s passing between Wonder Woman and Superman. He&rsquo;s in love with Lois Lane, but he and Wonder Woman are out there working together! </i>You start to think about those complications.</p>
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p><b>You were seeing things that weren&rsquo;t necessarily explicit.<br /> </b>Every now and then, someone would make them explicit, and you&rsquo;d be like, <i>That&rsquo;s what I was thinking!</i><b></b></p>
<p><b>You got into Barry Allen right around when DC killed him off in a big crossover event.<br>
</b>It was <span class="footnoteLink">his death<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-2.w190.h190.jpg">In a 1985 story, Barry died while saving the Earth. He came back from the dead in a 2008 comic.</span></span> that drew me to him. I think it was a pivotal moment, realizing how much I connected with the characters. I didn’t expect him to die; I didn’t think you did that in comic books. <span class="footnoteLink">Supergirl actually died<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-3.w190.h190.jpg">That same 1985 story killed off Superman’s cousin, Supergirl.</span></span> at the same time. But I had a less emotional response to that.</p>
<p><b>A lot of filmmakers talk about how the mid-’80s period of <span class="footnoteLink">DC Comics<span class="footnote">In the mid-1980s, DC published some famously risky stories that had major effects on the history of comics.</span></span> influenced them, but they usually cite the two famously dark works of that era, <span class="footnoteLink"><i>The Dark Knight Returns</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-5.w190.h190.jpg">One of those famous stories was this extremely grim and violent take on Batman.</span></span> and <span class="footnoteLink"><i>Watchmen</i>.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-6.w190.h190.jpg">Another of the famous mid-’80s DC comics, this one was a depressing and deconstructionist take on the concept of superheroes.</span></span> Did that stuff have an impact on you?<br>
</b>It didn’t. All my friends were collecting <i>Dark Knight</i> at the time and talking about it and starting to talk about <i>Watchmen,</i> and I was into the <span class="footnoteLink">Marv Wolfman<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-7.w190.h190.jpg">A veteran comics writer, Wolfman was known in the ’80s as a dependable writer of quality mainstream superhero stories.</span></span> stuff. I was also starting to discover storytelling and writing, and I loved the labyrinthine connective tissue between everything. You really felt like you were in a world. And I didn’t know if we’d be able to do that in the shows. When we started to go there with <span class="footnoteLink"><i>Arrow</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-8.w190.h190.jpg">The first show in the Berlantiverse, <i>Arrow,</i> debuted on the CW in 2012 and follows a vigilante archer named Oliver Queen, who originated in DC Comics.</span></span> and <span class="footnoteLink"><i>Flash</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-9.w190.h190.jpg">The second Berlantiverse show, <i>The Flash,</i> debuted in 2014 and follows Barry Allen — played by actor Grant Gustin — and his friends. It’s the top-rated show on the CW.</span></span> crossing over, it was rewarding. Just as a viewer, I felt like, <i>That’s what it felt like when I read the comic book.</i> I wasn’t sure if I would have that same feeling. If you would feel like the worlds could cross and it wouldn’t damage either of them, it would just make both of them feel larger.</p>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.ad.vp-0-600 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
<style>
@media (min-width: 600px) and (max-width: 1023.9px) {
.ad.vp-600-1024 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p><b>Were there worlds like that on television that you enjoyed? Places where crossovers and complex universes existed?<br /> </b><i>The Six Million Dollar Man</i> and <i>The Bionic Woman.</i> Someone pointed out in the room the other day that, in terms of epic crossovers that don&rsquo;t get enough conversation, there&rsquo;s the<i> Magnum, P.I.</i>&ndash;<i>Murder, She Wrote</i> <span class="footnoteLink">crossover.<span class="footnote">Angela Lansbury&rsquo;s golden-ager sleuth traveled to Hawaii to help Tom Selleck&rsquo;s wry P.I. investigate an attempted murder.</span></span> That exists! I remember getting very excited.</p>
<p><b>What did you want to do differently with <i>Arrow</i> compared to what had been done in past superhero TV shows?<br /> </b><i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/homeland/">Homeland</a></i> had just come out at the time, and thank God it did, because we referenced it a lot in our conversations with the studio and the network. There was this guy who disappeared and comes back and was clearly tortured both physically and mentally. There was that sense of, <i>Is he good? Is he bad?</i> He&rsquo;s still trying to figure it out. What happened to him there? What&rsquo;s happening to him now? All of that mystery that surrounded him was something that was really intriguing to us.<b></b></p>
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p><b>Plus, <span class="footnoteLink">Stephen Amell,<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-11.w190.h190.jpg">Amell plays <i>Arrow</i>’s crime-fighting protagonist, Oliver Queen. The actor was a relative unknown when he was cast, but his muscular frame and charismatic delivery made him an ideal pick for the role.</span></span> your lead, was incredibly hot. Your shows’ sexual perspective is pretty interesting in general: The men are the eye candy much more than the women. Amell spends like half of any given episode topless.<br>
</b>I know. I will say there are so many other, straight people involved in this that you could credit for that over me. We actually never saw what [Amell] looked like underneath his shirt when we cast him. It wasn’t until he started working out for the part and sending us videos while he was training that we said, “Oh, he can do the <span class="footnoteLink">salmon ladder.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-12.w190.h190.jpg">An extremely difficult piece of workout equipment, a salmon ladder requires a user to lift his body up on a pull-up bar, then use momentum to move the pull-up bar to a series of progressively higher hooks on each pull-up. Oliver uses it repeatedly in <i>Arrow,</i> usually while shirtless.</span></span> Put that in.” When I see stuff like that in the dailies, I’m not afraid of it. There was the boy in me that loved comic books who loved some of those scenes in that for the superhero-ness, and then there was the person in me who didn’t mind having a hot guy doing the salmon ladder.</p>
<p><b>What was your first superhero project? Was there something early on that never came to fruition?<br>
</b>I kept telling people in the industry that I loved comic books as a kid when <span class="footnoteLink"><i>Iron Man</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-13.w190.h190.jpg">The 2008 hit that launched the cinematic universe of DC’s mortal enemy, Marvel Comics.</span></span> hadn’t been made yet. I pitched on that.</p>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.ad.vp-0-600 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
<style>
@media (min-width: 600px) and (max-width: 1023.9px) {
.ad.vp-600-1024 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p><b>You pitched an <i>Iron Man </i>movie? <br /> </b>I did, yeah. Somewhere around 2005.<b></b></p>
<p><b>What was your pitch?<br>
</b>There was that movie with Nic Cage where he’s a gunrunner. <span class="footnoteLink"><i>Lord of War</i>.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-14.w190.h190.jpg">A 2005 Andrew Niccol film starring Nicolas Cage, who plays an arms dealer. <i>Iron Man</i>’s star, Tony Stark, also sells deadly weaponry.</span></span> Marvel wanted that feeling. Tony [Stark] was an alcoholic in it by then. My pitch certainly wasn’t as good as the eventual film. So everyone made the right choice. My agents at the time were like, “You like comic books?” And so then I pitched Warner Bros. on <span class="footnoteLink"><i>Green Lantern</i>.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-15.w190.h190.jpg">A 2011 Warner Bros. flop based on a long-running, sci-fi-themed DC Comics character of the same name. Berlanti and two partners co-wrote a screenplay for it in 2008, and although they received writing credits, extensive rewrites meant the finished product barely resembled their original script.</span></span></p>
<p><b>I read your original script for <i>Green Lantern</i> and was struck by how wildly different it is from the very grim direction the DC film universe has since gone in. What were you and your co-writers going for?<br /> </b>We talked a lot about <i>Top Gun</i> meets a space opera. <b></b></p>
<p><b>But things didn&rsquo;t go well for that script. The eventual movie warped it pretty insanely out of shape and the movie flopped. What did you learn from the <i>Green Lantern</i> experience?<br /> </b>That I would rather make my own mistakes and learn from them than have other people take the material. If you&rsquo;re not executing it, if you&rsquo;re not there, not everybody can know what&rsquo;s in your head. The devil is in the details, whether it&rsquo;s in a piece of casting or whether it&rsquo;s an action scene being representative of the character. So when I eventually got back to Warner Bros. after <i>Green Lantern,</i> they said, &ldquo;Well, you&rsquo;ve worked on DC material before. Do you want to make a DC show?&rdquo; I was hesitant. <b></b></p>
<style>
</style>
<aside data-component="img-block" class="img-block invisible">
<div class="images">
<figure class="img-unit" itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<img class="img" srcset="//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-3.w668.jpg 668w, //pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-3.w1024.jpg 1024w" sizes="(max-width: 668px) 668px, 1024px" src="//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-3.w1024.jpg" alt="" itemprop="contentUrl">
</figure><figure class="img-unit" itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<img class="img" srcset="//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-4.w668.jpg 668w, //pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-4.w1024.jpg 1024w" sizes="(max-width: 668px) 668px, 1024px" src="//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-4.w1024.jpg" alt="" itemprop="contentUrl">
</figure>
</div>
<span class="credit">Photographs by Nathaniel Wood</span>
</aside>
<p><b>Your first superhero property is one most people have forgotten, <span class="footnoteLink"><i>No Ordinary Family</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-16.w190.h190.jpg">A comedy-drama TV series co-created by Berlanti, <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2010/10/tv_review_no_ordinary_family_a.html">No Ordinary Family</a></i> followed a family with superpowers. It debuted in 2010 and was canceled after one season.</span></span> on ABC. You’ve called it a learning experience. <br>
</b>The lesson was not to change the DNA of what you promise to the audience, even if the network goes, “We don’t want that.” [ABC] didn’t want superpowered villains. They wanted <i>Bewitched</i> with powers, if you can imagine. And I wanted to make a superhero show! Another lesson was: Visual effects in a superhero show on a TV budget executed on TV production time was not a threshold we were ready to cross. We just didn’t have the science. It wasn’t until <i>Flash</i> that enough advancements in technology for TV had happened. Not that we are at a cinematic level, necessarily, but with <i>Flash,</i> his powers are a big part of why you enjoy him. Twenty-five percent of the show is animated. Sometimes it takes from that moment we start writing the story to two days before it airs to complete a given visual-effects sequence. I didn’t know how to do that when we were doing <i>No Ordinary Family.</i></p>
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.ad.vp-0-600 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
<style>
@media (min-width: 600px) and (max-width: 1023.9px) {
.ad.vp-600-1024 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p><b>We live in this era of the television hyperproducer who oversees an empire of shows. Shonda Rhimes’s is the main name thrown around in discussions about that phenomenon, but you’re another one of those folks. How do you, specifically with the DC shows, make sure that all these similar and <span class="footnoteLink">sometimes-interlocking<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-17.w190.h190.jpg">There are periodic crossovers between the Berlantiverse shows: Oliver has trained Barry, Barry has fought crime alongside Supergirl, and the<i> Legends of Tomorrow</i> cast is composed almost entirely of characters from <i>Arrow </i>and <i>The Flash</i>.</span></span> stories sync up?<br>
</b>I’m in each of the story rooms every day. I go through each of the shows. There are things I miss, but there’s me, the showrunners are talking to each other, then the studio executives, and then the network executives. Four different groups are giving notes, so if I miss something, someone will catch it. That being said, we still make those mistakes. When you start incorporating time travel or parallel universes …</p>
<p><b>To what extent are the comics R&amp;D for the TV and movie properties? Does DC Comics president Geoff Johns come to you and say, “Hey, here’s something we tried out in a comic. Let’s try it here”?<br>
</b>Sometimes, or he has other executives mention that to us. They said to us a year and a half before they started developing <i>Suicide Squad,</i> “Will you guys put [a version of] the Suicide Squad in your show? Because we want to have it as a film at some point.” It also happened with Geoff when Geoff and Andrew [Kreisberg] and I were creating <i>Flash.</i> They were both really huge fans of Cisco Ramon, [also known as] <span class="footnoteLink">Vibe,<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-18.w190.h190.jpg">Created in a 1984 comic, Cisco Ramon, a.k.a. Vibe, is a relatively minor DC hero, played by Carlos Valdes, who acts as one of the stars of <i>The Flash</i>.</span></span> and had written a <i>Vibe</i> comic [in 2013] to try and bring him back. They said, “Could we please have Vibe on the show?”</p>
<p><b>Do you pay much attention to what Marvel’s doing?<br>
</b>We talk about how they show a superpower. For instance, we were in the middle of postproduction on <i>Flash</i> when Bryan Singer did that sequence with <span class="footnoteLink">Quicksilver.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-19.w190.h190.jpg">In the 2014 film <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2014/05/movie-review-x-men-days-of-future-past.html">X-Men: Days of Future Past</a>,</i> a Marvel Comics adaptation directed by Bryan Singer, a super-swift character named Quicksilver saves the day in an innovative scene when he moves so fast that time appears to freeze for everyone but him.</span></span> We were talking about that in terms of our version of Flash.</p>
<p><b>When you were developing <span class="footnoteLink"><i>Supergirl</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-20.w190.h190.jpg">Debuting on CBS in 2015, <i>Supergirl</i> was the first Berlantiverse show to appear on a broadcast network. It follows Superman’s cousin, who balances crime-fighting with work at a media conglomerate.</span></span> and you were saying, “We want Jimmy Olsen to be black,” was there anyone in the room going “Hmm”?<br>
</b>People go, “Do you want to do it just to do it?” You think the answer to that should be “Yeah,” but truthfully, we saw <span class="footnoteLink">Mehcad Brooks<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-21.w190.h190.jpg">The actor who plays one of <i>Supergirl</i>’s leads, Superman’s pal Jimmy Olsen (now going by “James”).</span></span> in the part. It was colorblind casting. We were auditioning white dudes, too, but he won it in the room. I remember picking up the phone and calling [Warner Bros. Television president] Peter Roth and saying, “You’re going to see this guy Mehcad, he’s Jimmy Olsen. He happens to not be white.” He was like, “Wow, that’s new.”</p>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.ad.vp-0-600 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
<style>
@media (min-width: 600px) and (max-width: 1023.9px) {
.ad.vp-600-1024 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p><b>When did you realize that racial representation was important to you?<br>
</b>On <span class="footnoteLink"><i>Everwood</i>,<span class="footnote"><img src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-22.w190.h190.jpg" class="footnoteImage">The first show Berlanti created, <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2014/08/chris-pratt-great-moments-everwood.html">Everwood</a></i> followed a small-town doctor played by Treat Williams and ran for four seasons, from 2002 to 2006.</span></span> we had an interracial relationship. But it’s been since we started doing superhero shows. We created <span class="footnoteLink">Diggle<span class="footnote"><img src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-23.w190.h190.jpg" class="footnoteImage">Oliver’s comrade in arms on <i>Arrow</i>, played by David Ramsey.</span></span> with that reason in mind. Now we’re trying to add more LGBT characters. Diversity is a vital part of the show — and it’s important behind the camera, too. This is the first season where 50 percent of <i>Arrow</i>'s episodes will be directed by people who are not white men.<b></b></p>
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
<p><b>In your years in the business, have you seen a change in the degree to which executives push back on casting nonwhites as leads?<br /> </b>Absolutely. Thank God. It&rsquo;s one of the most striking changes of the last ten years. I wouldn&rsquo;t put a show up of all white people, but people were doing that six or seven years ago. You see that now and you&rsquo;re like, &ldquo;That&rsquo;s the Republican convention. That&rsquo;s not America.&rdquo; <b></b></p>
<p><i>*This article appears in the September 5, 2016 issue of </i>New York <i>Magazine.</i></p>
<style>
.vulture .feature-head .by-authors .twitter {
display: none !important;
}
/*
@media screen and (min-width: 1700px) {
.vulture .feature-head.fullWidthImage .lede .excerpt {
font-size: 1.5vw;
width: 80%;
}
.vulture .feature-head.fullWidthImage .lede h1 {
font-size: 7vw;
line-height: .85;
}
.vulture .feature-head.fullWidthImage .lede {
width: 40%;
}
}
*/
@media screen and (min-width: 64em) {
.footnoteLink { border-bottom: 1px solid #F29595; cursor: pointer; margin-right:1.4rem; }
.footnote { background-color: #fff; border-top: 2px solid #F29595; border-bottom: 2px solid #F29595; font-size: 1.2rem; font-weight: normal; height: auto; left:-140px; line-height: 1.4; margin-top:-20px; min-height: 50px; opacity: 0; padding: .85rem 0; position: absolute; width: 120px; visibility: hidden; z-index: 1; -webkit-transition: opacity .25s, visibility .25s; -moz-transition: opacity .25s, visibility .25s; transition: opacity .25s, visibility .25s; }
.footnoteLink:hover .footnote { visibility: visible; opacity: 1; }
.footnoteLink .footnoteNumber { color: #D84747; font-family: Arial, sans-serif; font-size:1rem; font-weight:normal; margin-left:2px; margin-top:-5px; position: absolute; }
.footnoteImage { padding: .65rem 0rem; width: 100%; }
}
@media screen and (max-width: 63.994em) and (min-width: 37.5em) {
.footnoteLink { border-bottom: 1px solid #ff0000; cursor: pointer; margin-right:1.4rem; }
.footnoteLink .footnoteNumber { color: #D84747; font-family: Arial, sans-serif; font-size:1rem; font-weight:normal; margin-top:-5px; position: absolute; margin-left:2px; }
.footnote { background-color: #fff; border-radius:2px; border: 2px solid #F29595; font-size: 1.6rem; font-weight:normal; height: auto; left:-10px; line-height: 1.4; margin-top:-20px; min-height: 50px; opacity: 0; padding: .85rem 1rem; position: absolute; visibility: hidden; width: 50%; z-index: 1; -webkit-transition: opacity .25s, visibility .25s; -moz-transition: opacity .25s, visibility .25s; transition: opacity .25s, visibility .25s; }
.footnoteLink.showing .footnote { visibility: visible; opacity: 1; }
.footnoteImage { padding: .65rem 0rem; width: 100%; }
.img-block .img-unit .caption, .img-block .img-unit.single .caption {
width: 100% !important;
}
}
@media screen and (max-width: 37.494em) and (min-width: 0) {
.footnoteLink { border-bottom: 1px solid #ff0000; cursor: pointer; margin-right:1.4rem; }
.footnoteLink .footnoteNumber { color: #D84747; font-family: Arial, sans-serif; font-size:1rem; font-weight:normal; margin-top:-5px; position: absolute; margin-left:2px; }
.footnote { background-color: #fff; border-radius:2px; border: 2px solid #F29595; font-size: 1.4rem; font-weight:normal; height: auto; left:0; line-height: 1.5; margin-top:-30px; min-height: 50px; opacity: 0; padding: .85rem 1rem; position: absolute; visibility: hidden; width: 100%; z-index: 1; -webkit-transition: opacity .25s, visibility .25s; -moz-transition: opacity .25s, visibility .25s; transition: opacity .25s, visibility .25s; }
.footnoteLink.showing .footnote { visibility: visible; opacity: 1;}
.footnote:after {content: "— tap to close —"; font-family: Arial, sans-serif; color: #a0a0a0; display: block; padding: 8px 0px 8px 0px;
font-size: 1.18rem; }
.footnoteImage { display: block; margin-left: auto; margin-right: auto; padding: .75rem 0rem; width: 100%;}
#article-feature #primary {
padding-top: 0 !important;
}
}
@media print {
.footnoteLink { display: none !important;}
}
</style>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script><script>
$( document ).ready( function() {
$(".story").on("mouseover", ".footnoteLink", function() {
window.G.readOmnitureOnPageView(true, "", "Vulture: Feature: Greg Berlanti: Footnote: Hover");
});
$(".story").on("click", ".footnoteLink", function() {
$(this).toggleClass("showing");
window.G.readOmnitureOnPageView(true, "", "Vulture: Feature: Greg Berlanti: Footnote: Mobile");
});
$(".footnoteLink").each(function(i){
$(this).append("<span class='footnoteNumber'>"+(i+1)+"</span>");
});
});
</script>
</span></div>
<footer></footer>
</article>
</main>
<nav data-component="tags" class="tags">
<h2>Tags:</h2><a href="//www.vulture.com/news/dc-comics/" data-track>dc comics</a><a href="//www.vulture.com/news/greg-berlanti/" data-track>greg berlanti</a><a href="//www.vulture.com/news/arrow/" data-track>arrow</a><a href="//www.vulture.com/news/the-flash/" data-track>the flash</a><a href="//www.vulture.com/news/supergirl/" class="hide" data-track>supergirl</a><a href="//www.vulture.com/news/legends-of-tomorrow/" class="hide" data-track>legends of tomorrow</a><a href="//www.vulture.com/news/vulture-cover-story/" class="hide" data-track>vulture cover story</a><a href="//www.vulture.com/news/superhero-movies/" class="hide" data-track>superhero movies</a><a href="//www.vulture.com/news/new-york-magazine/" class="hide" data-track>new york magazine</a><a href="//www.vulture.com/news/tv/" class="hide" data-track>tv</a><a href="#" class="more">More</a>
</nav>
<section data-component="share-mini" class="share-mini">
<a class="fb" target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dfb-share-vulture" data-track="Bottom: Facebook">
<svg role="presentation" width="12" height="20" viewBox="0 0 12 20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
<path d="M7.4 20v-9.2h4l.6-3.3H7.4V5.1c0-1.1.3-1.8 2-1.8H12V.2c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5H0v3.3h3.7V20h3.7z" fill="#FFF" fill-rule="evenodd"/>
</svg>
Share<span class="optional"> on Facebook</span>
</a>
<a class="twit" target="_blank" href="https://twitter.com/share?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&amp;url=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dtwitter-share-vulture&amp;via=vulture" data-track="Bottom: Twitter">
<svg role="presentation" width="20" height="16" viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
<path d="M19.2 2.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9C15.6 1 14.6.5 13.5.5c-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9C6.7 5 3.9 3.5 2 1.3c-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z" fill="#FFF" fill-rule="evenodd"/>
</svg>
Tweet<span class="optional"> this Story</span>
</a>
</section>
</div>
<div id="primary-aux"><section class="taboola">
<div id="taboola-below-article-thumbnails"></div>
<div id="taboola-mobile-below-article-thumbnails"></div>
</section>
<script>
window.NYM = window.NYM || {};
window.NYM.comments = window.NYM.comments || {};
window.NYM.comments.canonicalUrl = 'http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html';
window.NYM.comments.articleTitle = 'Greg Berlanti Knows the Secret to Superhero TV';
</script>
<div data-component="comments" id="comments" class="comments"><a name="comments"></a>
<div id="livefyre"></div>
</div></div>
<div id="tertiary">
<style>
@media (min-width: 0px) and (max-width: 479.9px) {
.ad.vp-0-480 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-480" data-name="/4088/vulture_mobile/tv" data-sizes="320x50,320x100"></div>
<style>
@media (min-width: 480px) and (max-width: 667.9px) {
.ad.vp-480-668 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-480-668" data-name="/4088/vulture_mobile/tv" data-sizes="468x60,480x60"></div>
<style>
@media (min-width: 728px) and (max-width: 1023.9px) {
.ad.vp-728-1024 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-728-1024" data-name="/4088/nym.vulture/tv" data-sizes="728x90"></div>
<section data-component="most-popular" class="most-popular">
<h2>Most Viewed Stories</h2>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-michael-fassbender.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-michael-fassbender.w165.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.most-popular-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-michael-fassbender.w235.h157.2x.jpg); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/09/michael-fassbender-embarrassed-magneto-x-men-toronto.html" data-track="Links">
<div class="most-popular-1 visual"></div>
<p>Michael Fassbender Is Embarrassed About His Magneto Performance, and Really Wanted Out of <i>Steve Jobs</i></p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">2.6k <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fmichael-fassbender-embarrassed-magneto-x-men-toronto.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fmichael-fassbender-embarrassed-magneto-x-men-toronto.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-shailene-woodley.w63.h63.2x.JPG); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-shailene-woodley.w165.h112.2x.JPG); }
}
@media (min-width: 1024px) {
.most-popular-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-shailene-woodley.w235.h157.2x.JPG); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/09/shailene-woodley-likely-wont-do-divergent-on-tv.html" data-track="Links">
<div class="most-popular-2 visual"></div>
<p>Shailene Woodley Very Diplomatically Backs Away From the <em>Divergent</em> TV Movie</p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">99 <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fshailene-woodley-likely-wont-do-divergent-on-tv.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Shailene%20Woodley%20Very%20Diplomatically%20Backs%20Away%20From%20the%20Divergent%20TV%20Movie&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fshailene-woodley-likely-wont-do-divergent-on-tv.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tv-doctors.w63.h63.2x.JPG); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tv-doctors.w165.h112.2x.JPG); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/09/lots-of-tv-doctors-united-to-cure-what-ails-you.html" data-track="Links">
<div class="most-popular-3"></div>
<p>From McDreamy to Hawkeye, a Whole Bunch of TV Doctors Unite to Cure What Ails You</p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">2.1k <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Flots-of-tv-doctors-united-to-cure-what-ails-you.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=From%20McDreamy%20to%20Hawkeye%2C%20a%20Whole%20Bunch%20of%20TV%20Doctors%20Unite%20to%20Cure%20What%20Ails%20You&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Flots-of-tv-doctors-united-to-cure-what-ails-you.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-gilmore-1.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-gilmore-1.w165.h112.2x.jpg); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/09/check-out-a-new-gilmore-girls-set-photo.html" data-track="Links">
<div class="most-popular-4"></div>
<p>You Will Feel All the Feels Looking at This New <i>Gilmore Girls</i> Set Photo</p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">1.4k <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fcheck-out-a-new-gilmore-girls-set-photo.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=You%20Will%20Feel%20All%20the%20Feels%20Looking%20at%20This%20New%20Gilmore%20Girls%20Set%20Photo&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fcheck-out-a-new-gilmore-girls-set-photo.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-rob-lowe-roast.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-rob-lowe-roast.w165.h112.2x.jpg); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/09/18-best-jokes-from-the-rob-lowe-roast.html" data-track="Links">
<div class="most-popular-5"></div>
<p>The 18 Best Jokes From Comedy Central’s <i>Roast of Rob Lowe</i></p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">1k <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2F18-best-jokes-from-the-rob-lowe-roast.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=The%2018%20Best%20Jokes%20From%20Comedy%20Central%E2%80%99s%20Roast%20of%20Rob%20Lowe&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2F18-best-jokes-from-the-rob-lowe-roast.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-mental-illness-tv.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-mental-illness-tv.w165.h112.2x.jpg); }
}
</style>
<aside data-component="popular-streaming-promo" class="popular-streaming-promo">
<a href="http://www.vulture.com/streaming/" data-track="what to stream">
<span class="link-name">What to Stream <span>Now</span></span>
<p class="more">See what’s new and notable on Netflix, Amazon, Hulu, and HBO</p>
</a>
</aside>
<article>
<a href="http://www.vulture.com/2016/09/what-tv-gets-wrong-about-mental-illness.html" data-track="Links">
<div class="most-popular-6"></div>
<p>What TV Gets Wrong About Mental Illness</p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">466 <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fwhat-tv-gets-wrong-about-mental-illness.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=What%20TV%20Gets%20Wrong%20About%20Mental%20Illness&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fwhat-tv-gets-wrong-about-mental-illness.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-mtv-logo.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-mtv-logo.w165.h112.2x.jpg); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/09/mtv-wonderland-weekly-live-music-series.html" data-track="Links">
<div class="most-popular-7"></div>
<p>MTV to Bring the ‘M’ Back to ‘TV’ With New Weekly Live-Music Series, <i>Wonderland</i></p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">316 <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fmtv-wonderland-weekly-live-music-series.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=MTV%20to%20Bring%20the%20%E2%80%98M%E2%80%99%20Back%20to%20%E2%80%98TV%E2%80%99%20With%20New%20Weekly%20Live-Music%20Series%2C%20Wonderland&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fmtv-wonderland-weekly-live-music-series.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/recaps/8-drag-race.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/recaps/8-drag-race.w165.h112.2x.jpg); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/09/rupauls-drag-race-all-stars-recap-season-2-episode-3.html" data-track="Links">
<div class="most-popular-8"></div>
<p> <em>RuPaul's Drag Race All Stars</em> Recap: The Future Is Now</p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">156 <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Frupauls-drag-race-all-stars-recap-season-2-episode-3.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=%20RuPaul&#39;s%20Drag%20Race%20All%20Stars%20Recap%3A%20The%20Future%20Is%20Now&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Frupauls-drag-race-all-stars-recap-season-2-episode-3.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-lady-gaga.w63.h63.2x.JPG); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-lady-gaga.w165.h112.2x.JPG); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/09/lady-gaga-drops-perfect-illusion.html" data-track="Links">
<div class="most-popular-9"></div>
<p>Lady Gaga Drops ‘Perfect Illusion’</p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">160 <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Flady-gaga-drops-perfect-illusion.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Lady%20Gaga%20Drops%20%E2%80%98Perfect%20Illusion%E2%80%99&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Flady-gaga-drops-perfect-illusion.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.most-popular-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/08/29/29-jaws-netflix.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.most-popular-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/08/29/29-jaws-netflix.w165.h112.2x.jpg); }
}
</style>
<article>
<a href="http://www.vulture.com/2016/08/whats-new-on-netflix-september-2016.html" data-track="Links">
<div class="most-popular-10"></div>
<p>What’s New on Netflix: September 2016</p>
</a>
<section data-component="share-feed" class="share-feed ">
<div class="share-count">620 <em>Shares</em></div>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fwhats-new-on-netflix-september-2016.html" class="fb" data-track="Facebook">Share</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=What%E2%80%99s%20New%20on%20Netflix%3A%20September%202016&amp;url=http%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fwhats-new-on-netflix-september-2016.html&amp;via=vulture" class="twit" data-track="Twitter">Tweet</a>
</section>
</article>
</section>
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250,300x600"></div>
<section data-component="zergnet" class="zergnet">
<div id="zergnet-widget-26792"></div>
</section>
<style>
@media (min-width: 0px) and (max-width: 479.9px) {
.ad.vp-0-480 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-480" data-name="/4088/vulture_mobile/tv" data-sizes="320x50,320x100"></div>
<style>
@media (min-width: 480px) and (max-width: 667.9px) {
.ad.vp-480-668 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-480-668" data-name="/4088/vulture_mobile/tv" data-sizes="468x60,480x60"></div>
<style>
@media (min-width: 728px) and (max-width: 1023.9px) {
.ad.vp-728-1024 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-728-1024" data-name="/4088/nym.vulture/tv" data-sizes="728x90"></div>
</div>
<div id="secondary">
<section data-component="latest-news" class="latest-news">
<h2>Latest News from Vulture</h2>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-richard-madden.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-richard-madden.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-richard-madden.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/strange-new-things.html" class="bg-1 latest-news-img" data-track="Links"><time datetime="2016-09-09T19:51:00+00:00">12 mins ago</time><span class="title">Richard Madden Cast in Amazon’s Sci-Fi Show <em>Strange New Things</em>, Which Is a Great Reminder That Amazon Is Making a Sci-Fi Show Called <em>Strange New Things</em></span><p>Based on <em>The Book of Stranger Things</em>.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-future-man.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-future-man.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-future-man.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/hulu-picks-up-rogen-goldberg-series-future-man.html" class="bg-2 latest-news-img" data-track="Links"><time datetime="2016-09-09T19:42:00+00:00">21 mins ago</time><span class="title">Hulu Picks Up Seth Rogen and Evan Goldberg’s <i>Future Man</i> to Series</span><p>Josh Hutcherson is your savior of humanity.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-gilligan-maclaren.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-gilligan-maclaren.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-gilligan-maclaren.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/vince-gilligan-michelle-jonestown-hbo-cult-drama.html" class="bg-3 latest-news-img" data-track="Links"><time datetime="2016-09-09T19:35:00+00:00">28 mins ago</time><span class="title"><i>Breaking Bad</i> Duo Vince Gilligan and Michelle MacLaren Are Cooking Up a Jonestown HBO Show</span><p>Octavia Spencer is also executive producing.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-chris-pratt-tiff.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-chris-pratt-tiff.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-chris-pratt-tiff.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/chris-pratt-talks-adorable-nonsense-magnificent-seven-toronto.html" class="bg-4 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:45:00+00:00">2:45 p.m.</time><span class="title">Chris Pratt Talks Adorable Nonsense About <i>The Magnificent Seven</i></span><p>"There's seven of us, and we're fucking magnificent."</p></a>
<style>
@media (min-width: 0px){
.ad.vp-0-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-plus" data-name="" data-sizes=""></div>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-siege-of-jadotville.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-siege-of-jadotville.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-siege-of-jadotville.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/jamie-dornan-battles-in-the-jadotville-trailer.html" class="bg-5 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:34:00+00:00">2:34 p.m.</time><span class="title">The <i>Siege of Jadotville</i> Trailer: Jamie Dornan’s Irish Accent to the Rescue!</span><p>Based on the story of the 1961 U.N. intervention in the Congo.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jane-the-virgin.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jane-the-virgin.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jane-the-virgin.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/jane-the-virgins-jane-is-going-to-have-sex.html" class="bg-6 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:30:00+00:00">2:30 p.m.</time><span class="title">Jane Will Lose Her Virginity on This Season of <i>Jane the Virgin</i>, and It Better Be With [Insert Love Interest You Prefer]</span><p>"It&rsquo;s in the first half of the season, and it&rsquo;s quite a big episode for us."</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-mikey-day.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-mikey-day.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-mikey-day.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/writer-mikey-day-joins-saturday-night-live-cast.html" class="bg-7 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:29:00+00:00">2:29 p.m.</time><span class="title">Writer Mikey Day to Join <i>Saturday Night Live</i> Cast</span><p>Day has been a writer on the show since 2013.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2015/07/24/24-bobby-shmurda.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2015/07/24/24-bobby-shmurda.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2015/07/24/24-bobby-shmurda.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/bobby-shmurda-reportedly-gets-7-years-in-prison.html" class="bg-8 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:25:00+00:00">2:25 p.m.</time><span class="title">Bobby Shmurda Reportedly Accepts 7-Year Prison Sentence </span><p>He has accepted a plea deal in a murder-conspiracy case.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-the-promise.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-the-promise.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-the-promise.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/promise-trailer-love-war-and-oscar-bait.html" class="bg-9 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:19:00+00:00">2:19 p.m.</time><span class="title"><i>The Promise</i> Trailer: Christian Bale and Oscar Isaac Star in This Tale of Love, War, and Oscar Bait</span><p>A love triangle is born amid the Armenian genocide.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-frank-ocean.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-frank-ocean.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-frank-ocean.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/frank-oceans-blonde-is-now-on-spotify.html" class="bg-10 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:18:00+00:00">2:18 p.m.</time><span class="title">Frank Ocean’s <em>Blonde</em> Is Now on Spotify, So Even More People Can Cry</span><p>The wait is finally, truly over.</p></a><div hidden>
<style>
@media (min-width: 600px){
.ad.vp-600-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-600-plus" data-name="/4088/nym.vulture" data-sizes="300x250"></div>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.ad.vp-0-600 { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile" data-sizes="300x250"></div>
<style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-11 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-fearless.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-11 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-fearless.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-11 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-fearless.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/netflix-documentaries-slow-motion-footage.html" class="bg-11 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:15:00+00:00">2:15 p.m.</time><span class="title">Why Are Netflix Documentaries Obsessed With Slow-Motion Footage?</span><p>Especially when it comes to filming men.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-12 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-narcos-escobar.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-12 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-narcos-escobar.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-12 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-narcos-escobar.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/pablo-escobar-son-problems-with-narcos.html" class="bg-12 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:57:00+00:00">12:57 p.m.</time><span class="title">Pablo Escobar’s Son Has 28 Problems With <i>Narcos</i>, and Pablo’s Favorite Soccer Team Is One</span><p>"Grave errors"!</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-13 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-green-day.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-13 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-green-day.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-13 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-green-day.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/hear-green-days-revolution-radio-title-track.html" class="bg-13 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:37:00+00:00">12:37 p.m.</time><span class="title">Green Day Share the Anthemic Title Track to Their New Album, a Revolution Inside a Radio Inside a Lyric Video</span><p>A rebel's lullaby.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-14 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-kendrick-lamar-lil-wayne.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-14 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-kendrick-lamar-lil-wayne.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-14 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-kendrick-lamar-lil-wayne.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/kendrick-lamar-is-mad-lil-wayne-wants-to-retire.html" class="bg-14 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:31:00+00:00">12:31 p.m.</time><span class="title">Watch Kendrick Lamar Adorably Scold Lil Wayne for Wanting to Retire</span><p>"No, nigga, NO!"</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-15 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-lebron-james.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-15 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-lebron-james.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-15 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-lebron-james.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/lebron-james-sold-a-sports-medicine-drama-to-nbc.html" class="bg-15 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:25:00+00:00">12:25 p.m.</time><span class="title">LeBron James Sold a Sports-Medicine Drama to NBC Because the Man Is Great at Everything</span><p>Like <em>House,</em> except it's always a lateral ankle sprain.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-16 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tom-hanks-streaming.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-16 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tom-hanks-streaming.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-16 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tom-hanks-streaming.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/streaming-guide-tom-hanks-movies.html" class="bg-16 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:18:00+00:00">12:18 p.m.</time><span class="title">In a Tom Hanks Mood? Here’s a Viewing Guide to All 42 of His Movies</span><p>Plus a rank of every Hanks live-action film.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-17 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-tom-hanks-ellen.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-17 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-tom-hanks-ellen.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-17 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-tom-hanks-ellen.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/tom-hanks-ellen-degeneres-swap-pixar-war-stories-toy-story-finding-dory.html" class="bg-17 latest-news-img" data-track="Links"><time datetime="2016-09-09T15:35:00+00:00">11:35 a.m.</time><span class="title">Tom Hanks and Ellen DeGeneres Have a Frantic Conversation As Their Pixar Characters Woody and Dory</span><p>"You said you had my hat!"</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-18 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-desiigner.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-18 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-desiigner.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-18 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-desiigner.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/desiigner-arrested-on-drug-and-gun-charges.html" class="bg-18 latest-news-img" data-track="Links"><time datetime="2016-09-09T15:32:00+00:00">11:32 a.m.</time><span class="title">Desiigner Arrested on Felony Drug and Gun Charges After Altercation</span><p>The rapper allegedly pointed a gun at the driver of a car.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-19 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jason-aldean.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-19 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jason-aldean.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-19 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jason-aldean.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/jason-aldean-addresses-blackface-incident.html" class="bg-19 latest-news-img" data-track="Links"><time datetime="2016-09-09T15:25:00+00:00">11:25 a.m.</time><span class="title">Jason Aldean Doesn’t Understand Why People Are Sensitive About Blackface</span><p>Foot, meet mouth.</p></a><style>
@media (min-width: 0px) and (max-width: 599.9px) {
.bg-20 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/01/narcos/1-narcos-10.w63.h63.2x.jpg); }
}
@media (min-width: 600px) and (max-width: 1023.9px) {
.bg-20 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/01/narcos/1-narcos-10.w168.h112.2x.jpg); }
}
@media (min-width: 1024px) {
.bg-20 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/01/narcos/1-narcos-10.w145.h98.2x.jpg); }
}
</style>
<a href="http://www.vulture.com/2016/09/narcos-recap-season-2-episode-10.html" class="bg-20 latest-news-img" data-track="Links"><time datetime="2016-09-09T15:21:00+00:00">11:21 a.m.</time><span class="title"><em>Narcos</em> Season Finale Recap: A Roof and a Hard Place</span><p>"When you lay eyes on him, the devil's a real letdown."</p></a></div>
<button type="button" title="Load more related news stories" data-track="Load More">Load More</button>
</section>
</div>
</div>
<div id="bottom">
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="728x90,728x91,970x90,970x91,1024x90,1024x91"></div>
<footer data-component="footer" class="vulture-footer">
<section class="splash-page">
<a href="//www.vulture.com/" data-track="home">Home</a>
<a href="//www.vulture.com/tv/" title="TV" data-track="tv">TV</a>
<a href="//www.vulture.com/movies/" title="Movies" data-track="movies">Movies</a>
<a href="//www.vulture.com/music/" title="Music" data-track="music">Music</a>
<a href="//www.vulture.com/books/" title="Books" data-track="books">Books</a>
<a href="//www.vulture.com/news/new-on-netflix/" title="New On Netflix" data-track="netflix">New On Netflix</a>
</section>
<section class="connect">
<a class="newsletter" href="//nymag.com/newsletters/" data-track="newsletter">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="21" height="16" viewBox="0 0 21 16" preserveAspectRatio="xMinYMin meet">
<path d="M20.1.6h-19.2l9.6 9.3 9.6-9.3zm.9 15.1v-14.3l-10.5 10.2-10.5-10.2v14.3l5.7-7.5 1 .9-5.9 7.7h19.4l-5.9-7.6 1-.9 5.7 7.4z"/>
</svg>
<span>Newsletters</span>
</a>
<a href="//facebook.com/vulture/" data-track="facebook">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#3E5C9B" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M19.4 28v-9.2h4l.6-3.3h-4.6v-2.4c0-1.1.3-1.8 2-1.8h2.6v-3.1c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5h-3.7v3.3h3.7v9.2h3.7z"/>
</svg>
<span>Facebook</span>
</a>
<a href="//twitter.com/vulture/" data-track="twitter">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#28A9E1" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M28.2 12.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z"/>
</svg>
<span>Twitter</span>
</a>
<a href="//feeds.feedburner.com/nymag/vulture" data-track="rss">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill="#F6A303" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<ellipse fill="#fff" cx="10.869" cy="25.673" rx="2.869" ry="2.9"/>
<path fill="#fff" d="M21.865 28.573h-4.063c0-5.473-4.389-9.909-9.802-9.909v-4.108c7.658 0 13.865 6.276 13.865 14.017zm2.869 0c0-9.343-7.492-16.917-16.734-16.917v-4.229c11.553 0 20.918 9.468 20.918 21.146h-4.184z"/>
</svg>
<span>RSS</span>
</a>
<a class="feedly" href="//feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fnymag.com%2Fdaily%2Fentertainment%2Findex.xml" data-track="feedly">
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
<path fill="#85C235" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
<path fill="#fff" d="M8.667 18.112l11.91-11.85h.526l2.509 2.452v.583l-11.15 11.15h-1.881l-1.914-1.808zm4.748 4.541l7.162-7.153h.526l2.509 2.452v.583l-6.402 6.453-1.881.188-1.914-1.997zm4.671 4.744l2.549-2.409h.525l2.51 2.451v.585l-1.79 1.708h-1.88l-1.914-1.809z"/>
</svg>
<span>Feedly</span>
</a>
</section>
<section class="global-footer-nav">
<a href="//nymag.com/newyork/privacy/">Privacy</a>
<a href="//nymag.com/newyork/terms/">Terms</a>
<a href="//www.vulture.com/sitemap/">Sitemap</a>
<a href="//mediakit.nymag.com/vulture.html">Media Kit</a>
<a href="//nymag.com/newyork/privacy/#ad-choices">Ad Choices</a>
<a href="//nymag.com/newyork/aboutus/">About Us</a>
<a href="//nymag.com/newyork/contactus/">Contacts</a>
<a href="//community.nymag.com/nymag">Feedback</a>
<a href="//nymag.com/newyork/jobs/">We're Hiring!</a>
</section>
<p>© 2016, New York Media LLC. <a href="//nymag.com/newyork/aboutus/trademarks/">View all trademarks</a></p>
</footer>
<span data-component="omniture" class="omniture"
data-rsid="nymvulture"
data-title="Greg Berlanti Knows the Secret to Superhero TV"
data-type="Articles"
data-subtype="Features"
data-channel="TV"
data-source="Magazine"
data-form="Entries"
data-pageName="Article/tv/2016/08/dc-comics-greg-berlanti-c-v-r"
data-hierarchy="Vulture:Tv:Article-feature"
data-hierarchyTitle="Article"
data-relatedStories="false"
data-author="Abraham Riesman"
data-length="2000 words or more"
data-length-int="3108"
data-externalLinks="false"
data-tags="dc comics,greg berlanti,arrow,the flash,supergirl,legends of tomorrow,vulture cover story,superhero movies,new york magazine,tv"
data-tagsPrimary="dc comics"
data-featureName="vulture-cover-story"></span>
<span data-component="skimlinks" class="skimlinks" data-amazon="vulture-20" data-skimlinks="1025X1480950"></span>
<span data-component="mixpanel" class="mixpanel" data-site="Vulture" data-layout="article-feature" data-route-name="Article"></span>
<aside id="pixel" class="pixel" data-component="pixel">
<img src="http://pubads.g.doubleclick.net/activity;dc_iu=/4088/DFPAudiencePixel;dc_seg=Vulture_User;ord=1473434537529?" width=0 height=0 border=0>
<img src="http://pubads.g.doubleclick.net/activity;dc_iu=/4088/DFPAudiencePixel;ord=1473434537529;dc_seg=154967050?" width=0 height=0 border=0>
</aside>
<div class="nymab-response display-none" data-component="nymab-response" data-component-name="Conversion Message: Article-Variation 1" data-variation="Article-Variation 1" data-track="Load" data-click-to-track="true">
<div class="tabs-content">
<span class="spacer"></span>
<a href="#" class="close-tab" data-track="Close">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin meet">
<path d="M36.2,15.2l-0.8-0.8c-0.4-0.4-1.2-0.4-1.6,0L25.2,23l-8.9-9c-0.4-0.4-1.2-0.4-1.6,0l-0.8,0.8c-0.4,0.4-0.4,1.2,0,1.6
l8.9,8.9l-8.5,8.5c-0.4,0.4-0.4,1.2,0,1.6l0.8,0.8c0.4,0.4,1.2,0.4,1.6,0l8.5-8.5l8.1,8.1c0.4,0.4,1.2,0.4,1.6,0l0.8-0.8
c0.4-0.4,0.4-1.2,0-1.6l-8.1-8.1l8.5-8.5C36.6,16.4,36.6,15.7,36.2,15.2z"/>
</svg>
<span>Close</span>
</a>
</div>
<div class="banner-container">
<div class="banner-content">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 671 304" enable-background="new 0 0 671 304" xml:space="preserve">
<path fill="#00BCF1" stroke="#1EBCEF" stroke-width="0.7984" d="M63.523,49.239c0,0,129.733-49.086,330.797-48.807
c2.271,8.542,7.221,11.244,7.221,11.244s140.615-5.924,269.102,38.186c-14.75,14.422-39.59,53.223-39.59,53.223
s15.141,10.987,16.035,13.196c0.898,2.212-9.699,18.756-9.699,18.756l-6.68,0.933l5.205,12.008l-9.326,10.797
c0,0-25.258-0.766-34.754,0.35c13.75,2.641,35.396,13.461,35.396,13.461l-46.1,53.713c0,0-138.012-16.641-203.555-4.615
c27.107,0.771,34.451,5.213,34.451,5.213l-2.461,11.109c0,0-290.159,5.859-400.007,65.562c3.125-26.646,8.906-61.139,8.906-61.139
l-18.109,2.422l6.636-45.775c0,0-2.884-5.879,16.244-17.455c-20.938,0.592-20.921,2.162-20.921,2.162s12.626-78.385,41.653-90.455
c3.511-11.683,9.871-19.52,9.871-19.52l42.64-18.887l-26.057-1.342L63.523,49.239z"/>
<g>
<path fill="#FFFFFF" d="M87.816,96.271c1.46,1.9,1.522,4.132-0.039,7.077c-10.534,20.119-15.628,38.396-12.33,39.918
c4.516,2.019,18.968-16.645,30.195-52.685c0.457-1.572,1.56-2.139,3.1-1.143c1.54,0.998,2.973,1.828,4.021,3.236
c1.048,1.409,1.378,2.805,0.771,5.467c-4.143,18.801-12.326,34.996-19.449,44.449c-6.887,9.162-13.028,8.663-17.164,7.679
c-2.573-0.618-6.313-2.093-9.275-4.637c-3.549-3.018-3.898-7.903-2.897-14.368c1.271-8.105,9.436-27.788,16.776-37.715
c1.253-1.657,1.941-1.911,3.53-0.473C86.152,94.123,86.886,95.119,87.816,96.271z"/>
<path fill="#FFFFFF" d="M151.941,140.359c-0.664,2.13-1.55,2.226-3.09,1.229c-1.256-0.849-1.834-1.233-3.375-2.23
c-1.54-0.997-1.614-2.511-1.146-4.8c1.562-7.062,5.732-18.167,9.969-28.652c-6.743,10.487-14.525,23.774-18.956,33.296
c-1.019,2.169-1.717,2.333-3.396,1.71c-1.954-0.684-3.466-1.415-5.085-2.313c-1.717-0.979-2.589-2.406-2.61-5.09
c-0.053-5.455,0.333-13.465,1.33-21.629c-4.383,9.963-10.197,25.722-13.004,34.531c-0.466,1.483-1.616,1.607-2.667,1.005
c-1.707-0.89-3.296-2.329-4.217-3.393c-0.636-0.917-0.938-2.048-0.579-3.697c3.352-13.702,13.29-38.503,19.652-50.024
c1.047-1.902,1.981-2.362,4.044-1.512c2.149,0.842,5.173,2.306,7.242,4.051c1.579,1.352,1.416,3.159,1.067,4.897
c-1.518,8.312-2.633,17.026-3.512,25.448c5.478-11.426,16.83-28.949,24.188-37.892c1.657-2.06,2.473-1.968,4.377-0.921
c2.188,1.195,4.963,3.669,6.501,5.473c1.842,2.129,1.581,3.858,0.206,6.871C162.018,111.874,155.986,128.104,151.941,140.359z"/>
<path fill="#FFFFFF" d="M208.659,134.22c-0.664,2.13-1.549,2.226-3.089,1.229c-1.256-0.849-1.835-1.233-3.375-2.23
c-1.54-0.997-1.614-2.511-1.146-4.8c1.563-7.062,5.732-18.167,9.969-28.652c-6.742,10.487-14.525,23.774-18.956,33.295
c-1.019,2.17-1.716,2.334-3.395,1.711c-1.955-0.684-3.467-1.415-5.085-2.314c-1.718-0.978-2.589-2.405-2.61-5.089
c-0.054-5.455,0.333-13.465,1.329-21.629c-4.383,9.963-10.197,25.722-13.003,34.531c-0.467,1.483-1.617,1.607-2.667,1.005
c-1.708-0.89-3.296-2.329-4.217-3.393c-0.636-0.917-0.938-2.049-0.579-3.697c3.352-13.702,13.29-38.503,19.651-50.024
c1.048-1.902,1.982-2.362,4.045-1.512c2.149,0.842,5.173,2.306,7.242,4.051c1.579,1.352,1.416,3.159,1.067,4.897
c-1.518,8.312-2.634,17.026-3.513,25.447c5.478-11.425,16.831-28.948,24.188-37.891c1.656-2.06,2.473-1.968,4.376-0.921
c2.188,1.195,4.963,3.669,6.502,5.473c1.842,2.129,1.581,3.858,0.206,6.871C218.736,105.734,212.705,121.964,208.659,134.22z"/>
<path fill="#FFFFFF" d="M220.462,129.986c0.236-3.606,2.94-7.569,6.392-7.942c3.186-0.345,5.563,3.426,5.069,7.956
c-0.667,6.249-4.54,10.16-8.405,10.847c-1.76,0.28-3.322-0.088-4.41-1.045c-0.892-0.799-0.488-1.201,0.271-1.641
c1.349-0.772,2.757-1.821,3.685-3.174C221.444,134.088,220.329,132.061,220.462,129.986z"/>
<path fill="#FFFFFF" d="M266.284,114.999c7.163,4.149,13.793,5.849,18.926,5.294c3.451-0.374,4.685-2.209,2.734-4.505
c-1.636-1.882-9.78-6.819-13.466-10.27c-4.479-4.17-4.271-8.849-2.153-13.284c5.407-11.239,13.494-17.576,19.195-21.147
c3.604-2.27,6.979-3.352,10.847-1.532c2.454,1.167,5.721,3.23,7.356,5.112c1.833,2.04,1.896,4.271,1.11,6.951
c-1.896,6.473-5.737,13.155-9.26,17.834c-1.016,1.363-1.961,1.734-3.235,0.708c-1.177-0.946-2.431-2.601-2.987-3.615
c-0.792-1.526-0.335-3.097,0.288-4.775c1.545-3.928,6.664-13.703,4.966-14.504c-1.974-0.861-12.497,8.604-16.185,15.896
c-2.579,5.113-0.775,6.889,1.4,8.801c2.177,1.913,7.044,4.699,9.524,6.938c2.971,2.632,4.966,6.176,1.816,10.993
c-4.067,6.259-9.34,7.993-12.88,8.377c-4.513,0.488-10.978-0.513-16.528-4.656c-2.531-1.874-3.664-4.079-3.813-7.107
C263.836,114.729,264.949,114.25,266.284,114.999z"/>
<path fill="#FFFFFF" d="M306.703,103.015c1.868-10.855,10.505-27.009,19.333-34.769c3.676-3.262,7.71-4.862,12.628-2.441
c2.551,1.246,4.758,2.618,6.955,4.709c2.803,2.74,3.869,7.638,3.439,13.593c-0.637,9.021-6.084,28.143-18.054,37.495
c-3.055,2.39-7.058,3.45-11.841,2.267c-2.672-0.695-5.527-2.267-7.881-4.16C308.637,117.578,304.903,113.684,306.703,103.015z
M317.749,117.396c2.619,1.865,9.131-3.316,15.749-18.267c6.686-15.137,7.264-24.689,5.293-26.356
c-2.461-2.06-10.833,7.439-16.708,20.161C316.357,105.372,315.522,115.848,317.749,117.396z"/>
<path fill="#FFFFFF" d="M353.074,119.57c-0.664,2.133-1.881,1.637-3.412,0.729c-1.148-0.682-2.031-1.393-3.178-2.879
c-1.146-1.488-1.83-2.846-1.186-5.154c3.275-11.097,9.986-27.67,15.811-39.222c-1.658-1.254-2.668-2.309-3.768-3.353
c-1.295-1.202-1.223-2.195,0.283-3.164c5.781-3.669,12.707-5.852,18.812-6.513c6.459-0.699,12.772,1.393,16.949,5.237
c5.46,4.96,3.366,8.767,1.399,12.113c-3.634,6.123-13.697,15.717-24.748,21.122c3.907,4.679,9.701,10.229,13.485,12.952
c1.453,1.008,1.382,2,0.388,2.734c-1.074,0.832-2.937,1.839-4.5,2.277c-2.341,0.701-3.068,0.601-5.836-0.98
c-4.396-2.567-10.033-7.507-14.384-12.14C356.928,108.858,354.84,114.365,353.074,119.57z M386.656,68.398
c-0.879-1.516-7.598,0.105-12.281,2.313c-3.203,5.987-6.652,12.985-9.965,20.417C375.188,85.665,388.633,71.766,386.656,68.398z"/>
<path fill="#FFFFFF" d="M396.432,114.877c-0.664,2.133-1.883,1.637-3.412,0.729c-1.146-0.682-2.029-1.393-3.178-2.879
c-1.146-1.488-1.83-2.846-1.184-5.154c3.275-11.097,9.982-27.67,15.807-39.222c-1.656-1.254-2.666-2.309-3.764-3.353
c-1.295-1.202-1.223-2.195,0.283-3.164c5.779-3.669,12.707-5.852,18.812-6.513c6.459-0.699,12.773,1.393,16.949,5.237
c5.461,4.96,3.365,8.767,1.398,12.113c-3.635,6.123-13.695,15.718-24.75,21.122c3.908,4.679,9.701,10.229,13.488,12.952
c1.451,1.008,1.381,2,0.385,2.734c-1.072,0.832-2.934,1.839-4.497,2.277c-2.341,0.701-3.067,0.601-5.837-0.98
c-4.396-2.566-10.031-7.507-14.385-12.14C400.285,104.165,398.195,109.672,396.432,114.877z M430.014,63.705
c-0.881-1.516-7.598,0.105-12.281,2.313c-3.201,5.987-6.65,12.985-9.967,20.417C418.543,80.972,431.99,67.072,430.014,63.705z"/>
<path fill="#FFFFFF" d="M448.861,109.649c-0.457,1.571-1.254,1.657-2.5,0.897c-1.061-0.691-2.492-1.521-4.08-2.959
c-1.395-1.283-1.725-2.68-1.146-4.801c1.393-5.344,3.543-11.932,6.127-18.657c-2.221-10.593-3.479-20.572-4.027-28.122
c-0.25-1.496,0.225-2.89,1.965-2.541c2.102,0.399,4.518,1.213,6.146,2.2c1.441,0.918,2.146,2.453,2.555,4.557
c0.686,3.865,1.352,8.359,2.213,13.011c6.963-8.453,17.271-19.059,22.664-23.851c1.125-1.194,2.156-1.576,2.781,0.058
c1.238,3.179,1.016,6.068-2.18,9.637c-4.705,5.343-14.951,17.374-22.424,28.568C453.678,95.431,450.756,103.178,448.861,109.649z"
/>
<path fill="#FFFFFF" d="M93.395,176.745c-5.023,0.724-7.901-0.22-11.255-3.079c-1.383-1.191-1.005-2.666,0.54-3.281
c8.068-3.201,20.225-5.859,26.084-6.314c4.346-0.381,8.804,1.105,11.322,3.699c1.715,1.782,1.3,2.902-0.786,3.485
c-2.783,0.749-6.983,1.651-11.351,2.661c-0.138,0.373-0.355,0.846-0.652,1.414c-7.518,13.258-16.777,34.402-20.956,48.732
c-0.456,1.568-1.145,1.821-2.577,0.994c-1.237-0.674-2.492-1.521-3.903-2.98c-1.304-1.29-1.802-2.579-1.235-4.788
c2.972-11.424,9.357-27.692,15.566-40.63C93.926,176.688,93.661,176.716,93.395,176.745z"/>
<path fill="#FFFFFF" d="M110.382,199.704c1.868-10.854,10.505-27.009,19.333-34.769c3.676-3.265,7.71-4.863,12.627-2.441
c2.553,1.246,4.76,2.617,6.956,4.709c2.803,2.74,3.87,7.638,3.44,13.593c-0.635,9.021-6.085,28.142-18.054,37.496
c-3.054,2.39-7.057,3.449-11.84,2.267c-2.672-0.695-5.527-2.268-7.882-4.16C112.317,214.268,108.583,210.374,110.382,199.704z
M121.428,214.086c2.619,1.864,9.13-3.314,15.748-18.268c6.688-15.137,7.265-24.689,5.295-26.354
c-2.462-2.062-10.834,7.438-16.708,20.16C120.038,202.062,119.202,212.537,121.428,214.086z"/>
<path fill="#FFFFFF" d="M176.263,212.09c-1.49-1.359-1.713-2.59-1.165-4.979c3.274-14.408,12.234-37.491,19.271-51.055
c0.968-1.808,2.03-1.923,3.767-0.767c1.55,1.085,3.413,2.583,4.432,3.728c1.332,1.559,1.35,2.541,0.104,5.092
c-6.476,12.966-15.885,35.203-19.77,49.768c-0.369,1.562-1.243,1.746-2.588,0.907C179.256,214.094,177.656,213.37,176.263,212.09z"
/>
<path fill="#FFFFFF" d="M201.581,211.943c-0.466,1.482-1.36,1.49-2.676,0.918c-1.698-0.801-3.463-2.223-4.306-3.385
c-0.636-0.914-1.212-2.104-0.845-3.668c2.777-12.388,12.235-37.492,17.806-50.539c1.009-2.26,2.542-2.154,4.192-1.797
c2.112,0.486,5.116,1.771,7.794,3.362c2.012,1.216,1.871,2.396,1.628,5.104c-0.669,7.058-1.126,19.369-1.006,28.759
c4.409-12.205,11.928-29.581,17.212-38.658c0.672-1.236,1.677-1.883,3.009-0.325c2.449,2.778,2.952,5.77,1.348,9.971
c-3.911,10.183-11.69,29.287-16.759,45.322c-0.674,2.042-1.806,2.344-3.838,1.76c-2.22-0.654-4.389-1.675-6.106-2.65
c-1.815-1.059-3.068-2.713-3.375-5.543c-0.787-6.451-1.082-17.432-0.547-25.725C210.115,186.581,204.219,203.244,201.581,211.943z"
/>
<path fill="#FFFFFF" d="M260.005,158.71c-5.024,0.724-7.901-0.219-11.255-3.079c-1.384-1.191-1.006-2.666,0.539-3.281
c8.068-3.201,20.226-5.859,26.084-6.315c4.346-0.38,8.804,1.106,11.322,3.699c1.716,1.783,1.3,2.903-0.785,3.487
c-2.784,0.748-6.983,1.65-11.351,2.659c-0.139,0.374-0.356,0.847-0.652,1.415c-7.518,13.258-16.777,34.403-20.956,48.732
c-0.457,1.57-1.146,1.822-2.578,0.994c-1.236-0.674-2.492-1.521-3.902-2.98c-1.305-1.29-1.802-2.579-1.236-4.788
c2.972-11.424,9.357-27.692,15.566-40.63C260.536,158.652,260.27,158.682,260.005,158.71z"/>
<path fill="#FFFFFF" d="M302.207,169.809c1.858-0.201,3.136,0.021,4.146,1.072c0.9,0.889,2.135,2.366,2.683,3.291
c0.764,1.26,0.397,2.016-0.821,2.328c-4.525,1.206-11.146,2.906-17.334,5.277c-1.466,3.83-2.861,7.472-4.101,10.918
c4.938-1.521,9.413-2.361,13.13-2.764c1.946-0.211,3.489-0.021,4.676,1.017c1.187,1.034,2.499,2.415,3.164,3.596
c0.891,1.604,0.249,2.302-1.236,2.642c-6.098,1.556-15.324,3.985-21.14,6.496c-2.992,1.31-3.659,0.932-5.102,0.017
c-1.148-0.685-2.688-1.683-3.493-2.487c-1.293-1.203-2.008-2.021-1.303-4.604c3.05-11.521,9.412-29.666,15.146-42.017
c-0.576-1.19-1.182-2.647-1.543-3.504c-0.624-1.633-0.091-2.497,1.454-3.11c7.576-2.79,18.452-4.863,25.531-5.63
c2.39-0.258,3.951,0.11,5.423,1.294c1.176,0.946,2.351,2.699,3.23,4.216c0.616,1.545-0.045,2.063-1.707,2.422
c-4.907,0.98-14.674,3.38-20.98,5.495c-2.116,4.438-4.411,9.699-6.766,15.235C298.067,170.436,300.525,169.99,302.207,169.809z"/>
<path fill="#FFFFFF" d="M322.833,198.282c-0.664,2.131-1.882,1.637-3.413,0.728c-1.147-0.682-2.03-1.392-3.176-2.878
c-1.146-1.487-1.83-2.847-1.186-5.155c3.276-11.097,9.986-27.668,15.809-39.221c-1.657-1.254-2.667-2.309-3.765-3.353
c-1.294-1.203-1.223-2.195,0.284-3.165c5.779-3.67,12.707-5.851,18.812-6.512c6.459-0.699,12.772,1.393,16.948,5.237
c5.461,4.96,3.364,8.768,1.399,12.113c-3.635,6.123-13.696,15.716-24.75,21.119c3.908,4.682,9.701,10.23,13.488,12.955
c1.45,1.007,1.379,1.998,0.385,2.731c-1.073,0.833-2.935,1.841-4.498,2.277c-2.34,0.7-3.067,0.602-5.836-0.979
c-4.396-2.568-10.033-7.509-14.384-12.141C326.688,187.57,324.598,193.077,322.833,198.282z M356.416,147.11
c-0.881-1.518-7.598,0.105-12.283,2.313c-3.201,5.987-6.65,12.984-9.964,20.417C344.945,164.376,358.393,150.477,356.416,147.11z"
/>
<path fill="#FFFFFF" d="M366.191,193.589c-0.664,2.132-1.883,1.638-3.414,0.728c-1.146-0.682-2.031-1.392-3.176-2.877
c-1.146-1.487-1.83-2.848-1.188-5.154c3.275-11.098,9.984-27.669,15.811-39.221c-1.658-1.254-2.666-2.309-3.766-3.353
c-1.295-1.203-1.225-2.195,0.283-3.165c5.777-3.67,12.703-5.851,18.812-6.512c6.461-0.699,12.773,1.393,16.947,5.237
c5.463,4.96,3.367,8.767,1.402,12.113c-3.637,6.123-13.697,15.718-24.752,21.12c3.908,4.682,9.701,10.23,13.488,12.954
c1.451,1.007,1.381,1.999,0.387,2.731c-1.074,0.834-2.936,1.84-4.498,2.277c-2.344,0.702-3.068,0.602-5.838-0.979
c-4.396-2.567-10.031-7.508-14.385-12.141C370.045,182.877,367.955,188.384,366.191,193.589z M399.773,142.417
c-0.883-1.518-7.6,0.105-12.283,2.313c-3.201,5.987-6.65,12.984-9.965,20.417C388.303,159.684,401.75,145.783,399.773,142.417z"/>
<path fill="#FFFFFF" d="M428.139,134.87c1.459,1.9,1.521,4.132-0.041,7.076c-10.531,20.121-15.627,38.396-12.33,39.919
c4.518,2.019,18.971-16.646,30.197-52.685c0.455-1.571,1.561-2.139,3.102-1.143c1.539,0.997,2.973,1.828,4.02,3.236
c1.049,1.409,1.377,2.805,0.771,5.467c-4.145,18.801-12.326,34.996-19.449,44.449c-6.889,9.16-13.029,8.662-17.164,7.679
c-2.572-0.617-6.314-2.093-9.275-4.638c-3.549-3.02-3.896-7.902-2.896-14.367c1.271-8.105,9.436-27.789,16.775-37.716
c1.252-1.657,1.941-1.911,3.529-0.471C426.473,132.723,427.207,133.718,428.139,134.87z"/>
<path fill="#FFFFFF" d="M454.062,184.166c-0.822,2.328-1.783,1.716-3.227,0.797c-1.248-0.76-2.041-1.48-3.354-2.859
c-1.314-1.379-1.842-2.935-1.188-5.151c3.195-11,9.689-27.101,15.441-38.467c-1.393-1.281-2.498-2.415-3.537-3.734
c-1.146-1.488-1.25-2.462,0.266-3.342c5.631-3.385,12.342-5.902,18.52-6.749c6.352-0.866,12.625,1.677,16.889,5.513
c5.451,4.871,2.814,9.453,1.33,13.105c-2.686,6.646-13.344,18.992-23.996,22.292c-3.553,1.102-5.988,0.919-8.957-2.521
C459.271,170.264,456.471,177.46,454.062,184.166z M486.877,133.346c-0.986-1.685-7.076-0.04-11.574,2.238
c-3.732,6.85-7.68,15.065-11.33,23.518C474.971,155.672,489.051,136.87,486.877,133.346z"/>
<path fill="#FFFFFF" d="M507.844,131.881c-5.021,0.725-7.898-0.218-11.256-3.078c-1.381-1.193-1.004-2.666,0.541-3.281
c8.068-3.201,20.225-5.859,26.084-6.315c4.346-0.38,8.805,1.106,11.322,3.698c1.715,1.784,1.299,2.904-0.787,3.487
c-2.783,0.749-6.982,1.651-11.35,2.66c-0.141,0.374-0.355,0.846-0.652,1.415c-7.518,13.257-16.777,34.403-20.955,48.731
c-0.457,1.571-1.145,1.823-2.578,0.995c-1.236-0.674-2.492-1.521-3.904-2.98c-1.303-1.291-1.801-2.579-1.232-4.789
c2.973-11.424,9.355-27.691,15.564-40.629C508.375,131.824,508.109,131.853,507.844,131.881z"/>
<path fill="#FFFFFF" d="M525.234,165.184c3.273-0.354,5.418,2.903,4.99,7.248c-0.281,3.164-2.385,6.075-5.854,6.272
c-3.027,0.149-5.42-2.099-5.352-5.599C519.078,169.52,521.961,165.537,525.234,165.184z"/>
<path fill="#FFFFFF" d="M544.967,163.047c3.273-0.354,5.416,2.904,4.992,7.248c-0.285,3.164-2.387,6.076-5.857,6.273
c-3.025,0.146-5.418-2.101-5.35-5.6C538.811,167.383,541.693,163.4,544.967,163.047z"/>
<path fill="#FFFFFF" d="M564.697,160.911c3.273-0.354,5.418,2.903,4.992,7.248c-0.285,3.163-2.387,6.075-5.855,6.272
c-3.029,0.147-5.42-2.1-5.352-5.6C558.543,165.247,561.424,161.266,564.697,160.911z"/>
</g>
</svg>
<span class="text">
<h1 class="header">But we noticed you're visiting us with an ad blocker</h1>
<p>We understand the reasons for blocking, but Vulture <a href="http://www.vulture.com/2016/06/why-ad-blocking-matters-to-vulture.html" target="_blank" data-track="Article Click">depends on ads to pay our writers and editors.</a> We're working hard to improve the ad experience on our site, but in the mean time, we'd really appreciate it if you added us to the approved list in your ad blocker. Thanks for the support!</p>
</span>
</div>
</div>
</div>
</div>
<style>
@media (min-width: 0px){
.ad.vp-0-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-0-plus" data-name="/4088/nym.vulture/tv" data-sizes=""></div>
<aside class="interstitial" data-component="interstitial">
<section>
<span>Ad will collapse in
<span class="seconds"></span> seconds&hellip;
</span>
<button type="button">CLOSE</button>
<style>
@media (min-width: 1024px){
.ad.vp-1024-plus { display: block; }
}
</style>
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="970x251"></div>
</section>
</aside>
</div>
<div id="fb-root"></div>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1149741648399382&ev=PageView&noscript=1"/></noscript>
<link href="//cache.nymag.com/css/article-feature.vulture.c2fef62e.css" rel="stylesheet">
<script>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
</script>
<script async src="//www.googletagservices.com/tag/js/gpt.js"></script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script type="text/javascript">
var bab=!1;!function(t){var e=function(e){this._options={checkOnLoad:!1,resetOnEnd:!1,loopCheckTime:50,loopMaxNumber:5,baitClass:"pub_300x250 pub_300x250m pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links",baitStyle:"width: 1px !important; height: 1px !important; position: absolute !important; left: -10000px !important; top: -1000px !important;",debug:!1},this._var={version:"3.2.1",bait:null,checking:!1,loop:null,loopNumber:0,event:{detected:[],notDetected:[]}},void 0!==e&&this.setOption(e);var n=this,i=function(){setTimeout(function(){n._options.checkOnLoad===!0&&(n._options.debug===!0&&n._log("onload->eventCallback","A check loading is launched"),null===n._var.bait&&n._creatBait(),setTimeout(function(){n.check()},1))},1)};void 0!==t.addEventListener?t.addEventListener("load",i,!1):t.attachEvent("onload",i)};e.prototype._options=null,e.prototype._var=null,e.prototype._bait=null,e.prototype._log=function(t,e){console.log("[bab]["+t+"] "+e)},e.prototype.setOption=function(t,e){if(void 0!==e){var n=t;t={},t[n]=e}for(var i in t)this._options[i]=t[i],this._options.debug===!0&&this._log("setOption",'The option "'+i+'" he was assigned to "'+t[i]+'"');return this},e.prototype._creatBait=function(){var e=document.createElement("div");e.setAttribute("class",this._options.baitClass),e.setAttribute("style",this._options.baitStyle),this._var.bait=t.document.body.appendChild(e),this._var.bait.offsetParent,this._var.bait.offsetHeight,this._var.bait.offsetLeft,this._var.bait.offsetTop,this._var.bait.offsetWidth,this._var.bait.clientHeight,this._var.bait.clientWidth,this._options.debug===!0&&this._log("_creatBait","Bait has been created")},e.prototype._destroyBait=function(){t.document.body.removeChild(this._var.bait),this._var.bait=null,this._options.debug===!0&&this._log("_destroyBait","Bait has been removed")},e.prototype.check=function(t){if(void 0===t&&(t=!0),this._options.debug===!0&&this._log("check","An audit was requested "+(t===!0?"with a":"without")+" loop"),this._var.checking===!0)return this._options.debug===!0&&this._log("check","A check was canceled because there is already an ongoing"),!1;this._var.checking=!0,null===this._var.bait&&this._creatBait();var e=this;return this._var.loopNumber=0,t===!0&&(this._var.loop=setInterval(function(){e._checkBait(t)},this._options.loopCheckTime)),setTimeout(function(){e._checkBait(t)},1),this._options.debug===!0&&this._log("check","A check is in progress ..."),!0},e.prototype._checkBait=function(e){var n=!1;if(null===this._var.bait&&this._creatBait(),(null!==t.document.body.getAttribute("abp")||null===this._var.bait.offsetParent||0==this._var.bait.offsetHeight||0==this._var.bait.offsetLeft||0==this._var.bait.offsetTop||0==this._var.bait.offsetWidth||0==this._var.bait.clientHeight||0==this._var.bait.clientWidth)&&(n=!0),void 0!==t.getComputedStyle){var i=t.getComputedStyle(this._var.bait,null);!i||"none"!=i.getPropertyValue("display")&&"hidden"!=i.getPropertyValue("visibility")||(n=!0)}this._options.debug===!0&&this._log("_checkBait","A check ("+(this._var.loopNumber+1)+"/"+this._options.loopMaxNumber+" ~"+(1+this._var.loopNumber*this._options.loopCheckTime)+"ms) was conducted and detection is "+(n===!0?"positive":"negative")),e===!0&&(this._var.loopNumber++,this._var.loopNumber>=this._options.loopMaxNumber&&this._stopLoop()),n===!0?(this._stopLoop(),this._destroyBait(),this.emitEvent(!0),e===!0&&(this._var.checking=!1)):(null===this._var.loop||e===!1)&&(this._destroyBait(),this.emitEvent(!1),e===!0&&(this._var.checking=!1))},e.prototype._stopLoop=function(t){clearInterval(this._var.loop),this._var.loop=null,this._var.loopNumber=0,this._options.debug===!0&&this._log("_stopLoop","A loop has been stopped")},e.prototype.emitEvent=function(t){this._options.debug===!0&&this._log("emitEvent","An event with a "+(t===!0?"positive":"negative")+" detection was called");var e=this._var.event[t===!0?"detected":"notDetected"];for(var n in e)this._options.debug===!0&&this._log("emitEvent","Call function "+(parseInt(n)+1)+"/"+e.length),e.hasOwnProperty(n)&&e[n]();return this._opt
},Nt.flow=function(){var t=arguments,e=t.length;if(!e)return function(){};if(!Ft(t,Kn))throw new Oi(L);return function(){for(var n=0,i=t[n].apply(this,arguments);++n<e;)i=t[n].call(this,i);return i}},Nt.flowRight=Un,Nt.forEach=On,Nt.forEachRight=$n,Nt.forIn=function(t,e,n){return("function"!=typeof e||"undefined"!=typeof n)&&(e=Ne(e,n,3)),pe(t,e,ri)},Nt.forInRight=function(t,e,n){return e=Ne(e,n,3),fe(t,e,ri)},Nt.forOwn=function(t,e,n){return("function"!=typeof e||"undefined"!=typeof n)&&(e=Ne(e,n,3)),de(t,e)},Nt.forOwnRight=function(t,e,n){return e=Ne(e,n,3),fe(t,e,Br)},Nt.functions=ii,Nt.groupBy=Ar,Nt.indexBy=Er,Nt.initial=function(t){return dn(t,1)},Nt.intersection=function(){for(var t=[],n=-1,i=arguments.length,r=[],o=Qe(),a=o==e;++n<i;){var s=arguments[n];(Ir(s)||Vn(s))&&(t.push(s),r.push(a&&120<=s.length&&_r(n&&s)))}var i=t.length,a=t[0],c=-1,u=a?a.length:0,l=[],p=r[0];t:for(;++c<u;)if(s=a[c],0>(p?Rt(p,s):o(l,s))){for(n=i;--n;){var f=r[n];if(0>(f?Rt(f,s):o(t[n],s)))continue t}p&&p.push(s),l.push(s)}return l},Nt.invert=function(t,e,n){n&&rn(t,e,n)&&(e=null),n=-1;for(var i=Br(t),r=i.length,o={};++n<r;){var a=i[n],s=t[a];e?Bi.call(o,s)?o[s].push(a):o[s]=[a]:o[s]=a}return o},Nt.invoke=function(t,e){return ye(t,e,Se(arguments,2))},Nt.keys=Br,Nt.keysIn=ri,Nt.map=In,Nt.mapValues=function(t,e,n){var i={};return e=Ge(e,n,3),de(t,function(t,n,r){i[n]=e(t,n,r)}),i},Nt.matches=gi,Nt.memoize=Fn,Nt.merge=Dr,Nt.mixin=yi,Nt.negate=function(t){if(!Kn(t))throw new Oi(L);return function(){return!t.apply(this,arguments)}},Nt.omit=function(t,e,n){if(null==t)return{};if("function"!=typeof e){var i=Ht(le(arguments,!1,!1,1),Ti);return sn(t,re(ri(t),i))}return e=Ne(e,n,3),cn(t,function(t,n,i){return!e(t,n,i)})},Nt.once=function(t){return Mn(t,2)},Nt.pairs=function(t){for(var e=-1,n=Br(t),i=n.length,r=mi(i);++e<i;){var o=n[e];r[e]=[o,t[o]]}return r},Nt.partial=Wn,Nt.partialRight=Hn,Nt.partition=Or,Nt.pick=function(t,e,n){return null==t?{}:"function"==typeof e?cn(t,Ne(e,n,3)):sn(t,le(arguments,!1,!1,1))},Nt.pluck=function(t,e){return In(t,ke(e+""))},Nt.property=function(t){return ke(t+"")},Nt.propertyOf=function(t){return function(e){return null==t?_:t[e]}},Nt.pull=function(){var t=arguments[0];if(!t||!t.length)return t;for(var e=0,n=Qe(),i=arguments.length;++e<i;)for(var r=0,o=arguments[e];-1<(r=n(t,o,r));)Ki.call(t,r,1);return t},Nt.pullAt=function(e){var n=e||[],i=le(arguments,!1,!1,1),r=i.length,o=Zt(n,i);for(i.sort(t);r--;){var a=parseFloat(i[r]);if(a!=s&&nn(a)){var s=a;Ki.call(n,a,1)}}return o},Nt.range=function(t,e,n){n&&rn(t,e,n)&&(e=n=null),t=+t||0,n=null==n?1:+n||0,null==e?(e=t,t=0):e=+e||0;var i=-1;e=ir(qi((e-t)/(n||1)),0);for(var r=mi(e);++i<e;)r[i]=t,t+=n;return r},Nt.rearg=function(t){var e=le(arguments,!1,!1,1);return Ve(t,$,null,null,null,e)},Nt.reject=function(t,e,n){var i=Ir(t)?Wt:ce;return e=Ge(e,n,3),i(t,function(t,n,i){return!e(t,n,i)})},Nt.remove=function(t,e,n){var i=-1,r=t?t.length:0,o=[];for(e=Ge(e,n,3);++i<r;)n=t[i],e(n,i,t)&&(o.push(n),Ki.call(t,i--,1),r--);return o},Nt.rest=bn,Nt.shuffle=Bn,Nt.slice=function(t,e,n){var i=t?t.length:0;return i?(n&&"number"!=typeof n&&rn(t,e,n)&&(e=0,n=i),Se(t,e,n)):[]},Nt.sortBy=function(t,e,i){var r=-1,o=t?t.length:0,a=on(o)?mi(o):[];return i&&rn(t,e,i)&&(e=null),e=Ge(e,i,3),oe(t,function(t,n,i){a[++r]={a:e(t,n,i),b:r,c:t}}),n(a,s)},Nt.sortByAll=function(t){var e=arguments;3<e.length&&rn(e[1],e[2],e[3])&&(e=[t,e[1]]);var i=-1,r=t?t.length:0,o=le(e,!1,!1,1),a=on(r)?mi(r):[];return oe(t,function(t){for(var e=o.length,n=mi(e);e--;)n[e]=null==t?_:t[o[e]];a[++i]={a:n,b:i,c:t}}),n(a,c)},Nt.take=function(t,e,n){return t&&t.length?((n?rn(t,e,n):null==e)&&(e=1),Se(t,0,0>e?0:e)):[]},Nt.takeRight=function(t,e,n){var i=t?t.length:0;return i?((n?rn(t,e,n):null==e)&&(e=1),e=i-(+e||0),Se(t,0>e?0:e)):[]},Nt.takeRightWhile=function(t,e,n){var i=t?t.length:0;if(!i)return[];for(e=Ge(e,n,3);i--&&e(t[i],i,t););return Se(t,i+1)},Nt.takeWhile=function(t,e,n){var i=t?t.length:0;if(!i)return[];var r=-1;for(e=Ge(e,n,3);++r<i&&e(t[r],r,t););return Se(t,0,r)},Nt.tap=function(t,e,n){return e.call(n,t),t},Nt.
n=n.getAttribute("data-author").toLowerCase().split(","),o.map(n,function(t){c.push(t.replace(/\s/g,"-").replace(/\'|\’/g,""))})),(e.length||a)&&l.pubads().setTargeting("kw",c),s=s.slice(s.lastIndexOf("/")+1),l.pubads().setTargeting("pn",s),u=window.location.pathname.indexOf("thecut/fashion/shows")>0,p=window.location.pathname.split("/")[6],u&&l.pubads().setTargeting("L6",p),l.companionAds().setRefreshUnfilledSlots(!0),l.pubads().enableAsyncRendering(),l.enableServices()}),this.load=u,this.create=function(t){return new s(t)},this.refresh=function(t){var e;o.isString(t)?(e=this.getById(t),c(e)):c(t)},this.remove=function(t){var e=t.data.id,n=i.getElementById(e);n.innerHTML=""},this.getById=function(t){return p[t]}}]),DS.controller("ad",["adService","$visibility",function(t,e){"use strict";var n=function(n){var i=t.create(n),r=new e.Visible(n,{preloadThreshhold:200});r.preload&&e.isElementNotHidden(n)&&t.load(i),r.on("preload",function(){!i.slot&&e.isElementNotHidden(n)&&t.load(i)}),this.adData=i};return n}]),!function(t,e){if(!e.__SV){var n,i;window.mixpanel=e,e._i=[],e.init=function(t,r,o){function a(t,e){var n=e.split(".");2==n.length&&(t=t[n[0]],e=n[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}var s=e;for(void 0!==o?s=e[o]=[]:o="mixpanel",s.people=s.people||[],s.toString=function(t){var e="mixpanel";return"mixpanel"!==o&&(e+="."+o),t||(e+=" (stub)"),e},s.people.toString=function(){return s.toString(1)+".people (stub)"},n="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" "),i=0;i<n.length;i++)a(s,n[i]);e._i.push([t,r,o])},e.__SV=1.2}}(document,window.mixpanel||[]),mixpanel.init(function(){var t=window.location.hostname||"";return t.indexOf("qa.")+t.indexOf("beta.")+t.indexOf("localhost")===-3?"63940ee7ac2873acfad69127f6d3ec74":"4dbb5bc69945223d6ddeec6da5d3b871"}(),{upgrade:!0,persistence:"localStorage"}),function(){function t(){return function(){}}var e=!0,n=null,i=!1;!function(){function r(t){function n(){t.v.$__c=(t.v.$__c||0)+1,I.cookie.set("mp_"+r+"__c",t.v.$__c,1,e)}var i=["click","change"],r=t.e("name");t.v=t.v||{},t.v.$__c=parseInt(I.cookie.get("mp_"+r+"__c"))||0,n();for(var o=0;o<i.length;o++)I.J(E,i[o],function(){try{t.v=t.v||{},n()}catch(e){B.error(e)}})}function o(){function t(){t.Bc||(N=t.Bc=e,$=i,I.a(M,function(t){t.dc()}))}function r(){try{E.documentElement.doScroll("left")}catch(e){return void setTimeout(r,1)}t()}if(E.addEventListener)"complete"==E.readyState?t():E.addEventListener("DOMContentLoaded",t,i);else if(E.attachEvent){E.attachEvent("onreadystatechange",t);var o=i;try{o=window.frameElement==n}catch(a){}E.documentElement.doScroll&&o&&r()}I.J(window,"load",t,e)}function a(){g.init=function(t,e,n){return n?(g[n]||(g[n]=M[n]=l(t,e,n),g[n].pa()),g[n]):(n=g,M.mixpanel?n=M.mixpanel:t&&(n=l(t,e,"mixpanel"),n.pa(),M.mixpanel=n),g=n,1===v&&(window.mixpanel=g),void s())}}function s(){I.a(M,function(t,e){"mixpanel"!==e&&(g[e]=t)}),g._=I}function c(){}function u(){}function l(t,e,n){var i,o="mixpanel"===n?g:g[n];if(o&&0===v)i=o;else{if(o&&!I.isArray(o))return void B.error("You have already initialized "+n);i=new u}i.Ia(t,e,n),i.people=new c,i.people.Ia(i),C=C||i.e("debug"),!I.d(o)&&I.isArray(o)&&(i.Ga.call(i.people,o.people),i.Ga(o));try{r(i)}catch(a){B.error(a)}return i}function p(t){this.props={},this.rb=i,this.name=t.persistence_name?"mp_"+t.persistence_name:"mp_"+t.token+"_mixpanel";var n=t.persistence;if("cookie"!==n&&"localStorage"!==n&&(B.ba('Unknown persistence type "'+n+'"; falling back to "cookie"'),n=t.persistence="cookie"),n="localStorage"===n){n=e;try{I.localStorage.set("__mplssupport__","xyz"),"xyz"!==I.localStorage.get("__mplssupport__")&&(n=i),I.localStorage.remove("__mplssupport__")}catch(r){n=i}n||B.error("localStorage unsupported; falling back to cookie store")}this.w=n?I.localStorage:I.cookie,this.load(),this.Sb(t),this.bd(t),this.
this.Mb(s,function(t,e){0==t&&o.c.persistence.B("$set_once",s),I.d(i)||i(t,e)})),!I.d(c)&&I.k(c)&&!I.S(c)&&(o.c.persistence.Q("$add",c),this.Ab(c,function(t,n){0==t&&o.c.persistence.B("$add",c),I.d(e)||e(t,n)})),!I.d(l)&&I.k(l)&&!I.S(l)&&(o.c.persistence.Q("$union",l),this.Rb(l,function(t,e){0==t&&o.c.persistence.B("$union",l),I.d(r)||r(t,e)})),!I.d(u)&&I.isArray(u)&&u.length){for(var p=u.length-1;0<=p;p--){var f=u.pop();o.append(f,function(t,e){0==t&&o.c.persistence.B("$append",f),I.d(n)||n(t,e)})}o.c.persistence.save()}},c.prototype.Z=function(t){return"$distinct_id"===t||"$token"===t},u.bc=function(t,r){I.qc(this),this.Za=r,this.ab=this.Za.persistence,this.D=I.s(t.id),this.Fb=I.s(t.message_id),this.body=(I.s(t.body)||"").replace(/\n/g,"<br/>"),this.vc=I.s(t.cta)||"Close",this.ca=I.s(t.cta_url)||n,this.Va=I.s(t.image_url)||n,this.da=I.s(t.type)||"takeover",this.style=I.s(t.style)||"light",this.K=I.s(t.thumb_image_url)||n,this.title=I.s(t.title)||"",this.za=I.s(t.video_url)||n,this.ia=D.ac,this.V=D.$b,this.ra=e,this.ca||(this.ca="#dismiss",this.ra=i),this.u="mini"===this.da,this.u||(this.da="takeover"),this.Jc=this.u?D.Aa:D.W,this.lb(),this.ua=this.hc(),this.kc()};var D=u.bc;D.L=200,D.z="mixpanel-notification",D.ja=.6,D.G=25,D.ma=200,D.W=388,D.Aa=420,D.A=85,D.Ba=5,D.I=60,D.Ca=Math.round(D.I/2),D.ac=595,D.$b=334,D.prototype.show=function(){var t=this;this.lb(),this.o?(this.jc(),this.ic(),this.lc(this.cc)):setTimeout(function(){t.show()},300)},D.prototype.Qa=I.m(function(){this.Eb||this.jb({invisible:e});var t=this.Uc?this.h("video"):this.O();if(this.Ub)this.mc("bg","visible"),this.M(t,"exiting"),setTimeout(this.kb,D.L);else{var n,i,r;this.u?(n="right",i=20,r=-100):(n="top",i=D.G,r=D.ma+D.G),this.na([{p:this.h("bg"),l:"opacity",start:D.ja,i:0},{p:t,l:"opacity",start:1,i:0},{p:t,l:n,start:i,i:r}],D.L,this.kb)}}),D.prototype.M=I.m(function(t,e){e=D.z+"-"+e,"string"==typeof t&&(t=this.h(t)),t.className?~(" "+t.className+" ").indexOf(" "+e+" ")||(t.className+=" "+e):t.className=e}),D.prototype.mc=I.m(function(t,e){e=D.z+"-"+e,"string"==typeof t&&(t=this.h(t)),t.className&&(t.className=(" "+t.className+" ").replace(" "+e+" ","").replace(/^[\s\xA0]+/,"").replace(/[\s\xA0]+$/,""))}),D.prototype.na=I.m(function(t,n,r,o){var a,s,c=this,u=i;a=1*new Date;var l,o=o||a;for(l=a-o,a=0;a<t.length;a++)if(s=t[a],"undefined"==typeof s.F&&(s.F=s.start),s.F!==s.i){var u=e,p=s.i>=s.start?1:-1;s.F=s.start+(s.i-s.start)*l/n,"opacity"!==s.l&&(s.F=Math.round(s.F)),(0<p&&s.F>=s.i||0>p&&s.F<=s.i)&&(s.F=s.i)}if(u){for(a=0;a<t.length;a++)s=t[a],s.p&&(s.p.style[s.l]=""+s.F+("opacity"===s.l?"":"px"));setTimeout(function(){c.na(t,n,r,o)},10)}else r&&r()}),D.prototype.cc=I.m(function(){var t=this;this.Vc||this.gb()[this.D]||(this.Vc=e,this.o.appendChild(this.ea),setTimeout(function(){var e=t.O();if(t.Ub)t.u||t.M("bg","visible"),t.M(e,"visible"),t.ib();else{var n,i,r;t.u?(n="right",i=-100,r=20):(n="top",i=D.ma+D.G,r=D.G),t.na([{p:t.h("bg"),l:"opacity",start:0,i:D.ja},{p:e,l:"opacity",start:0,i:1},{p:e,l:n,start:i,i:r}],D.L,t.ib)}},100),I.J(t.h("cancel"),"click",function(e){e.preventDefault(),t.Qa()}),I.J(t.h("button")||t.h("mini-content"),"click",function(e){e.preventDefault(),t.T?(t.Ma("$campaign_open",{$resource_type:"video"}),t.nc()):(t.Qa(),t.ra&&t.Ma("$campaign_open",{$resource_type:"link"},function(){window.location.href=t.ca}))}))}),D.prototype.h=function(t){return E.getElementById(D.z+"-"+t)},D.prototype.O=function(){return this.h(this.da)},D.prototype.gb=function(){return this.ab.props.__cmpns||(this.ab.props.__cmpns={})},D.prototype.N=function(t,e){return this.C[t]&&this.C[t]<=e},D.prototype.hc=function(){var t=[];return this.u?(this.K=this.K||"//cdn.mxpnl.com/site_media/images/icons/notifications/mini-news-dark.png",t.push(this.K)):(this.Va?(t.push(this.Va),this.yb='<img id="img" src="'+this.Va+'"/>'):this.yb="",this.K?(t.push(this.K),this.Ob='<div id="thumbborder-wrapper"><div id="thumbborder"></div></div><img id="thumbnail" src="'+this.K+'" width="'+D.I+'" height="'+D.I+'"/><div id="thumbspacer"></div>'):this.Ob=""),t},D.prototype.ic=function
</script>
<script async src="//cache.nymag.com/js/final.min.17ced73b.js"></script>
<script async src="http://www.zergnet.com/zerg.js?id=26792"></script>
</body>
</html>
Reference in New Issue Copy Permalink