/*! 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;
}

@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"); } }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 13, 2014 */
@font-face {
  font-family: 'roboto';
  src: url("../../common/fonts/roboto/roboto-regular-webfont.75c3114524ae.eot");
  src: url("../../common/fonts/roboto/roboto-regular-webfont.75c3114524ae.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/roboto/roboto-regular-webfont.391b5695108a.woff") format("woff"), url("../../common/fonts/roboto/roboto-regular-webfont.2bde88155d4a.ttf") format("truetype"), url("../../common/fonts/roboto/roboto-regular-webfont.bc9c3e901292.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roboto';
  src: url("../../common/fonts/roboto/roboto-bold-webfont.61cd6025ea5f.eot");
  src: url("../../common/fonts/roboto/roboto-bold-webfont.61cd6025ea5f.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/roboto/roboto-bold-webfont.2abfd656e53f.woff") format("woff"), url("../../common/fonts/roboto/roboto-bold-webfont.4d49895ef9c2.ttf") format("truetype"), url("../../common/fonts/roboto/roboto-bold-webfont.3b8cf34ad1d5.svg#robotobold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'roboto';
  src: url("../../common/fonts/roboto/roboto-bolditalic-webfont.ae749cff62f6.eot");
  src: url("../../common/fonts/roboto/roboto-bolditalic-webfont.ae749cff62f6.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/roboto/roboto-bolditalic-webfont.535ea9608c47.woff") format("woff"), url("../../common/fonts/roboto/roboto-bolditalic-webfont.9a1b3280e393.ttf") format("truetype"), url("../../common/fonts/roboto/roboto-bolditalic-webfont.7bb59d493d2b.svg#robotobold_italic") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'roboto';
  src: url("../../common/fonts/roboto/roboto-italic-webfont.020c17aa70db.eot");
  src: url("../../common/fonts/roboto/roboto-italic-webfont.020c17aa70db.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/roboto/roboto-italic-webfont.074ba8d4fdaf.woff") format("woff"), url("../../common/fonts/roboto/roboto-italic-webfont.b1ddf8423026.ttf") format("truetype"), url("../../common/fonts/roboto/roboto-italic-webfont.5bd2bc3accb8.svg#robotoitalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'roboto';
  src: url("../../common/fonts/roboto/roboto-light-webfont.74c62155329c.eot");
  src: url("../../common/fonts/roboto/roboto-light-webfont.74c62155329c.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/roboto/roboto-light-webfont.fd6723c8091b.woff") format("woff"), url("../../common/fonts/roboto/roboto-light-webfont.93cfa801c07e.ttf") format("truetype"), url("../../common/fonts/roboto/roboto-light-webfont.9bea2a4d4b78.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'roboto';
  src: url("../../common/fonts/roboto/roboto-lightitalic-webfont.eb40c54e1a4d.eot");
  src: url("../../common/fonts/roboto/roboto-lightitalic-webfont.eb40c54e1a4d.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/roboto/roboto-lightitalic-webfont.510dba46fd0d.woff") format("woff"), url("../../common/fonts/roboto/roboto-lightitalic-webfont.894f9fb74b7b.ttf") format("truetype"), url("../../common/fonts/roboto/roboto-lightitalic-webfont.8a1e481b7106.svg#robotolight_italic") format("svg");
  font-weight: 300;
  font-style: italic; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 12, 2014 */
@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-black-webfont.2c4481f04dbc.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-black-webfont.2c4481f04dbc.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-black-webfont.59f661bbfac2.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-black-webfont.988b5388b6cc.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-black-webfont.738e3b72058b.svg#alright_sansblack") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-blackitalic-webfont.7462518ae40c.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-blackitalic-webfont.7462518ae40c.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-blackitalic-webfont.1ddcc98d3d8a.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-blackitalic-webfont.f4cdd3eadb92.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-blackitalic-webfont.5d0ba977a93f.svg#alright_sansblack_italic") format("svg");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bold-webfont.a4e95e54abeb.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bold-webfont.a4e95e54abeb.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bold-webfont.84a2b7afef28.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bold-webfont.bf70270f896c.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bold-webfont.6e0d8cfbd1b3.svg#alright_sansbold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bolditalic-webfont.4f50969b3bcd.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bolditalic-webfont.4f50969b3bcd.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bolditalic-webfont.94d67c693e85.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bolditalic-webfont.74c9b9e1e2dc.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-bolditalic-webfont.c0efb5202f0a.svg#alright_sansbold_italic") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'alright_sanslight_italic';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-lightitalic-webfont.a5319796a30f.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-lightitalic-webfont.a5319796a30f.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-lightitalic-webfont.b35fa0eba5af.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-lightitalic-webfont.86cef6ec0b98.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-lightitalic-webfont.8b8430afdcec.svg#alright_sanslight_italic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-medium-webfont.170d36e94b37.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-medium-webfont.170d36e94b37.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-medium-webfont.05e68ee29e0d.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-medium-webfont.0ad8879f69dc.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-medium-webfont.b8d797f33401.svg#alright_sansmedium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-mediumitalic-webfont.8df6959b7b5d.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-mediumitalic-webfont.8df6959b7b5d.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-mediumitalic-webfont.835d7ce65b45.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-mediumitalic-webfont.9d7ef7288240.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-mediumitalic-webfont.2f33db55d386.svg#alright_sansmedium_italic") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regular-webfont.f838a22efcf5.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regular-webfont.f838a22efcf5.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regular-webfont.03ed9bf9635e.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regular-webfont.9f860aa8f765.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regular-webfont.6701f2d5c5dd.svg#alright_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regularitalic-webfont.b5002a4809af.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regularitalic-webfont.b5002a4809af.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regularitalic-webfont.05e1380e6c7f.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regularitalic-webfont.bdc5690c2b71.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-regularitalic-webfont.84ae20912067.svg#alright_sansregular_italic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thin-webfont.237801134ada.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thin-webfont.237801134ada.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thin-webfont.b632a088e768.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thin-webfont.a3a5838855ff.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thin-webfont.bb202a2e3e90.svg#alright_sansthin") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thinitalic-webfont.83fb827ef023.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thinitalic-webfont.83fb827ef023.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thinitalic-webfont.cec483592e38.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thinitalic-webfont.c45ecba32916.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-thinitalic-webfont.1b24d6e6537e.svg#alright_sansthin_italic") format("svg");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultra-webfont.8048ea95976f.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultra-webfont.8048ea95976f.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultra-webfont.dbe17fd8a8eb.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultra-webfont.ff6d118a00fa.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultra-webfont.80453b85ef85.svg#alright_sansultra") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'alright_sans';
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultraitalic-webfont.74f9d0b56085.eot");
  src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultraitalic-webfont.74f9d0b56085.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultraitalic-webfont.1bb6e3475493.woff") format("woff"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultraitalic-webfont.23f192b0577e.ttf") format("truetype"), url("../../common/fonts/alrightsans/okay_type_-_alrightsans-ultraitalic-webfont.9c6fa34294ca.svg#alright_sansultra_italic") format("svg");
  font-weight: 900;
  font-style: italic; }

/* Extra thing. Probably shouldn't use these.
@font-face {
    font-family: 'alright_sans';
    src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathin-webfont.64c12a11a345.eot");
    src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathin-webfont.64c12a11a345.eot?#iefix") format('embedded-opentype'),
         url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathin-webfont.989a3f637118.woff") format('woff'),
         url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathin-webfont.3595c6224547.ttf") format('truetype'),
         url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathin-webfont.deeea8479768.svg#alright_sansextra_thin") format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'alright_sans';
    src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathinitalic-webfont.bb2d90532cfb.eot");
    src: url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathinitalic-webfont.bb2d90532cfb.eot?#iefix") format('embedded-opentype'),
         url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathinitalic-webfont.26a6f4a890ac.woff") format('woff'),
         url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathinitalic-webfont.712f8fcf3c05.ttf") format('truetype'),
         url("../../common/fonts/alrightsans/okay_type_-_alrightsans-extrathinitalic-webfont.115981fdcd3d.svg#alright_sansextra_thin_italic") format('svg');
    font-weight: 100;
    font-style: italic;

}*/

/**
 * Font includes CSS goes in the font folder, so it can be imported by things that need it.
 * This is used everywhere, so it goes in base, but that's not true of everything.
 */
@font-face {
  font-family: 'Lato';
  src: url("../../common/fonts/lato/Lato-Reg-webfont.74985da98c66.eot");
  src: url("../../common/fonts/lato/Lato-Reg-webfont.74985da98c66.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/lato/Lato-Reg-webfont.324564436632.woff") format("woff"), url("../../common/fonts/lato/Lato-Reg-webfont.350a0ef722e6.ttf") format("truetype"), url("../../common/fonts/lato/Lato-Reg-webfont.4ed007280d03.svg#LatoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../common/fonts/lato/Lato-Hai-webfont.11faa8928b9c.eot");
  src: url("../../common/fonts/lato/Lato-Hai-webfont.11faa8928b9c.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/lato/Lato-Hai-webfont.bc9b8b89c18b.woff") format("woff"), url("../../common/fonts/lato/Lato-Hai-webfont.2017fffcac52.ttf") format("truetype"), url("../../common/fonts/lato/Lato-Hai-webfont.7c515510e94e.svg#LatoRegular") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../common/fonts/lato/Lato-Lig-webfont.57300f44c1cf.eot");
  src: url("../../common/fonts/lato/Lato-Lig-webfont.57300f44c1cf.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/lato/Lato-Lig-webfont.93c279caae45.woff") format("woff"), url("../../common/fonts/lato/Lato-Lig-webfont.3b8595e1c4dc.ttf") format("truetype"), url("../../common/fonts/lato/Lato-Lig-webfont.24d57a666189.svg#LatoRegular") format("svg");
  font-weight: 300;
  font-style: normal; }

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

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

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

html {
  height: 100%; }

body {
  min-height: 100%; }

a {
  color: #0076be;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

hr {
  border-top: 1px solid #c5c5c6; }

#main-container {
  overflow: hidden; }

#comments {
  width: 680px;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 680px) {
    #comments {
      width: 94%; } }

.mdzr-history .infinite-scroll #site-footer {
  display: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "alright_sans", arial, sans-serif; }

.sponsor-header {
  position: absolute;
  left: 0;
  top: 10px;
  background: #fff8cf;
  min-width: 300px;
  height: 75px;
  font-family: "alright_sans", arial, sans-serif;
  font-weight: 500;
  z-index: 2000;
  cursor: help; }
  @media (max-width: 600px) {
    .sponsor-header {
      width: 100%;
      top: 0; } }

.sponsor-header .site-logo {
  float: left;
  width: 120px;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: black;
  color: white;
  padding: 10px;
  text-indent: -9999px;
  box-sizing: border-box; }
  @media (max-width: 400px) {
    .sponsor-header .site-logo {
      width: 100px; } }

.site-the-atlantic .site-logo,
.site-theatlantic .site-logo,
.site-theatlanticcom .site-logo {
  background-size: auto 28px;
  background-image: url("../../theatlantic/common/img/logo.511241a03fd5.svg"); }

.mdzr-no-svg .site-the-atlantic .site-logo,
.mdzr-no-svg .site-theatlantic .site-logo,
.mdzr-no-svg .site-theatlanticcom .site-logo {
  background-image: url("../../theatlantic/common/img/logo.3e37311ad261.png"); }

.site-the-wire .site-logo {
  background-size: auto 60px;
  background-image: url("../../wire/img/wire_logo.c21caa86ba56.svg"); }

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

.site-citylab .site-logo {
  background-size: 100px auto;
  background-image: url("../../citylab/img/logos/logo.fcb9071e0295.svg"); }

.mdzr-no-svg .site-citylab .site-logo {
  background-image: url("../../citylab/img/logos/logo.728259c1f1b0.png"); }

.sponsor-header .meta {
  font-size: 12px;
  margin: 20px 10px;
  float: left; }

.sponsor-header .meta span {
  display: block; }

.sponsor-header .meta span + span {
  color: #666; }

.sponsor-header .sponsor-logo {
  padding-right: 10px;
  display: table;
  height: 100%;
  float: right; }
  @media (max-width: 400px) {
    .sponsor-header .sponsor-logo {
      max-width: 90px; } }

.sponsor-header .sponsor-logo .sponsored-module {
  display: table-cell;
  vertical-align: middle;
  line-height: 0; }

.sponsor-header .tooltip {
  float: left;
  width: 100%;
  position: absolute;
  top: 100%;
  clear: both;
  background: white;
  font-size: 12px;
  font-weight: normal;
  padding: 10px;
  box-sizing: border-box;
  display: none; }

.mdzr-touch .sponsor-header.active .tooltip {
  display: block; }

.sponsor-header .tooltip:before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  position: absolute;
  top: -16px;
  border: 8px solid white;
  border-left: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 50%; }

body, html {
  padding: 0;
  margin: 0;
  background: #f6f6ec;
  font-family: "roboto", arial, sans-serif; }

#main-container {
  position: relative; }

