/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. (html input[type="button"]) Avoid the WebKit bug in Android 4.0.* where
 *    (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@charset "UTF-8";
/* Icon variables */
@-webkit-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-moz-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-webkit-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@font-face {
  font-family: 'Roboto Slab';
  src: url("../fonts/roboto-slab/robotoslab-bold-webfont.c57cbe18f36c.eot");
  src: url("../fonts/roboto-slab/robotoslab-bold-webfont.c57cbe18f36c.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-slab/robotoslab-bold-webfont.40b635bb950b.woff") format("woff"), url("../fonts/roboto-slab/robotoslab-bold-webfont.ea793553da32.ttf") format("truetype"), url("../fonts/roboto-slab/robotoslab-bold-webfont.f22a1620e34c.svg#roboto_slabbold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Slab';
  src: url("../fonts/roboto-slab/robotoslab-regular-webfont.08f780d43fbc.eot");
  src: url("../fonts/roboto-slab/robotoslab-regular-webfont.08f780d43fbc.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-slab/robotoslab-regular-webfont.c882a61eb6bd.woff") format("woff"), url("../fonts/roboto-slab/robotoslab-regular-webfont.65e2858f3f28.ttf") format("truetype"), url("../fonts/roboto-slab/robotoslab-regular-webfont.373d8b2acd0f.svg#roboto_slabregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/Lato-Reg-webfont.74985da98c66.eot");
  src: url("../fonts/lato/Lato-Reg-webfont.74985da98c66.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/Lato-Reg-webfont.324564436632.woff") format("woff"), url("../fonts/lato/Lato-Reg-webfont.350a0ef722e6.ttf") format("truetype"), url("../fonts/lato/Lato-Reg-webfont.4ed007280d03.svg#LatoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/Lato-RegIta-webfont.6e4bec721a40.eot");
  src: url("../fonts/lato/Lato-RegIta-webfont.6e4bec721a40.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/Lato-RegIta-webfont.5cb935734109.woff") format("woff"), url("../fonts/lato/Lato-RegIta-webfont.76364eac919b.ttf") format("truetype"), url("../fonts/lato/Lato-RegIta-webfont.841efd56dcff.svg#LatoItalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/Lato-Bol-webfont.4d6660b8981f.eot");
  src: url("../fonts/lato/Lato-Bol-webfont.4d6660b8981f.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/Lato-Bol-webfont.31e98d61564e.woff") format("woff"), url("../fonts/lato/Lato-Bol-webfont.dc647b87a34e.ttf") format("truetype"), url("../fonts/lato/Lato-Bol-webfont.7f39c87d3e82.svg#LatoBold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/Lato-BolIta-webfont.c121e51e3ca5.eot");
  src: url("../fonts/lato/Lato-BolIta-webfont.c121e51e3ca5.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/Lato-BolIta-webfont.6d8c8b473a53.woff") format("woff"), url("../fonts/lato/Lato-BolIta-webfont.19c526c19cb2.ttf") format("truetype"), url("../fonts/lato/Lato-BolIta-webfont.40432d356c39.svg#LatoBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

body {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.333em; }

h1, h2, h3, h4, h5 {
  line-height: 1em; }

a, a:visited {
  color: #0a81fa;
  text-decoration: none; }

.image {
  background: #f5f5f5; }

.container, .stripe h2 {
  width: 98%;
  max-width: 960px;
  position: relative;
  margin: 0 auto;
  z-index: 5; }

.ie-lt9 .container, .ie-lt9 .stripe h2, .stripe .ie-lt9 h2 {
  width: 1000px; }

.stripe {
  background: #eee;
  padding: 0.5em;
  margin: 1em 0; }

.stripe h2 {
  font-size: 0.75em;
  color: #222;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

#site-header {
  width: 100%;
  background: black;
  margin: 0 0 10px;
  overflow: hidden;
  line-height: 50px;
  height: 50px;
  color: #fff;
  overflow: hidden; }
  @media (max-width: 640px) {
    #site-header {
      margin-bottom: 0; } }

#site-header a,
#site-header a:visited {
  color: white; }

#site-header .logo {
  height: 50px;
  width: 140px;
  float: left;
  margin: 0;
  padding: 0;
  background-color: #ee2e24; }
  @media (max-width: 640px) {
    #site-header .logo {
      width: 100px; } }

#site-header .logo a {
  background-image: url("../img/wire_logo.c21caa86ba56.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 89%;
  width: 100%;
  height: 100%;
  display: block; }

.mdzr-no-svg #site-header .logo a {
  background-image: url("../img/wire_logo.69ef682d2832.png"); }

#site-header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

#site-header ul li {
  display: inline-block;
  padding: 0 30px; }

#site-header .more-from {
  float: left;
  padding-left: 15px;
  padding-right: 0; }

#site-header .follow-us {
  float: right; }
  @media (max-width: 650px) {
    #site-header .follow-us {
      display: none; } }

#site-header .follow-us a {
  color: #7c93cf; }

#site-header .follow-us a:after {
  background: #3d5ba8;
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  padding: 5px;
  margin-left: 10px;
  font-family: "atl-icons";
  content: "";
  display: inline-block;
  line-height: 1; }

.breaking-news {
  padding: 0.5em;
  margin: 0.25em 0;
  font-size: 1.5em;
  text-align: center;
  background: #ffe400;
  line-height: 1em; }
  @media (max-width: 600px) {
    .breaking-news {
      font-size: 0.93em; } }

.breaking-news a {
  color: black; }

.breaking-news a.breaking-block {
  display: block; }

/* Homepage featured */
#featured {
  min-height: 600px;
  position: relative;
  margin-top: 20px;
  margin-top: 40px;
  margin-bottom: 30px; }
  @media (max-width: 640px) {
    #featured {
      width: 100%;
      min-height: inherit;
      margin-bottom: 0;
      margin-top: 0; } }

#featured .hero {
  width: 100%;
  max-width: 640px;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 600px;
  width: 100%;
  max-width: 640px;
  float: left; }
  @media (max-width: 1010px) {
    #featured .hero {
      float: none;
      margin: 0 auto;
      height: inherit; } }

#featured figure {
  position: absolute;
  top: 0; }
  @media (max-width: 1010px) {
    #featured figure {
      position: static; } }

#featured figure img {
  width: 100%;
  vertical-align: middle; }

#featured .hero header {
  padding: 20px;
  position: absolute;
  bottom: 0;
  min-height: 200px;
  background: #000;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 1010px) {
    #featured .hero header {
      position: static;
      min-height: inherit; } }

#featured .hed {
  color: #fff;
  font-size: 36px;
  line-height: 1.1;
  margin: 0 0 10px; }
  @media (max-width: 640px) {
    #featured .hed {
      font-size: 20px;
      margin-bottom: 5px; } }

#featured .dek {
  color: #ccc;
  font-size: 18px;
  line-height: 1.16;
  margin: 0 0 15px; }
  @media (max-width: 640px) {
    #featured .dek {
      display: none; } }

#featured .metadata {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#featured .byline {
  color: #ee2e24;
  font-size: 14px;
  text-transform: uppercase; }
  #featured .byline:before {
    content: "By\20"; }
  @media (max-width: 640px) {
    #featured .byline {
      font-size: 11px; } }

#featured .byline a {
  color: #ee2e24; }

#featured .date,
#featured .comments {
  display: none; }

#featured .ad-wrapper {
  width: 300px;
  height: 600px;
  float: right; }
  @media (max-width: 1010px) {
    #featured .ad-wrapper {
      display: none; } }

#featured .follow-us {
  display: none; }
  @media (max-width: 640px) {
    #featured .follow-us {
      display: block;
      text-align: center;
      background: #3d5ba8;
      color: #fff;
      text-transform: uppercase;
      padding: 10px 0;
      line-height: 1; }
      #featured .follow-us:after {
        font-family: atl-icons;
        content: "";
        color: #3d5ba8;
        background: #fff;
        display: inline-block;
        padding: 7px;
        font-size: 18px;
        margin-left: 15px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px; } }