#top-content {
  position: relative;
  min-height: 90px; }
  @media (max-width: 600px) {
    #top-content {
      margin-top: 76px;
      min-height: 0; } }

.sponsored-modules {
  padding: 0;
  margin: 0;
  display: block;
  list-style-type: none;
  position: relative; }

.ad-container {
  text-align: center;
  margin: 10px 0; }

.sponsored-img-module {
  display: block;
  margin: 0 auto;
  max-width: 100%; }

.presented-label {
  font-family: "roboto", arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0;
  line-height: 16px;
  display: block;
  text-align: center; }

/**
 * Sponsor Logo Lockup
 */
.wrap-logo-lockup {
  width: 680px;
  margin: 0 auto;
  position: relative;
  margin: 20px auto; }
  @media (max-width: 680px) {
    .wrap-logo-lockup {
      width: 94%; } }

.sponsor-logo-lockup {
  background: #fff8cf;
  padding: 10px;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
  display: inline-block; }

.sponsor-logo-lockup {
  font-size: 11px;
  color: #333;
  margin-bottom: 5px;
  display: inline-block; }

.sponsor-logo-lockup img,
.sponsor-logo-lockup .label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px; }

.sponsor-logo-lockup .sponsored-modules {
  display: inline-block; }

@charset "UTF-8";
#sponsored-article .centered-article,
#sponsored-article .article-body > section,
#sponsored-article .wrap-pullquote .pullquote,
#sponsored-article .article-header {
  width: 660px;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 660px) {
    #sponsored-article .centered-article,
    #sponsored-article .article-body > section,
    #sponsored-article .wrap-pullquote .pullquote,
    #sponsored-article .article-header {
      width: 94%; } }
  @media (max-width: 800px) {
    #sponsored-article .centered-article,
    #sponsored-article .article-body > section,
    #sponsored-article .wrap-pullquote .pullquote,
    #sponsored-article .article-header {
      padding: 0 2em;
      box-sizing: border-box; } }
  @media (max-width: 480px) {
    #sponsored-article .centered-article,
    #sponsored-article .article-body > section,
    #sponsored-article .wrap-pullquote .pullquote,
    #sponsored-article .article-header {
      padding: 0 1em; } }

.article-body img {
  max-width: 100%; }

.article-header h1 {
  font-family: "alright_sans", arial, sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.2;
  border-bottom: 10px solid black;
  padding-bottom: 0.5em; }
  @media (max-width: 660px) {
    .article-header h1 {
      font-size: 20px;
      border-bottom-width: 5px; } }

.article-header .kicker {
  font-family: "alright_sans", arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  display: block;
  margin-top: 40px;
  font-size: 20px;
  color: #0076be; }
  @media (max-width: 660px) {
    .article-header .kicker {
      font-size: 12px; } }

.article-header .kicker + h1 {
  margin-top: 0; }

.article-header .dek {
  font-weight: 400;
  font-size: 20px;
  color: #777;
  font-family: "alright_sans", arial, sans-serif;
  margin: 20px 0; }
  @media (max-width: 660px) {
    .article-header .dek {
      margin: 10px 0;
      font-size: 15px; } }

figure.main-graphic {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative; }

figure.main-graphic img {
  width: 100%;
  margin: 0 auto;
  display: block; }
  @media (max-width: 800px) {
    figure.main-graphic img {
      width: 150%;
      position: relative;
      left: -25%; } }

.article-body {
  position: relative;
  width: auto; }

.article-body > section {
  line-height: 1.66;
  font-size: 17px;
  color: #585858; }

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

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

.article-body .wide {
  max-width: 860px;
  margin: 0 auto; }

.article-body img.bordered {
  border: 1px solid #aaa; }

.article-body figcaption {
  font-size: 0.85em; }

.article-body .large-callout {
  font-size: 26px;
  font-size: 23px;
  line-height: 1.4;
  font-weight: 100;
  margin: 40px 0; }

.large-callout:before,
.large-callout:after {
  content: "";
  display: block;
  border-bottom: 1px solid #8b8b8b;
  width: 90px;
  margin: 20px auto; }

.article-body .sharekit.vertical {
  float: right;
  margin: 22px -100px 0 10px; }
  @media (max-width: 880px) {
    .article-body .sharekit.vertical {
      float: none;
      margin: 10px 0;
      text-align: left; }
      .article-body .sharekit.vertical li {
        display: inline-block; } }

.sharekit.vertical + p {
  padding-top: 22px; }

.article-body .ad-halfpage,
.article-body [data-pos=box],
.article-body [data-pos=topbox],
.article-body [data-pos=midbox] {
  float: right;
  width: 300px;
  height: 250px;
  margin: 0 -90px 10px 20px; }
  @media (max-width: 900px) {
    .article-body .ad-halfpage,
    .article-body [data-pos=box],
    .article-body [data-pos=topbox],
    .article-body [data-pos=midbox] {
      margin-right: 0; } }
  @media (max-width: 660px) {
    .article-body .ad-halfpage,
    .article-body [data-pos=box],
    .article-body [data-pos=topbox],
    .article-body [data-pos=midbox] {
      margin: 10px auto;
      float: none;
      clear: both;
      text-align: center; } }
  @media (max-width: 340px) {
    .article-body .ad-halfpage,
    .article-body [data-pos=box],
    .article-body [data-pos=topbox],
    .article-body [data-pos=midbox] {
      margin: 0 -1em; } }

.article-body .ad-halfpage {
  height: 600px; }

.article-body .ad-leaderboard {
  width: 100%;
  min-height: 90px;
  margin: 10px auto;
  text-align: center; }

.article-body .ad.full-width {
  text-align: center; }

.wrap-pullquote {
  background: #e9f7fc;
  padding: 10px 0;
  clear: both; }

.wrap-pullquote .pullquote {
  font-size: 30px;
  font-family: "alright_sans", arial, sans-serif; }
  .wrap-pullquote .pullquote:before {
    content: "“";
    margin-left: -0.4em; }
  .wrap-pullquote .pullquote:after {
    content: "”"; }

.article-body .dropcap::first-letter {
  float: left;
  font-size: 7.5em;
  line-height: 1;
  padding-right: 5px;
  text-align: center;
  font-family: "alright_sans", arial, sans-serif;
  font-weight: 100;
  margin-left: -10px;
  margin-top: -8px; }

.article-body blockquote {
  border-left: 2px solid #7e7e7e;
  padding-left: 20px;
  font-family: "alright_sans", arial, sans-serif;
  font-weight: normal;
  margin: 1em 0; }

.sponsored-author-details {
  position: relative;
  border-top: 1px solid #c5c5c6;
  border-bottom: 1px solid #c5c5c6;
  color: #727272;
  overflow: hidden;
  width: 680px;
  margin: 0 auto;
  position: relative;
  margin-top: 40px; }
  @media (max-width: 680px) {
    .sponsored-author-details {
      width: 94%; } }

.sponsored-author-details.has-author .authors {
  float: left;
  width: 75%; }
  @media (max-width: 700px) {
    .sponsored-author-details.has-author .authors {
      float: none;
      width: auto; } }

@media (max-width: 700px) {
  .sponsored-author-details .sponsor {
    float: none;
    width: auto;
    position: relative; } }

.sponsored-author-details.has-author .sponsor {
  width: 22%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0; }
  @media (max-width: 700px) {
    .sponsored-author-details.has-author .sponsor {
      border-top: 1px solid #c5c5c6;
      position: static;
      width: 100%; } }

.sponsored-author-details.no-authors .sponsor {
  display: inline-block;
  margin: 10px 0; }
  @media (max-width: 700px) {
    .sponsored-author-details.no-authors .sponsor {
      display: block;
      margin: 0; } }

.sponsored-author-details .vertically-centered-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media (max-width: 700px) {
    .sponsored-author-details .vertically-centered-wrapper {
      top: 0;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }

.sponsored-author-details .about {
  margin: 20px 0 0 0;
  font-size: 14px;
  line-height: 17px;
  font-family: georgia, "times new roman", serif;
  font-weight: normal; }

.sponsored-author-details .bio {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 17px;
  font-family: georgia, "times new roman", serif; }

.sponsored-author-details .byline {
  font-family: "alright_sans", arial, sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: bold; }

@media (max-width: 700px) {
  .sponsored-author-details .sponsor-logo-lockup {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px; } }

.sharekit.article-footer {
  width: 680px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (max-width: 680px) {
    .sharekit.article-footer {
      width: 94%; } }

#comments {
  margin-top: 40px;
  margin-bottom: 40px; }

.centered-article h2,
.centered-article h3 {
  color: #0076be;
  font-weight: normal; }

@charset "UTF-8";
/* Icon variables */
#sponsored-article .article-header,
#sponsored-feature .centered-article,
#sponsored-feature .article-body > section,
#sponsored-feature .wrap-pullquote .pullquote,
#sponsored-feature .sharekit.article-footer {
  width: 660px;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 660px) {
    #sponsored-article .article-header,
    #sponsored-feature .centered-article,
    #sponsored-feature .article-body > section,
    #sponsored-feature .wrap-pullquote .pullquote,
    #sponsored-feature .sharekit.article-footer {
      width: 94%; } }
  @media (max-width: 800px) {
    #sponsored-article .article-header,
    #sponsored-feature .centered-article,
    #sponsored-feature .article-body > section,
    #sponsored-feature .wrap-pullquote .pullquote,
    #sponsored-feature .sharekit.article-footer {
      padding: 0 2em;
      box-sizing: border-box; } }
  @media (max-width: 480px) {
    #sponsored-article .article-header,
    #sponsored-feature .centered-article,
    #sponsored-feature .article-body > section,
    #sponsored-feature .wrap-pullquote .pullquote,
    #sponsored-feature .sharekit.article-footer {
      padding: 0 1em; } }