.ad-highimpactmiddle-wrapper,
.ad-highimpacttop-wrapper {
  width: 98%;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ad-highimpactmiddle-wrapper {
  padding: 15px;
  background: #ebebeb; }
  @media (max-width: 960px) {
    .ad-highimpactmiddle-wrapper {
      display: none; } }

.ad-highimpactmiddle-wrapper .ad,
.ad-highimpacttop-wrapper .ad {
  display: inline-block;
  min-height: 1px; }

.section-title {
  border-bottom: 0.3em solid #000;
  padding: 1.2em 0 0 0; }

.section-title h1 {
  font-weight: normal;
  text-transform: uppercase;
  color: #0a81fa;
  letter-spacing: 0.05em;
  margin: 0;
  font-size: 1.333em; }

.section-title h1.large {
  font-weight: 900;
  color: #ee2e24;
  text-align: center;
  font-size: 2em;
  margin-bottom: 0.333em; }

.section-title.politics h1.large,
.section-title.national h1.large,
.section-title.entertainment h1.large,
.section-title.business h1.large,
.section-title.technology h1.large,
.section-title.culture h1.large,
.section-title.global h1.large {
  color: black; }

.section-title.politics {
  border-bottom-color: #ed2a34; }

.section-title.national {
  border-bottom-color: #2e31bf; }

.section-title.entertainment {
  border-bottom-color: #9933cc; }

.section-title.business {
  border-bottom-color: #ffce00; }

.section-title.technology {
  border-bottom-color: #7fd5f6; }

.section-title.culture {
  border-bottom-color: #ec8e00; }

.section-title.global {
  border-bottom-color: #00ab4d; }

.section-title.author {
  overflow: hidden;
  position: relative; }

.section-title.author .email {
  color: black; }

.section-title.author p {
  margin: 0.25em 0 0 0; }

.section-title.author img {
  float: left;
  margin: 0 1em 0 0;
  clear: left; }

.section-header-art {
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-size: cover;
  margin: 0.5em 0;
  overflow: hidden;
  text-indent: -100em; }

.section-title .presented-by-wrapper {
  font-size: 0.6em;
  color: #666;
  text-transform: uppercase;
  margin: 1em 0;
  text-align: center;
  display: none; }

.section-title .presented-by {
  margin: 0; }

.non-svg-img {
  display: none; }

.mdzr-no-svg .svg-img {
  display: none !important; }

.mdzr-no-svg .non-svg-img {
  display: block !important; }

.browser-warning {
  padding: 1em 0;
  background: #cf1a10;
  color: white; }

.browser-warning p,
.browser-warning h3 {
  color: white;
  margin: 0; }

.browser-warning a {
  color: white;
  border-bottom: 1px dotted white;
  padding-bottom: 0.1em;
  text-decoration: none; }

#djDebugToolbarHandle {
  top: 300px !important; }

/*
  Icon Font: wire-icons
*/

@font-face {
  font-family: "wire-icons";
  src: url("../icons/fonts/wire-icons_67bac909ee6868fe251b14e69d2e92f5.2ee1c678dc78.eot");
  src: url("../icons/fonts/wire-icons_67bac909ee6868fe251b14e69d2e92f5.2ee1c678dc78.eot?#iefix") format("embedded-opentype"),
       url("../icons/fonts/wire-icons_67bac909ee6868fe251b14e69d2e92f5.d970ec7e31bd.woff") format("woff"),
       url("../icons/fonts/wire-icons_67bac909ee6868fe251b14e69d2e92f5.07d73bcac6da.ttf") format("truetype"),
       url("../icons/fonts/wire-icons_67bac909ee6868fe251b14e69d2e92f5.283f4df212ed.svg#wire-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before { content: attr(data-icon); }

[data-icon]:before,
.icon-close-arrow:before,
.icon-close-x:before,
.icon-comment:before,
.icon-email:before,
.icon-grid:before,
.icon-hamburger:before,
.icon-left-arrow:before,
.icon-list:before,
.icon-open-arrow:before,
.icon-quote:before,
.icon-quote_blue:before,
.icon-right-arrow:before,
.icon-search:before,
.icon-share:before,
.icon-up-arrow:before {
  font-family: "wire-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.icon-close-arrow:before { content: "\f100"; }
.icon-close-x:before { content: "\f101"; }
.icon-comment:before { content: "\f102"; }
.icon-email:before { content: "\f103"; }
.icon-grid:before { content: "\f104"; }
.icon-hamburger:before { content: "\f105"; }
.icon-left-arrow:before { content: "\f106"; }
.icon-list:before { content: "\f107"; }
.icon-open-arrow:before { content: "\f108"; }
.icon-quote:before { content: "\f109"; }
.icon-quote_blue:before { content: "\f10a"; }
.icon-right-arrow:before { content: "\f10b"; }
.icon-search:before { content: "\f10c"; }
.icon-share:before { content: "\f10d"; }
.icon-up-arrow:before { content: "\f10e"; }

@font-face {
  font-family: "atl-icons";
  src: url("../../common/icons/fonts/atl-icons.42a882b315da.eot");
  src: url("../../common/icons/fonts/atl-icons.42a882b315da.eot?#iefix") format("embedded-opentype"), url("../../common/icons/fonts/atl-icons.e4bf32a1d170.woff") format("woff"), url("../../common/icons/fonts/atl-icons.3cc21ecdedbb.ttf") format("truetype"), url("../../common/icons/fonts/atl-icons.19fb1901a713.svg#atl-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "atl-icons";
    src: url("../../common/icons/fonts/atl-icons.19fb1901a713.svg#atl-icons") format("svg"); } }

@-webkit-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-moz-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-webkit-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

/**
 * The point at which all other layout elements
 * should be thrown out and the marquee should reduce
 * to "top story only."
 */
.marquee {
  position: relative;
  overflow: hidden;
  margin-top: 0.5em; }
  @media (max-width: 600px) {
    .marquee {
      width: auto;
      margin: 0; } }

.marquee-article {
  background: black;
  position: relative;
  overflow: hidden;
  color: white;
  z-index: 15; }

.marquee-article a,
.marquee-article a:visited {
  color: white; }

.marquee-article h1,
.marquee-article .byline {
  color: white;
  font-weight: normal;
  line-height: 1.333em; }

.marquee-article h1 {
  margin: 0;
  font-size: 1.5em; }

.marquee-article .byline {
  font-size: 0.733em;
  color: #ccc;
  margin: 0;
  text-transform: uppercase; }

.marquee-article .kicker {
  color: #0a81fa;
  font-size: 0.8em;
  margin: 0.25em 0;
  font-weight: normal;
  text-transform: uppercase; }

.ch- {
  border-color: #ee2e24; }
  .ch- figure.image {
    border-color: #ee2e24; }
  .ch- hgroup {
    border-color: #ee2e24; }
  .ch- hgroup:after {
    background: #ee2e24; }
  .ch- .kicker {
    color: #ee2e24; }
  .ch- .channel-tag {
    border-color: #ee2e24; }

.ch-politics {
  border-color: #ed2a34; }
  .ch-politics figure.image {
    border-color: #ed2a34; }
  .ch-politics hgroup {
    border-color: #ed2a34; }
  .ch-politics hgroup:after {
    background: #ed2a34; }
  .ch-politics .kicker {
    color: #ed2a34; }
  .ch-politics .channel-tag {
    border-color: #ed2a34; }

.ch-national {
  border-color: #2e31bf; }
  .ch-national figure.image {
    border-color: #2e31bf; }
  .ch-national hgroup {
    border-color: #2e31bf; }
  .ch-national hgroup:after {
    background: #2e31bf; }
  .ch-national .kicker {
    color: #2e31bf; }
  .ch-national .channel-tag {
    border-color: #2e31bf; }

.ch-entertainment {
  border-color: #9933cc; }
  .ch-entertainment figure.image {
    border-color: #9933cc; }
  .ch-entertainment hgroup {
    border-color: #9933cc; }
  .ch-entertainment hgroup:after {
    background: #9933cc; }
  .ch-entertainment .kicker {
    color: #9933cc; }
  .ch-entertainment .channel-tag {
    border-color: #9933cc; }

.ch-business {
  border-color: #ffce00; }
  .ch-business figure.image {
    border-color: #ffce00; }
  .ch-business hgroup {
    border-color: #ffce00; }
  .ch-business hgroup:after {
    background: #ffce00; }
  .ch-business .kicker {
    color: #ffce00; }
  .ch-business .channel-tag {
    border-color: #ffce00; }

.ch-technology {
  border-color: #7fd5f6; }
  .ch-technology figure.image {
    border-color: #7fd5f6; }
  .ch-technology hgroup {
    border-color: #7fd5f6; }
  .ch-technology hgroup:after {
    background: #7fd5f6; }
  .ch-technology .kicker {
    color: #7fd5f6; }
  .ch-technology .channel-tag {
    border-color: #7fd5f6; }

.ch-global {
  border-color: #00ab4d; }
  .ch-global figure.image {
    border-color: #00ab4d; }
  .ch-global hgroup {
    border-color: #00ab4d; }
  .ch-global hgroup:after {
    background: #00ab4d; }
  .ch-global .kicker {
    color: #00ab4d; }
  .ch-global .channel-tag {
    border-color: #00ab4d; }

.ch-culture {
  border-color: #ec8e00; }
  .ch-culture figure.image {
    border-color: #ec8e00; }
  .ch-culture hgroup {
    border-color: #ec8e00; }
  .ch-culture hgroup:after {
    background: #ec8e00; }
  .ch-culture .kicker {
    color: #ec8e00; }
  .ch-culture .channel-tag {
    border-color: #ec8e00; }

/* Mixins
===============
The different display styles for stories go here.
Some styles may have to undo each other, since articles can switch from 
vertical to horizontal at breakpoints.
These mixins can take arguments and may occassionally generate duplicate CSS.
In this case, DRY, readable LESS is more important than DRY CSS.
*/
/* Basic Layout
===============
Stick to the large blocks components here.
*/
.marquee .lead-stories {
  width: 100%;
  max-width: 65%;
  float: left;
  position: relative; }
  @media (max-width: 890px) {
    .marquee .lead-stories {
      max-width: 100%;
      float: none; } }

.marquee .sidebar-stories {
  width: 35%;
  float: right;
  min-width: 300px; }
  @media (max-width: 890px) {
    .marquee .sidebar-stories {
      display: none; } }

@media (max-width: 890px) {
  .marquee .sidebar-stories.keep-for-tablet {
    display: block;
    clear: both;
    float: none;
    width: auto; }
    .marquee .sidebar-stories.keep-for-tablet .ad {
      display: none; } }

@media (max-width: 600px) {
  .marquee .sidebar-stories.keep-for-tablet {
    display: none; } }

.middle-stories {
  max-width: 27.4%;
  position: absolute;
  top: 0;
  right: 0; }
  @media (max-width: 700px) {
    .middle-stories {
      margin-top: 0.2em;
      position: relative;
      clear: both;
      max-width: 100%; } }
  @media (max-width: 600px) {
    .middle-stories {
      display: none; } }

.sub-stories {
  margin-top: 0.2em;
  clear: both; }
  @media (max-width: 700px) {
    .sub-stories {
      margin-top: 0; } }
  @media (max-width: 600px) {
    .sub-stories {
      display: none; } }

.marquee .wrap-top-and-middle-stories {
  position: relative;
  overflow: hidden; }

.marquee .wrap-top-and-middle-stories .marquee-article {
  overflow: visible; }

/* ARTICLE DISPLAY
==================
All display logic that affects articles by their location in the layout
goes here.

Abstract mixins as much as possible.
*/
.marquee .lead-stories .primary {
  float: left;
  width: 72.6%;
  margin-bottom: 0; }
  @media (max-width: 700px) {
    .marquee .lead-stories .primary {
      width: auto;
      float: none; } }

.marquee .lead-stories .primary .marquee-article {
  border-left-width: 0.333em;
  border-left-style: solid;
  overflow: visible;
  margin: 0 0.2em 0 0;
  height: 26em; }
  .marquee .lead-stories .primary .marquee-article .image {
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 0 62% 0;
    height: 0px;
    background-size: 100% 100%;
    background-size: cover;
    -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
    background-position: center center; }
  .marquee .lead-stories .primary .marquee-article hgroup {
    padding: 0.5em; }
  @media (max-width: 890px) {
    .marquee .lead-stories .primary .marquee-article {
      height: 32em; } }
  @media (max-width: 700px) {
    .marquee .lead-stories .primary .marquee-article {
      height: auto;
      margin: 0; } }
  @media (max-width: 600px) {
    .marquee .lead-stories .primary .marquee-article {
      display: block;
      margin: 0; } }

.marquee .lead-stories .primary h1 {
  font-size: 1.666em; }
  @media (max-width: 600px) {
    .marquee .lead-stories .primary h1 {
      font-size: 1.333em; } }

.marquee .lead-stories .big-primary .marquee-article {
  border-left-width: 0.333em;
  border-left-style: solid;
  overflow: visible;
  height: 31em;
  margin-bottom: 0.2em; }
  .marquee .lead-stories .big-primary .marquee-article .image {
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 0 55% 0;
    height: 0px;
    background-size: 100% 100%;
    background-size: cover;
    -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
    background-position: center center; }
  .marquee .lead-stories .big-primary .marquee-article hgroup {
    padding: 0.5em; }
  @media (max-width: 890px) {
    .marquee .lead-stories .big-primary .marquee-article {
      height: auto; } }

@media (max-width: 600px) {
  #marquee .marquee-article hgroup {
    position: relative;
    padding-left: 0;
    background: rgba(0, 0, 0, 0.75);
    margin: -2em 0 0 0;
    padding: 1em 2%;
    z-index: 50;
    width: auto;
    text-align: left; } }

@media (max-width: 600px) {
  #marquee .marquee-article h1 {
    font-size: 1.333em; } }

.marquee .dual {
  width: 50%;
  float: left; }
  @media (max-width: 500px) {
    .marquee .dual {
      float: none;
      width: auto; } }

.marquee .dual .marquee-article {
  border-left-width: 0.333em;
  border-left-style: solid;
  overflow: visible;
  margin-bottom: 0.2em;
  height: 26em; }
  .marquee .dual .marquee-article .image {
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 0 80% 0;
    height: 0px;
    background-size: 100% 100%;
    background-size: cover;
    -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
    background-position: center center; }
  .marquee .dual .marquee-article hgroup {
    padding: 0.5em; }
  .marquee .dual .marquee-article.odd {
    margin-right: 0.1em; }
    @media (max-width: 500px) {
      .marquee .dual .marquee-article.odd {
        margin: 0; } }
  .marquee .dual .marquee-article.even {
    margin-left: 0.1em; }
    @media (max-width: 500px) {
      .marquee .dual .marquee-article.even {
        margin: 0; } }
  @media (max-width: 890px) {
    .marquee .dual .marquee-article {
      height: 27em; } }
  @media (max-width: 500px) {
    .marquee .dual .marquee-article {
      height: auto; }
      .marquee .dual .marquee-article.even {
        display: none; } }

@media (max-width: 700px) {
  .marquee .middle-stories .marquee-article-wrapper {
    float: left;
    width: 50%; } }

.marquee .middle-stories .marquee-article {
  border-left-width: 0.333em;
  border-left-style: solid;
  overflow: visible;
  margin: 0 0 0.2em 0;
  height: 12.9em; }
  .marquee .middle-stories .marquee-article .image {
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 0 62% 0;
    height: 0px;
    background-size: 100% 100%;
    background-size: cover;
    -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
    background-position: center center; }
  .marquee .middle-stories .marquee-article hgroup {
    padding: 0.5em; }
  .marquee .middle-stories .marquee-article h1 {
    font-size: 1em; }
  @media (max-width: 890px) {
    .marquee .middle-stories .marquee-article {
      height: 15.9em; } }
  @media (max-width: 700px) {
    .marquee .middle-stories .marquee-article {
      border-left-width: 0;
      height: 8em;
      border-left-width: 0.333em;
      border-left-style: solid;
      height: auto;
      overflow: hidden; }
      .marquee .middle-stories .marquee-article .image {
        height: 8em;
        width: 8em;
        float: right;
        margin-left: 1em;
        background-size: 100% 100%;
        background-size: cover;
        -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
        position: relative;
        top: 0;
        left: 0;
        padding: 0; } }
    @media (max-width: 700px) and (max-width: 700px) {
      .marquee .middle-stories .marquee-article .image {
        margin-left: 0.333em; } }
  @media (max-width: 700px) {
      .marquee .middle-stories .marquee-article h1 {
        font-size: 1.1em; } }
    @media (max-width: 700px) and (max-width: 700px) {
      .marquee .middle-stories .marquee-article h1 {
        font-size: 0.9em; } }
  @media (max-width: 700px) {
      .marquee .middle-stories .marquee-article hgroup {
        margin: 0 0.75em 0.75em 0.75em;
        padding-top: 0.75em; } }
    @media (max-width: 700px) and (max-width: 700px) {
      .marquee .middle-stories .marquee-article hgroup {
        margin: 0 0.2em 0.4em 0.2em;
        padding-top: 0.4em; } }
  @media (max-width: 700px) {
      .marquee .middle-stories .marquee-article.odd {
        margin-right: 0.1em; }
      .marquee .middle-stories .marquee-article.even {
        margin-left: 0.1em; } }

.marquee .sidebar-stories .marquee-article {
  border-left-width: 0;
  height: 8.5em;
  border-left-width: 0.333em;
  border-left-style: solid;
  margin: 0 0 0.2em 0.2em; }
  .marquee .sidebar-stories .marquee-article .image {
    height: 8.5em;
    width: 8.5em;
    float: right;
    margin-left: 1em;
    background-size: 100% 100%;
    background-size: cover;
    -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
    position: relative;
    top: 0;
    left: 0;
    padding: 0; }
    @media (max-width: 700px) {
      .marquee .sidebar-stories .marquee-article .image {
        margin-left: 0.333em; } }
  .marquee .sidebar-stories .marquee-article h1 {
    font-size: 1.1em; }
    @media (max-width: 700px) {
      .marquee .sidebar-stories .marquee-article h1 {
        font-size: 0.9em; } }
  .marquee .sidebar-stories .marquee-article hgroup {
    margin: 0 0.75em 0.75em 0.75em;
    padding-top: 0.75em; }
    @media (max-width: 700px) {
      .marquee .sidebar-stories .marquee-article hgroup {
        margin: 0 0.2em 0.4em 0.2em;
        padding-top: 0.4em; } }

.marquee .sidebar-stories.tall .marquee-article {
  border-left-width: 0;
  height: 10em;
  border-left-width: 0.333em;
  border-left-style: solid; }
  .marquee .sidebar-stories.tall .marquee-article .image {
    height: 10em;
    width: 10em;
    float: right;
    margin-left: 1em;
    background-size: 100% 100%;
    background-size: cover;
    -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
    position: relative;
    top: 0;
    left: 0;
    padding: 0; }
    @media (max-width: 700px) {
      .marquee .sidebar-stories.tall .marquee-article .image {
        margin-left: 0.333em; } }
  .marquee .sidebar-stories.tall .marquee-article h1 {
    font-size: 1.1em; }
    @media (max-width: 700px) {
      .marquee .sidebar-stories.tall .marquee-article h1 {
        font-size: 0.9em; } }
  .marquee .sidebar-stories.tall .marquee-article hgroup {
    margin: 0 0.75em 0.75em 0.75em;
    padding-top: 0.75em; }
    @media (max-width: 700px) {
      .marquee .sidebar-stories.tall .marquee-article hgroup {
        margin: 0 0.2em 0.4em 0.2em;
        padding-top: 0.4em; } }

#marquee .sidebar-stories .marquee-article {
  /* Need higher specificity here.
    There can be different sizes of sidebar on desktop,
    but they commonize for tablets */ }
  @media (max-width: 890px) {
    #marquee .sidebar-stories .marquee-article {
      border-left-width: 0;
      height: 8em;
      border-left-width: 0.333em;
      border-left-style: solid;
      margin: 0.2em 0; }
      #marquee .sidebar-stories .marquee-article .image {
        height: 8em;
        width: 8em;
        float: right;
        margin-left: 1em;
        background-size: 100% 100%;
        background-size: cover;
        -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
        position: relative;
        top: 0;
        left: 0;
        padding: 0; } }
    @media (max-width: 890px) and (max-width: 700px) {
      #marquee .sidebar-stories .marquee-article .image {
        margin-left: 0.333em; } }
  @media (max-width: 890px) {
      #marquee .sidebar-stories .marquee-article h1 {
        font-size: 1.1em; } }
    @media (max-width: 890px) and (max-width: 700px) {
      #marquee .sidebar-stories .marquee-article h1 {
        font-size: 0.9em; } }
  @media (max-width: 890px) {
      #marquee .sidebar-stories .marquee-article hgroup {
        margin: 0 0.75em 0.75em 0.75em;
        padding-top: 0.75em; } }
    @media (max-width: 890px) and (max-width: 700px) {
      #marquee .sidebar-stories .marquee-article hgroup {
        margin: 0 0.2em 0.4em 0.2em;
        padding-top: 0.4em; } }
  @media (max-width: 890px) {
      #marquee .sidebar-stories .marquee-article.odd {
        margin-right: 0.1em; }
      #marquee .sidebar-stories .marquee-article.even {
        margin-left: 0.1em; } }

@media (max-width: 890px) {
  .marquee .sidebar-stories .wrapping-sidebar-link {
    width: 50%;
    float: left; } }

.marquee .sub-stories .marquee-article-wrapper {
  float: left;
  width: 50%; }

.marquee .sub-stories .marquee-article {
  border-left-width: 0;
  height: 10em;
  border-left-width: 0.333em;
  border-left-style: solid; }
  .marquee .sub-stories .marquee-article .image {
    height: 10em;
    width: 10em;
    float: right;
    margin-left: 1em;
    background-size: 100% 100%;
    background-size: cover;
    -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
    position: relative;
    top: 0;
    left: 0;
    padding: 0; }
    @media (max-width: 700px) {
      .marquee .sub-stories .marquee-article .image {
        margin-left: 0.333em; } }
  .marquee .sub-stories .marquee-article h1 {
    font-size: 1.1em; }
    @media (max-width: 700px) {
      .marquee .sub-stories .marquee-article h1 {
        font-size: 0.9em; } }
  .marquee .sub-stories .marquee-article hgroup {
    margin: 0 0.75em 0.75em 0.75em;
    padding-top: 0.75em; }
    @media (max-width: 700px) {
      .marquee .sub-stories .marquee-article hgroup {
        margin: 0 0.2em 0.4em 0.2em;
        padding-top: 0.4em; } }

.marquee .sub-stories.short .marquee-article {
  border-left-width: 0;
  height: 8em;
  border-left-width: 0.333em;
  border-left-style: solid; }
  .marquee .sub-stories.short .marquee-article .image {
    height: 8em;
    width: 8em;
    float: right;
    margin-left: 1em;
    background-size: 100% 100%;
    background-size: cover;
    -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
    position: relative;
    top: 0;
    left: 0;
    padding: 0; }
    @media (max-width: 700px) {
      .marquee .sub-stories.short .marquee-article .image {
        margin-left: 0.333em; } }
  .marquee .sub-stories.short .marquee-article h1 {
    font-size: 1.1em; }
    @media (max-width: 700px) {
      .marquee .sub-stories.short .marquee-article h1 {
        font-size: 0.9em; } }
  .marquee .sub-stories.short .marquee-article hgroup {
    margin: 0 0.75em 0.75em 0.75em;
    padding-top: 0.75em; }
    @media (max-width: 700px) {
      .marquee .sub-stories.short .marquee-article hgroup {
        margin: 0 0.2em 0.4em 0.2em;
        padding-top: 0.4em; } }

#marquee .sub-stories .marquee-article {
  /* Need higher specificity here.
    There can be different sizes of sub-stories on desktop,
    but they commonize for tablets */ }
  @media (max-width: 890px) {
    #marquee .sub-stories .marquee-article {
      border-left-width: 0;
      height: 8em;
      border-left-width: 0.333em;
      border-left-style: solid; }
      #marquee .sub-stories .marquee-article .image {
        height: 8em;
        width: 8em;
        float: right;
        margin-left: 1em;
        background-size: 100% 100%;
        background-size: cover;
        -ms-behavior: url("../../common/js/backgroundsize.min.d8d298e0ea1d.htc");
        position: relative;
        top: 0;
        left: 0;
        padding: 0; } }
    @media (max-width: 890px) and (max-width: 700px) {
      #marquee .sub-stories .marquee-article .image {
        margin-left: 0.333em; } }
  @media (max-width: 890px) {
      #marquee .sub-stories .marquee-article h1 {
        font-size: 1.1em; } }
    @media (max-width: 890px) and (max-width: 700px) {
      #marquee .sub-stories .marquee-article h1 {
        font-size: 0.9em; } }
  @media (max-width: 890px) {
      #marquee .sub-stories .marquee-article hgroup {
        margin: 0 0.75em 0.75em 0.75em;
        padding-top: 0.75em; } }
    @media (max-width: 890px) and (max-width: 700px) {
      #marquee .sub-stories .marquee-article hgroup {
        margin: 0 0.2em 0.4em 0.2em;
        padding-top: 0.4em; } }

.marquee .sub-stories .marquee-article.odd {
  margin-right: 0.1em; }

.marquee .sub-stories .marquee-article.even {
  margin-left: 0.1em; }

/** 
 * Breaking Story
 */
.marquee .breaking-story figure {
  position: relative;
  z-index: 50;
  background-size: 100% 100%;
  background-size: cover; }

.marquee .breaking-story hgroup {
  text-align: center;
  top: 0;
  left: 0;
  width: 90%;
  padding: 1em 5%;
  background: black;
  font-size: 1.25em; }

.marquee .breaking-story h1 {
  font-size: 1.5em;
  color: white;
  line-height: 1.333em;
  font-weight: normal;
  margin: 0; }

.marquee .breaking-story .kicker {
  font-size: 0.8em;
  margin: 0.25em 0;
  font-weight: normal;
  text-transform: uppercase; }

.marquee .ad {
  border: 1px solid #808080;
  height: 250px;
  background: #FFF;
  text-align: center;
  padding: 1em 0;
  margin: 0.2em 0 0 0.2em; }

.marquee .ad img {
  display: inline-block; }

@-webkit-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-moz-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-webkit-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.river {
  overflow: hidden;
  clear: both; }

.river.hidden {
  display: none; }

.river .ad {
  border-left: 0;
  border-right: 0;
  margin: 0;
  clear: both; }
  @media (max-width: 645px) {
    .river .ad {
      border: 0;
      margin: 0 auto;
      padding: 0; } }

.river-article {
  position: relative; }
  @media (max-width: 645px) {
    .river-article:after {
      content: "";
      display: block;
      clear: both; } }

.river-article .ad {
  width: 300px;
  min-height: 250px;
  margin: 0;
  clear: none;
  display: block; }

@media (max-width: 960px) {
  .layout-grid .river-article .ad {
    margin: 0 auto; } }

.river-article.contains-ad {
  min-width: 300px;
  text-align: center; }

.high-impact-ad {
  min-height: 90px;
  text-align: center;
  border: 0; }
  @media (max-width: 727px) {
    .high-impact-ad {
      display: none; } }

.river-article .meta {
  font-size: 0.66em;
  color: #999;
  font-family: "Roboto Slab", Helvetica, Sans-Serif;
  margin: 0 0 0.5em 0; }

.river-article .meta time {
  text-transform: uppercase; }

@media (max-width: 645px) {
  .river-article .content {
    float: left;
    width: 60%; } }

.river-article .kicker {
  font-size: 0.73333em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0.5em 0 0 0;
  line-height: 1.5em; }

.river-article .byline {
  font-size: 0.73em;
  font-style: normal;
  margin: 0;
  text-transform: uppercase; }
  @media (max-width: 645px) {
    .river-article .byline {
      display: none; } }

.river-article .dek {
  margin: 0.5em 0 0.2em 0;
  line-height: 1.4em; }
  @media (max-width: 400px) {
    .river-article .dek {
      display: none; } }

.river-article .comment-count {
  color: #999; }

.river-article .comment-count b {
  color: #ee2e24; }

@media (max-width: 645px) {
  .river-article .comment-count,
  .river-article .views-count {
    display: none; } }

.river-article .headline {
  font-size: 1.33333em;
  margin: 0;
  line-height: 1.2em; }
  @media (max-width: 645px) {
    .river-article .headline {
      font-size: 1.2em;
      margin-top: 0em; } }

.river-article .headline a {
  color: black; }

.river-article .shares {
  text-transform: uppercase;
  font-weight: bold; }
  @media (max-width: 645px) {
    .river-article .shares {
      border: 0; } }

.river-article .image {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0 0 62.424242424242% 0;
  height: 0px;
  background-size: cover;
  background-position: center; }
  @media (max-width: 645px) {
    .river-article .image {
      float: left;
      width: 33%;
      padding-bottom: 20.6%;
      margin-right: 1em; } }

.more-river {
  margin: 1em 0;
  text-align: center;
  text-transform: uppercase;
  clear: both; }

.more-river a {
  background: #222;
  display: inline-block;
  font-size: 0.7em;
  color: white;
  padding: 0.5em 2em;
  letter-spacing: 0.13333em; }

.more-river a.loading {
  cursor: default;
  -webkit-animation: pulse 5s infinite ease-in-out;
  -moz-animation: pulse 5s infinite ease-in-out;
  animation: pulse 5s infinite ease-in-out; }

.more-river a.finished {
  visibility: hidden; }

.layout-grid .river-article {
  width: 30%;
  float: left;
  margin: 1em 1.666%;
  border-top: 1px solid #ccc;
  padding-top: 1em; }
  @media (max-width: 1020px) {
    .layout-grid .river-article {
      margin: 1em 1.5%; } }
  @media (max-width: 960px) {
    .layout-grid .river-article {
      width: 47%; } }
  @media (max-width: 645px) {
    .layout-grid .river-article {
      width: auto;
      float: none;
      margin: 1em 0; } }

.layout-grid .follow-us {
  display: none; }

.layout-grid .page-1 .article-row.first .river-article {
  border-top-width: 0; }
  @media (max-width: 960px) {
    .layout-grid .page-1 .article-row.first .river-article.num-2 {
      border-top-width: 1px; } }
  @media (max-width: 645px) {
    .layout-grid .page-1 .article-row.first .river-article.num-1 {
      border-top-width: 1px; } }

@media (max-width: 960px) {
  .layout-grid .river-article.odd {
    clear: left; } }

.layout-grid .river-article.contains-ad {
  border-bottom: 0;
  margin-right: 0; }

.layout-grid .article-row {
  position: relative; }

.layout-grid .article-row:after {
  content: "";
  display: block;
  clear: both; }
  @media (max-width: 960px) {
    .layout-grid .article-row:after {
      clear: none; } }

.layout-grid.no-deks .river-article .dek {
  display: none; }

.layout-grid.no-deks .river-article .content {
  min-height: 5em; }

.layout-list .river-article {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  clear: both;
  height: auto;
  margin: 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }

.layout-list .content {
  float: left;
  width: 48%;
  padding-right: 2.5%; }
  @media (max-width: 800px) {
    .layout-list .content {
      width: 50%;
      padding: 0; } }
  @media (max-width: 645px) {
    .layout-list .content {
      float: left;
      width: 60%;
      margin: 0; } }

.layout-list .context {
  float: right;
  width: 49%;
  position: relative; }
  @media (max-width: 800px) {
    .layout-list .context {
      width: 40%;
      padding: 0; } }
  @media (max-width: 645px) {
    .layout-list .context {
      float: none;
      width: auto;
      margin-bottom: 0; } }

.layout-list .context .image {
  width: 60%;
  padding-bottom: 37.4545454545452%;
  float: left; }
  @media (max-width: 900px) {
    .layout-list .context .image {
      padding-bottom: 62.424242424242%;
      width: 100%;
      float: none; } }
  @media (max-width: 645px) {
    .layout-list .context .image {
      width: 33%;
      padding-bottom: 33%;
      margin-right: 1em;
      float: left; } }

.layout-list .headline {
  margin: 0; }

.layout-list .shares {
  min-width: 11em; }

.layout-list .contains-ad {
  padding: 0;
  width: auto; }

.layout-list .box-ad {
  float: left;
  margin-left: 2.5%;
  min-width: 30%;
  position: relative;
  overflow: hidden; }
  @media (max-width: 900px) {
    .layout-list .box-ad {
      margin-right: 0; } }
  @media (max-width: 645px) {
    .layout-list .box-ad {
      float: none;
      margin: 0 auto;
      padding: 1em 0; } }

.layout-list .follow-us {
  width: 48%;
  float: left; }
  @media (max-width: 645px) {
    .layout-list .follow-us {
      display: none; } }

.river-loading {
  display: none; }

.river-loading.active {
  display: block; }

.river-loading h1 {
  text-align: center;
  font-weight: normal;
  color: #333;
  margin: 4em 0 8em 0;
  letter-spacing: 0.05em;
  font-size: 1em;
  text-transform: uppercase;
  -webkit-animation: pulse_opacity 5s infinite ease-in-out;
  -moz-animation: pulse_opacity 5s infinite ease-in-out;
  animation: pulse_opacity 5s infinite ease-in-out; }

@-webkit-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-moz-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-webkit-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.article {
  position: relative;
  overflow: hidden; }

.article:after {
  content: " ";
  display: block;
  clear: both; }

.article .content,
.article .article-header {
  width: 65%;
  float: left; }

@media (max-width: 900px) {
  .article .article-header {
    width: auto;
    float: none; } }

.article .article-footer {
  clear: both;
  margin-bottom: -0.5em; }
  @media (max-width: 900px) {
    .article .article-footer {
      padding: 0 1em; } }

.article .sidebar {
  min-width: 300px;
  width: 30%;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 800; }
  @media (max-width: 900px) {
    .article .sidebar {
      width: 28%;
      min-width: 0;
      border-left: 2% solid #ccc;
      position: relative;
      border-left: 0.5em solid #ccc;
      padding-left: 1em; } }
  @media (max-width: 600px) {
    .article .sidebar {
      display: none; } }

@media (max-width: 600px) {
  .article .content,
  .article .sidebar {
    clear: both;
    float: none;
    width: auto; } }

.article .article-header .meta {
  font-size: 0.73em;
  color: #999;
  text-transform: uppercase;
  margin: 1.5em 0 0 0; }

.article .article-header .channel {
  color: #ee2e24; }

.article .article-header .kicker {
  color: #0a81fa; }

.article .article-header .kicker.politics {
  color: #ed2a34; }

.article .article-header .kicker.national {
  color: #2e31bf; }

.article .article-header .kicker.entertainment {
  color: #9933cc; }

.article .article-header .kicker.business {
  color: #ffce00; }

.article .article-header .kicker.technology {
  color: #7fd5f6; }

.article .article-header .kicker.global {
  color: #00ab4d; }

.article .article-header .kicker.culture {
  color: #ec8e00; }

.article .article-header h1 {
  margin: 0.1em 0;
  line-height: 1.2em; }

.article .article-header .byline {
  font-style: normal;
  text-transform: uppercase;
  color: black;
  font-size: 0.73333em; }

.article .article-header .byline a {
  color: black; }

.article .article-header .article-views {
  float: right;
  color: #999;
  font-size: 0.6em;
  text-transform: uppercase;
  margin: -2.25em 0 0.25em 0;
  position: relative; }
  @media (min-width: 1275px) {
    .article .article-header .article-views {
      top: 0; } }
  @media (max-width: 600px) {
    .article .article-header .article-views {
      visibility: hidden; } }

.article .article-social {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  list-style-type: none;
  margin: 1.5em 0 0 0;
  padding: 0;
  height: 5.5em;
  z-index: 100; }

@media (min-width: 1275px) {
  .article .article-social.regular-social-buttons {
    position: absolute;
    height: auto;
    left: 0;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0; } }

.article .small-social-buttons {
  height: 2.5em; }

@media (min-width: 1275px) {
  .article.container {
    position: relative;
    right: 3em;
    padding-left: 6em; } }

.article-social li {
  display: block;
  width: 4em;
  float: left;
  height: 4.5em;
  border-left: 1px solid #ccc;
  padding: 0.5em;
  position: relative; }
  .article-social li:first-child {
    border-left: 0; }

@media (min-width: 1275px) {
  .article-social.regular-social-buttons li {
    float: none;
    text-align: center;
    border-left: 0;
    border-top: 1px solid #ccc;
    height: 4.5em; }
    .article-social.regular-social-buttons li:first-child {
      border-top: 0; } }

.article-social.regular-social-buttons .facebook-share-button {
  display: inline-block; }

.article .small-social-buttons li {
  width: 6em;
  min-height: 0;
  height: 1.5em; }

.article .small-social-buttons li.google {
  width: 4em; }

@media (max-width: 400px) {
  .article .small-social-buttons li.facebook {
    display: none; } }

.article .small-social-buttons li.facebook-share {
  width: 6.5em; }

.article .small-social-buttons li.linkedin,
.article .small-social-buttons li.comments,
.article .small-social-buttons li.email {
  display: none; }

.article-social .link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 100%;
  color: black; }

.article-social .link:before {
  font-family: "wire-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  font-size: 2.5em;
  clear: both;
  display: block;
  width: auto;
  text-align: center; }

.article-social .email .link {
  font-size: 0.75em;
  text-transform: uppercase;
  margin-top: 1.5em; }

@media (max-width: 600px) {
  .article-social .email,
  .article-social .comments {
    display: none; } }

.article-social .comments .link {
  font-size: 0.75em;
  text-transform: uppercase;
  margin-top: 1.5em; }

@media (max-width: 600px) {
  .article-social .linkedin {
    display: none; } }

.ie-lt9 .article-social .linkedin {
  display: none; }

.article .small-social-buttons .email {
  display: none; }

/*FB fix*/
.article-social .facebook iframe {
  position: relative; }

.article .lead-image img {
  max-width: 100%;
  display: block;
  clear: both;
  margin: 0 auto 0.5em auto; }

.article .lead-image figcaption,
.article .lead-image address {
  color: #666;
  line-height: 1.5em; }

.article .lead-image figcaption {
  margin: 1em 0;
  font-size: 0.8em; }

.article .lead-image figcaption .credit {
  font-size: 0.75em; }

.article .lead-image address {
  font-size: 0.6em;
  text-align: right;
  text-transform: uppercase;
  font-style: normal;
  margin: 0.5em 0; }

.article .presented-by-ad {
  float: right;
  /* 
    jQuery thinks empty floating divs .is(:visible) === false
    We want this container to be seen as visible so we can put an ad in it.
    Setting a min size of 1px fixes this.
    */
  min-width: 1px;
  min-height: 1px;
  background: white; }

.article .presented-by-wrapper {
  text-align: right;
  font-size: 0.6em;
  color: #666;
  text-transform: uppercase;
  border-bottom: 1px solid #999;
  height: 2em;
  margin-bottom: 3em;
  display: none; }

.article .presented-by {
  background: white;
  display: inline-block;
  width: auto;
  padding: 0 1em 0 2em;
  position: relative; }

.article-body {
  font-family: "Roboto Slab", Helvetica, Sans-Serif;
  font-size: 1.1em;
  line-height: 1.66666em; }
  @media (max-width: 900px) {
    .article-body {
      padding: 0 1em; } }

.article-body p:first-child {
  margin-top: 0; }

.article-body a {
  color: inherit;
  border-bottom: 1px dotted black; }

.article-body a:hover {
  color: #0a81fa;
  border-bottom-color: #0a81fa; }

.article-body h3 {
  color: #c3180f;
  clear: both; }

.article-body blockquote {
  color: #666;
  width: 80%;
  margin: 1.25em auto; }

.article-body blockquote:before {
  content: url("../img/quote.6c6faee9d13b.svg");
  width: 1em;
  height: 1em;
  display: block;
  float: left;
  margin: -0.5em 0.5em 0 -2em; }
  @media (max-width: 600px) {
    .article-body blockquote:before {
      float: none;
      margin: 0;
      height: 1.75em; } }

.article-body .pullquote {
  float: left;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: 1.2em;
  width: 30%;
  margin: 1em 1em 1em 0;
  border-bottom: 1em solid #e5e5e5;
  padding: 0.5em 0; }
  @media (max-width: 800px) {
    .article-body .pullquote {
      width: 60%; } }
  @media (max-width: 500px) {
    .article-body .pullquote {
      border-bottom: 0;
      float: none;
      clear: both;
      width: auto; } }

.article-body .pullquote:before {
  content: " ";
  background: url("../img/quote_blue.53465277425f.svg") top left no-repeat;
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-size: 100%;
  margin: 0 0 0.25em 0; }

.article .see-comments {
  font-weight: bold;
  padding-bottom: 0.25em;
  text-transform: uppercase;
  margin: 0.5em 0; }

.article .see-comments:before {
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 0.5em; }

.article .see-comments > a {
  color: black; }

.article .bios {
  border-top: 1px solid #ccc;
  z-index: 840;
  background: white;
  position: relative; }

.article .author-bio {
  position: relative;
  overflow: hidden;
  margin: 0.5em 0 1em 0; }

.article .author-bio img {
  float: left;
  border: 1px solid #ccc;
  margin-right: 1em; }

.article .author-bio a {
  color: black; }

.article .author-bio h1 {
  font-size: 0.8em;
  margin: 0 0 0.5em 0;
  text-transform: uppercase; }

.article .author-bio h2 {
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 0.5em 0; }

.article .related {
  margin: 1.333em 0; }

.article .related h3 {
  margin: 0; }

.article .related ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.article .related li {
  margin: 0.25em 0; }

.article .related a {
  color: black; }

.article .rail-promo {
  margin-top: 1.25em;
  background: #000;
  color: #fff;
  padding: 10px; }

.article .rail-promo a {
  color: #fff; }

.article .rail-promo figure {
  margin: -10px -10px 10px -10px;
  position: relative; }

.article .rail-promo figure img {
  width: 100%;
  vertical-align: middle; }

.article .rail-promo figure figcaption {
  font-size: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  padding: 3px;
  color: #fff;
  line-height: 1; }

.article .rail-promo figure figcaption a {
  color: #fff; }

.article .rail-promo .hed {
  margin: 0 0 5px;
  line-height: 1.1; }

.article .rail-promo .dek,
.article .rail-promo .date,
.article .rail-promo .comments {
  display: none; }

.article .rail-promo .metadata {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.article .rail-promo .metadata a {
  color: #ee2e24; }

.article .rail-promo .metadata .byline {
  display: inline; }

.article .sidebar .ad {
  min-width: 300px;
  min-height: 250px;
  margin: 30px auto 30px;
  text-align: center; }
  @media (max-width: 900px) {
    .article .sidebar .ad {
      display: none; } }

.article .sidebar-article-list h2 {
  background: #ee2e24;
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  padding: 0.5em 0;
  color: white;
  margin: 1em 0 0.25em 0; }

.article .most-popular ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: popular; }

.article .most-popular .sidebar-article {
  padding-left: 22px; }
  .article .most-popular .sidebar-article:before {
    counter-increment: popular;
    content: counter(popular);
    float: left;
    margin-left: -22px;
    width: 15px;
    text-align: right;
    color: #ee2e24;
    font-weight: bold; }

.article .sidebar-article {
  padding: 15px 0;
  visibility: visible;
  opacity: 1;
  transition: 0.5s ease all; }

.article .sidebar-article + .sidebar-article {
  border-top: 1px solid #ccc; }

.article .sidebar-article.hidden {
  display: none; }

.article .sidebar-article.checking {
  display: block;
  visibility: hidden;
  opacity: 0; }

.article .sidebar-article a {
  color: black; }

.article .sidebar-article .hed {
  margin: 0;
  font-size: 15px;
  line-height: 1.2; }

.article .sidebar-article .sponsored-label {
  background: #ddd;
  display: block;
  text-align: center;
  margin: 0 auto -1.5em auto;
  width: 7em;
  padding: 0.25em;
  font-size: 0.66em;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  z-index: 90; }

.article .sidebar-article .image {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  background-size: 100%;
  position: relative;
  z-index: 80; }

/* EMBEDDED CONTENT
===================
This is going to suck.
Rules to "make" embedded junk responsive.
*/
.article-body * {
  max-width: 100%; }

.article-body hr {
  border-style: dotted;
  border-color: #ccc;
  border-width: 1px 0 0 0;
  margin: 1em 0; }

.article-body .right {
  float: right;
  margin: 0 0 1em 1em; }

.article-body .left {
  float: left;
  margin: 0 1em 1em 0; }

.article-body figure figcaption {
  font-size: 0.85em;
  line-height: 1.2em;
  font-family: "Lato", Helvetica, Arial, sans-serif; }

.article-body img.bordered {
  outline: solid 1px #ccc;
  outline-offset: -1px; }

/**
 * Callout
 */
.article-body .callout {
  float: left;
  margin: 0.5em 1em 1em 0;
  padding: 1em 0 0.5em 0;
  width: 15em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  border-bottom: 1em solid #e5e5e5;
  border-top: 1px solid #e5e5e5; }
  @media (max-width: 500px) {
    .article-body .callout {
      float: none;
      clear: both;
      margin-right: 0; } }

.article-body .callout a {
  border-bottom: 0; }

.article-body .callout img {
  margin: 0 auto;
  display: block; }

.article-body .callout h4 {
  margin: 1em 0;
  font-size: 1.1em; }

.article-body .callout hr {
  display: none; }

.article-body .callout p,
.article-body .callout h3 {
  margin: 0.25em 0; }

.article-body .callout ul {
  margin: 0;
  padding: 0; }

.article-body .callout li {
  list-style-type: none;
  line-height: 1.2em;
  margin: 0.5em 0; }

.article-body *[style*="font-size"][style*="line-height"],
.article-body *[style="font-size: 15px; line-height: 21px;"] {
  font-size: inherit !important;
  line-height: inherit !important; }

@-webkit-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-moz-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-webkit-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.footer {
  margin-top: 2em;
  z-index: 5;
  position: relative; }

.footer .layer {
  border-top: 0.75em solid #ccc;
  background: #ededed;
  clear: both;
  overflow: hidden;
  position: relative; }

.footer .layer .layer-header {
  background-color: white; }

.footer .layer-first .layer-header {
  background-color: #eee; }

.footer .layer-first {
  background: white; }

.footer .layer-first .layer-header {
  background-color: #eee; }
  @media (max-width: 700px) {
    .footer .layer-first .layer-header {
      text-align: left;
      background-color: white; } }

.footer .layer-first h1,
.footer .layer h1 {
  margin: 0 auto;
  font-weight: bold;
  font-size: 0.85em;
  text-transform: uppercase;
  padding: 0.5em 0;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-position: right 0.75em;
  background-repeat: no-repeat;
  background-size: 1em;
  background-image: url("../img/close-arrow.6e8d85dc5ea9.svg"); }
  @media (max-width: 700px) {
    .footer .layer-first h1,
    .footer .layer h1 {
      background-image: url("../img/open-arrow.67b22d38a183.svg"); } }

.mdzr-no-svg .footer .layer-first h1,
.mdzr-no-svg .footer .layer h1 {
  background-image: url("../img/close-arrow.7a3092664918.png");
  background-position: center right; }

.footer a {
  color: black; }

.footer .layer-contents {
  display: block; }
  @media (max-width: 700px) {
    .footer .layer-contents {
      display: none; } }

.footer .collapse-closed .layer-contents {
  display: none; }

.footer .collapse-open .layer-contents {
  display: block; }

.footer .collapse-closed h1 {
  background-image: url("../img/open-arrow.67b22d38a183.svg"); }

.footer .collapse-open h1 {
  background-image: url("../img/close-arrow.6e8d85dc5ea9.svg"); }

.mdzr-no-svg .footer .collapse-closed h1 {
  background-image: url("../img/open-arrow.77d427c4d3a1.png"); }

.mdzr-no-svg .footer .collapse-open h1 {
  background-image: url("../img/close-arrow.7a3092664918.png"); }

.footer .partner-feed {
  float: left;
  width: 18%;
  margin-right: 2%;
  margin-bottom: 2em; }
  @media (max-width: 960px) {
    .footer .partner-feed {
      width: 23%; } }
  @media (max-width: 700px) {
    .footer .partner-feed {
      width: 48%; }
      .footer .partner-feed.odd {
        clear: left; } }
  @media (max-width: 500px) {
    .footer .partner-feed {
      width: auto;
      float: none;
      clear: both; } }

.footer .partner-feed h2 {
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: bottom left;
  color: transparent;
  margin: 0 0 0.5em 0;
  padding: 0.5em 0; }

.footer .partner-feed ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 0.85em;
  overflow: hidden; }

.footer .partner-feed li {
  line-height: 1.5em;
  margin: 0.75em 0; }

.footer .partner-feed .more {
  text-transform: uppercase;
  display: block;
  font-size: 0.85em; }

@media (max-width: 960px) {
  .footer .partner-feed#longreads {
    display: none; } }

/*Everything else*/
.footer .footer-items {
  list-style-type: none;
  margin: 1em auto 2em auto;
  padding: 0;
  font-size: 0.75em; }

.footer .footer-items li {
  display: inline-block;
  width: 15%;
  margin: 0.5em 0 0.5em 0; }
  @media (max-width: 750px) {
    .footer .footer-items li {
      width: 20%; } }
  @media (max-width: 600px) {
    .footer .footer-items li {
      width: 33%; } }
  @media (max-width: 480px) {
    .footer .footer-items li {
      width: auto;
      display: block; } }

.footer .follow-button {
  display: inline-block;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  text-indent: -15em; }

.footer .follow-button.follow-rss {
  height: 1.9em;
  width: 4em; }

.footer .follow-button.follow-app-store {
  height: 2.9em;
  width: 10em;
  position: relative;
  top: 0.6em; }

.footer .copyright {
  display: block;
  text-align: center;
  font-size: 0.6em;
  padding: 1.5em 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #eee; }

#top-link {
  display: block;
  max-width: 10em;
  margin: 0 auto 1em auto;
  background: #222;
  height: 2em;
  background: black url("../img/up-arrow.03f4602f03ae.svg") center center no-repeat;
  background-size: 1.5em;
  text-indent: -10em;
  overflow: hidden;
  position: relative;
  z-index: 5; }

.mdzr-no-svg #top-link {
  background: black url("../img/up-arrow.0514d3fc7b98.png") center center no-repeat; }

@-webkit-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-moz-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-webkit-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.search.inline-search {
  margin: 0 0 2em 0;
  font-size: 1.5em;
  max-width: 27em; }

.search.inline-search input[type=submit] {
  width: 1em;
  height: 1em;
  background-size: 1em;
  position: absolute;
  right: 1em;
  top: 0.4em; }

#search-results {
  padding: 0 1em; }

#search-results .search-result {
  margin: 2em 0;
  line-height: 1.666em;
  max-width: 45em; }

#search-results a {
  color: black; }

#search-results h1 {
  margin: 0;
  font-size: 1.2em; }

#search-results b {
  color: #0a81fa; }

.search-result-paginator .page {
  display: inline-block;
  margin: 0 1.5em 0 0;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.1em; }

.search-result-paginator .page#current a {
  color: #ee2e24;
  font-weight: bold; }

@-webkit-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-moz-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-webkit-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.masthead {
  position: relative;
  overflow: hidden; }

.masthead strong,
.masthead h3 {
  text-transform: uppercase;
  font-weight: normal;
  color: #666;
  font-size: 1em;
  line-height: 1em; }

.masthead address {
  font-style: normal; }

.masthead .column {
  width: 22.5%;
  margin-right: 2.5%;
  margin-bottom: 2em;
  float: left; }
  @media (max-width: 1050px) {
    .masthead .column {
      width: 40%; } }
  @media (max-width: 640px) {
    .masthead .column {
      width: 100%;
      clear: both;
      margin-bottom: 1em; } }

.masthead .column.top {
  width: auto;
  margin-right: 0;
  float: none;
  clear: both; }

.masthead .column h3 {
  margin: 0.25em 0 0.5em 0; }

.masthead .column address {
  position: relative;
  overflow: hidden;
  margin: 0 0 1em 0; }

.masthead .column address img {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.masthead .column address h4 {
  margin: 0 0 0.25em 0; }

.masthead .column address a {
  display: block; }

.contact-form label {
  text-transform: uppercase;
  font-size: 0.85em;
  width: 15em;
  display: inline-block; }
  @media (max-width: 35em) {
    .contact-form label {
      display: block;
      width: auto; } }

.contact-form input[type=text],
.contact-form textarea {
  border: 1px solid #ccc;
  background: white;
  min-width: 20em;
  padding: 0.25em;
  color: #666; }
  @media (max-width: 35em) {
    .contact-form input[type=text],
    .contact-form textarea {
      display: block;
      min-width: 0;
      width: 90%; } }

.contact-form input[type=submit] {
  background: #222;
  color: #FFF;
  border: 0;
  font-size: 0.75em;
  text-transform: uppercase;
  padding: 0.75em 4em;
  letter-spacing: 0.2em;
  margin-left: 17.25em; }
  @media (max-width: 35em) {
    .contact-form input[type=submit] {
      margin-left: 0; } }

.contact-form .wrap-os,
.contact-form .wrap-browser {
  display: none; }

@-webkit-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-moz-keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@keyframes pulse {
  0% {
    background: default; }
  50% {
    background: #ee2e24; }
  100% {
    background: default; } }

@-webkit-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes pulse_opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.follow-us {
  color: white;
  background: black;
  text-align: left; }

.follow-us .fade {
  color: #bbb; }

.follow-us h1 {
  color: white;
  margin: 0;
  text-align: center; }

.follow-us .social-icons {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: auto;
  position: relative; }

.follow-us .social-icons li {
  width: 50%;
  float: left;
  text-align: center;
  text-transform: uppercase; }

.follow-us .social-icons a,
.follow-us .social-icons a:visited {
  color: #ee2e24;
  text-decoration: none;
  display: block;
  background-position: top center;
  background-repeat: no-repeat; }

.follow-us .social-icons .facebook {
  background-image: url("../img/follow/facebook.4b55aa3598e5.svg"); }

.follow-us .social-icons .twitter {
  background-image: url("../img/follow/twitter.658a8844b04a.svg"); }

.follow-us .social-icons .newsletter {
  background-image: url("../img/follow/newsletter.636154ed0c2d.svg"); }

.mdzr-no-svg .follow-us .social-icons .facebook {
  background-image: url("../img/follow/facebook.531a43556625.png"); }

.mdzr-no-svg .follow-us .social-icons .twitter {
  background-image: url("../img/follow/twitter.270be12ab5d0.png"); }

.mdzr-no-svg .follow-us .social-icons .newsletter {
  background-image: url("../img/follow/newsletter.0a27ebe09efa.png"); }

.follow-us input[type=submit],
.follow-us input[name=EMAIL] {
  border: 0;
  font-size: 1em;
  padding: 0.5em; }

.follow-us input[name=EMAIL] {
  display: block;
  float: left; }

.follow-us input[type=submit] {
  background: #ee2e24;
  text-transform: uppercase;
  font-weight: bold; }

.follow-us input[type=checkbox] {
  margin: 0 0.25em 0.1em 0;
  display: inline-block;
  float: left;
  border-radius: 0; }

.follow-us form a {
  color: #ee2e24;
  margin: 0; }

.follow-us form p {
  margin: 0.5em 0;
  overflow: hidden;
  position: relative;
  line-height: 1em; }

.follow-us.large {
  max-width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 1em;
  min-height: 250px; }

.follow-us.large h1 {
  font-size: 2em;
  margin-bottom: 1em;
  margin-top: 0.5em; }
  @media (max-width: 1000px) {
    .follow-us.large h1 {
      font-size: 1.5em; } }

.follow-us.large .wrap-inner {
  padding: 1em; }

.follow-us.large .social-icons {
  margin: 0;
  float: right;
  width: 50%; }
  @media (max-width: 900px) {
    .follow-us.large .social-icons {
      width: 35%; } }

.follow-us.large .social-icons a {
  background-size: 4em;
  padding-bottom: 4em;
  border-left: 0.15em solid #666;
  background-position: bottom center; }
  @media (max-width: 900px) {
    .follow-us.large .social-icons a {
      border: 0;
      text-indent: 99em;
      overflow: hidden;
      padding-bottom: 3em;
      background-size: 3em; } }

.follow-us.large form {
  margin: 0;
  max-width: 14em; }
  @media (max-width: 900px) {
    .follow-us.large form {
      font-size: 0.85em; } }

.follow-us.large input[type=checkbox] {
  margin: 0 0.25em 0.25em 0; }

.follow-us.large input[name=EMAIL] {
  width: 10em; }

.follow-us.small {
  padding: 0.5em;
  overflow: hidden;
  margin-top: 1em; }

.follow-us.small h1 {
  font-size: 1.1em;
  line-height: 1.2em; }

.follow-us.small .social-icons {
  float: right;
  width: 35%;
  margin-top: 1.75em; }
  @media (max-width: 900px) {
    .follow-us.small .social-icons {
      width: auto;
      max-width: 10em;
      margin: 1em auto 0 auto;
      float: none; } }

.follow-us.small .social-icons a {
  text-indent: -90em;
  background-size: 70%;
  padding-top: 100%;
  height: 0; }

.follow-us.small form {
  font-size: 0.85em;
  float: left;
  max-width: 55%;
  margin-top: 0.75em; }
  @media (max-width: 900px) {
    .follow-us.small form {
      max-width: 90%; } }

.follow-us.small input[name=EMAIL] {
  width: 75%;
  padding: 0.5em 2.5%; }

.follow-us.small input[type=submit] {
  width: 15%;
  padding: 0.5em 2.5%; }

.welcome-lightbox-continue {
  background: url("http://cdn.theatlantic.com/assets/static/theatlantic/common/img/logo-black.svg") no-repeat; }

.facebook-share-button {
  display: block;
  position: relative; }
  .facebook-share-button.hide {
    display: none; }
  .facebook-share-button button {
    background: #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 0.333em;
    color: #3B5998;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    outline: none;
    padding: 3px 6px; }
  .facebook-share-button button:hover {
    border-color: #9DACCE; }
  .facebook-share-button .ico {
    background: url("../../social/img/facebook-btn-sprite.5a060287cc99.png");
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: top left;
    vertical-align: bottom;
    position: relative;
    left: -4px; }
  .facebook-share-button .bubble {
    background: #FFF;
    border: 1px solid #D3D3D3;
    text-align: center;
    white-space: nowrap;
    position: relative;
    color: black; }
  .facebook-share-button .nub-border,
  .facebook-share-button .nub-fill {
    border-right: 5px solid transparent;
    border-style: solid;
    border-width: 5px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent; }

.facebook-share-button.vertical .bubble {
  height: 24px;
  margin: 0 auto 7px auto;
  min-width: 35px;
  max-width: 52px;
  padding: 6px 0px 2px 1px;
  font-size: 13px; }
  .facebook-share-button.vertical .bubble .nub-border {
    position: absolute;
    bottom: -10px;
    left: 8px;
    border-top-color: #D3D3D3; }
  .facebook-share-button.vertical .bubble .nub-fill {
    position: absolute;
    bottom: -8px;
    left: 8px;
    border-top-color: white; }

.facebook-share-button.horizontal button {
  padding: 3px 5px 3px 7px;
  display: inline-block;
  float: left; }

.facebook-share-button.horizontal .bubble {
  font-size: 10px;
  padding: 1px 4px;
  min-width: 20px;
  border-radius: 1px;
  display: inline-block;
  margin-left: 5px; }

.facebook-share-button.horizontal .nub-border {
  position: absolute;
  left: -10px;
  top: 5px;
  border-right-color: #D3D3D3; }

.facebook-share-button.horizontal .nub-fill {
  position: absolute;
  left: -8px;
  top: 5px;
  border-right-color: white; }

.cookie-disclaimer {
  font-family: "Helvetica Neue", "Helvetica", "Arial", san-serif;
  position: relative;
  overflow: hidden;
  background: #4E8CD3;
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  z-index: 50000000; }

.cookie-disclaimer .wrapper {
  max-width: 925px;
  margin: 0 auto;
  position: relative; }

.cookie-disclaimer p {
  margin: 10px 0;
  margin-right: 160px;
  line-height: 1.5; }
  @media (max-width: 640px) {
    .cookie-disclaimer p {
      margin-right: 0; } }

.cookie-disclaimer button {
  background: white;
  color: #4E8CD3;
  border-radius: 5px;
  border: 0;
  width: 140px;
  padding: 10px;
  box-sizing: border-box;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0; }
  @media (max-width: 640px) {
    .cookie-disclaimer button {
      position: relative;
      margin: 10px auto; } }

.cookie-disclaimer a {
  color: white;
  white-space: nowrap; }