/**
 * Features Headers
 */
.sharekit.features-top {
  position: absolute;
  top: 40px;
  right: 20px; }

.features-header {
  text-align: center;
  max-width: 800px;
  color: black;
  margin: 0 auto 20px auto;
  padding: 100px 10px 10px 10px;
  box-sizing: border-box; }
  @media (max-width: 660px) {
    .features-header {
      padding-top: 50px; } }

.features-header h1 {
  font-size: 110px;
  line-height: 1.1;
  font-weight: 100;
  margin: 0.75em 0; }
  @media (max-width: 660px) {
    .features-header h1 {
      font-size: 50px; } }

.features-header .dek {
  font-size: 18px;
  line-height: 21px;
  line-height: 2.25;
  color: #e04426; }

.jump-to-content {
  text-align: center;
  margin: 40px 0;
  display: block; }

.jump-to-content:hover {
  text-decoration: none; }

.jump-to-content img {
  display: inline-block; }

.jump-to-content {
  color: #e04426;
  text-align: center;
  font-size: 30px;
  display: block;
  margin: 1em 0; }
  .jump-to-content:hover {
    text-decoration: none; }

/**
 * Footer
 */
#sponsored-feature .sharekit.article-footer {
  margin: 20px auto; }

/**
 * Overrides to the stuff that goes inside articles
 */
#sponsored-feature .wrap-pullquote .pullquote {
  color: #e04426;
  font-weight: 100;
  font-style: italic;
  font-size: 38px;
  padding: 20px 0; }
  @media (max-width: 900px) {
    #sponsored-feature .wrap-pullquote .pullquote {
      padding: 40px 1em 40px 1em;
      width: auto; } }
  @media (max-width: 480px) {
    #sponsored-feature .wrap-pullquote .pullquote {
      font-size: 22px; } }

#sponsored-feature .pullquote:before,
#sponsored-feature .pullquote:after {
  font-family: arial, sans-serif;
  font-style: normal;
  height: 1em;
  font-size: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

#sponsored-feature .pullquote:before {
  left: -80px; }
  @media (max-width: 900px) {
    #sponsored-feature .pullquote:before {
      left: 42px;
      top: 10px;
      margin: 0; } }
  @media (max-width: 480px) {
    #sponsored-feature .pullquote:before {
      left: 22px; } }

#sponsored-feature .pullquote:after {
  right: -50px;
  text-align: right; }
  @media (max-width: 900px) {
    #sponsored-feature .pullquote:after {
      top: auto;
      right: 20px;
      left: auto;
      margin: 0;
      bottom: -10px; } }

/**
 * Gutter modules
 */
#sponsored-feature .article-body .callout {
  float: left;
  clear: left;
  margin: 0 20px 20px -150px;
  padding: 10px 0;
  width: 215px;
  position: relative;
  border: 2px solid #deded1;
  border-left: 0;
  border-right: 0;
  font-size: 17px;
  line-height: 17/22;
  font-family: georgia, "times new roman", serif; }
  @media (min-width: 1440px) {
    #sponsored-feature .article-body .callout {
      padding-left: 360px;
      margin-left: -450px; } }
  @media (max-width: 1050px) {
    #sponsored-feature .article-body .callout {
      margin-left: -20px; } }
  @media (max-width: 660px) {
    #sponsored-feature .article-body .callout {
      width: 85%;
      float: none;
      margin: 40px auto;
      border: 0; } }

@media (max-width: 660px) {
  #sponsored-feature .article-body .callout figure {
    margin: 0 -80px; } }

#sponsored-feature .article-body .callout h3 {
  color: #e04426;
  font-family: "alright_sans", arial, sans-serif;
  font-weight: normal;
  margin: 0.5em 0;
  font-size: 13px; }
  @media (min-width: 1440px) {
    #sponsored-feature .article-body .callout h3 {
      position: absolute;
      left: 75px;
      top: 15%;
      width: 225px; } }

ul.toc {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 180px;
  position: absolute;
  left: 5%;
  font-size: 11px;
  font-family: "alright_sans", arial, sans-serif;
  line-height: 2;
  color: #aaa; }
  @media (max-width: 1024px) {
    ul.toc {
      display: none; } }

ul.toc a {
  text-decoration: none;
  color: inherit; }

ul.toc a:hover {
  text-decoration: underline; }

ul.toc li:after {
  content: "";
  border-bottom: 2px solid #aaa;
  width: 20px;
  display: block;
  margin: 10px 0; }

ul.toc strong {
  font-weight: normal;
  color: #0076be; }

/**
 * Sticky Persistent Bar
 */
.sticky-header-bar {
  position: relative;
  height: 42px;
  border: 1px solid #c5c5c6;
  border-left: 0;
  border-right: 0;
  text-align: center;
  font-family: "alright_sans", arial, sans-serif;
  background-color: #f6f6ec;
  z-index: 10000;
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  top: -50px;
  -webkit-transition: 0.2s ease-out top;
  -moz-transition: 0.2s ease-out top false;
  -o-transition: 0.2s ease-out top false;
  transition: 0.2s ease-out top; }

.sticky-header-bar.active {
  top: 0; }

.sticky-header-bar .title {
  line-height: 40px;
  font-size: 13px;
  font-weight: 600; }
  @media (max-width: 750px) {
    .sticky-header-bar .title {
      display: none; } }

.sticky-header-bar .title a {
  color: black; }

.sticky-header-bar .title strong,
.sticky-header-bar .title b {
  font-weight: 800; }

.sticky-header-bar .label {
  position: absolute;
  left: 2px;
  height: 35px;
  background: #fff8cf;
  line-height: 35px;
  padding: 0 20px 0 0;
  top: 2px;
  border: 1px solid #faeda1;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  color: black; }
  .sticky-header-bar .label:hover {
    text-decoration: none; }

.sticky-header-bar .logo:before {
  content: "";
  font-family: "atl-icons";
  background: black;
  color: #fff8cf;
  font-size: 25px;
  float: left;
  width: 40px;
  margin-right: 10px;
  margin-top: -1px;
  text-align: center; }

.sticky-header-bar .sharebug {
  position: absolute;
  top: 0;
  right: 2px; }

.sticky-header-bar .sharebug .button {
  margin-top: 2px;
  background: transparent;
  border: #e1ded8 1px solid; }

.sharekit {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin: 10px 0; }

.sharekit li {
  display: inline-block; }

.sharekit.vertical li {
  display: block; }

.sharekit.social-btns-left {
  text-align: left;
  width: 680px;
  margin: 0 auto;
  position: relative;
  margin: 10px auto; }
  @media (max-width: 680px) {
    .sharekit.social-btns-left {
      width: 94%; } }

.sharekit a:hover {
  text-decoration: none; }

.sharekit .social-icon.share-count {
  font-family: Helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #d8d8bd;
  padding: 8px 5px;
  border: 0;
  text-transform: uppercase; }

.sharekit .social-icon {
  display: inline-block;
  width: 65px;
  padding: 5px;
  font-size: 22px;
  border: 1px solid #e2dfd9;
  margin: 5px 5px 5px 0;
  text-align: center;
  box-sizing: border-box; }
  @media (max-width: 600px) {
    .sharekit .social-icon {
      font-size: 18px;
      width: 45px;
      margin: 0 4px 0 0; } }

@media (max-width: 600px) {
  .share-kit.horizontal .social-icon {
    font-size: 18px;
    width: 45px;
    margin: 0 4px 0 0; } }

.sharekit .facebook:before {
  color: #007bb6; }

.sharekit .twitter:before {
  color: #24abe2; }

.sharekit .googleplus:before {
  color: #e04426; }

.sharekit .linkedin:before {
  color: #007bb6; }

.sharekit .email:before {
  color: #3d5ba8; }

.sharebug {
  position: absolute;
  right: 50px;
  top: 40px;
  z-index: 1000; }
  @media (max-width: 600px) {
    .sharebug {
      top: 85px;
      right: 8px; } }

.sharebug .button {
  text-align: center;
  background: #e1ded8;
  width: 54px;
  display: block;
  color: black;
  padding: 10px 6px;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: no-select;
  -moz-user-select: no-select;
  user-select: no-select;
  border-radius: 0;
  letter-spacing: 0;
  width: 65px; }

.sharebug.on-mobile.inactive .button {
  display: none; }
  @media (max-width: 960px) {
    .sharebug.on-mobile.inactive .button {
      display: block; } }

.sharebug .sharekit {
  display: none; }

.sharebug.on-mobile .sharekit {
  display: block; }
  @media (max-width: 960px) {
    .sharebug.on-mobile .sharekit {
      display: none; } }
  @media (min-width: 961px) {
    .sharebug.on-mobile .sharekit {
      display: block !important; } }

.sharebug .social-icon {
  background: #f6f6ec;
  margin: 5px 0; }

.sharebug .social-icon.share-count {
  background: transparent; }

.article-river {
  width: 680px;
  margin: 0 auto;
  position: relative;
  margin: 30px auto; }
  @media (max-width: 680px) {
    .article-river {
      width: 94%; } }

.pagination {
  width: 680px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 2em; }
  @media (max-width: 680px) {
    .pagination {
      width: 94%; } }

.pagination .previous {
  float: left; }

.pagination .next {
  float: right; }

/**
 * Shared between layouts
 */
.article {
  position: relative;
  clear: both;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.57143;
  font-family: "alright_sans", arial, sans-serif; }

/**
 * Thumbnail layout
 */
.article.has-thumbnail-image .article a {
  color: black; }

.article.has-thumbnail-image {
  padding: 30px 0;
  border-top: 1px solid #c5c5c6; }

.article.has-thumbnail-image:last-child {
  border-bottom: 1px solid #c5c5c6; }

.article.has-thumbnail-image img {
  float: left;
  margin: 0 20px 0 0; }
  @media (max-width: 600px) {
    .article.has-thumbnail-image img {
      float: right;
      max-width: 33%;
      margin: 0 0 10px 20px; } }

.article.has-thumbnail-image h3 {
  color: black;
  margin: 0 0 10px 0;
  font-weight: 800;
  font-size: 25px;
  line-height: 1.36; }
  @media (max-width: 600px) {
    .article.has-thumbnail-image h3 {
      font-size: 18px; } }

.article.has-thumbnail-image .dek {
  color: #656565; }

.article.has-thumbnail-image .metadata {
  font-family: "roboto", arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin-top: 10px;
  color: #656565; }

/**
 * Big wide background layout
 */
.article.has-background-image {
  width: 680px;
  margin: 0 auto;
  position: relative;
  height: 0px;
  padding-bottom: 36.73469%;
  margin: 20px auto; }
  @media (max-width: 680px) {
    .article.has-background-image {
      width: 100%; } }

.article.has-background-image .dek,
.article.has-background-image .metadata {
  display: none; }

.article.has-background-image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  position: absolute; }

.article.has-background-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: -owg-linear-gradient(190deg, transparent 40%, rgba(0, 0, 0, 0.8) 95%, rgba(0, 0, 0, 0.9));
  background: -webkit-linear-gradient(190deg, transparent 40%, rgba(0, 0, 0, 0.8) 95%, rgba(0, 0, 0, 0.9));
  background: -moz-linear-gradient(190deg, transparent 40%, rgba(0, 0, 0, 0.8) 95%, rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(190deg, transparent 40%, rgba(0, 0, 0, 0.8) 95%, rgba(0, 0, 0, 0.9));
  background: linear-gradient(190deg, transparent 40%, rgba(0, 0, 0, 0.8) 95%, rgba(0, 0, 0, 0.9)); }
  @media (max-width: 860px) {
    .article.has-background-image:before {
      background: -owg-linear-gradient(190deg, transparent 20%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.9));
      background: -webkit-linear-gradient(190deg, transparent 20%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.9));
      background: -moz-linear-gradient(190deg, transparent 20%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.9));
      background: -o-linear-gradient(190deg, transparent 20%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.9));
      background: linear-gradient(190deg, transparent 20%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.9)); } }

.article.has-background-image .river-article-header {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 500;
  color: white;
  width: 90%;
  max-width: 45em;
  font-family: "alright_sans", arial, sans-serif; }
  @media (max-width: 600px) {
    .article.has-background-image .river-article-header {
      bottom: 5px; } }

@media (max-width: 600px) {
  .article.has-background-image .title {
    margin: 5px 0; } }

.article.has-background-image h3 {
  font-size: 36px;
  line-height: 1.2;
  margin: 10px 0; }
  @media (max-width: 860px) {
    .article.has-background-image h3 {
      font-size: 20px; } }
  @media (max-width: 600px) {
    .article.has-background-image h3 {
      font-size: 16px;
      margin: 0; } }

.article.has-background-image .kicker {
  font-size: 24px;
  margin: 0; }
  @media (max-width: 860px) {
    .article.has-background-image .kicker {
      font-size: 16px; } }
  @media (max-width: 600px) {
    .article.has-background-image .kicker {
      font-size: 13px; } }

.article.has-background-image .read-now {
  color: #e04426;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  display: block; }
  @media (max-width: 860px) {
    .article.has-background-image .read-now {
      font-size: 14px; } }

.article.has-background-image a {
  color: white; }

.article.has-background-image a:hover {
  text-decoration: none; }

.more-from-sponsor .section-header {
  width: 680px;
  margin: 0 auto;
  position: relative;
  color: #0076be;
  font-weight: normal;
  margin: 2em auto 0 auto;
  font-size: 23px; }
  @media (max-width: 680px) {
    .more-from-sponsor .section-header {
      width: 94%; } }
  @media (max-width: 600px) {
    .more-from-sponsor .section-header {
      font-size: 16px;
      margin-top: 1.5em; } }

@charset "UTF-8";
/* Icon variables */
/**
 * Billboard
 */
.gallery-billboard {
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  background-size: cover;
  border: 1px solid #ccc; }

.gallery-billboard a {
  color: black; }

.ie8 .gallery-billboard a {
  color: white; }

.gallery-billboard > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 15px;
  font-family: "alright_sans", arial, sans-serif;
  font-size: 20px;
  box-sizing: border-box; }

.gallery-count {
  font-size: 0.8em;
  margin-left: 1em;
  font-weight: normal; }

@media (max-width: 700px) {
  .gallery-billboard .gallery-count,
  .gallery-billboard .title {
    display: none; } }

.gallery-billboard .photos {
  display: none; }

/**
 * Swipe Styles
 */
.sponsor-gallery .slider {
  overflow: hidden;
  margin: 0 40px; }

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative; }

.swipe-wrap {
  overflow: hidden;
  position: relative; }

.swipe-wrap > figure {
  float: left;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

/**
 * Open Gallery
 */
.sponsor-gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 6000000;
  background: black;
  color: #e7e7e7;
  box-sizing: border-box;
  padding: 10px;
  font-family: "alright_sans", arial, sans-serif; }
  @media (max-width: 500px) {
    .sponsor-gallery {
      padding: 5px 0; } }

.sponsor-gallery .titlebar {
  line-height: 1;
  padding: 10px 0;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  min-height: 18px; }

.sponsor-gallery .titlebar .gallery-count {
  color: #ccc;
  margin-left: 0.25em; }

.sponsor-gallery .titlebar h3 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  text-align: center; }
  @media (max-width: 500px) {
    .sponsor-gallery .titlebar h3 {
      display: none; } }

.sponsor-gallery .close {
  float: right;
  cursor: pointer;
  vertical-align: top;
  position: absolute;
  top: 1em;
  right: 0;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 12px;
  margin-right: 5px; }

.sponsor-gallery .close:after {
  content: "x";
  margin-left: 0.4em;
  font-size: 1.5em;
  position: relative;
  top: -.2em; }

.sponsor-gallery .slider figcaption {
  display: none; }

.sponsor-gallery .toolbar {
  margin: 0;
  padding: 20px 200px 20px 0;
  position: absolute;
  bottom: 10px;
  z-index: 50;
  width: 100%;
  box-sizing: border-box;
  height: 100px; }
  @media (max-width: 500px) {
    .sponsor-gallery .toolbar {
      margin: 5px 0;
      padding: 10px 10px 30px 10px;
      height: 160px; } }

.sponsor-gallery .caption {
  font-size: 15px;
  line-height: 1.3333;
  font-weight: 300;
  max-width: 700px;
  margin-left: 40px; }
  @media (max-width: 500px) {
    .sponsor-gallery .caption {
      font-size: 13px;
      margin-left: 0; } }

.sponsor-gallery .caption h4 {
  font-size: 18px;
  margin: 0; }

.sponsor-gallery .controls {
  float: right;
  margin: 0 10px 0 30px;
  position: relative;
  top: 34px;
  z-index: 100;
  top: 60px; }
  @media (max-width: 500px) {
    .sponsor-gallery .controls {
      top: auto;
      position: absolute;
      bottom: 10px;
      right: 0; } }

.sponsor-gallery .btn-next,
.sponsor-gallery .btn-previous {
  background-color: transparent;
  border: 0;
  height: 40px;
  position: absolute;
  top: 45%;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (max-width: 500px) {
    .sponsor-gallery .btn-next,
    .sponsor-gallery .btn-previous {
      top: 35%; } }

.sponsor-gallery .btn-next {
  right: 0;
  background-image: url("../template_sets/responsive/img/right-arrow.e9f797bdebc9.png"); }

.sponsor-gallery .btn-previous {
  left: 0;
  background-image: url("../template_sets/responsive/img/left-arrow.bf19e559187d.png"); }

.sponsor-gallery .btn-facebook,
.sponsor-gallery .btn-twitter {
  background: none;
  position: relative;
  line-height: 40px;
  border: 1px solid white;
  height: 40px;
  width: 80px;
  display: inline-block; }

.sponsor-gallery .btn-facebook:before,
.sponsor-gallery .btn-twitter:before {
  font-family: "atl-icons";
  font-size: 25px;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 26px; }

.ie8 .sponsor-gallery .btn-facebook:before,
.ie8 .sponsor-gallery .btn-twitter:before {
  line-height: 0; }

.sponsor-gallery .btn-facebook:before {
  color: #007bb6;
  content: ""; }

.sponsor-gallery .btn-twitter:before {
  color: #55acee;
  content: ""; }

.sponsor-gallery .sponsor-label {
  position: absolute;
  left: 2px;
  height: 35px;
  background: #fff8cf;
  line-height: 35px;
  padding: 0 10px 0 0;
  top: 2px;
  border: 1px solid #faeda1;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  color: black;
  text-decoration: none; }
  .sponsor-gallery .sponsor-label:before {
    content: "";
    font-family: "atl-icons";
    background: #262425;
    color: #fff8cf;
    font-size: 22px;
    float: left;
    width: 40px;
    margin: -1px 10px 0 -1px;
    text-align: center; }

@charset "UTF-8";
/* Icon variables */
/* Social Icons */
.social-icon {
  color: #fff;
  text-decoration: none; }

.social-icon:before {
  font-family: 'atl-icons'; }

.social-icon::before {
  font-family: 'atl-icons'; }

.social-icon.round:before, .social-icons.round .social-icon:before {
  display: inline-block;
  line-height: 1;
  padding: 10px;
  background: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: color 0.2s false, background 0.2s false;
  -moz-transition: color 0.2s false false, background 0.2s false false;
  -o-transition: color 0.2s false false, background 0.2s false false;
  transition: color 0.2s, background 0.2s; }

.social-icon.box:before, .social-icons.box .social-icon:before {
  display: inline-block;
  line-height: 1;
  padding: 5px;
  background: #666; }

.social-icon.facebook:before {
  content: ""; }

.social-icon.twitter:before {
  content: ""; }

.social-icon.googleplus:before {
  content: ""; }

.social-icon.linkedin:before {
  content: ""; }

.social-icon.reddit:before {
  content: ""; }

.social-icon.rss:before {
  content: ""; }

.social-icon.email:before {
  content: ""; }

.social-icon.print:before {
  content: ""; }

.social-icon.apple:before {
  content: ""; }

.social-icon.googleplay:before {
  content: ""; }

.social-icon.alerts:before {
  content: ""; }

.social-icon.contact:before {
  content: ""; }

.social-icon.comments:before {
  content: ""; }

.social-icon.tumblr:before {
  content: ""; }

.social-icon.pinterest:before {
  content: ""; }

.social-icon.pocket:before {
  content: ""; }

.social-icon.whatsapp:before {
  content: ""; }

.social-icon.color:before, .social-icons.color .social-icon:before {
  color: #fff;
  background: #666; }

.social-icon.color:hover:before, .social-icons.color .social-icon:hover:before {
  background: #4d4d4d; }

.social-icon.color.comments:before, .social-icons.color .social-icon.comments:before {
  color: #fff;
  background: #000; }

.social-icon.color.comments:hover:before, .social-icons.color .social-icon.comments:hover:before {
  background: black; }

.social-icon.color.facebook:before, .social-icons.color .social-icon.facebook:before {
  color: #fff;
  background: #3d5ba8; }

.social-icon.color.facebook:hover:before, .social-icons.color .social-icon.facebook:hover:before {
  background: #2f4783; }

.social-icon.color.twitter:before, .social-icons.color .social-icon.twitter:before {
  color: #fff;
  background: #55acee; }

.social-icon.color.twitter:hover:before, .social-icons.color .social-icon.twitter:hover:before {
  background: #2795e9; }

.social-icon.color.googleplus:before, .social-icons.color .social-icon.googleplus:before {
  color: #fff;
  background: #e04426; }

.social-icon.color.googleplus:hover:before, .social-icons.color .social-icon.googleplus:hover:before {
  background: #b9341a; }

.social-icon.color.linkedin:before, .social-icons.color .social-icon.linkedin:before {
  color: #fff;
  background: #007bb6; }

.social-icon.color.linkedin:hover:before, .social-icons.color .social-icon.linkedin:hover:before {
  background: #005983; }

.social-icon.color.rss:before, .social-icons.color .social-icon.rss:before {
  color: #fff;
  background: #f7941e; }

.social-icon.color.rss:hover:before, .social-icons.color .social-icon.rss:hover:before {
  background: #da7a08; }

.social-icon.color.reddit:before, .social-icons.color .social-icon.reddit:before {
  color: #fff;
  background: orangered; }

.social-icon.color.reddit:hover:before, .social-icons.color .social-icon.reddit:hover:before {
  background: #cc3700; }

.social-icon.color.tumblr:before, .social-icons.color .social-icon.tumblr:before {
  color: #fff;
  background: #2F4D6B; }

.social-icon.color.tumblr:hover:before, .social-icons.color .social-icon.tumblr:hover:before {
  background: #1f3348; }

.social-icon.color.pinterest:before, .social-icons.color .social-icon.pinterest:before {
  color: #fff;
  background: #BD081C; }

.social-icon.color.pinterest:hover:before, .social-icons.color .social-icon.pinterest:hover:before {
  background: #8c0615; }

.social-icon.color.pocket:before, .social-icons.color .social-icon.pocket:before {
  color: #fff;
  background: #EB5050; }

.social-icon.color.pocket:hover:before, .social-icons.color .social-icon.pocket:hover:before {
  background: #e62222; }

.social-icon.color.whatsapp:before, .social-icons.color .social-icon.whatsapp:before {
  color: #fff;
  background: #29B100; }

.social-icon.color.whatsapp:hover:before, .social-icons.color .social-icon.whatsapp:hover:before {
  background: #1d7e00; }


/*
Other welcome screens should @import this file and define background-image,
background-size, width, and height to .welcome-lightbox-logo
*/
.welcome-lightbox {
  z-index: 9900000;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: white;
  display: none; }

.welcome-lightbox-bg {
  z-index: 6000000;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ddd; }

.welcome-lightbox-head {
  z-index: 6000003; }

.welcome-lightbox-body {
  z-index: 6000002; }

.welcome-lightbox-content {
  z-index: 6000004; }

.welcome-lightbox-container {
  z-index: 6000005; }

.welcome-lightbox .welcome-lightbox-logo {
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -1000px;
  float: left;
  margin: 0.25em 0;
  width: 120px;
  height: 32px; }

.welcome-lightbox-continue {
  display: none;
  border: 0;
  color: #FFF;
  padding: 0.5em 2em;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  float: right;
  position: absolute;
  bottom: 4px;
  right: 0;
  background: transparent;
  cursor: pointer; }
  @media (max-width: 500px) {
    .welcome-lightbox-continue {
      padding: 0.75em 0; } }

.welcome-lightbox-continue a {
  color: white;
  text-decoration: none; }

.welcome-lightbox-head {
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  position: relative;
  width: auto;
  padding: 0 1em;
  margin-bottom: 0.5em;
  background: black; }
  @media (max-width: 500px) {
    .welcome-lightbox-head {
      padding: 0.25em; } }

.welcome-lightbox .welcome-lightbox-ad {
  width: 100%; }

.welcome-lightbox .ad-container {
  position: absolute;
  top: 50%;
  left: 50%; }

.welcome-lightbox.format-300x600 .ad-container {
  width: 300px;
  height: 600px;
  margin: -300px 0 0 -150px; }

.welcome-lightbox.format-300x250 .ad-container {
  width: 300px;
  height: 250px;
  margin: -125px 0 0 -150px; }

.welcome-lightbox.format-640x480 .ad-container {
  width: 640px;
  height: 480px;
  margin: -240px 0 0 -320px; }

.welcome-lightbox.format-1024x768 .ad-container {
  width: 1024px;
  height: 768px;
  margin: -384px 0 0 -512px; }

.welcome-lightbox.format-768x1024 .ad-container {
  width: 768px;
  height: 1024px;
  margin: -512px 0 0 -384px; }

.welcome-lightbox .welcome-lightbox-content {
  width: auto;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.welcome-lightbox .welcome-lightbox-body {
  position: absolute;
  width: 100%;
  height: auto;
  top: 36px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  border: 0; }

.welcome-lightbox.format-300x600 .welcome-lightbox-body {
  min-height: 600px; }

.welcome-lightbox.format-300x250 .welcome-lightbox-body {
  min-height: 250px; }

.welcome-lightbox.format-640x480 .welcome-lightbox-body {
  min-height: 480px; }

.welcome-lightbox.format-1024x768 .welcome-lightbox-body {
  min-height: 768px; }

.welcome-lightbox.format-768x1024 .welcome-lightbox-body {
  min-height: 1024px; }

.welcome-lightbox .welcome-lightbox-copy {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #777; }

.welcome-lightbox.format-640x480 .welcome-lightbox-copy {
  margin-top: -270px; }

.welcome-lightbox.format-300x600 .welcome-lightbox-copy {
  margin-top: -330px; }

.welcome-lightbox.format-300x250 .welcome-lightbox-copy {
  margin-top: -155px; }

.welcome-lightbox.format-1024x768 .welcome-lightbox-copy {
  margin-top: -414px; }

.welcome-lightbox.format-768x1024 .welcome-lightbox-copy {
  margin-top: -542px; }

/**
 * Scale some ads to fit within the iPad's browser,
 * compensating for the Safari toolbar and leaving
 * space for our logo+continue button.
 */
@media (max-height: 700px) {
  .welcome-lightbox.format-300x600 .welcome-lightbox-body {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

.welcome-lightbox.format-768x1024 .welcome-lightbox-ad iframe {
  -webkit-transform: scale(0.85);
  -webkit-transform-origin-x: center;
  -webkit-transform-origin-y: 0;
  transform: scale(0.86);
  transform-origin-x: center;
  transform-origin-y: 0;
  margin-top: 12px; }
  @media (orientation: landscape) {
    .welcome-lightbox.format-768x1024 .welcome-lightbox-ad iframe {
      -webkit-transform: scale(0.58);
      -webkit-transform-origin-x: 100%;
      -webkit-transform-origin-y: 0;
      transform: scale(0.58);
      transform-origin-x: 100%;
      transform-origin-y: 0;
      margin-top: 20px; } }

.welcome-lightbox.format-1024x768 .welcome-lightbox-ad iframe {
  -webkit-transform: scale(0.8);
  -webkit-transform-origin-x: center;
  -webkit-transform-origin-y: 0;
  transform: scale(0.8);
  transform-origin-x: center;
  transform-origin-y: 0; }
  @media (orientation: portrait) {
    .welcome-lightbox.format-1024x768 .welcome-lightbox-ad iframe {
      -webkit-transform: scale(0.74);
      -webkit-transform-origin-x: 12px;
      -webkit-transform-origin-y: 0;
      transform: scale(0.74);
      transform-origin-x: 12px;
      transform-origin-y: 0;
      margin-top: 134px; } }

@media (orientation: landscape) {
  .welcome-lightbox.format-768x1024 .ad-container {
    width: 1024px;
    height: 768px;
    margin: -384px 0 0 -512px; }
  .welcome-lightbox.format-768x1024 .welcome-lightbox-body {
    min-height: 768px; } }

@media (orientation: portrait) {
  .welcome-lightbox.format-1024x768 .ad-container {
    width: 768px;
    height: 1024px;
    margin: -512px 0 0 -384px; }
  .welcome-lightbox.format-1024x768 .welcome-lightbox-body {
    min-height: 1024px; } }

.overflow-hidden {
  overflow: hidden; }

.welcome-lightbox .welcome-lightbox-logo {
  background-image: url("../../theatlantic/common/img/logo.511241a03fd5.svg");
  background-size: auto 28px;
  width: 120px;
  height: 28px; }

.mdzr-no-svg .welcome-lightbox .welcome-lightbox-logo {
  background-image: url("../../theatlantic/common/img/logo.3e37311ad261.png"); }