@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:600,900|Merriweather:400,400italic,700,700italic);

/* Headline: Unit OT */
@font-face {
  font-family: 'Unit';
  src: url('fonts/UnitOT.eot?') format('eot'), url('fonts/UnitOT.woff') format('woff'), url('fonts/UnitOT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Headline: Unit OT Black */
@font-face {
  font-family: 'Unit';
  src: url('fonts/UnitOT-Black.eot?') format('eot'), url('fonts/UnitOT-Black.woff') format('woff'), url('fonts/UnitOT-Black.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Headline: Unit OT Black Italic */
@font-face {
  font-family: 'Unit';
  src: url('fonts/UnitOT-BlackIta.eot?') format('eot'), url('fonts/UnitOT-BlackIta.woff') format('woff'), url('fonts/UnitOT-BlackIta.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
  
/* Unit Slab */
@font-face {
  font-family: 'Unit Slab';
  src: url('fonts/unitslabpro-bold-webfont.eot?') format('eot'), url('fonts/unitslabpro-bold-webfont.woff') format('woff'), url('fonts/unitslabpro-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }


html {  font-family: sans-serif;  /* 1 */  -ms-text-size-adjust: 100%;  /* 2 */  -webkit-text-size-adjust: 100%;   /* 2 */  }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {   display: block;}
/*ol, ul {  list-style: none;}*/
table {  border-collapse: collapse;  border-spacing: 0;}
/*  Clear Floated Elements*/
.clear {  clear:both;  display:block;  overflow:hidden;  visibility:hidden;  width:0;  height:0;}
.clear:after {  clear:both;  content:' ';  display:block;  font-size:0;  line-height:0;  visibility:hidden;  width:0;  height:0;}
* html .clear {  height:1%;}
/*  Theme Design, Layout and Typography*/
#inner_header_wrapper {  background: url(images/light-header.png);  position:relative;  margin:0 auto;  border-bottom: 1px solid #EBEBEB;  position: relative;  -webkit-box-shadow: -1px 2px 18px rgb(2, 23, 54);  -moz-box-shadow: -1px 2px 18px rgb(2, 23, 54);
  box-shadow: -1px 2px 18px rgb(2, 23, 54);}
#header_wrapper{  background: url(images/bg-header.jpg);}
/*#logo {  float:left;  margin: 25px 10px;}
#site-title a,
#site-description {  color:#fff;  font-weight: 300;}
#site-title,
#site-description {  float:left;}
#site-title {  margin: 25px 0;  font-size:28px;  font-weight:bold;}
#site-title a{  float: left;  line-height: 100%;}
#site-description {  color: #E7E7E7;  margin: 0;  float: left;  clear: both;  font-size: 12px;  line-height: 100%;}*/
.content-sidebar-wrap {  float:left;  width:100%;}
.front .content-sidebar-wrap{  margin-top: 20px;}
.content-sidebar-wrap #content {  display: inline;  margin-bottom: 2.7%;  float:right;  width:100%;}
#sidebar-first {  color: #888;  float: left;}
/* 3 columns */
body.two-sidebars .content-sidebar-wrap, body.sidebar-first .large-7.article-column {/*  width:80%;*/width: 58.33333%;}
body.two-sidebars #content {  width:75%;}
body.two-sidebars .large-2.left-sidebar { width: 16.66667%;}
body.two-sidebars #sidebar-first { /* width: 24%;*/}
body.two-sidebars .large-3.right-sidebar { width: 25%;}
body.two-sidebars #sidebar-second { /* width: 19%;*/}
/* 2 columns: sidebar-first */
body.sidebar-first .content-sidebar-wrap,  body.sidebar-first .large-7.article-column { /* width: 100%;*/  width: 83.33333%; }
body.sidebar-first #content {  width: 100%;}
body.sidebar-first .large-2.left-sidebar { width: 16.66667%;}
body.sidebar-first #sidebar-first { /* width: 19%;*/}
/* 2 columns: sidebar-second */
body.sidebar-second .content-sidebar-wrap, body.sidebar-second .large-7.article-column {  width: 75%;}
body.sidebar-second #content {  width: 100%;} 
body.sidebar-second .large-3.right-sidebar { width: 25%;} 
body.sidebar-second #sidebar-second {/*  width: 19%;*/}

.block {/*  margin-bottom: 1%;*/ margin:0;} 
/*.block > h2{ border-top: solid 10px black;  font: bold 2em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;  margin: 0 0 1.5em 0;  padding-top: 1em;  text-transform: uppercase;}
 *.theme-default .nivo-directionNav a { background: url("images/arrows.png") no-repeat;}
 *.theme-default a.nivo-nextNav {  background-position: -30px 0;}*/
/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
table.cke_editor {  background: transparent;  border: 0;} table.cke_editor td {  background: transparent;  padding: 0;  border: 0;}
/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {  border-bottom: 1px solid #b7b7b7;  margin: 0 0 5px 0;}
ul.primary {  border: none;  margin:1.0em 0 0 0;  padding: 0;} 
.page-node ul.primary {  border: none;  margin:3.0em 0 0 0;  padding: 0;} 
ul.primary li a {  background: none;  border: none;  display: block;  float: left;  line-height: 1.5385em;  margin: 0;  padding: 0 1em;  border-radius: 4px 4px 0 0;  margin-right: 5px;}
ul.primary li a:hover, ul.primary li a.active {  background: #666;  border: none;  color: #fff;}
ul.primary li a:hover {  background: #888;  text-decoration: none;}
ul.secondary {  background: #666;  border-bottom: none;  clear: both;  margin: 0;  padding: 0;}
ul.secondary li {  border-right: none;}
ul.secondary li a, ul.secondary li a:link {border:none; color:#ccc; display: block; float:left; line-height:1.5385em; padding: 0 1em;}
ul.secondary li a:hover, ul.secondary li a.active {  background: #888;  color: #fff;  text-decoration: none;}
ul.secondary a.active {  border-bottom: none;}
/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {  margin: 0 0 10px 0;}
.field-name-field-tags a{  display: inline-block;  background: url(images/tag.png) no-repeat;  padding: 0px 8px 0 16px;  height: 22px;  text-shadow: 1px 1px #fff;  border-radius: 2px;  font-size: 12px;} 
.field-name-field-tags .field-item {  margin: 0 1em 0 0;} .field-name-field-tags div {  display: inline;}
/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {  margin: 1.5385em 0;} .profile dd {  margin-bottom: 1.5385em;}.profile h3 {  border: none;} .profile dt {  margin-bottom: 0;} .password-parent {  width: 36em;}
/*-------------------------------------------*
/* Navigation
/*-------------------------------------------
.item-list .pager li {  background: #cfcfcf;  border-radius: 3px;  margin-right: 4px;  text-shadow: 1px 1px #fff;}*/
/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {  display: inline;  margin-top: 4px;} 
#forum .title {  font-size: 16px;}
#forum .submitted { font-size: 12px; font-family: Lucida Grande, Verdana, Arial, sans-serif;  background: transparent; padding: 0;}
#forum .container {  background: #a1a1a1;  color: #fff;}
#forum .container a {  color: #000;  font-weight: bold;}
#forum div.indent {  margin-left: 2px;}
.forum-starter-picture {  float: left;  padding: 4px;  border: 1px solid #d9d9d9;  margin: 5px 7px 5px 0;}
#forum th {  background: #434343;  text-shadow: none;  color: #fff;}
#forum th a {  color: #fff;}
#forum td.forum .icon, #forum .icon div {  background: url(images/no-new-posts.png) no-repeat;  width: 35px;  height: 35px;}
#forum .name a{   font-size: 16px;}

/* Images */

img { outline: 0; }

img.scale-with-grid { max-width: 100%; height: auto; }

/* Comments */
.comment h2.title {   margin-bottom: 1em; }
.comment div.user-picture img {   margin-left: 0; }
.comment {   margin-bottom: 20px;   display: table;   vertical-align: top; }
.comment .attribution {  display: table-cell;   padding: 0 35px 0 0;  vertical-align: top;   overflow: hidden; }
.comment .attribution img {   margin: 0;   border: 1px solid #d3d7d9; }
.comment .attribution .username {   white-space: nowrap; }
.comment .comment-submitted p {   margin: 4px 0;   font-size: 1.071em;   line-height: 1.2; }
.comment .comment-submitted .comment-time {   font-size: 0.786em; }
.comment .comment-submitted .comment-permalink {   font-size: 0.786em;   text-transform: lowercase; }
.comment .content {   font-size: 0.929em;   line-height: 1.6; }
.comment .comment-arrow {  background: url(images/comment-arrow.gif) no-repeat 0 center transparent;  border-left: 1px solid; 
  border-right: 1px solid;   height: 40px;   margin-left: -36px;   margin-top: 15px;   position: absolute;  width: 20px; }

.comment .comment-text {   padding: 0 25px 10px 35px;  display: table-cell;   vertical-align: top;  position: relative;   width: 100%;   border-left: 1px solid #d3d7d9; }

.comment .indented {   margin-left: 40px; }
.comment-unpublished {   margin-right: 5px;   padding: 5px 2px 5px 5px; }
.comment .comment-text .comment-arrow {   border-left: 1px solid #ffffff;   border-right: 1px solid #ffffff; }
/* -------------- Form Elements   ------------- */
fieldset {   background: #ffffff;   border: 1px solid #cccccc;   margin-top: 10px;   margin-bottom: 32px;  padding: 0 0 10px;   position: relative;   top: 12px; /* Offsets the negative margin of legends */   -khtml-border-radius: 4px;   -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;   border-radius: 4px; }
.fieldset-wrapper {   margin-top: 25px; }
.node-form .vertical-tabs .fieldset-wrapper {  margin-top: 0; }
.filter-wrapper {   top: 0; padding: 1em 0 0.2em;  -khtml-border-radius-topright: 0;   -khtml-border-radius-topleft: 0; 
  -moz-border-radius-topright: 0;   -moz-border-radius-topleft: 0;  -webkit-border-top-left-radius: 0;   -webkit-border-top-right-radius: 0;   border-top-left-radius: 0;   border-top-right-radius: 0;}
.filter-help a {   font-size: 0.857em;   padding: 2px 20px 0; }
.filter-wrapper .form-item label {   margin-right: 10px; }
.filter-wrapper .form-item {   padding: 0 0 0.5em 0.5em; }
.filter-guidelines {   padding: 0 1.5em 0 0.5em;}
fieldset.collapsed {   background: transparent;  -khtml-border-radius: 0;   -moz-border-radius: 0;  -webkit-border-radius: 0;   border-radius: 0; }
fieldset legend{background: #dbdbdb; border:1px solid #ccc; border-bottom:none; display:block; height:2em; left:-1px; line-height:2; padding:0; position:absolute; text-indent: 10px;  text-shadow: 0 1px 0 #fff;  top: -12px; width: 100%;-khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;-khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
fieldset .fieldset-wrapper { padding: 0 10px; }
fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }
input { margin: 2px 0; padding: 4px; }
input, textarea {  font-size: 0.929em; }
textarea { line-height: 1.5; }
textarea.form-textarea, select.form-select { padding: 4px; }
input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; width:100%; }
.password-suggestions ul li { margin-left: 1.2em; }
.form-item { margin-bottom: 1em; margin-top: 2px; }
.form-item label { font-size: 1.929em; }
.form-item .description { font-size:1.8em;}
.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }
.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }
/* Form Buttons 

button,input[type="submit"], input[type="reset"], input[type="button"] {
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');
  border: 1px solid #dbdbdb;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white;
  color: #333333; text-shadow: 0 1px 0 white; position: relative; font-weight:bold; padding: 8px 1em 9px 1em;}
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
  background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');
  -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;  -moz-box-shadow: inset 0 1px 0 0 white;  -webkit-box-shadow: inset 0 1px 0 0 white;  -o-box-shadow: inset 0 1px 0 0 white;  box-shadow: inset 0 1px 0 0 white;  cursor: pointer;}
*/
/*#block-search-form { padding-bottom: 7px; overflow: hidden; }*/
#block-search-form .content { margin-top: 0; }
.social-icons {   position: fixed;  right: 0;  top: 10%;  padding: 5px 0px;  z-index: 99;  background: rgb(34, 46, 54);  -webkit-box-shadow: 1px 0px 7px rgb(43, 150, 250);  -moz-box-shadow: 1px 0px 7px rgb(43, 150, 250);  box-shadow: 1px 0px 7px rgb(43, 150, 250);} .social-icons ul {  margin: 0;} .social-icons li { display: block;   list-style: none;  background: none;  padding: 3px 10px;   margin: 0;} .social-icons li img {  display: block;} 





/*NEW design css*/
@charset "UTF-8";
/* style */
/* import */
/* variables */
/* mixin */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900|Merriweather:400,400italic,700,700italic);
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/**
 * Box model padding.
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * 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/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

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


/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* Useful things and resets
   ========================================================================== */
img {
  width: auto;
  height: auto;
  max-width: 100%; }

.clearfix:before, .clearfix:after, .region-newsletter form > div:before, .region-newsletter form > div:after, .quicktabs-tabs:before, .quicktabs-tabs:after, .view-supplements .views-row:before, .view-supplements .views-row:after {
  content: " ";
  display: table; }

.clearfix:after, .region-newsletter form > div:after, quicktabs-tabs:after, .view-supplements .views-row:after {
  clear: both; }

.screenreader-text {
  overflow: hidden;
  position: absolute;
  left: -50000px; }

/* typography */
/* Body font size defines size of all elements:
// Defaulting the website to small in smaller screens (like Colin's)
// See media queries at bottom of this sheet to see other sizes
*/
body {
  font: 53%/1.5 Merriweather, Georgia, "Times New Roman", serif; }

a {
  color: black; }

/* Article typography */
p, ul, ol, dl, input, .cta, button, .toggle, .more-link {
  font: 1.8em/2 Merriweather, Georgia, "Times New Roman", serif;
  text-rendering: optimizeLegibility;
  }
 

  

li {
  line-height: 1.5; }

ul ul, ol ol, ul ol, ol ul, ul p, ul .cta, ol .cta, dl ul, dl ol {
  font-size: 1em;
  margin: 2em 0 2em 2em; }
  ul p, ul .cta, ol .cta {
    margin-left: 0;
  }
  

/* Old font
h1, h2, h3, h4, h5, h6 {
  font: normal 2.1em/1.4 Merriweather, Georgia, "Times New Roman", serif; }
*/

h1, h2, h3, h4, h5, h6 {
  font: bold 2.1em/1.4 Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  }

h1 {
  font-size: 4em; }

h2 {
  font-size: 3.3em; }

h3 {
  font-size: 2.7em; }

h4 {
  font-size: 2.4em; }

h5, h6 {
  font-size: 2.1em; }

.article-theme .article-column section p:first-of-type:first-letter {
    float: left;
    color: #c1002a;
    font-size: 3.75em;
    line-height: 0.9em;
    margin-top: 0.15em;
    margin-right: 0.1em;
    font-weight: bold;
  }

/* Calls to action / Buttons */
.cta a, button, .toggle, .more-link a, input.form-submit {
    background: #c1002a;
    color: #fff;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1;
    text-transform: uppercase;
    padding: 0.4em 0.5em;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0.05em;
    border: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }

.cta a:hover, .more-link a:hover {
  background: #141414;
  background: rgba(0, 0, 0, 0.9); }

.download-cta a {
  background: #000; }

.buy-cta a, .toggle {
  border-radius: 0.2em; }

.ctas .cta {
  display: inline-block;
  margin-right: 1em; }

.view-all-link a, .view-more-link a {
  font: 1.6em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: black; }

/* Standard "Close button" for closing modals */
.modal {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out; }

.close-toggle {
  position: absolute;
  right: 0;
  top: 0;
  background: black;
  color: white;
  padding: 0.5em 2em 0.5em 0.75em;
  text-transform: uppercase;
  font: 1.6em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer; }
  .close-toggle b {
    font-weight: normal; }
  .close-toggle span {
    display: none; }

.close-toggle:after {
  content: 'x';
  font: 1em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  position: absolute;
  right: 0.75em;
  top: 0.5em; }

.marketing-box-closed .promo-box .close-toggle {
  background: #c1002a;
  top: -2.8em; }
  .marketing-box-closed .promo-box .close-toggle b {
    display: none; }
  .marketing-box-closed .promo-box .close-toggle span {
    display: block; }

.marketing-box-closed .promo-box.modal {
  bottom: -36em; }
.marketing-box-closed .promo-box .close-toggle {
  left: 0;
  right: auto;
  top: -3em; }
.marketing-box-closed .promo-box .close-toggle:after {
  content: '';
  border-bottom: solid 0.4em white;
  border-right: solid 0.4em transparent;
  border-left: solid 0.4em transparent;
  top: 0.8em; }

/* This goes above some headings to make them stand out */
.heading-label {
  font: 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: white;
  background: #c1002a;
  padding: 0.5em;
  display: inline-block;
  margin: 0; }


@media (max-width: 899px) {
  /* 
  On mobile screens the font-size is reset to 10px and everything is based on that (so multiples of 10)
  */
  body {
    font: 62.5%/1.5 Merriweather, Georgia, "Times New Roman", serif;
    }
}
@media (min-width: 1441px) and (min-height: 900px) {
  /* 
  On higher res screens the font-size is reset to 10px and everything is based on that (so multiples of 10)
  */
  body {
    font: 62.5%/1.5 Merriweather, Georgia, "Times New Roman", serif; }
    }
}  


/* grid */
/* For < IE 9 users there is a min-width so the website doesn't lose its structure */
.top-bar, .leaderboard, .site-header, main {
  min-width: 960px; }

/* The min-width is overridden for modern browsers */
@media (min-width: 0px) {
  .top-bar, .leaderboard, .site-header, main {
    min-width: 0; } }
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 130em; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.row .row {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none; }

.row .row:before, .row .row:after {
  content: " ";
  display: table; }

.row .row:after {
  clear: both; }

.column,
.columns {
  width: 100%;
  float: left; }

/* I don't think we need the last column to always be float right 
[class*="column"] + [class*="column"]:last-child {
  float: right; } */
[class*="column"] + [class*="column"].end {
  float: left; }

.large-1 {
  width: 8.33333%; }

.large-2 {
  width: 16.66667%; }

.large-3 {
  width: 25%; }

.large-4 {
  width: 33.33333%; }

.large-5 {
  width: 41.66667%; }

.large-6 {
  width: 50%; }

.large-7 {
  width: 58.33333%; }

.large-8 {
  width: 66.66667%; }

.large-9 {
  width: 75%; }

.large-10 {
  width: 83.33333%; }

.large-11 {
  width: 91.66667%; }

.large-12 {
  width: 100%; }

@media only screen and (max-width: 360px) {
  .large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 {
    float: none;
    width: 100%; }

  .xsmall-1, .xsmall-2, .xsmall-3, .xsmall-4, .xsmall-5, .xsmall-6, .xsmall-7, .xsmall-8, .xsmall-9, .xsmall-10, .xsmall-11, .xsmall-12 {
    float: left; }

  .xsmall-1 {
    width: 8.33333%; }

  .xsmall-2 {
    width: 16.66667%; }

  .xsmall-3 {
    width: 25%; }

  .xsmall-4 {
    width: 33.33333%; }

  .xsmall-5 {
    width: 41.66667%; }

  .xsmall-6 {
    width: 50%; }

  .xsmall-7 {
    width: 58.33333%; }

  .xsmall-8 {
    width: 66.66667%; }

  .xsmall-9 {
    width: 75%; }

  .xsmall-10 {
    width: 83.33333%; }

  .xsmall-11 {
    width: 91.66667%; }

  .xsmall-12 {
    width: 100%; } }
@media only screen and (min-width: 361px) and (max-width: 728px) {
  .large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 {
    float: none;
    width: 100%; }

  .small-1, .small-2, .small-3, .small-4, .small-5, .small-6, .small-7, .small-8, .small-9, .small-10, .small-11, .small-12 {
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {

    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; } }
@media (min-width: 1700px) {
  .row {
    max-width: 140em;
  }
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

/* Forms */
input[type="text"] {
  margin: 0 0 1em 0;
  border: solid 0.1em #ccc;
  /*transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;*/ }

input[type="text"]:focus, input[type="email"]:focus {
  outline: none;
  border: solid 0.1em black;
  box-shadow: inset 0.15em 0.15em 0.3em 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0.15em 0.15em 0.3em 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0.15em 0.15em 0.3em 0 rgba(0, 0, 0, 0.2); }

/* base */
meta.foundation-version {
  font-family: "/5.4.7/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:48.063em)/";
  width: 48.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:80.000em)/";
  width: 80.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

/* site header */
.top-bar {
  background: #f5f5f5;
  padding: 0.5em 0 0em 0;
  border-bottom: solid 0.1em rgba(0, 0, 0, 0.1); }
  .top-bar .site-links li {
    position: relative;
    bottom: -0.1em; }
  .top-bar ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .top-bar li {
    float: left;
    width: 20%;
    text-align: left;
    margin: 0;
    font: 1em/1.5 "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .top-bar li:first-child {
    padding-left: 1em; }
  .top-bar a {
    color: black; }
  .top-bar .microsite-links {
    text-align: right; }
    .top-bar .microsite-links li {
      float: right; }
    .top-bar .microsite-links .may2015-link img {
      width: 90px; }
    .top-bar .microsite-links .citymetric-link img {
      width: 117px;
      margin: 0.45em auto 0 auto; }

.top-leaderboard {
  padding: 2em;
 /* background: #f1f1f1;*/
  border-bottom: solid 0.1em rgba(0, 0, 0, 0.1);
  text-align: center;
  z-index: 11;
  position: relative; }

.top-leaderboard .row div {
  margin: 0 auto; }

#div-728-90-top_leader_ad_container ins:nth-child(2), #div-728-90-top_leader_ad_container ins:nth-child(3) {
  display: none !important;
}


.site-header {
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  background: white;
  position: relative; }

.site-logo {
  padding: 1em 0;
  text-align: center;
  width: 11em;
  margin: 0 auto; }
  .site-logo img {
    display: block; }
  
  /* Used to have a tag line tagline 
  .site-logo small {
    font: 0.5em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    color: #c1002a;
    text-align: left;
    display: block;
    margin: -0.5em 0 0 0; }
  */


/* Subscription offer */
.secondary-content-box.primary-offer-box {
    position: absolute;
    top: 2em;
    padding: 0;
    width: 24em;
    border: none;
  }
   .primary-offer-box .offer-text {
    float: right;
    padding-left: 3em;
    padding-left: 2.5em;
    position: relative;
   }
   /*.primary-offer-box .offer-image {
      float: left;
      position: relative;
   }*/
   .primary-offer-box .offer-text:after {
      content: '';
      position: absolute;
      top: 1em;
      left: 0;
      border-left: solid 1em rgba(0,0,0,0.15);
      border-bottom: solid 14em transparent;
   }
  .primary-offer-box h4, .primary-offer-box h3, .primary-offer-box h2 {
    font: 2.1em/1.1 Unit, Georgia, "Times New Roman", serif;
    margin: 0;
    padding-left: 0.25em;
   }
    .primary-offer-box h4 strong, .primary-offer-box h3 strong, .primary-offer-box h2 strong {
      display: block;
      font-size: 1.2em; }
  .primary-offer-box .offer-text p {
    text-align: center;
    font-size: 1.4em; }
  .primary-offer-box img {
    display: block;
    max-width: 10em; }
  .primary-offer-box .cta {
    margin-top: 0.5em;
    text-align: center; }
    
  .site-header > .row {
    position: relative;
  }
  .header-promotion {
    position: absolute;
    right: 0;
    bottom: 2em;
    width: 240px;
    height: 10em;
    overflow: hidden;
  }
    .header-promotion .slick-slide {
      min-width: 240px !important;
      background: white;
      overflow: hidden;
    }
    .site-sponsor {
        padding-top: 1.5em;
    }
      .site-sponsor p {
          font: 1.2em "Source Sans Pro", Helvetica, Arial, sans-serif;
          margin: 0 0 0.5em 0;
      }
      .site-sponsor img {
        width: 18em;
        max-width: 90%;
      }
    .podcast-promotion {
      font: bold 4em/1 Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding-top: 28px;
      position: relative;
    }
      .header-promotion a {
        text-decoration: none;
      }
      .podcast-promotion small {
        font: 0.4em/1.2 "Unit Slab", Merriweather, Georgia, serif;
        color: #c1002a;
        display: block;
      }
      .podcast-promotion span {
        display: block;
      }
    .podcast-promotion:after {
      content: "\f130";
      font: 70px fontawesome;
      float: right;
      padding-right: 30px;
      position: absolute;
      top: 17px;
      right: 15px;
    }
    .srsly-podcast {
      padding-left: 2em;
    }
    .srsly-podcast:after {
      display: none;
    }
    .srsly-podcast:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 1.5em;
      height: 1.5em;
      display: block;
      background: url(/sites/all/themes/creative-responsive-theme/images/srsly_podcast.png) no-repeat;
      background-size: 100%;
    }
    .newsletter-promotion p {
        font: bold 1.6em Unit,"Helvetica Neue",Helvetica,Arial,sans-serif;
        width: 65%;
        float: left;
        padding-top: 32px;
    }
      .newsletter-promotion p strong {
        color: #c1002a;
      }
    .newsletter-promotion img {
        /*width: 35%;
        padding-top: 2em;
        padding-right: 1em;*/
        padding-top: 1em;
    }
    .conferences-promotion {
      padding: 1.5em 4em 0 0;
    }
    .twitter-follow-promotion {
      font-size: 1.6em;
      line-height: 1.2;
      position: relative;
      padding-top: 1.6em;
    }
      .twitter-follow-promotion a {
        color: #c1002a;
      }
        .twitter-follow-promotion a strong {
          display: block;
          color: black;
          font-size: 1.8em;
        }
    .twitter-follow-promotion:after {
      content: "\f099";
      font: 3em fontawesome;
      color: black;
      position: absolute;
      right: 0.75em;
      bottom: 0;
    }
    .slick-prev, .slick-next {
      background: none;
      text-indent: -5000px;
      overflow: hidden;
      position: absolute;
      padding: 0;
      right: 0em;
      top: 1em;
      width: 1em;
      height: 1em;
    }
    .slick-prev:focus, .slick-next:focus {
      outline: none;
    }
    .slick-prev {
      right: 1em;
    }
    .slick-prev:after, .slick-next:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0em;
      border-left: solid 0.5em black;
      border-top: solid 0.5em transparent;
      border-bottom: solid 0.5em transparent;
    }
    .slick-prev:after {
      border-left: none;
      border-right: solid 0.5em black;
    }
    .slick-prev:hover:after {
      border-left: none;
      border-right: solid 0.5em #c1002a;
      border-top: solid 0.5em transparent;
      border-bottom: solid 0.5em transparent;
    }
   .slick-next:hover:after {
      border-left: solid 0.5em #c1002a;
    }
    
/* Using a different nav visual for touchscreen devices 
.touch .slick-next {
    background: none;
    text-indent: -5000px;
    overflow: hidden;
    position: absolute;
    padding: 0;
    right: 0em;
    top: 0em;
    width: 4em;
    height: 3em;
}
  .touch .slick-prev {
      display: none;
    }
    .touch .slick-next:before {
      content: 'Swipe';
      font: 1.2em "Source Sans Pro", Helvetica, Arial, sans-serif;
      text-indent: 0;
      text-transform: uppercase;
      color: #888;
      position: absolute;
      top: 0;
      right: 0em;
    }
    .touch .slick-next:after {
        content: "\f07e";
        font: 1.6em fontawesome;
        color: #c1002a;
        posiiton: absolute;
        right: 0em;
        top: 1.5em;
        border: none;
    }*/


.site-nav {
  border-top: solid 1px #ebebeb;
  border-top: solid 1px rgba(0, 0, 0, 0.05);
  background: #f5f5f5;
  position: relative;
  min-height:  4em\9;
   }
  .ie8 .site-nav {
    min-height:  4.5em;
  }
  .site-nav ul.top-bar-links {
    display: none; }
  .site-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: solid 0.1em rgba(0, 0, 0, 0.05);
    display: inline-block;
    float: left; }
    
  /* Fix for nav links being to big in IE */
  .ie8 .site-nav ul, .ie9 .site-nav ul {
    font-size: 1.3em;
  }
  .site-nav li {
    float: left;
    display: inline-block;
    font: 1em/2em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
    
  /* "NS" home icon */
  .site-nav li.menu-mlid-9698 a {
    text-indent: -50000px;
    width: 3em;
    height: 2.5em;
    position: relative;
    display: block; }
  .site-nav li.menu-mlid-9698 a:before {
    content: "N";
    font: 1.2em/2em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    color: #e2001a;
    text-transform: uppercase;
    position: absolute;
    left: 0.65em;
    top: 0;
    bottom: 0;
    text-indent: 0; }
  .site-nav li.menu-mlid-9698 a:after {
    content: "S";
    font: 1.2em/2em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    color: #c1002a;
    text-transform: uppercase;
    position: absolute;
    right: 0.65em;
    top: 0;
    bottom: 0;
    text-indent: 0;
    text-align: right; }
  .site-nav li a, .site-nav .content-links-toggle {
    display: block;
    padding: 0.26em 0.8em;
    border-right: solid 0.1em #f0f0f0;
    border-right: solid 0.1em rgba(0, 0, 0, 0.05);
    border-left: solid 0.1em #fff;
    color: black;
    text-decoration: none; }
  .site-nav li a {
    transition: background-color 0.4s ease-in-out;
    -moz-transition: background-color 0.4s ease-in-out;
    -webkit-transition: background-color 0.4s ease-in-out; }
  .site-nav li.subscribe-link a {
    background: #c1002a;
    color: #fff; }
  .site-nav li.subscribe-link a:hover {
    background: black; }
  .site-nav li a:hover { 
    background-color: rgba(0, 0, 0, 0.1); }
  .site-nav .mobile-menu-toggle, .site-nav .content-links-toggle, .site-nav ul.content-links li.microsite-link {
    display: none; }
  .site-nav .sub-nav {
    position: absolute;
    top: 4.2em;
    left: 0;
    right: 0;
    background: #333;
    box-shadow: inset 0em 0.3em 0.3em 0em rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0em 0.3em 0.3em 0em rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0em 0.3em 0.3em 0em rgba(0, 0, 0, 0.2); }
    .site-nav .sub-nav .sub-nav-toggle {
      display: none; }
    .site-nav .sub-nav ul {
      border: none;
      padding: 0;
      font-size: 1.25em;
      }
      .site-nav .sub-nav ul li {
        font: normal 0.9em Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
        
        /* Culture category sub nav links are slightly smaller so they fit on one line 
        .culture  .site-nav .sub-nav ul li {
          font-size: 0.85em;
        }*/
        .site-nav .sub-nav ul li a {
          border: none;
          padding: 1.2em 0.5em;
          color: white;
          }
        
        /* Padding adjusted for smaller font on culture category 
        .culture .site-nav .sub-nav ul li a {
          padding: 1.1em 0.5em;
        }*/
  .politics .site-nav .sub-nav ul li a:hover, .politics .site-nav .sub-nav ul li.active a {
    color: #e94b35;
  }
  .culture .site-nav .sub-nav ul li a:hover, .culture .site-nav .sub-nav ul li.active a {
    color: #f2a941;
  }
  .world .site-nav .sub-nav ul li a:hover, .world .site-nav .sub-nav ul li.active a {
    color: #829495;
  }
  .scitech .site-nav .sub-nav ul li a:hover, .scitech .site-nav .sub-nav ul li.active a {
    color: #49cdaa;
  }
  .scitech .site-nav .sub-nav ul li a:hover, .scitech .site-nav .sub-nav ul li.active a {
    color: #49cdaa;
  }
    .site-nav .sub-nav .filter-by {
      width: 20em;
      float: right;
      position: relative;
      background: #444;
       }
      .site-nav .sub-nav .filter-by p {
        width: 6.5em;
        padding: 0.9em 0.7em 0.5em 0.7em;
        margin: 0;
        float: left;
        font: normal 1.6em Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: white;
        text-transform: uppercase; }
      .site-nav .sub-nav .filter-by h4 {
        width: 6em;
        padding: 0.8em;
        margin: 0;
        float: right;
        cursor: pointer;
        font-size: 1.6em;
        font-weight: normal;
        text-align: left;
        color: white;
      }
      .site-nav .sub-nav .filter-by h4:after {
        content: '';
        position: absolute;
        right: 1em;
        top: 50%;
        margin-top: -0.2em;
        border-top: solid 0.4em white;
        border-left: solid 0.4em transparent;
        border-right: solid 0.4em transparent;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
      }
      .site-nav .sub-nav .filter-by > div {
          opacity: 0;
          z-index: -99;
          visibility: hidden;
          right: 0;
          position: absolute;
          top: 4.6em;
          background: white;
          width: 25em;
          height: 35em;
          border-top: solid 3px black;
          box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
          -webkit-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
          transition: opacity 0.5s ease-in-out;
          -webkit-transition: opacity 0.5s ease-in-out;
          -moz-transition: opacity 0.5s ease-in-out; }
        .site-nav .sub-nav .filter-by ul {
          overflow-y: scroll;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          font-size: 1.6em;
        }
          .site-nav .sub-nav .filter-by ul li {
            display: block;
            float: none;
            padding: 0;
            margin: 0;
            cursor: pointer;
            }
            .site-nav .sub-nav .filter-by ul li a {
              color: black;
            }
        .site-nav .sub-nav .filter-by .filter-by-toggle {
            position: absolute;
            bottom: 0;
            left: 0;
            top: auto;
        }
  .site-nav .sub-nav:hover {
    opacity: 1; }
    

/* Mega Menu */
.ie8 .mega-menu {
  border: solid 1px #ccc;
}
.ie8 .mega-menu-toggle {
  border: solid 1px #ccc;
  border-bottom: 0;
}
.mega-menu {
  background: white;
  position: absolute;
  left: 0;
  top: 4.5em;
  right: 0;
  padding: 4em 0;
  visibility: hidden;
  z-index: -999;
  opacity: 0;
  border-left: solid 1px #f7f7f7;
  border-top: solid 1px #f7f7f7;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  box-shadow: 0.3em 0.3em 0.3em 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 0.3em 0.3em 0.3em 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: 0.3em 0.3em 0.3em 0 rgba(0,0,0,0.3);
}
  .row .mega-menu, .row .sub-nav > .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 130em; }
  .mega-menu-open .mega-menu .mega-menu-toggle {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    background: black;
    color: white;
    text-transform: uppercase;
    font: 1.8em "Source Sans Pro", Helvetica, Arial, sans-serif;
    padding: 0.5em 0.25em 0.5em 0.55em;
    z-index: 99;
    width: 4em;
    height: auto;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }
  .mega-menu .mega-menu-toggle:after {
    content: '';
    display: none;
  }
  .mega-menu .content-links, .mega-menu .site-categories {
    display: none;
  }
  .mega-menu .large-4 {
    padding: 0 4em;
    border-right: solid 1px #ebebeb;
  }
  .mega-menu .scb-heading {
    border-top: none;
    border-bottom: solid 1px #ebebeb;
    margin: 0 auto 2em auto;
    padding: 0 0 1em 0;
    max-width: 16em;
    text-align: center;
  }
  .block-2 .mega-menu .scb-heading {
    margin-bottom: 1em;
  }
  .site-nav .mega-menu .block-1 ul {
    float: none;
    border: none;
    display: block;
    text-align: center;
  }
  .site-nav .mega-menu .block-1 li {
    float: none;
    display: block;
    font-size: 1.4em;
    margin: 0 auto;
  }
    .site-nav .mega-menu .block-1 li a {
      border: none;
      border-bottom: solid 1px #ebebeb;
    }
    .site-nav .mega-menu .block-1 li:last-child a {
      border: none;
    }
    .site-nav .mega-menu .block-1 li a:hover {
      border-botttom: solid 1px #ccc;
    }
  .mega-menu .webform-component--email {
    width: 70%;
    float: left;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }
  .mega-menu .block-2 input[type="text"], .mega-menu .block-2 input[type="email"] {
    margin: 0;
  }
  .webform-component--name {
    clear: both;
  }
  .mega-menu .block-2 .webform-component--country, .mega-menu .block-2 .webform-component--your-name, .mega-menu .block-2 .webform-component--name {
    opacity: 0;
    visibility: hidden;
    z-index: -999;
    position: absolute;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }
  .reveal-inputs .mega-menu .block-2 .webform-component--country, .reveal-inputs .mega-menu .block-2 .webform-component--your-name, .reveal-inputs .mega-menu .block-2 .webform-component--name {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    position: static;
  }
  .reveal-inputs .mega-menu .block-2 .webform-component--email {
    width: 100%;
    float: none;
  }
  .reveal-inputs .mega-menu .form-actions {
    width: 100%;
    margin: 0.5em 0;
    text-align: center;
  }
  .mega-menu .form-actions {
      float: right;
      width: 25%;
      font-size: 0.8em;
      margin: 3.2em 0 0 0;
  }
    .mega-menu input.form-submit {
      padding: 1em;
      margin-top: 0.25em;
    }
  .mega-menu .follow-us {
    border: none;
    float: none;
    display: block;
    text-align: center;
    clear: both;
    margin-top: 1.5em;
  }
    .site-nav .mega-menu .follow-us li {
        font-size: 0.8em;
        width: 4em;
        height: 4em;
        margin-right: 1em;
        float: none;
        display: inline-block;
    }
    .site-nav .mega-menu .follow-us li:last-child {
      margin: 0;
    }
      .site-nav .mega-menu .follow-us li a {
        display: block;
        width: 4em;
        height: 4em;
        position: relative;
        z-index: 99;
        text-indent: -5000px;
        border: none;
      }
      .mega-menu .follow-us li a:before {
        content: "\f099";
        font: 1em/4.25em fontawesome;
        color: white;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 4em;
        height: 4em;
        text-align: center;
        background: #5ba8df; 
        border-radius: 2.5em;
        -moz-border-radius: 2.5em;
        -webkit-border-radius: 2.5em;
        z-index: 0;
        text-indent: 0;
      }
      .mega-menu .follow-us li.facebook-link a:before {
          content: "\f09a";
          background: #3b59aa;
      }
      .mega-menu .follow-us li.tumblr-link a:before {
          content: "\f173";
          background: #33455e;
      }
      .mega-menu .follow-us li.google-plus-link a:before {
          content: "\f0d5";
          background: #de4831;
      }
  .mega-menu .block-3 {
    border: none;
  }
    .mega-menu .block-3 img {
      width: 22em;
      margin: 3em auto;
      display: block;
    }


    
  .mega-menu .primary-offer-box {
    background: none;
    border: none;
    padding: 0;
  }
.mega-menu-open .mega-menu {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.mega-menu-open .site-nav:before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.3);
  z-index: 10;
}

.filter-by-open .site-nav .sub-nav .filter-by div {
  opacity: 1;
  z-index: 99;
  visibility: visible; }
.filter-by-open .site-nav .sub-nav .filter-by h4:after, .sub-nav-open .site-nav .sub-nav .sub-nav-toggle:after {
  border-top: none;
  top: auto;
  bottom: -0.1em;
  border-bottom: solid 0.8em black;
  border-left: solid 0.8em transparent;
  border-right: solid 0.8em transparent;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

/* Site search */
.search-toggle, .mega-menu-toggle {
  display: block;
  text-indent: -5000px;
  text-align: left;
  width: 5em;
  height: 4.5em;
  font-size: 1em;
  position: relative;
  top: 0;
  float: right;
  cursor: pointer;
  border-left: solid 1px rgba(0,0,0,0.05);
  border-right: solid 1px rgba(255,255,255,0.5);
}
.search-toggle:after, .mega-menu-toggle:after {
  content: "\f002";
  font: 1.8em/2.7em fontawesome;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  text-indent: 0;
  color: #000;
  border-left: solid 1px rgba(255,255,255,0.5);
  border-right: solid 1px rgba(0,0,0,0.05);
}
.mega-menu-toggle:after {
  content: "\f0c9";
  font-size: 2em;
  line-height: 2.2em;
  padding-top: 0.1em;
  bottom: 0;
}

/* Font size is massive in IE10/11 on this icon for some reason. Investigate further Mr. Holmes. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mega-menu-toggle:after {
    font-size: 18px;
  }
}
.mega-menu-open .mega-menu-toggle {
  background: white;
  z-index: 99999;
  height: 5.5em;
  border: none;
}
.search-toggle {
  border-right: none;
  right: 0;
}
.site-search {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #222;
  background: rgba(0,0,0,0.9);
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
  .site-search h2 {
    position: absolute;
    top: 20%;
    color: white;
    text-align: center;
    right: 0;
    left: 0;
    font-size: 5em;
  }
  .site-search .region-search {
    position: absolute;
    top: 500px;
    height: 10em;
    margin-top: -5em;
    width: 50%;
    left: 50%;
    margin-left: -25%;
  }
    .site-search .region-search .form-text {
      width: 70%;
      font-size: 3em;
      background: rgba(255,255,255,0.2) !important;
      border: solid 0.5em #c1002a;
      display: inline-block;
      float: left;
      color: white;
      box-shadow: 0 0 5em 0 rgba(0,0,0,1);
      -webkit-box-shadow: 0 0 5em 0 rgba(0,0,0,1);
      -moz-box-shadow: 0 0 5em 0 rgba(0,0,0,1);
    }
    .site-search .form-actions {
      width: 25%;
      display: inline-block;
      float: right;
    }
      .site-search .form-actions input {
        font-size: 3em;
        padding: 1.13em;
        width: 100%;
        box-shadow: 0 0 5em 0 rgba(0,0,0,1);
        -webkit-box-shadow: 0 0 5em 0 rgba(0,0,0,1);
        -moz-box-shadow: 0 0 5em 0 rgba(0,0,0,1);
      }
.search-form-revealed .site-search {
  opacity: 1;
  z-index: 9998;
  visibility: visible;
  }
  .search-form-revealed .search-toggle {
    z-index: 9999;
    position: fixed;
    width: 20em;
    height: 5em;
    border: none;
    background: white;
    background: rgba(255,255,255,0.8);
    top: 340px;
    right: 2%;
  }
  .search-form-revealed .search-toggle:before {
    content: "\f00d";
    font: 2.6em fontawesome;
    color: #c1002a;
    position: absolute;
    left: 0.5em;
    right: auto;
    top: 0.5em;
    text-indent: 0;
  }
  .search-form-revealed .search-toggle:after {
    content: "Close";
    font: 24px/1 "Source Sans Pro", Helvetica, Arial, sans serif;
    right: 0.5em;
    top: 50%;
    margin-top: -0.5em;
    left: auto;
    text-transform: uppercase;
    color: black;
    border: none;
  }



/* Menu category colours -- this controls the colours of the current cat nav link and the current cat sub nav 
.page-taxonomy-term-62 .site-nav li.cl, .site-nav li.active-trail.cl, .page-taxonomy-term-62 .sub-nav, .page-taxonomy-term-26 .sub-nav, .page-taxonomy-term-27 .sub-nav, .page-taxonomy-term-28 .sub-nav, .page-taxonomy-term-29 .sub-nav, .page-taxonomy-term-30 .sub-nav, .page-taxonomy-term-31 .sub-nav, .page-taxonomy-term-32 .sub-nav, .page-taxonomy-term-33 .sub-nav, .page-taxonomy-term-7866 .sub-nav{
  background: #f2a941; }

.page-taxonomy-term-57 .site-nav li.pl, .site-nav li.active-trail.pl,.page-taxonomy-term-57 .site-nav li.menu-mlid-9699, .page-taxonomy-term-57 .sub-nav, .page-taxonomy-term-12 .sub-nav, .page-taxonomy-term-14 .sub-nav, .page-taxonomy-term-15 .sub-nav, .page-taxonomy-term-8263 .sub-nav {
  background: #e94b35; }

.page-taxonomy-term-61 .site-nav li.wl, .site-nav li.active-trail.wl, .page-taxonomy-term-61 .site-nav li.menu-mlid-5486, .page-taxonomy-term-61 .sub-nav, .page-taxonomy-term-35 .sub-nav, .page-taxonomy-term-36 .sub-nav, .page-taxonomy-term-38 .sub-nav, .page-taxonomy-term-39 .sub-nav, .page-taxonomy-term-40 .sub-nav, .page-taxonomy-term-41 .sub-nav { 
  background: #829495; }

.page-taxonomy-term-60 .site-nav li.sl, .site-nav li.active-trail.sl, .page-taxonomy-term-60 .site-nav li.menu-mlid-9700, .page-taxonomy-term-60 .sub-nav,  .page-taxonomy-term-69 .sub-nav, .page-taxonomy-term-70 .sub-nav, .page-taxonomy-term-71 .sub-nav, .page-taxonomy-term-72 .sub-nav, .page-taxonomy-term-74 .sub-nav{
  background: #49cdaa; }

.our-writers-theme .content-links li.ol {
  background: #9A0510; }

.long-reads-theme .content-links li.ll, .long-reads-theme .sub-nav, .node-type-longread li.ll, .page-long-reads li.ll, .node-type-longread .sub-nav, .page-long-reads .sub-nav { 
  background: #C2D858; }
*/

.page-magazinepage .content-links li.mag-link, .page-magazinepage .sub-nav {
  background: #e2001a; }
.page-magazinepage .content-links li.mag-link a, .page-magazinepage .sub-nav a {
    color: #fff; }

@media (max-width: 400px) {
  .site-nav .sub-nav {
    opacity: 1; }
    .site-nav .sub-nav .filter-by {
      width: 40%;
      background: none; }
      .site-nav .sub-nav .filter-by p {
        display: none; }
      .site-nav .sub-nav .filter-by ul {
        left: auto;
        right: 0; } }
@media (max-width: 460px) {
  .site-search .region-search {
    width: 100%;
    padding: 0 2em;
    left: 0;
    margin: -5em 0 0 0;
  }
    .site-search .form-actions {
      display: block;
      width: 100%;
    }
      .site-search .region-search .form-text, .site-search .form-actions input {
        font-size: 2em;
        float: none;
        display: block;
        width: 100%;
      }
}
@media (max-width: 600px) {
  .site-header {
    padding: 0 2em;
  }
    .site-logo {
      width: 3.6em;
      padding: 0.5em 0 0 0;
      line-height: 1;
    }
      .site-nav .mega-menu {
          padding: 1em 1em 7em 1em;
          position: absolute;
          top: 5em;
      }
      .mega-menu-open .site-nav .mega-menu {
          top: 5em;
      }
        .site-nav .mega-menu .large-4 {
          padding: 0;
          border-top: solid 1px black;
        }
        .mega-menu .block-1 {
          margin-top: 0;
        }
        /*.site-nav .mega-menu .scrolling-content {
          overflow: scroll;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
        }*/
          .site-nav li, .site-nav .mega-menu .block-1 li {
            text-align: left;
          }
          .site-nav .mega-menu .follow-us li {
            font-size: 0.6em;
          }
        .site-nav .mega-menu .block-2 {
            background: #f7f7f7;
            padding: 2em;
        }
          .site-nav .mega-menu .webform-component--email-address {
            width: 100%;
            float: none;
          }
          /*.site-nav .mega-menu .form-actions {
            float: none;
            width: 100%;
            text-align: center;
          }*/
        .site-nav .mega-menu .block-3 {
          border: none;
          border-top: solid 1px #ebebeb;
          padding-top: 3em;
          margin-bottom: 7em;
        }
    .mega-menu-open .mega-menu .mega-menu-toggle {
      top: auto;
      bottom: 0;
      width: 100%;
      text-align: center;
      padding: 0.75em;
    }
}
@media (max-height: 370px) {
  .site-search h2 {
    display: none;
  }
}
@media (max-width: 600px) {
  .site-search h2 {
    font-size: 3em;
  }
  .site-nav .mega-menu ul.site-categories, .site-nav .mega-menu ul.content-links, .mega-menu .large-4 {
    float: none;
  }
}
@media (min-width: 601px) {
  .mega-menu-open .mega-menu .mega-menu-toggle {
    text-indent: -5000px;
    font-size: 1em;
    width: 4em;
    height: 4em;
  }
  .mega-menu-open .mega-menu .mega-menu-toggle:after {
      content: "\f00d";
      font: 1.4em fontawesome;
      color: white;
      position: absolute;
      top: 50%;
      margin-top: -0.5em;
      right: 0;
      bottom: 0;
      left: 0;
      text-align: center;
      text-indent: 0;
      display: block;
  }
}
@media (max-width: 789px) {
   .site-search .region-search {
      top: 50%;
   }
   .search-form-revealed .search-toggle {
      top: 2em;
      right: 2em;
   }
   .logged-in.search-form-revealed .search-toggle {
      top: auto;
      bottom: 2em;
   }
}
@media (max-width: 789px) and (min-width: 500px) {
  .site-nav .row {
    position: static;
  }
  .site-nav .mega-menu {
    top: 5em;
    position: absolute;
  }
}
@media (max-width: 600px) {
  .site-nav li, .site-nav .mega-menu .block-1 li {
      font-size: 1em;
      display: inline-block;
      width: 50%;
      float: left;
      line-height: 1;
    }
      .site-nav ul li a, .site-nav .mega-menu .block-1 li a {
        border: none;
        padding: 1em;
      }
      .site-nav ul li.subscribe-link a {
        padding: 1em;
        color: #c1002a;
        background: none;
      }
    .site-nav .mega-menu .block-2 {
      clear: left;
    }
}
@media (max-width: 789px) {
  /* Leaderboard is replaced with 468px x 70px at this width.
   Horizontal nav is replaced with mobile hidden nav.
   Search goes up to top and is hidden and revealed with a toggle. */
  .leaderboard {
    display: none; }
  .leaderboard-replacement {
    display: block;
    background: #ebebeb;
    padding: 1em;
    height: 70px; }
  .site-logo {
    text-align: left;
    float: left;
    line-height: 1; }
  .site-logo img {
    width: 100%; }
  .site-header-top .site-logo {
      display:block;
    }
  .top-bar {
    display: none; }
  .site-header {
    height: 5.5em; }
    .site-nav {
      background: none;
      position: static;
      border: none;
    }
      .site-nav ul {
        border: none;
      }
        .site-nav ul.site-categories, .site-nav ul.content-links {
          display: none;
        }
          .site-nav .mega-menu ul.site-categories li.menu-mlid-9698 {
            display: none;
          }
          .site-nav .mega-menu ul.site-categories, .site-nav .mega-menu ul.content-links {
            display: block;
          }
    .site-nav li.more a {
      background: #f7f7f7; }
  .mobile-menu-revealed .mobile-menu-toggle {
    z-index: 9999; }
  .mobile-menu-revealed .site-nav ul, .mobile-menu-revealed .top-bar-links {
    display: block;
    opacity: 1;
    z-index: 9999;
    visibility: visible; }
  .mobile-menu-revealed .top-bar-links {
    top: 13.5em; }
  
    .mobile-menu-revealed .top-bar-links li {
      background: white;
      text-align: left; }

  body:after {
    transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out; }

  .mobile-menu-revealed:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9; }

  .search-toggle, .mega-menu-toggle {
    position: absolute;
    right: 0.5em;
    height: 5.5em;
    width: 5.5em;
    }
  .search-toggle {
    right: 6em;
  }
  .mega-menu-toggle:after {
    line-height: 2.6em;
  }
  .search-toggle:after {
    line-height: 3em;
  }
}
@media (min-width: 601px) and (max-width: 789px) {
  .site-header {
    padding: 0 3em;
  }
  .site-logo {
    padding: 0.4em 0 0 0;
    width: 4.5em;
    }
    
    /* The three columns of links in the mega menu at this screen size */
    .site-nav .mega-menu ul.site-categories, .site-nav .mega-menu ul.content-links, .mega-menu .large-4 {
      width: 33.33333333%;
      border: none;
      padding: 0 3em;
      border-right: solid 1px #ebebeb;
      float: left;
    }
    .mega-menu .large-4 {
      border: none;
    }
    .site-nav .mega-menu ul.site-categories, .site-nav .mega-menu ul.content-links {
      padding: 0 1.6666667em;
      margin-bottom: 1em;
    }
      .site-nav .mega-menu ul.site-categories li, .site-nav .mega-menu ul.content-links li {
        border-bottom: solid 1px #ebebeb;
        width: 100%;
        text-align: center;
        line-height: 1.2;
        padding: 0.5em 0;
      }
        .site-nav .mega-menu ul.site-categories li a, .site-nav .mega-menu ul.content-links li a {
          border: none;
        }
      .site-nav .mega-menu .block-1 li {
        font-size: 1em;
      }
    .mega-menu .block-2, .mega-menu .block-3 {
      float: left;
      width: 50%;
      border-top: solid 1px #E0E0E0;
      margin-top: 3em;
      padding-top: 4em;
    }
    .mega-menu .block-2 {
      clear: left;
    }
      .mega-menu .block-2 .webform-component--email-address {
        width: 100%;
      }
      /*.mega-menu .form-actions {
        width: 100%;
      }*/
      .mega-menu .primary-offer-box .offer-text {
        width: 100%;
        font-size: 0.9em;
      }
      .mega-menu .primary-offer-box .offer-image {
        display: none;
      }
    .site-nav ul.follow-us {
      font-size: 1.3em;
    }
    .site-nav ul.follow-us li {
      border: none;
      display: inline-block;
    }
}
@media (max-width: 500px) {
  .site-nav {
    width: 180px; }
    .site-nav ul {
      width: 100%; }
      }
@media (min-width: 861px) {

  /* When search box is clicked on it expands to left. So I made the nav shrink as well */
  .site-nav li a {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; }
 }
@media (min-width: 460px) and (max-width: 900px) {
  .podcast-promotion {
    padding-top: 1em;
  }
  .podcast-promotion:after, .newsletter-promotion img {
    display: none;
  }
  .site-search .region-search {
    width: 80%;
    margin-left: -40%;
  }
    .site-search .region-search .form-text, .site-search .form-actions input {
      font-size: 2em;
    }
  .site-nav .sub-nav {
    top: 4.4em; }
  }
@media (min-width: 788px) and (max-width: 900px) {
  .primary-offer-box h4, .primary-offer-box h3, .primary-offer-box h2 {
    font-size: 1.8em;
  }
  .mega-menu {
    font-size: 0.8em;
  }
  .site-nav .mega-menu .follow-us li {
    font-size: 0.7em;
    margin-right: 0.25em;
  }
  .mega-menu .primary-offer-box .offer-text {
    width: 100%;
  }
  .mega-menu .primary-offer-box .offer-image {
    display: none;
  }
  .site-sponsor img {
    max-width: 80%;
    padding-top: 2em;
  }
}
@media (min-width: 900px) and (max-width: 1220px) {
  .site-search .region-search {
    width: 70%;
    left: 50%;
    margin-left: -35%;
  }
}
@media (min-width: 1024px) {
  .site-header-top {
    padding-top: 180px;
  }
  .site-header-top .site-header {
      position: fixed;
      width: 100%; z-index:100; top: 0em; background:#fff;
    }
    .site-header-top .site-logo, .site-header-top .secondary-content-box.primary-offer-box, .site-header-top .header-promotion {
      display: none;
    }
  .admin-menu.site-header-top .site-header { top: 3.4em; }
  .search-form-revealed .search-toggle {
    left: 50%;
    right: auto;
    margin-left: -9em;
  }
}
    
    
/* Override < 900px sub nav position */
@media (max-width: 789px) {
  .site-nav .sub-nav {
    top: 6.1em;
    font-size: 0.85em;
  }
  .site-header-top .site-nav .sub-nav {
    top: 5.9em;
  }
  .secondary-content-box.primary-offer-box  {
    display: none;
  }
  .header-promotion {
    display: none;
  }
}


@media (min-width: 500px) and (max-width: 790px) {
  .site-nav .sub-nav .sub-nav-toggle {
    margin-left: 1em;
  }
}
@media (max-width: 1080px) {
  /* Gibraltar banner goes in screens less than 1080px wide */
  body.gibraltar .site-nav .sub-nav ul.sub-categories:before, .page-node-200693 .site-nav .sub-nav ul.sub-categories:before {
    display: none;
  }
  body.gibraltar .site-nav .sub-nav ul.sub-categories, .page-node-200693 .site-nav .sub-nav ul.sub-categories {
    position: absolute;
    padding-left: 0;
  }
  .top-leaderboard .row {
    text-align: center; }

  .top-leaderboard .row div {
    float: none;
    margin: 0 auto; }

  .top-leaderboard .row .gibraltar-banner {
    display: none; }

  /* Sub nav is hidden in screen widths smaller than 1080px */
  .site-nav .sub-nav .sub-nav-toggle {
    display: block;
    float: left;
    font: bold 1.6em Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0.85em 3em 0.85em 1.2em;
    background: #444;
    color: white;
    position: relative;
    cursor: pointer; }

  .sub-nav-toggle:after {
    content: '';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.2em;
    border-top: solid 0.5em white;
    border-left: solid 0.5em transparent;
    border-right: solid 0.5em transparent;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out; } 

  .site-nav .sub-nav ul {
    opacity: 0;
    z-index: -99;
    visibility: hidden;
    left: 0;
    right: 0;
    position: absolute;
    top: 1.25em;
    background: white;
    width: 14.25em;
    border-top: solid 3px black;
    box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out; }
    .site-nav .sub-nav ul li {
      display: block;
      float: none;
      width: 100%; }
      .site-nav .sub-nav ul li a {
        padding: 0.95em 1em;
        cursor: pointer;
        color: black;
        border-bottom: solid 0.1em rgba(0, 0, 0, 0.1); }

 .sub-nav-open .site-nav .sub-nav ul.sub-categories,   .sub-nav-open .site-nav .sub-nav ul.sub-categories ul.menu {  
    opacity: 1;
    visibility: visible; 
    z-index: 99; }
  .filter-by-open .site-nav .sub-nav .filter-by ul {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    top: -0.2em;
    width: 100%;
    box-shadow: none;
    font-size: 1.8em;
  }
  .site-nav .mega-menu .follow-us li {
    margin-right: 0.25em;
  } }
@media (min-width: 791px) and (max-width: 1110px) {
  .site-nav .content-links-toggle {
    display: block;
    text-indent: -5000px; 
    position: relative;
    border-right: none;
    float: left;
    display: inline-block; }
  .site-nav .content-links-toggle:after {
    content: '+';
    font: bold 2.1em Arial, sans-serif;
    position: absolute;
    left: 50%;
    top: 0.5em;
    text-indent: 0; }
  .site-nav ul.content-links {
    position: absolute;
    opacity: 0;
    z-index: -99;
    width: 12em;
    margin-left: -9em;
    top: 2.7em;
    max-width: 100%;
    background: #fff;
    border-top: solid 0.3em;
    box-shadow: 0.3em 0.3em 0.3em 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0.3em 0.3em 0.3em 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0.3em 0.3em 0.3em 0 rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; }
  .site-nav ul.content-links li {
    display: block;
    float: none;
    border-bottom: solid 0.1em #f7f7f7;
    border-right: none; }
  .content-links-revealed .site-nav .content-links {
    opacity: 1;
    z-index: 99; } }
@media (min-width: 790px) and (max-width: 965px) {
  .site-nav ul .content-links li a {
    padding: 0.5em 1em; } }
@media (min-width: 789px) and (max-width: 1170px) {
  .site-nav {
    position: relative; } }
@media (min-width: 1100px) {
  .site-nav .sub-nav .row {
    position: relative;
  }
    .site-nav .sub-nav ul.sub-categories {
      position: relative;
    }
    .politics .site-nav .sub-nav ul.sub-categories:before {
      content: '';
      position: absolute;
      left: 0;
      margin-left: -50em;
      width: 50em;
      top: 0;
      bottom: 0;
      background: #e94b35;
    }
    .politics .site-nav .sub-nav ul.sub-categories:after {
      content: '';
      border-left: solid 1em #e94b35;
      border-top: solid 1em transparent;
      border-bottom: solid 1em transparent;
      position: absolute;
      left: 0em;
      top: 50%;
      margin-top: -1em;
    }
    .politics .site-nav .sub-nav ul.sub-categories {
      padding-left: 1em;
    }
    .culture .site-nav .sub-nav ul.sub-categories {
      padding-left: 2em;
    }
    .culture .site-nav .sub-nav ul.sub-categories:before {
      content: '';
      position: absolute;
      left: 0;
      margin-left: -50em;
      width: 50em;
      top: 0;
      bottom: 0;
      background: #f2a941;
    }
    .culture .site-nav .sub-nav ul.sub-categories:after {
      content: '';
      border-left: solid 1em #f2a941;
      border-top: solid 1em transparent;
      border-bottom: solid 1em transparent;
      position: absolute;
      left: 0em;
      top: 50%;
      margin-top: -1em;
    }
    .world .site-nav .sub-nav ul.sub-categories:before {
      content: '';
      position: absolute;
      left: 0;
      margin-left: -50em;
      width: 50em;
      top: 0;
      bottom: 0;
      background: #829495;
    }
    .world .site-nav .sub-nav ul.sub-categories:after {
      content: '';
      border-left: solid 1em #829495;
      border-top: solid 1em transparent;
      border-bottom: solid 1em transparent;
      position: absolute;
      left: 0em;
      top: 50%;
      margin-top: -1em;
    }
    .world .site-nav .sub-nav ul.sub-categories {
      padding-left: 2em;
    }
    .scitech .site-nav .sub-nav ul.sub-categories:before {
      content: '';
      position: absolute;
      left: 0;
      margin-left: -50em;
      width: 50em;
      top: 0;
      bottom: 0;
      background: #49cdaa;
    }
    .scitech .site-nav .sub-nav ul.sub-categories:after {
      content: '';
      border-left: solid 1em #49cdaa;
      border-top: solid 1em transparent;
      border-bottom: solid 1em transparent;
      position: absolute;
      left: 0em;
      top: 50%;
      margin-top: -1em;
    }
    .scitech .site-nav .sub-nav ul.sub-categories {
      padding-left: 2em;
    }
}
@media (max-width: 1200px) {
  .secondary-content-box.primary-offer-box {
    margin-left: 2em;
  }
  .header-promotion {
    margin-right: 2em;
  }
}
@media (min-width: 1300px) {
  
  /* Site logo used to respond to window size
  .site-logo {
    width: 12em; }
    */ }
@media (min-width: 900px) and (max-width: 1440px) {
  .header-promotion {
    width: 210px !important;
  }
  .twitter-follow-promotion {
    padding-top: 2.4em;
  }
  .search-toggle, .mega-menu-toggle {
    height: 4.3em;
  }
}
@media (min-width: 1440px) {
  .site-nav .sub-nav {
    top: 4.5em;
  }
}

/* Reducing nav height for smaller screens */
@media (max-height: 900px) and (min-width: 900px) {
  
  /* Site logo used to respond to window size
  .site-logo {
    width: 11em; }
  */
  
  .site-nav li {
    line-height: 2.2em;
  }
    .site-nav li a {
      padding: 0.26em 0.8em; } 
    .site-nav li.menu-mlid-9698 a {
      height: 2.5em; }
    .site-nav li.menu-mlid-9698 a:before, .site-nav li.menu-mlid-9698 a:after { 
      line-height: 2.2em; }
  .site-nav .sub-nav {
    top: 4.5em;
    }
  .site-nav .sub-nav .sub-nav-toggle {
    padding: 0.85em 3em 0.85em 0.85em; }
  .site-nav .sub-nav ul li a {
    padding: 1.15em 0.5em 1.1em 0.5em; }
  .site-nav .sub-nav .filter-by h4, .site-nav .sub-nav .filter-by p {
    padding: 0.85em; }
  .search-toggle:after {
    line-height: 2.5em;
  }
}
@media (max-height: 900px) and (max-width: 1280px) and (min-width: 900px) {
  /* Site logo used to respond to window size
  .site-logo {
    width: 10em;
    padding: 0.5em 0; }
  */
  .site-nav .sub-nav {
    top: 4.5em; } }
 

@media (min-width: 789px) and (max-width: 900px) {
  
  .site-logo {
    width: 7em;
   }
  
  .secondary-content-box.primary-offer-box {
    width: 20em;
  }
    .primary-offer-box .offer-text {
        width: 60%;
    }
      .primary-offer-box .cta {
        font-size: 1.4em;
      }
    .primary-offer-box img {
      max-width: 40%;
      margin-top: 0.9em;
    }
  .header-promotion {
    width: 16em;
    height: 9em;
  }
    .header-promotion .slick-slide {
      min-width: 160px !important;
    }
    .site-sponsor p {
      display: none;
    }
    .podcast-promotion {
      font-size: 3em;
    }
    .podcast-promotion:after {
      font: 48px fontawesome;
      padding-right: 24px;
      margin-top: -18px;
    }
    .newsletter-promotion {
      
    }
      .newsletter-promotion p {
          font-size: 1.4em;
          width: 100%;
          padding-top: 13px;
      }
        .newsletter-promotion p strong {
          display: block;
        }
      .newsletter-promotion img {
          display: none;
      }
    .twitter-follow-promotion {
      font-size: 1.4em;
      padding-top: 2em;
    }
    .twitter-follow-promotion:after {
      display: none;
    }
}
@media (min-width: 900px) and (max-width: 1440px) {
  .header-promotion .slick-slide {
        min-width: 210px !important;
  }
  .podcast-promotion:after {
    font-size: 61px;
  }
}
@media (min-width: 1700px) {
  .row, .row .mega-menu, .row .sub-nav > .row {
    max-width: 140em;
  }
}



/* If there is a sub nav, push down the content */
.page-taxonomy-term .primary-content, .page-taxonomy-term .right-sidebar {
  margin-top: 8em;
}
.page-long-reads.page-taxonomy-term .primary-content, .page-long-reads.page-taxonomy-term .right-sidebar {
  margin-top: 3em;
}

/* Article Lists – used on home, in category, in sidebar and related articles (anywhere with a list of articles */
.block > h2 {
  border-top: solid 10px black;
  font: bold 2em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 1.5em 0;
  padding-top: 1em;
  text-transform: uppercase;
}
.article-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .article-list li, .item-list ul.article-list li {
    position: relative;
    clear: both;
    border-top: solid 1px #f7f7f7;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding-top: 1em;
    margin: 1em 0 0 0;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
  .article-list li:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  .article-list h2, .article-list h3, .article-list h4, .article-list h5 {
    margin: 1em 0 0 0;
    font-size: 1em; }
  .article-list a {
    text-decoration: none;
    color: #000;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
  .article-list .cta a {
    color: white; }
  .article-list li:hover h5 a {
    color: #c1002a; }
  .article-list img {
    width: 100%; }
  .article-list .article-text {
    padding-left: 1em; }
  .article-list .article-category {
    font: 600 0.85em/1 "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    }
  .article-list .article-category a {
    background: #c1002a;
    color: #fff;
    padding: 0.5em; }
  .article-list .article-category a:hover {
    background: black; }
  .article-list .article-author {
    font-size: 0.8em;
    color: #c1002a;
  }
    
/* The below is used to overwrite margin: 0 set on .row .row */
.row .article-list li.row {
  margin-bottom: 1em; }

.row .article-list li:last-child {
  margin-bottom: 0; }

.horizontal-article-list li, .item-list ul.horizontal-article-list li {
  clear: none;
  margin-top: 0;
  padding-top: 0; }
  .horizontal-article-list li h5, .item-list ul.horizontal-article-list li h5 {
    margin: 0 1em; }



/* Home Page */
.home-theme .main-content {
  padding-top: 3em;
}
.home-theme .article-featured-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 66.2em;
  background: #ccc;
}
.home-theme .article-column {
  position: relative;
}
.home-theme .home-sidebar-top {
  padding: 0;
  position: relative; }
.home-theme .home-featured-article {
  position: relative;
  min-height: 49.6em;
  }
  /*.home-theme .home-featured-article:after {
    content: 'Feature';
    font: bold 2em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    position: absolute;
    top: 1em;
    left: 1em;
    padding: 0.25em 0.5em;
    background: rgba(255,255,255,0.6);
  }*/
  .home-theme .home-featured-image {
      max-height: 58em;
      min-height: 40em;
      background: #333;
      
  }
    .region-home-featured-image img {
      width: 100%;
      position: relative;
      z-index: 9;
    }
    
    /* Image fade-in for people with javascript only */
    .js .region-home-featured-image img {
      transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -webkit-transition: opacity 1s ease-in-out;
      opacity: 0;
    }
    .js .loaded .region-home-featured-image img {
      opacity: 1;
    }
  .js .spinner {
    margin: 0 0 0 -50px;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    z-index: 1;
    top: 23em;
    left: 50%;
  }
  
  .js .spinner > div {
    background-color: #999;
    height: 100%;
    width: 14px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }
  
  .js .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }
  
  .js .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }
  
  .js .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
  
  .js .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
  }
  
  @-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
  }
  
  @keyframes sk-stretchdelay {
    0%, 40%, 100% { 
      transform: scaleY(0.4);
      -webkit-transform: scaleY(0.4);
    }  20% { 
      transform: scaleY(1.0);
      -webkit-transform: scaleY(1.0);
    }
  }
  .block-lead-home .content {
    padding: 2em;
    background: #333;
    margin: -10.5em 0 0 0;
  }
  .region-home-featured-image {
    overflow: hidden;
    margin-bottom: 3em;
  }
  .home-theme .home-featured-article .article-header {
      text-align: center;
      border-top: none;
      margin: 0;
      z-index: 9;
      position: relative;
      background: white;
      margin-top: -1em;
      transition: margin 0.5s ease-in-out;
      -moz-transition: margin 0.5s ease-in-out;
      -webkit-transition: margin 0.5s ease-in-out;
    }
    .home-theme .home-featured-article .article-header:before {
      left: 50%;
      margin-left: -2em;
    }
    .home-theme .home-featured-article .article-header .article-date, .home-theme .home-featured-article .article-header .article-category {
      display: none;
    }
    .home-theme .home-featured-article .article-header .article-category {
      margin-right: 1em;
    }
    .home-theme .home-featured-article .article-header h1 {
      text-align: center;
      max-width: 80%;
      margin: 0 auto 0.75em auto;
      font-weight: bold;
    }
    .home-theme .home-featured-article .article-header h1:before {
      
    }
      .home-theme .home-featured-article .article-header h1 a {
        text-decoration: none;
        color: black;
      }
      .home-theme .home-featured-article .article-header h1 a:hover {
        text-decoration: underline;
      }
      .home-theme .home-featured-article .article-excerpt {
        padding: 3em;
        }
        .home-theme .home-featured-article .article-header p.standfirst {
          /*font-size: 2em;
          line-height: 1.7;
          width: 80%;
          margin: 0 auto;*/
          display: none;
        }
  .home-theme .home-featured-article .article-header .article-author, .page-taxonomy-term .article-header .article-author {
    margin: 1.5em 0 0 0;
  }
    .home-theme .home-featured-article .article-header .article-author a {
      color: #c1002a;
    }
   

/* The latest */ 
.the-latest {
  
}
  .the-latest h2 {
    font-size: 2.1em;
    position: relative;
    padding: 1em 1.4em;
    background: #222;
    margin: 0;
    color: #fff;
    border-top: none;
    border-left: solid 0.3em white;
  }
  .the-latest h2:after {
    content: "\f017";
    font: 1.4em fontawesome;
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.6em;
    color: #FF4646;
  }
  .the-latest ul.article-list {
    list-style: none;
    margin: 0;
  }
    .the-latest ul.article-list li {
      clear: both;
      background: #333;
      border-left: solid 0.33333333em black;
      padding: 1.666667em 1.666666667em 1.66666667em 1.666667em;
      margin: 0;
      min-height: 8.25em;
      min-height: 4em\9; /* Targeting IE8 with less height */
      }
    .the-latest ul.article-list li:first-child {
        padding-top: 2.66666666667em;
    }
    .the-latest ul.article-list li:nth-child(2) {
      background: #3A3A3A;
    }
    .the-latest ul.article-list li.culture-category {
      border-left: solid 0.3333333em #f2a941;
    }
    .the-latest ul.article-list li.science-category {
      border-left: solid 0.3333333em #49cdaa;
    }
    .the-latest ul.article-list li.politics-category {
      border-left: solid 0.3333333em #e94b35;
    }
    .the-latest ul.article-list li.world-category {
      border-left: solid 0.3333333em #829495;
    }
      .the-latest ul.article-list li h3 {
        font-size: 1.2em;
        line-height: 1.2;
        font-weight: normal;
        margin: 0;
        position: relative;
      }
        .the-latest h3 a {
          text-decoration: none;
          color: white;
        }
        .the-latest h3 a:hover {
          text-decoration: underline;
        }
      .the-latest ul.article-list li:first-child h3:before {
          content: '';
          display: block;
          width: 0.4em;
          height: 0.4em;
          border-radius: 0.5em;
          -moz-border-radius: 0.5em;
          -webkit-border-radius: 0.5em;
          background: #FF4646;
          position: absolute;
          left: 0em;
          top: -0.75em;
          animation: pulse 1s infinite alternate;
              }
    .the-latest ul.article-list li:first-child h3:after {
          content: 'New';
          font: bold 0.7em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
          display: block;
          text-transform: uppercase;
          color: #FF4646;
          position: absolute;
          left: 0.9em;
          top: -1.4em;
          animation: pulse 1s infinite alternate;
    }
    @-webkit-keyframes pulse {
        0% { opacity: 0.25; }
        100% { opacity: 1; }
    }
    .the-latest ul.article-list li .article-author, .the-latest ul.article-list li .article-date {
      margin-bottom: 0;
      color: #999;
    }
      .the-latest ul.article-list li .article-author {
        color: #FF4646;
      }
        .the-latest ul.article-list li .article-author a {
          color: #FF4646;
        }
    .the-latest ul.article-list li .article-date:after {
        content: "\f017";
        font: 1.2em fontawesome;
        position: absolute;
        right: -1.5em;
        top: 50%;
        margin-top: -0.6em;
        color: #999;
    }
  

.the-staggers {
  border-bottom: solid 1px #ebebeb;
  border-top: solid 0.7em #ebebeb;
  position: relative;
  background: white;
  transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  z-index: 5;
  border-left: solid 0.6em #ebebeb;
  padding-bottom: 3em;
  }
  .the-staggers header {
    position: relative;
    padding: 3em 3em 0.1em 3em;
  }
  .the-staggers header .staggers-day-image {
    display: block;
  }
  .the-staggers header .staggers-night-image {
    display: none;
  }
  .the-staggers.staggers-night {
    background: black;
    border-top: solid 1em #222;
    border-left: solid 1em #222;
  }
  .the-staggers.staggers-night header .staggers-day-image {
    display: none;
  }
  .the-staggers.staggers-night header .staggers-night-image {
    display: block;
  }
  .the-staggers h2 {
      font: 4.7em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
      line-height: 1;
      margin: 0;
      color: #c1002a;
      position: relative;
      z-index: 2;
     }
    .the-staggers h2 a {
      color: #c1002a;
      text-decoration: none;
      transition: color 0.5s ease-in-out;
      -moz-transition: color 0.5s ease-in-out;
      -webkit-transition: color 0.5s ease-in-out; }
    .the-staggers h2 a:hover {
      color: black; }
    .the-staggers.staggers-night header h2 a:hover {
    color: white; }
  .the-staggers p {
    font: 1.5em Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 2em 0;
    width: 73%;
    border-bottom: solid 1px #888;
    padding: 0.35em 0 0.5em 0;
    position: relative;
    z-index: 2;
    }
    .the-staggers.staggers-night header p {
      color: white;
    }
    .the-staggers header img {
      position: absolute;
      right: 1em;
      top: -4.5em;
      width: 41.7%;
      z-index: 1;
    }
    .the-staggers .article-list {
      padding: 0 1.666666667em 1.666666667em 1.666666667em;
      position: relative;
      z-index: 2; }
      .the-staggers.staggers-night .article-list li {
        border-top: solid 1px rgba(255,255,255, 0.2);
      }
      .the-staggers.staggers-night .article-list li:first-child {
        border-top: none;
      }
        .the-staggers .article-list li h3 {
          margin: 0;
          font: normal 1em/1.5 Merriweather, Georgia, serif;
          }
          .the-staggers.staggers-night .article-list li h3 a {
            color: white;
          }
          .the-staggers .article-list li h3 a:hover {
            text-decoration: underline;
          }
  .the-staggers .cta a, .the-staggers .more-link a {
    margin: 1em auto 0em auto;
    display: block;
    width: 4em;
    text-align: center;
    clear: both; }
  .staggers-night .the-staggers .more-link a:hover {
    background: white;
    color: #c1002a;
  }
    
.home-sidebar-top .secondary-content-box.mpu {
  border-bottom: none;
}


.home-most-read {
  padding: 3em 0;
  background: rgba(0,0,0,0.01);
  border-top: solid 1px gainsboro;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px gainsboro;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  }
  .home-most-read .large-12 {
    border-bottom: solid 1px gainsboro;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    padding: 5em 0; }
    
  /* This heading style is also used in several other places, which is why the class is here */
  .home-most-read h2, .moustache-heading, .featured-writers h2, .a-z-writers h2 {
      font: 4.4em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
      line-height: 1;
      margin: 1em 0;
      color: #c1002a;
      position: relative;
      z-index: 2;
      text-transform: none;
      text-align: center;
      padding: 0 0 1em 0;
  }
  .home-most-read h2:after, .moustache-heading:after, .featured-writers h2:after, .a-z-writers h2:after {
      content: '{';
      font: lighter 1.8em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
      color: #c1002a;
      position: absolute;
      left: 50%;
      width: 100px;
      margin-left: -46px;
      bottom: -0.5em;
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
  }
    
    /* Don't display "{" in IE8 */
    .home-most-read h2:after, .moustache-heading:after, .featured-writers h2:after, .a-z-writers h2:after {
      display: none \9;
    }
  .home-most-read .article-list {
      padding: 0 2em;
   }
    .home-most-read .article-list li {
      border: none;
      margin: 0; }
      .home-most-read .article-list li .article-image {
        overflow: hidden; }
        .home-most-read .article-list li .article-image img {
          width: 130%;
          max-width: 118%;
          margin-left: -15%;
        }
    .home-most-read .article-list li:hover {
      border-bottom: none; }
    .home-most-read .article-list h5 {
        font: 1.2em/1.6 Merriweather, Georgia, serif;
        line-height: 1.6;
        padding-right: 1em;
        margin-top: -0.3em;
    }

.home-articles {
  border-left: solid 1px #ebebeb;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  background: white;
  position: relative;
  }
  .home-articles header {
    padding: 3em 3em 0 3em; }
    .home-articles header h3.scb-heading {
      margin-bottom: 0; }
    .home-articles .item-list ul.article-list li {
        padding: 1.66667em 1.66667em 1em;
        border-right: solid 1px #ebebeb;
        border-right: solid 1px rgba(0, 0, 0, 0.1);
        border-top: solid 1px #ebebeb;
        border-top: solid 1px rgba(0, 0, 0, 0.1);
        margin: 0;
        min-height: 27em;
        overflow: hidden;
        border-bottom: solid 0.3em transparent;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        text-align: center;
        clear: none;
      }
      .home-articles .item-list ul.article-list li:first-child, .home-articles .item-list ul.article-list li:nth-child(2) {
        border-top: none;
      }
      .home-articles .item-list ul.article-list li img {
        display: block;
        opacity: 1;
        transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        -webkit-backface-visibility: hidden;
      }
      .home-articles .item-list ul.article-list li:hover img {
        opacity: 0.8;
      }
      .home-articles .article-list li:first-child, .home-articles .article-list li:nth-child(2) {
        border-top: none;
      }
      
      /* Most articles have clearing on every 2n+1 numbered article */
      .home-theme .home-articles .item-list ul.article-list li:nth-child(2n+1) {
        clear: left;
      }
      
      /* After first and third features the order swaps, so these styles override the rule above */
      .home-theme .home-articles .item-list ul.article-list li:nth-child(8), .home-theme .home-articles .item-list ul.article-list li:nth-child(18),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(14), .home-theme .home-articles .item-list ul.article-list li:nth-child(18),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(10),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(27),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(20),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(27) {
        clear: left;
      }
      
      /* After first and third features the order swaps, so these styles override the rule above */
      .home-theme .home-articles .item-list ul.article-list li:nth-child(7),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(9),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(11),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(14),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(19),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(21),
      
      
      .home-theme .home-articles .item-list ul.article-list li:nth-child(13),.home-theme .home-articles .item-list ul.article-list li:nth-child(18),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(23),.home-theme .home-articles .item-list ul.article-list li:nth-child(25),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(17),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(15), .home-theme .home-articles .item-list ul.article-list li:nth-child(22),
      .home-theme .home-articles .item-list ul.article-list li:nth-child(31) {
        clear: none;
      }


      .home-articles .article-list li .article-category {
          /*position: absolute;
          top: 38px;
          left: 30px;*/
          z-index: 99;
          position: absolute;
          margin-top: -1.4em;
      }
      .home-articles .article-list li h3 {
          padding: 1.1em 1em 0 1em;
          margin: 0 0 0.5em 0;
          font-size: 1.4em;
          text-align: center;
          border-top: solid 0.2em;
          background: white;
          color: #c1002a;
          border-top: solid 0.2em #c1002a;
          transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          position: relative;  }
        .home-articles .article-list li h3 a:hover {
          color: #c1002a;
        }
      .home-articles .article-list li .article-author, .home-articles .article-list li .article-date {
        text-align: center;
        text-transform: uppercase;
        }
      .home-articles .article-list li.sponsored-article .article-sponsor {
        padding: 1em;
        background: #ebebeb;
        margin-top: 0.5em;
      }
        .home-articles .article-list li.sponsored-article .article-sponsor p {
          font: 1em "Source Sans Pro", Helvetica, Arial, sans-serif;
          text-transform: uppercase;
          text-align: center;
          margin: 0;
        }
          .home-articles .article-list li.sponsored-article .article-sponsor p a {
            text-decoration: underline;
            color: #c1002a;
          }

      
      /* Featured content */
      .home-articles .item-list .article-list li.featured-content {
        text-align: center;
        padding: 0 0 2em 0;
        border-bottom: solid 1px gainsboro;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
        margin-bottom: -0.1em; }
      .home-articles .item-list ul.article-list li.featured-content img {
        margin-bottom: 0.5em;
      }
      
      .home-articles .article-list li.featured-content .featured-content-heading {
        font: 1em Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #c1002a;
        letter-spacing: 0.1em;
        margin-top: 2em; }
      .home-articles .article-list li.featured-content h3 {
        font-size: 1.8em;
        margin: 1em auto 0 auto;
        max-width: 650px;
        padding: 0;
        border: none;
        position: relative;
        }
      .home-articles .article-list li.featured-content h3:before {
        content: '';
        position: absolute;
        top: -1.75em;
        left: 50%;
        margin-left: -1em;
        border-bottom: solid 1em white;
        border-left: solid 1em transparent;
        border-right: solid 1em transparent;
      }
      .home-articles .article-list li.featured-content p {
        margin: 1em auto;
        max-width: 650px; }
      .home-articles .article-list li.featured-content div.article-category{
        left:50%;
        top:1.4em;
        margin-left: -10em;
        width: 20em;
        z-index: 999;
      }
    
    
    .home-articles .article-list li.article-replacement-banner {
      padding-left: 0;
      padding-right: 0;
      padding-top: 5em;
      text-align: center; }
    .home-articles .article-list li.featured-cartoon {
      padding-bottom: 0;
      border-bottom: none; }
      .home-articles .article-list li.featured-cartoon header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
        padding-bottom: 3em; }
        .home-articles .article-list li.featured-cartoon header .featured-content-heading {
          margin-top: 0; }
      .home-articles .article-list li.featured-cartoon .cta {
        position: absolute;
        bottom: -0.2em;
        left: 50%;
        width: 12em;
        margin-left: -6em; }

.home-sidebar-bottom {
  border-right: solid 1px #f0f0f0;
  border-right: solid 1px rgba(0, 0, 0, 0.05);
  background: white; }


@media (max-width: 400px) {
  .article-header:before {
      left: 50%;
      margin-left: -2em;
  }
  .home-theme .home-featured-article {
    min-height: 0;
  }
    .home-theme .home-featured-article .article-header h1 {
      font-size: 2.7em;
    }
  
}
@media (max-width: 460px) {
      .home-theme .home-featured-article .article-header .article-date, .home-theme .home-featured-article .article-header .article-category {
        display: none;
      }
      .home-theme .home-featured-article .article-header .article-author {
        margin-top: 0;
      }
      .home-theme .home-featured-article p {
        display: none;
      }
  .the-staggers header {
      margin-bottom: 4em;
      margin: 0 auto 4em auto;
    }
    .the-staggers h2 {
        font-size: 3em;
    }
    .the-staggers header p {
      display: none;
    }
    .the-staggers header img {
      right: 3em;
      top: -3em;
      width: 11em;
    }
  .the-staggers .article-list {
    padding-top: 0;
  }
    .the-staggers .article-list li h3 {
      margin: 0;
      font-size: 1em;
    }
    .the-staggers .article-list li .article-author, .the-staggers .article-list li .article-date {
      display: none;
    }
  .the-staggers .cta, .the-staggers .more-link {
    padding-top :0;
  }
    .the-staggers .more-link a {
        background: none;
        color: black;
        text-transform: uppercase;
        padding: 0;
        display: block;
        text-decoration: underline;
    }
}
@media (max-width: 500px) {
  .home-theme .home-featured-article .article-header {
    margin-top: 0;
  }
  .home-theme .home-featured-article .article-header h1 {
    font-size: 2.1em;
    margin: 0 0 1em 0;
  }
  .home-theme .home-featured-article .article-header p {
    max-width: 100%;
  }
}
@media (max-width: 560px) {
  .home-theme .home-featured-article .article-header h1 {
    max-width: 100%;
  }
}
@media (min-width: 460px) and (max-width: 900px) {
  .block-views-staggers-staggershome {
    padding: 0 4em 4em 4em;
  }
  .the-staggers {
    border-top: solid 1px gainsboro;
    border-top: solid 1px rgba(0, 0, 0, 0.1); }
      .the-staggers header img {
        width: 14em;
        right: 3em;
        top: -2em;
      }
      .the-staggers header p {
        width: 267px; }
    .the-staggers .article-list li h3 {
      margin: 1em 0 0 0;
      font-size: 1.2em; }
    .the-staggers .cta, .the-staggers .more-link  {
      padding-top: 1em;
      clear: both;
    }
}
@media (min-width: 500px) and (max-width: 700px) {
  .home-theme .home-featured-article .article-header h1 {
    font-size: 3em;
  }
}
@media (max-width: 900px) {
  .home-theme .main-content {
    padding-top: 0;
  }
  .home-theme .article-column {
    width: 100%; }

  .home-theme .home-sidebar-top {
    width: 100%;
    border: none;
    right: 0; }
  .home-theme .home-featured-article {
    min-height: 0;
  }

  /*
  .home-theme .gibraltar-banner {
    max-height: 100em !important; }
  */

  .email-newsletter-box form {
    right: 0; }

  .home-most-read {
    padding: 4em 0; }
    .home-most-read .large-12 {
      padding-top: 0; }
    .home-most-read .row.article-list {
      float: none;
      width: 100%; }
      .home-most-read .row.article-list li {
        float: none;
        width: 100%;
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom: solid 1px gainsboro;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
        .home-most-read .row.article-list li .article-image img {
          margin: 0;
          width: 100%;
          max-width: 100%; }
        .home-most-read .row.article-list li .article-category a {
          margin-left: 2em; }
        .home-most-read .row.article-list li h5 {
          font: 1.15em/1.8 Merriweather, Georgia, serif;
          line-height: 1.85;
          margin-top: -0.35em; }
      .home-most-read .row.article-list li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; }

  .home-theme .mobile-banner {
    clear: both; }

  .home-articles {
    width: 100%;
    float: none;
    clear: both; }
}

@media (min-width: 900px) {
  
  /* The below is used as a placeholder if there is no image 
  .small-thumbs-article-list .large-4 {
    position: relative;
  }
  .small-thumbs-article-list .large-4 div:after {
    content: '\00a0';
    color: white;
  }
  .small-thumbs-article-list .large-4:before {
    content: 'NS';
    font: 1.2em "Unit Slab";
    color: white;
    text-transform: uppercase;
    position: absolute;
    right: 1.25em;
    top: 0.25em;
    z-index: 99;
    letter-spacing: -0.05em;
  }
  .small-thumbs-article-list .large-4 img {
    z-index: 8;
  }
  .small-thumbs-article-list .large-4 div:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 75%;
    background: #444;
    position: absolute;
    top: 0;
    left: 0;
  }*/
  
  /* Most excellent animated border hover effect that took me ages and looks really good, so we shouldn't remove it */
  .home-articles .item-list ul.article-list li.featured-content > a {
    display: block;
    position: relative;
  }
  .home-articles .item-list ul.article-list li.featured-content > a:before, .home-articles .item-list ul.article-list li.featured-content > a:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    z-index: 99;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
  }
  .home-articles .item-list ul.article-list li.featured-content > a:before {
          border-top: 2px solid #c1002a;
          border-bottom: 2px solid #c1002a;
          -webkit-transform: scale(0,1);
          transform: scale(0,1);
  }
  .home-articles .item-list ul.article-list li.featured-content > a:after {
          border-right: 2px solid #c1002a;
          border-left: 2px solid #c1002a;
          -webkit-transform: scale(1,0);
          transform: scale(1,0);
  }
  .home-articles .item-list ul.article-list li.featured-content:hover > a:before, .home-articles .item-list ul.article-list li.featured-content:hover > a:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (min-width: 900px) and (max-width: 1120px) {
  .the-staggers header {
      margin-bottom: 2em;
  }
    .the-staggers header p {
      display: none;
    }
    .the-staggers header img {
      width: 34%;
    }
}
@media (max-width: 1024px) {
    .home-articles .article-list li h3 {
        color: #c1002a;
        border-top: solid 0.2em #c1002a;
      }
}
@media (max-width: 1024px) and (min-width: 728px) {
  .home-theme .home-featured-article .article-header h1 {
    font-size: 3.6em;
  }
}
@media (max-width: 728px) {
  .home-most-read h2, .home-most-read .block > h2 {
    font-size: 3em;
  }
  .home-articles .item-list ul.article-list li {
    min-height: 0;
    padding-bottom: 3em;
  }
  .home-articles .item-list ul.article-list li h3 {
    font-size: 1.2em;
  }
  .home-articles .item-list ul.article-list li.featured-content h3 {
    padding: 0 1em;
  }
  .home-articles .item-list ul.article-list li.featured-content .featured-article-author {
    padding: 0 1.25em;
  }
    .home-theme .home-featured-article .article-header p {
      font-size: 1.6em;
    }
}
@media (min-width: 729px) and (max-width: 899px) {
  .home-articles .article-list li.article-replacement-banner {
    padding-top: 0;
    padding-bottom: 0; }
    .home-articles .article-list li.article-replacement-banner .mpu {
      padding: 5.25em 0 5.25em 0;
      border-bottom: none; } }
@media (min-width: 900px) and (max-width: 1000px) {
  .home-articles .article-list li.article-replacement-banner {
    width: 55%;
    padding-top: 3em; }

  .article-replacement-banner + li {
    width: 45%; } }
@media (min-width: 901px) and (max-width: 1100px) {

  .the-staggers h2 {
    font-size: 3.3em; }
  .the-staggers .article-list li {
    margin-bottom: 0.5em;
    padding-bottom: 0.25em; }
      .the-staggers .article-list li .article-author, .the-staggers .article-list li .article-date {
        margin-bottom: 0;
      }
  .the-staggers .more-link {
    margin-top: 1em;
  } }
/* The below styles override the tablet and mobile styles with mobile only styles */
@media (max-width: 650px) {
  .home-most-read .row.article-list li h5 {
    font-size: 1em;
    margin: 0 0 0 1.3em; } }
@media (max-width: 400px) {
  .home-theme .home-featured-article .article-header {
    padding: 2.75em 2em 2em 2em; }

  .home-most-read {
    padding: 2em; }
    .home-most-read .article-list {
      padding: 0;
    }
    .home-most-read .row.article-list li {
      padding: 0 0 1em 0;
    }
      .home-most-read .row.article-list li .article-category a {
        margin-left: 1.5em; }
      .home-most-read .row.article-list li h5 {
        font-size: 0.9em; }

  .home-articles .item-list ul.article-list li {
    padding: 1.11111111111em; }
  .home-articles .item-list ul.article-list li h3 {
    font-size: 1em; }
  .home-articles .item-list ul.article-list li p {
    line-height: 1.6;
    font-size: 0.9em;
    padding: 0 1em; } }
    

/* Override for anything less than 728px */
@media (max-width: 728px) {
  /* Sponsored article / native ad */
  .home-articles li.sponsored-article {
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 1.25em; } }
/* These are adjustments to make more content display above the fold in low res monitors */

@media (min-width: 1024px) {
  
  /* Fancy triangular shadows somewhere between flat and 3d appear on larger screens */
  .region-home-featured-image:before, .home-sidebar-top:after {
    content: '';
    position: absolute;
    left: -4em;
    top: 3em;
    border-top: solid 90em rgba(0,0,0,0.05);
    border-left: solid 4em transparent;
  }
  .home-sidebar-top:after {
    left: auto;
    right: -4em;
    border-left: none;
    border-right: solid 4em transparent;
  }
  .home-sidebar-top-2:after {
    display: none;
  }
}
@media (max-height: 700px) {
  .home-theme .home-featured-image {
    height: 31.25em;
  }
}
@media (min-height: 700px) and (max-height: 800px) {
  .home-theme .home-featured-image {
    height: 45em;
  }
}
@media (max-height: 850px) and (min-width: 900px) {
  .top-leaderboard {
    padding: 1em; }
    
  .region-home-featured-image:before, .home-sidebar-top:after {
    border-top: solid 80em rgba(0,0,0,0.05);
  }
}
@media (max-height: 1000px) and (min-height: 900px) {
  .home-theme .home-featured-article .article-header {
    margin-top: -11.5em;  
  }
}
@media (min-height: 900px) and (min-width: 1440px) {
  /*.home-theme .home-featured-article .article-header {
    margin-top: 3em;
  }
  .the-staggers header img {
    top: -5.4em;
  }*/
}
  
@media (max-height: 1000px) and (min-width: 900px) {
  .top-leaderboard {
    padding: 1em; }

  /* Logo used to respond to window size
  .site-logo {
    width: 9em;
    padding: 0.5em 0; }
  */
  
  .home-theme .home-background {
    height: 60em;
  }
  .region-home-featured-image:before, .home-sidebar-top:after {
    border-top: solid 82em rgba(0,0,0,0.05);
  }

  .the-staggers .cta a, .the-staggers .more-link  {
    margin: 0 auto; }

 }

@media (min-height: 1001px) and (max-height: 1150px) and (min-width: 900px) {
  
  .region-home-featured-image:before, .home-sidebar-top:after {
    border-top: solid 85em rgba(0,0,0,0.05);
  }
  .home-theme .home-background {
    height: 66em;
  }
  
}

/* Only show home background blurred picture in large enough screens */
@media (min-width: 1170px) {
  .region-home-featured-image-bg {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 2000px;
      overflow: hidden;
    }
    .home-theme .home-background {
      display: block;
      position: absolute;
      left: 0;
      right: -8em;
      top: 0;
      height: 72em;
      background: #333;
      overflow: hidden;
    }
    .home-theme .home-background img {
        position: absolute;
        top: -4em;
        left: -4em;
        width: 100%;
        opacity: 0.25;
        animation-fill-mode: none;
      /*-webkit-filter: blur(2em);
      -moz-filter: blur(2em);
      -o-filter: blur(2em);
      -ms-filter: blur(2em);
      filter: blur(2em);*/
    }
}
@media (min-width: 1440px) {
  .home-theme .home-featured-image {
      height: 58.25em;
  }
}
@media (min-width: 1700px) {
  .home-theme .home-featured-image {
      height: 58em;
  }
  .the-staggers header img {
    top: -4.6em;
    width: 38.9%;
  }
}
    
    
/* Article Theme */
.article-theme main {
  position: relative; }
.article-featured-image {
  position: relative; }
  .article-featured-image img.adaptive-image { 
    width: 100%; }
  .article-featured-image .image-credit {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 1;
    text-transform: uppercase;
    font-family: Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: rgba(255,255,255,0.4);
    margin-left: 2em;
    }

.main-content {
  background: #fefefe;
  position: relative;
  transition: margin 0.7s ease-in-out;
  -moz-transition: margin 0.7s ease-in-out;
  -webkit-transition: margin 0.7s ease-in-out; }

.has-featured-article {
  margin-top: -40%; }


/* If article has no image no-image */
/*.noimage .article-featured-image, .node-type-story .article-featured-image {
 background: grey;
 height: 14em;
}
.noimage .toggle-image, .node-type-story .toggle-image {
        display: none;
   }
.noimage .has-featured-article, .node-type-story  .has-featured-article {
  margin-top: 10em;
}
.noimage .article-header:before, .node-type-story .article-header:before {
       display: none;
 }*/


/* Infinite scroll on category page */
.ajax-progress.ajax-progress-throbber { width:100%; height:100px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; text-align:center; padding-bottom: 3em; } 
.ajax-progress.ajax-progress-throbber div.throbber { width:50px; height:50px; margin:auto; margin-top:3em; margin-bottom: 3em !important; float: none !important; }



.feature-image-revealed .has-featured-article {
  margin-top: 0; }
  
.node-type-longread.feature-image-revealed .main-content, .main-content.feature-image-revealed  {
  margin-top: -5em; }

.toggle-image {
  position: absolute;
  right: 0;
  top: -2.6em;
  text-transform: uppercase;
  font: lighter 1.6em Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: underline;
  color: white;
  background: rgba(0,0,0,0.4);
  padding: 0.25em 1.75em 0.4em 0.5em;
  cursor: pointer;
  }
  .toggle-image:after {
    content: '';
    border-top: solid 0.4em white;
    border-right: solid 0.4em transparent;
    border-left: solid 0.4em transparent;
    position: absolute;
    right: 0.4em;
    top: 0.75em; }
  .toggle-image b {
    font-weight: normal; }
  .toggle-image span {
    display: none; }
  
.feature-image-revealed .toggle-image span {
    display: inline;
}

.feature-image-revealed .toggle-image  b, .toggle-image.feature-image-revealed  b {
  display: none; }
.toggle-image.feature-image-revealed  span, .toggle-image.feature-image-revealed  span {
  display: inline; }
.feature-image-revealed .toggle-image:after { 
  border-bottom: solid 0.4em white;
  border-right: solid 0.4em transparent;
  border-left: solid 0.4em transparent;
  border-top: none; }
  

.article-theme .article-column, .page-taxonomy-term .category-column {
  margin-top: -8em;
  z-index: 9;
  position: relative;
  background: white; }


/* Article Sponsor / Native advertising */
.article-sponsor {
  background: white;
  padding: 4em 4em 2em;
  border-bottom: solid 1px gainsboro;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  z-index: 99;
  position: relative;
  }
  .article-sponsor .sponsor-logo {
    padding-right: 4em;
    text-align: center;
  }
  .front .article-sponsor .sponsor-logo {
    padding-right: 0;
  }
  .article-sponsor img {
    max-height: 9em; }
  .article-sponsor h2 {
    font-size: 1.8em;
    margin: 0; }
    .article-sponsor h2 + a {
      font-size: 2.1em; }
  .article-sponsor .sponsor-message {
    padding-left: 2em;
  }
  .article-sponsor p {
    font-size: 1.6em;
    margin: 0;
    line-height: 1.4em;
    color: #888; }
    .article-sponsor p a {
      color: black; }

.article-theme .node-blogs, .article-theme .node-story {
  background: white;
}
.article-header:before {
  content: '';
  position: absolute;
  top: -2em;
  left: 5.75em;
  border-bottom: solid 2.5em white;
  border-left: solid 2.5em transparent;
  border-right: solid 2.5em transparent; }
  
  .article-theme .article-column .article-author {
    padding: 4em 3em 3em 3em;
    background: white;
    text-align: center;
  }

/* Article aside (left column with author image and sharers in it) */
.article-left-column {
  position: relative;
  clear: left;
}
.full-height-column {
  background: white;
  text-align: center;
  }
    .article-theme .article-column .article-author .author-byline {
        font: 1.6em Unit, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #c1002a;
    }
      .article-theme .article-column .author-byline a {
        display: block;
        color: #c1002a;
        }
      .article-theme .share-buttons {
        margin: 0em auto 0 auto;
        padding: 0;
        width: 16.8em;
      }
      

/* New sharers. Now using ShareThis.com */
.share-buttons {
  list-style: none;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.stButton .stButton_gradient {
  background: none !important;
  background-image: none !important;
  border: none !important;
  filter: none !important;
}
ul.links {
  margin: -0.7em 0 0 0;
}
.stButton, .links.inline #widgets-element-service_links_print {
  display: inline-block;
  font-size: 1em !important;
  height: 4em;
  padding: 1em 5em 1em 1em !important;
  background: #ebebeb !important;
  border-radius: 0.3em !important;
  -moz-border-radius: 0.3em !important;
  -webkit-border-radius: 0.3em !important;
  margin-right: 0.5em !important;
  margin-bottom: 0.75em !important;
  border: none !important;
  position: relative;
  width: 14em !important;
  margin-left: 0 !important;
  border-bottom: solid 1px rgba(0,0,0,0.05);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#widgets-element-service_links_print a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -50000px;
    overflow: hidden;
    z-index: 999;
}
.stButton:hover, .links.inline #widgets-element-service_links_print:hover {
    box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.5);
    border-bottom: solid 1px rgba(0,0,0,0.5);
}
/*
.article-meta .stButton, .links.inline #widgets-element-service_links_print {
  width: 100% !important;
}*/
.article-actions .stButton .stHBubble {
  height: 2em;
  width: 2em;
  line-height: 2em;
}
.stButton .chicklets {
  display: none !important;
}
.stButton .stArrow {
  background: none !important;
  background-image: none !important;
}
.stButton .stArrow > span {
  background: rgba(255,255,255,0.2) !important;
  background-image: none !important;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  width: 3.9em;
  height: 3.9em;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-align: center;
  line-height: 4.2em;
  margin: 0 !important;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  display: none !important /* For now we are hiding the numbers */
}
.email-button .stButton .stArrow > span {
  display: none;
}
.stButton .stMainServices {
  background: none !important;
  background-image: none !important;
}
.st_facebook_hcount {
    position: relative;
}
.st_facebook_hcount .stButton {
  background: #315896 !important;
}
.st_facebook_hcount .stButton:before {
  content: "\f09a";
  font: 1.8em fontawesome;
  position: absolute;
  left: 0.75em;
  top: 0.65em;
  color: white;
}
.st_twitter_hcount {
    position: relative;
}
.st_twitter_hcount .stButton {
  background: #39a7d6 !important;
}
.st_twitter_hcount .stButton:before {
  content: "\f099";
  font: 1.7em fontawesome;
  position: absolute;
  left: 0.75em;
  top: 0.75em;
  color: white;
}
.st_whatsapp_hcount .stButton {
  background: #119708 !important;
  position: relative;
  top: -1.6em;
}
.st_whatsapp_hcount .stButton:before {
  content: "\f232";
  font: 1.7em fontawesome;
  position: absolute;
  left: 0.75em;
  top: 0.7em;
  color: white;
}
.st_linkedin_hcount .stButton {
  background: #0073b6 !important;
}
.st_linkedin_hcount .stButton:before {
  content: "\f0e1";
  font: 1.8em fontawesome;
  position: absolute;
  left: 0.75em;
  top: 0.65em;
  color: white;
}
.stButton .stArrow:after, .links.inline #widgets-element-service_links_print:after {
    content: 'Twitter';
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    color: white;
    position: absolute;
    left: 40px;
    top: 13px;
    z-index: 9;
}
.links.inline #widgets-element-service_links_print:after {
  top: 11px;
}
.st_reddit_hcount .stButton:before {
  content: "";
  background: url('images/reddit.png') no-repeat;
  background-size: 100%;
  width: 20px;
  height: 17px;
  position: absolute;
  left: 0.95em;
  top: 1.3em;
}
.ie8 .st_reddit_hcount .stButton:before {
  background: url('images/reddit_small.png') no-repeat !important /* important used to overide ShareThis external stylesheet */;
  width: 20px;
  height: 17px;
}
.st_stumbleupon_hcount .stButton:before {
  content: "";
  background: url('images/stumble.png') no-repeat;
  background-size: 100%;
  width: 20px;
  height: 17px;
  position: absolute;
  left: 0.85em;
  top: 1.3em;
}
.ie8 .st_stumbleupon_hcount .stButton:before {
  background: url('images/stumble_small.png') no-repeat !important /* important used to overide ShareThis external stylesheet */;
  width: 20px;
  height: 15px;
}
.reddit-button .stArrow:after {
    content: 'Reddit';
}
.facebook-button .stArrow:after {
    content: 'Facebook';
}
.pinterest-button .stArrow:after {
    content: 'Pin';
}
.stumble-button .stArrow:after {
    content: 'Stumble';
}
.google-plus-button .stArrow:after {
    content: 'Plus';
}
.linkedin-button .stArrow:after {
    content: 'Linkedin';
}
.send-article .stButton .stArrow:after, .email-button .stButton .stArrow:after {
    content: 'Email';
    color: black;
    /*left: -82px;*/
    text-transform: none;
}
.email-button {
  margin-top: 1em;
}
.links.inline #widgets-element-service_links_print:after {
    content: 'Print';
    color: black;
    /*left: -82px;*/
    text-transform: none;
}
.twitter-button:hover .stButton .stHBubble:before, .facebook-button:hover .stButton .stHBubble:before, .reddit-button:hover .stButton .stHBubble:before {
    color: rgba(255,255,255,0.8) !important;
}
.st_googleplus_hcount .stButton {
  background: #ca4e33 !important;
}
.stButton .googleplus {
  background: none !important;
  background-image: none !important;
}
.st_googleplus_hcount .stButton:before {
  content: "\f0d5";
  font: 1.8em fontawesome;
  position: absolute;
  left: 0.75em;
  top: 0.7em;
  color: white;
}
.st_stumbleupon_hcount .stButton {
  background: #e64b11 !important;
}
.st_pinterest_hcount .stButton {
  background: #c62321 !important;
}
.st_pinterest_hcount .stButton:before {
  content: "\f0d2";
  font: 1.9em fontawesome;
  position: absolute;
  left: 0.75em;
  top: 0.55em;
  color: white;
}
.st_reddit_hcount .stButton {
  background: #ff4601 !important;
}
.stButton .reddit, .stButton .print {
    background-image: none !important;
}


/* Article actions */
.article-theme .article-actions {
    padding-top: 0.6em;
    margin-bottom: 2em;
    position: relative;
    z-index: 3; }
    .article-theme .article-actions ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .article-mthemeeta .article-actions li {
        border-bottom: solid 0.1em #ccc;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out; 
      }
      .article-theme .article-actions li .stButton {
        text-align: left;
        font: lighter 0.9em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        cursor: pointer;
        color: #666;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out; 
        width: 100% !important;
        background: none !important;
        margin: 0 !important;
        padding: 0.5em 0 !important;
      }
      .article-theme .article-actions li:hover {
        border-bottom: solid 0.1em #666;
      }
      .article-theme .article-actions li .stButton:hover {
        color: #000; 
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
      }
      
/* Print button styles */
.article-theme .links.inline {
  margin: 0;
}
  .links.inline #widgets-element-service_links_print:before {
    content: "\f02f";
    font: 2em fontawesome;
    position: absolute;
    left: 0.65em;
    top: 0.55em;
    color: black;
  }
.st_email_hcount .stButton:before {
  content: "\f003";
  font: 0.9em fontawesome;
  position: absolute;
  left: 0em;
  top: 0.55em;
  color: black;
}
.email-button .stButton {
  margin-bottom: 0 !important;
}
.email-button .stButton:before {
  font: 1.9em fontawesome;
  left: 0.65em;
  top: 0.55em;
}

/* Author twitter links is used on several pages so not nested into header */
.author-twitter {
  position: relative;
  margin: 1.25em 0 0em 0em;
  display: inline-block; }
  
/*
  .author-twitter a {
    background: #ccc;
    font-size: 1em;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    width: 100%;
    padding-left: 2.5em;
    font: 1em Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out; }
  .author-twitter a:hover {
    background: black; }


.author-twitter:before {
    content: "\f099";
    font: 1em fontawesome;
    position: absolute;
    left: 0.6em;
    top: 0.6em;
    color: white; }
*/    

/* Article Header */
.article-header {
  padding: 4.75em 4em 4em 4em;
  z-index: 9;
  background: white;
  position: relative;
   }
  .article-theme .article-header:after {
    content: '';
    position: absolute;
    bottom: 1em;
    left: 20%;
    right: 20%;
    height: 1px;
    background: rgba(0,0,0,0.05);
  }
  .article-header .article-category, .article-header .article-date, .item-list .category-articles.article-list li .article-category,
  .item-list .category-articles.article-list li .article-date, .item-list .category-articles.article-list li .article-author {
    display: inline-block;
    font: 1.6em/1 Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0 1em 1.25em 0;
  }
  .article-header .article-category a {
    background: #c1002a;
    padding: 0.25em 0.5em;
    color: #fff;
    text-decoration: none;
    transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out; }
  .article-header .article-category a:hover {
    background: black; }
  .article-header .article-date {
    display: inline-block; }
  .article-header h1 {
    margin: 0;
    font-size: 4.4em;
    line-height: 1.2;
    }
  div.field-name-field-subheadline, .standfirst {
    font-size: 2.2em;
    line-height: 1.55;
    margin: 1em 0 0em 0;
    }
    div.field-name-field-subheadline p { font-size:1em;}
    div.field-name-field-subheadline p:first-of-type::first-letter { font-size:1em; color: #444;}
  .article-header .author-avatar {
    width: 6em;
    display: inline-block;
    float: left;
    margin-left: -1em; }
    .article-header .author-avatar img {
      display: block; }
  .article-header .author-byline {
    font: 1.8em/1 Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #c1002a;
  }
    .article-header .author-byline a {
      text-decoration: none;
      color: #c1002a;
    }
     

.politics .article-header .article-category a, .politics .site-nav li.active a, .politics .site-nav li.pl a {
  background: #e94b35;
}
/* Sub categories */
.politics .site-nav .sub-categories li.active a, .politics .site-nav .sub-categories li.active a {
  background: none;
}
.politics .site-nav .sub-categories li.active a:hover, .politics .site-nav .sub-categories li.active a:hover {
  color: white;
}
 
.Culture .article-header .article-category a, .Culture .site-nav li.cl a, .culture .article-header .article-category a, .culture .site-nav li.active a {
  background: #f2a941;
}
/* Sub categories */
.Culture .site-nav .sub-categories li.active a, .culture .site-nav .sub-categories li.active a {
  background: none;
}
.Culture .site-nav .sub-categories li.active a:hover, .culture .site-nav .sub-categories li.active a:hover {
  color: white;
}

.world .article-header .article-category a, .world .site-nav li.wl a, .world .site-nav li.wl a {
  background: #829495;
}
.world .article-header .article-category a:hover, .world .site-nav li.wl a:hover, .world .site-nav li.wl a:hover {
  color: white;
}
/* Sub categories */
.world .site-nav .sub-categories li.active a, .world .site-nav .sub-categories li.active a {
  background: none;
}

.scitech .article-header .article-category a, .scitech .site-nav li.sl a, .Science .article-header .article-category a, .Science .site-nav li.active a,
.Science .site-nav li.sl a {
  background: #49cdaa;
}
.scitech .article-header .article-category a:hover, .scitech .site-nav li.sl a:hover, .Science .article-header .article-category a:hover, .Science .site-nav li.active a:hover,
.Science .site-nav li.sl a:hover {
  color: white;
}
/* Sub categories */
.scitech .site-nav .sub-categories li.active a, .Science .site-nav .sub-categories li.active a {
  background: none;
}

.our-writers-theme .article-header .article-category a, .our-writers-theme .site-nav li.active a, .our-writers-theme .site-nav li.ol a {
    background: #9A0510;
    color: white;
}
.page-long-reads .article-header .article-category a, .page-long-reads .site-nav li.active a, .long-read-theme .site-nav li.active a, .long-read-theme .site-nav li.ll a {
  background: #C2D858;
}

      
/* On article page the header is floated right and it has author and sharers to the left */
.article-theme .article-header {
  float: right;
}
      

.author-twitter {
  margin-bottom: 1em;
}
  .author-twitter a {
      position: relative;
      background-color: #eee;
      background-image: -webkit-linear-gradient(#fff,#dedede);
      background-image: linear-gradient(#fff,#dedede);
      border: #ccc solid 1px;
      border-radius: 3px;
      color: #333;
      font-weight: bold;
      text-shadow: 0 1px 0 rgba(255,255,255,.5);
      cursor: pointer;
      height: 20px;
      padding-left: 2em;
      padding-right: 0.5em;
      font: 11px/18px 'Helvetica Neue',Arial,sans-serif;
      display: inline-block;
      text-decoration: none;
  }
  .author-twitter a:before {
        content: "\f099";
        font: 11px fontawesome;
        color: #5ba8df;
        position: absolute;
        left: 5px;
        top: 3px;
  }
  .author-twitter a:hover {
    border: #999 solid 1px;
  }
/* Author twitter links is used on several pages so not nested into header 
.author-twitter {
  position: relative;
  margin: 1.25em 0 0em 0em; }
  .author-twitter a {
    background: #ccc;
    font-size: 1em;
    border-radius: 0.3em;
    width: 100%;
    padding-left: 2em;
    transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out; }
  .author-twitter a:hover {
    background: black; }

.author-twitter:before {
  content: "\f099";
  font: 1em fontawesome;
  position: absolute;
  left: 0.6em;
  top: 0.45em;
  color: white; }
  */


/* Article body */
.article-theme .article-column section {
 padding: 2em 4em 3em 4em;
 background: white;
 float: right;
 }
  .article-theme .article-column section a {
    color: #c1002a;
    text-decoration: none;
  }
  .article-theme .article-column section p {
    margin: 0 0 1.75em 0;
    color: #333;
  }
  .article-theme .article-column section h2, .article-theme .article-column section h3, .article-theme .article-column section h4, .article-theme .article-column section h5 {
    margin: 0 0 1em 0;
  }


/* Article images */
.article-theme .article-column section img {
  margin: 2em auto 1em auto;
  }

.article-theme .article-column section img.alignright {
  float: right;
  margin: 2em 0 2em 2em;
  max-width: 70%; }

.article-theme .article-column section img.alignright {
  float: left;
  margin: 2em 2em 2em 0;
  max-width: 70%; }
.image-caption, .article-theme .article-column section p.image-caption, .article-theme .article-column section p span.image-caption {
    text-transform: uppercase;
    font: 1.4em "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    position: relative;
    top: -3em;
    background: rgba(255,255,255,0.8);
    left: 0em;
    padding: 0.2em 0.5em;
    margin: 0 !important;
    display: inline-block;
}
.article-theme .article-column section p span.image-caption {
  font-size: 1em !important;
}


/* Overriding inline styles added via CMS */
.full-width-pullquote span {
  font-size: 1em !important;
  line-height: 1 !important;
  position: relative;
}



/* The wonderful world of quotes */
.article-column blockquote {
  border-left: solid 1em #ebebeb;
  padding-left: 2em;
}
.article-column .pullquote {
  margin: 2em;
  float: left;
  width: 45%;
  position: relative;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 2.7em;
}
  /* Because paragraph styles have been enforced, we need to forcefully overwrite again if paragraphs are inside blockquotes */
  .article-theme .article-column section .pullquote p, .article-theme .article-column section .pullquote span {
    font: 1em/1.3 "Unit Slab", Georgia, "Times New Roman", serif !important;
  }
  .article-theme .article-column section .pullquote p:last-child {
    margin-bottom: 0 !important;
  }
.article-column .pullquote:before {
    color: #c1002a;
    content: open-quote;
    font: 6.5em/0.35 "Unit Slab", Georgia, serif;
    margin: 0.225em 0.05em 0.075em -0.05em;
    height: 0.1em;
    display: block;
}
  .article-theme .article-column section .pullquote p:last-child {
    margin-bottom: 0;
  }
  .article-theme .article-column section .pullquote cite {
    color: #c1002a;
    position: relative;
    top: -1.65em;
  }

.full-width-pullquote {
  font-size: 2.7em;
  line-height: 1.3;
  margin: 4em 0;
  position: relative;
  text-align: center;
}
    .full-width-pullquote span:before {
      content: 'N';
      font: 0.8em "Unit Slab";
      color: #ccc;
      position: absolute;
      bottom: -1.6em;
      left: 50%;
      width: 3em;
      height: 1em;
      padding-right: 0.2em;
      background: white;
      margin-left: -2em;
      z-index: 1;
    }
    .full-width-pullquote span:after {
        content: 'S';
        font: 0.8em "Unit Slab";
        color: #999;
        position: absolute;
        bottom: -1.6em;
        left: 50%;
        width: 1em;
        height: 1em;
        margin-left: -0.5em;
        z-index: 9;
    }
  .full-width-pullquote cite {
    font-size: 0.7em;
    color: #666;
    font-style: italic;
    margin-top: 1em;
    display: block;
  }
  .article-theme .article-column section .full-width-pullquote p {
    line-height: 1.3;
    font-size: 1em;
    margin: 0;
  }
    .article-theme .article-column section .full-width-pullquote p:first-of-type:first-letter, .article-theme .article-column section blockquote p:first-of-type:first-letter {
        color: #222;
        font-size: 2.5em;
        line-height: 0.9em;
        margin-top: 0.15em;
        margin-right: 0.1em;
    }
.full-width-pullquote:before, .full-width-pullquote:after {
  content: '';
  position: absolute;
  top: -1em;
  left: 20%;
  right: 20%;
  height: 1px;
  display: block;
  background: #ebebeb;
}
.full-width-pullquote:after {
  top: auto;
  bottom: -1em;
}

.divider {
    font: 2.4em "Unit Slab", Georgia, serif;
    display: inline-block;
    background: white;
    position: relative;
    color: #999;
    margin: 0 0 1em 0;
    width: 100%;
    text-align: center;
}
  .divider:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #ebebeb;
  }
  .divider:before {
    content: '***';
    position: absolute;
    width: 4em;
    height: 2em;
    left: 50%;
    top: 0em;
    margin: -0.5em 0 0 -2em;
    background: white;
    z-index: 9;
    line-height: 1;
    padding-top: 1.38em;
    color: #c1002a;
  }
    
  
.article-theme .article-column section .pullquote p:first-of-type:first-letter,
.article-theme .article-column section p.rtecenter:first-of-type:first-letter,
.article-theme .article-column section blockquote p:first-of-type:first-letter,
.article-theme .article-column section table p:first-of-type:first-letter {
  float: none;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  color: #222; }

.article-column .related-story-box {
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 2em;
  padding: 0 0 2em 0; }
  .article-column .related-story-box img {
    margin: 0; }
  .article-column .related-story-box h5 {
    font-size: 1.6em;
    margin: 0 0 0 1em; }

/* This is an attempt to style past image captions – however it should be re-looked at */
p + p.rteright em {
  margin-top: -1.5em;
  margin-bottom: 2.5em;
  display: block;
  font-size: 0.9em;
  line-height: 1.5;
  color: #888;
  text-align: right; }

/* These are styles to override any inline styles added via the CMS. If you need to remove this, just remove the below style */
.article-theme .article-column section p {
    font: 1.9em/2 Merriweather, Georgia, "Times New Roman", serif !important;
    margin: 0 0 1.75em 0 !important;
    color: #222 !important;
}
  .article-theme .article-column section p span {
    font: 1em/2 Merriweather, Georgia, "Times New Roman", serif !important;
    margin: 0 !important;
    color: #222 !important;
  }
  em {
    font-style: italic;
  }

.previous-article, .next-article {
  display: none; }

.article-footer {
  padding-bottom: 3em; position:relative; }

.comments-area {
    background: #ebebeb;
    padding: 3em;
    margin-bottom: 0;
}
.comments-toggle, .disqus_comment {
  float: left;
  padding-left: 2.5em;
  position: relative;
  }
.comments-toggle:before, .disqus_comment:before {
  content: "\f086";
  font: 1em fontawesome;
  position: absolute;
  left: 0.75em;
  top: 50%;
  margin-top: -0.5em;
}

/* Gibraltar section */
body.gibraltar .site-nav .sub-nav ul.sub-categories, .page-node-200693 .site-nav .sub-nav ul.sub-categories {
  position: relative;
  font-size: 1.4em;
  padding-left: 120px;
}
body.gibraltar .site-nav .sub-nav ul.sub-categories:before, .page-node-200693 .site-nav .sub-nav ul.sub-categories:before {
  content: 'Gibraltar';
  width: 100px;
  height: 32px;
  text-indent: -5000px;
  background: url('images/gibraltar_logo.png') no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
}
.page-taxonomy-term-8306 .home-articles .item-list ul.article-list li:nth-child(2n+1) {
  clear: both;
}
.page-taxonomy-term-8306 #content + .row {
    margin-top: -20em;
    background: white;
    position: relative;
    padding: 0 4em;
}
/*.page-taxonomy-term-8306 .primary-content, .page-taxonomy-term-8306 .right-sidebar {
  padding-top: 4em;
}*/


/* Article footer sharers */
/*.article-footer-sharers h4 {
  text-align: center;
  font-size: 1.4em;
  text-transform: uppercase; }*/
.article-theme .article-footer-sharers {
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 1em;
  list-style:none;
  width: 60em;
  float: right;
  }
  .article-theme .article-footer-sharers li {
    display: inline-block;
  }
  .article-theme .article-footer-sharers li.email-button {
    margin-top: 0;
  }
  .article-theme .article-footer-sharers ul.links {
    display: none;
}


.first-appeared-in {
  border-top: solid 1em black;
  padding-top: 2em;
  margin-top: 3em;
  position: relative;
}
/*
.first-appeared-in:before {
    content: "\f187";
    font: 3em/1 fontawesome;
    color: black;
    position: absolute;
    left: 0.5em;
    top: 0.6em;
}*/
  .article-theme .article-column section .first-appeared-in p {
    font-size: 1.4em !important;
    line-height: 1.4 !important;
    }
    .article-theme .article-column section .first-appeared-in p:first-of-type:first-letter {
      color: black;
    }
    .first-appeared-in a {
      color: black;
      font-style: italic; }
  .first-appeared-in .issue-date {
    font-size: 1.4em;
    color: #999;
    text-align: right; }

/* About the author */
.about-the-author {
  border-top: solid 1em #9A0510;
  padding-top: 2em;
  margin-bottom: 1.5em;
  margin-top: 3em;
  clear: both;}
  .about-the-author .author-avatar {
    padding-right: 2em;
  }
  .article-theme .article-column section .about-the-author .author-avatar img {
    margin: 0;
  }
    .article-theme .article-column section .about-the-author .author-details p {
        line-height: 1.5 !important;
        font-size: 1.6em !important;
        margin: 0.5em 0 0 0 !important;
      }
    .article-theme .article-column section .about-the-author .author-details p:first-letter {
      color: black;
      font-size: 1em;
      float: none;
      line-height: 1.5em;
      margin-top: 0;
      margin-right: 0;
      margin-left: 0;
      font-weight: normal;
    }
    .article-theme .article-column section .about-the-author .author-details h3 {
        font-size: 2.1em;
        margin: 0;
      }

/* Override large first letter */
.article-column section .first-appeared-in p:first-of-type:first-letter {
  font-size: 1em;
  float: none;
  margin: 0; }


/* Article footer promotion */
.article-footer-promotion {
    border-top: solid 1em #ebebeb;
    padding-top: 2em;
    margin-top: 2em;
}
  .article-theme .article-column section .article-footer-promotion img {
    margin: 0;
  }
  .article-footer-promotion .magazine-cover {
    padding-right: 3em;
    position: relative;
    min-width: 10em;
  }
    .article-footer-promotion .magazine-cover:after {
     content: '';
      position: absolute;
      top: 1em;
      right: 2em;
      border-left: solid 1em rgba(0,0,0,0.15);
      border-bottom: solid 7em transparent;
    }
  .article-footer-promotion .promotion-text {
    max-width: 60%;
  }
  .article-theme .article-column section .article-footer-promotion h3 {
    font: 1.4em Merriweather, Georgia, serif;
    margin-top: 1em;
  }
  .article-theme .article-column section .article-footer-promotion .cta a {
    color: white;
  }



/* Article gallery */
.gallery-view {
  text-align: center;
}
  .gallery-frame {
    width: 100% !important;
  }
    .gallery-slides {
      width: 100% !important;
      height: auto !important;
      padding-bottom: 75%;
    }
      .gallery-slides li {
        right: 0;
        width: 100%;
      }
        .gallery-slides li img {
          width: 100%;
        }
  .galleryformatter-greenarrows .gallery-thumbs {
      width: 100% !important;
      left: 0;
      position: absolute;
      bottom: 110px;
      margin: 0 auto;
      background: rgba(0,0,0,0.95);
      padding: 2em 0 4em 2em;
      text-align: center;
      transition: opacity 0.7s ease-in-out;
      -moz-transition: opacity 0.7s ease-in-out;
      -webkit-transition: opacity 0.7s ease-in-out;
  }
    .galleryformatter-greenarrows .gallery-thumbs .wrapper {
        width: auto;
        display: inline-block;
        border: none !important;
        background: none !important;
    }
      .galleryformatter-greenarrows .gallery-thumbs li {
        padding: 0;
        margin: 0 1em;
        border: solid 0.5em #333;
        transition: opacity 0.7s ease-in-out;
        -moz-transition: opacity 0.7s ease-in-out;
        -webkit-transition: opacity 0.7s ease-in-out;
      }
      .galleryformatter-greenarrows .gallery-thumbs li:hover {
        border: solid 0.5em #ccc;
      }
      .galleryformatter-greenarrows .gallery-thumbs li.active {
        border: solid 0.5em #ebebeb;
      }
        .galleryformatter-greenarrows .gallery-thumbs li a {
          padding: 0;
        }
        .galleryformatter-greenarrows .gallery-thumbs li img {
          transition: opacity 0.4s ease-in-out;
          -moz-transition: opacity 0.4s ease-in-out;
          -webkit-transition: opacity 0.4s ease-in-out;
        }
      .galleryformatter .gallery-thumbs .arrow {
        top: 50%;
        margin-top: -20px;
        background: none;
      }
      .galleryformatter .gallery-thumbs .arrow:after {
          content: "\f054";
          font: 2em fontawesome;
          color: rgba(255,255,255,0.5);
          transition: opacity 0.7s ease-in-out;
          -moz-transition: opacity 0.7s ease-in-out;
          -webkit-transition: opacity 0.7s ease-in-out;
      }
      .gallery-thumbs:hover .galleryformatter .gallery-thumbs .arrow:after {
          color: rgba(255,255,255,1);
      }
      .galleryformatter-greenarrows .gallery-thumbs .back:after {
          content: "\f053";
      }
  .galleryformatter-greenarrows .slide-button, .galleryformatter .prev-slide {
    background: none;
    opacity: 0.7;
  }
  .galleryformatter .prev-slide {
    left: 5em;
  }
  .gallery-view:hover .galleryformatter-greenarrows .slide-button {
    opacity: 1;
  }
  .galleryformatter-greenarrows .slide-button:after, .galleryformatter .prev-slide:after {
      content: "\f054";
      font: 3em fontawesome;
      color: white;
      position: absolute;
      right: 0;
      z-index: 9999;
      background: black;
      width: 3em;
      height: 3em;
      text-indent: 0;
      text-align: center;
      padding-top: 1em;
  }
  .galleryformatter-greenarrows .prev-slide:after {
    content: "\f104";
  }
  .galleryformatter .view-full {
    display: none;
  }

.related-articles {
  padding-left: 0;
  padding-right: 0;
}
  .related-articles .item-list ul.horizontal-article-list li {
    border-top: none;
  }
    


/* Infinite scroll loading icon */
.infinite-loader {
  margin: 5em 0;
  width: 100%;
  text-align: center;
  font: 1.8em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
  color: black; }
  .infinite-loader img {
    width: 150px;
    margin-bottom: 3em;
    }


@media (max-width: 360px) {
  .long-read-theme .main-content .article-column .article-header .article-author .author-avatar {
    display: none;
  }
  .article-footer {
    padding: 0;
  }
  .comments-area {
    padding: 2em;
  }
}
@media (max-width: 500px) {
  .has-featured-article {
    margin-top: 0; }
  .toggle-image {
    display: none;
  }
  .article-sponsor {
    font-size: 0.8em;
    padding: 2.5em; }
    .article-theme .article-header {
      padding: 2.7em 2em 4em 2em;
      }
      .article-theme .article-column .article-author {
        padding-left: 1.429em;
        padding-right: 1.429em;
      }
    .full-height-column {
      padding: 0 2em;
    }

  .article-sponsor .sponsor-logo {
    padding-right: 0;
  }
  .article-theme .main-content section, .node-type-longread .main-content section {
    padding: 2em; }

/*
  .article-header .author-twitter {
    width: 2em;
    }
    .article-header .author-twitter a {
      text-indent: -5000px;
      overflow: hidden;
      padding: 0;
      width: 2em;
      height: 2em; }

  .article-header .author-twitter:before {
    left: 0.8em;
    top: 0.85em; }
*/

  /* Article images */
  .article-theme .article-column section img, .article-theme .article-column section img.alignright, .article-theme  .article-column section img.alignright {
    margin: 2em auto;
    float: none;
    max-width: 100%;
  }
  .full-width-pullquote {
    font-size: 2.1em;
  }
  
  .page-taxonomy-term-8306 #content + .row {
      margin-top: 0em;
      background: white;
      position: relative;
      padding: 0 2em;
  }
  .page-taxonomy-term-8306 .primary-content, .page-taxonomy-term-8306 .right-sidebar {
    padding-top: 2em;
  }
}
@media (min-width: 500px) {
  .first-appeared-in p {
    width: 100%;
    float: left;
  }
  .first-appeared-in .issue-date {
    float: right;
    width: 20%;
  }
}
@media (min-width: 500px) and (max-width: 727px) {
  .full-height-column {
      padding: 0 4em;
    }
}
@media (max-width: 727px) {
  .article-theme .article-header {
    float: none;
  }
  .article-theme .article-column .article-author {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-theme .article-column .article-author .author-byline {
    
  }
    .article-theme .article-column .author-byline a {
      display: inline;
    }
  .full-height-column {
    text-align: left;
  }
  .share-buttons li.reddit-button {
    position: relative;
  }
  .st_email_hcount .stButton:before, .article-theme .st_print_hcount .stButton:before  {
      font: 1.5em fontawesome;
    }
    .email-button .stButton:before {
        left: 0.1em;
    }
  .share-buttons .links {
    display: none;
  }
  .article-actions li.print-article {
        position: relative;
        top: -0.85em;
    }
  .article-theme .article-column section img, .article-theme .article-column section img.alignright, .article-theme  .article-column section img.alignright {
    height: auto !important /* this is to prevent the image from remaining at the height defined in the image attribute in mobile versions, which would cause the images to appear squisharooned */;
  }
  .article-theme .article-column section p {
    font-size: 1.6em !important;
  }
}
@media (max-width: 728px) {
  .article-header, .article-column section {
    float: none;
  }
  .article-theme .article-header:after {
    bottom: 2em;
  }
    .article-header h1 {
      font-size: 2.7em;
      font-weight: bold;
      margin-top: 0.5em; }
  
    div.field-name-field-subheadline, .standfirst {
      font-size: 1.8em; }

  /* Note 2. Read Note 1 first. Note from CB. In mobile views we're displaying a smaller, simpler version of the article meta below the article header */
  .article-theme {
      text-align: left;
  }
    .author-avatar {
        display: none;
    }
    .article-theme .article-author .author-byline {
      position: relative;
      font-size: 1em;
      text-transform: uppercase;
    }
      .article-theme .author-byline a {
        display: inline;
      }
    .author-twitter {
      display: none;
    }
      
  /* Sharers */
  .full-height-column .share-buttons, .article-header-sharers .article-actions {
    display: inline-block;
    width: auto;
  }
  .full-height-column .share-buttons {
    margin: 3em 0 1em 0;
  }
    .share-buttons li, .article-header-sharers .article-actions li {
      display: inline-block;
      margin: 0 1em 0 0;
      border: none;
      overflow: hidden;
    }
    .article-actions li:last-child {
      margin-right: 0;
    }
      .share-buttons .stButton, .article-header-sharers .article-actions li .stButton {
        padding: 0 !important;
        width: 4em !important;
        height: 4em !important;
        border-radius: 2em !important;
        -moz-border-radius: 2em !important;
        -webkit-border-radius: 2em !important;
        margin: 0 !important;
      }
      .article-actions li .stButton {
          background: #ccc !important;
          font-size: 0.55em !important;
      }
      .st_email_hcount .stButton:before, .article-header-sharers .st_print_hcount .stButton:before  {
          right: 0;
          text-align: center;
          top: 0.8em;
          color: black;
        }
      .share-buttons li .stButton .stArrow > span, .article-actions li .stButton .stArrow > span, .send-article .stButton .stArrow:after, .print-article .stButton .stArrow:after {
        display: none !important;
      }
  
  .pullquote { 
    width: 90%;
    float: none;
    margin: 2em auto; }
    .pullquote p {
      font: 3em/1.6 "Unit Slab", Georgia, serif;
      color: #c1002a; }
}
@media (max-width: 360px) {
  .has-featured-article {
    margin-top: 0em; }
  .toggle-image {
    display: none; }
  .share-buttons, .article-actions ul {
    font-size: 0.9em;
  }
  .share-buttons li, .full-height-column .article-actions li {
    margin-right: 0.5em;
  }
  .st_email_hcount .stButton:before, .full-height-column .st_print_hcount .stButton:before {
    font-size: 1.8em;
    left: 0;
    top: 0.7em;
  }
  .share-buttons li.reddit-button, .full-height-column .article-actions li.print-article {
        position: relative;
    }
  .share-buttons li.reddit-button {
      position: relative;
  }
  .article-column section p {
    font-size: 1.6em;
    line-height: 1.8em;
  }
  .comments-toggle {
    padding: 0.25em 1em;
  }
  .comments-toggle:before {
    display: none;
  }
  .secondary-content-box.related-articles li .large-4, .secondary-content-box.related-articles li .large-8 {
    width: 100%;
  }
  .secondary-content-box.related-articles .item-list ul.horizontal-article-list li h5 {
    margin: 0.5em 0 2em 0;
  }
}
@media (min-width: 361px) and (max-width: 728px) {
  .related-articles .item-list ul.horizontal-article-list li {
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 1em;
  }
}

/* Override related article heading size in small screens */
@media (max-width: 450px) {
  .article-column .pullquote {
    float: none;
    width: 90%;
    margin: 4em auto 3em auto;
    font-size: 1.8em;
  }
  .pullquote p {
    font-size: 2.1em;
  }
  .related-articles.secondary-content-box .article-list h5 {
    font-size: 1em; }
  /*.comments-toggle, .article-footer-sharers h4 {
    width: 45%;
  }*/
  .article-footer-sharers h4 {
    left: 0em;
  }
  .article-footer-sharers ul {
    text-align: left;
    padding-top: 1em;
  }
    .article-footer-sharers ul li {
      display: block;
      margin-right: 0;
    }
    .article-footer-sharers ul.more-sharers {
      padding-top: 0;
    }
  .share-buttons li {
    margin: 0.5em 0.5em 0 0; }
}
@media (max-width: 728px) {
  .article-footer-sharers ul li {
    display: block;
  }
}
@media (min-width: 728px) and (max-width: 900px) {
  .article-header h1 {
    font-size: 3.6em;
  }
  .stButton .stArrow {
    padding-left: 0 !important;
  }
}
@media (max-width: 450px) {
  .secondary-content-box.related-articles {
    padding-left: 2em;
    padding-right: 2em; }
  .article-footer {
    padding-left: 0;
    padding-right: 0; }
}
@media (min-width: 450px) and (max-width: 900px) {
  .article-footer-sharers {
    width: 100%;
  }
   .article-footer-sharers h4 {
      width: 12em;
    }
    .article-footer-sharers ul ul {
      text-align: left;
    }
  .secondary-content-box.related-articles, .article-footer {
    padding-left: 2em;
    padding-right: 2em; }
}
@media (min-width: 728px) and (max-width: 799px) {
  .full-height-column .share-buttons, .full-height-column .article-actions, .full-height-column .links.inline {
    width: 12em;
  }
}
@media (min-width: 728px) {
    .article-theme .article-header {
      border-left: solid 1px #f0f0f0;
      border-left: solid 1px rgba(0, 0, 0, 0.05);
    }
    .full-height-column .share-buttons {
      top: 0 !important;
      transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7 ease-in-out;
      -webkit-transition: all 0.7s ease-in-out;
    }
    .article-theme .article-column section {
      border-left: solid 1px #f0f0f0;
      border-left: solid 1px rgba(0, 0, 0, 0.05);
    }
}
@media (min-width: 728px) and (max-width: 960px) {
  .article-theme .article-column .article-author {
    padding-left: 1em;
    padding-right: 1em;
  }
    .article-theme .article-column .article-author .author-byline {
      font-size: 1.2em;
    }
  .secondary-content-box.related-articles ul {
    margin: 0 -1em;
  }
  .secondary-content-box.related-articles .item-list ul.article-list li {
    padding: 0 1em;
  }
    .secondary-content-box.related-articles .article-list h5 {
      margin: 0;
    }
    .secondary-content-box.related-articles li .large-4, .secondary-content-box.related-articles li .large-8 {
      width: 100%;
    }
}
@media (min-width: 800px) and (max-width: 900px) {
  .full-height-column .share-buttons, .full-height-column .article-actions, .full-height-column .links.inline {
    width: 14em;
  }
}
@media (min-width: 451px) and (max-width: 1150px) {
  .article-column .pullquote {
    float: none;
    width: 80%;
    margin: 3em auto;
    font-size: 2.1em;
  }
}
@media (min-width: 900px) and (max-width: 1190px) {
  .full-height-column .share-buttons, .full-height-column .article-actions, .full-height-column .links.inline {
    width: 10.5em;
  }
}
@media (max-width: 900px) {
  /* Article gallery in mobile */
  .gallery-slides {
    padding-bottom: 68%;
  }
  .galleryformatter .slide-button {
    top: 50%;
    margin-top: -5em;
  }
  .galleryformatter .prev-slide {
    left: 2.5em;
  }
  .galleryformatter-greenarrows .slide-button:after, .galleryformatter .prev-slide:after {
    font-size: 2em;
  }
  .gallery-thumbs {
    display: none;
  }
  
  /* Article headline is not pulled up to overlap the image in mobile versions */
  .article-theme .article-column, .page-taxonomy-term .category-column, .page-taxonomy-term .article-column {
    margin-top: 0;
    width: 100%; }
    
  .article-theme .article-column .article-author .author-byline {
    font-size: 1.2em;
  }

  /* Padding right increased to 5em to accommodate the "More" tab */
  .article-theme article section, .node-type-longread article section {
    padding-right: 3.5em; }

  
  .article-footer-sharers {
    padding-left: 0; }
    
  .article-theme .article-footer-sharers {
    float: none;
    margin-top: 2em;
  }
    .article-theme .article-footer-sharers li {
      float: left;
      margin-top: 1em;
      width: auto;
    }
    /* The article footer sharer heading become the toggle in mobile 
  .article-footer-sharers ul {
    visibility: hidden;
    opacity: 0;
    z-index: -99;
    position: absolute;
  }
  
    .article-footer-sharers li.more-sharers {
      opacity: 1;
      visibility: visible;
      z-index: 9;
      margin: 0;
      height: auto;
    }
  .article-footer-sharers .more-sharers-toggle {
    display: none;
  }
  .article-footer-sharers h4 {
    background: black;
    color: #fff;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0.25em 1em;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    cursor: pointer;
    font-size: 1.45em;
    padding: 0.5em;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
  .article-footer-sharers h4:before {
    display: none;
  }
  .article-footer-sharers h4:hover {
    background: #141414;
    background: rgba(0, 0, 0, 0.9);
  }
  .article-footer-sharers-revealed ul {
    visibility: visible;
    opacity: 1;
    z-index: 9;
    position: static;
  }*/
}
@media (min-width: 900px) and (max-width: 1150px) {
  
  .article-theme .article-column .article-author {
    padding-left: 1em;
    padding-right: 1em;
  }
  /* In this screen width the article sharers lose their text because they would be too squashed */
  .stButton, .links.inline #widgets-element-service_links_print {
      width: 9em !important;
  }
    .stButton .stArrow {
      padding-left: 0 !important;
      margin-left: 0 !important;
      height: auto;
      display: inline !important;
    }
      .stButton .stArrow > span {
          height: 4.2em;
      }
    .facebook-button .stArrow:after, .stButton .stArrow:after, .reddit-button .stArrow:after, .print-article .stButton .stArrow:after,
    .send-article .stButton .stArrow:after, .email-button .stButton .stArrow:after, .links.inline #widgets-element-service_links_print:after {
      display: none !important;
    }
}
@media (min-width: 1150px) {
  .full-height-column .share-buttons {
      margin: 0 auto;
      padding: 0;
      width: 16.8em;
    }
  .full-height-column .links.inline {
    width: 16.8em;
  }
}
@media (min-width: 900px) and (max-width: 1440px) {
  .stButton .stArrow > span {
      width: 4.2em;
      height: 4.2em;
  }
}
/* Display a gradient shadow behind article column on screens wider than the column */
@media (min-width: 901px) {
  /* Now trying simpler method using webkit-mask-image and webkit-gradient */
  .article-column .article-column header, .home-featured-article {
    position: relative; }

  .article-theme .article-column:before, .category-theme .category-column:before {
    content: '';
    position: absolute;
    display: block;
    top: 0em;
    left: 0em;
    right: 0em;
    height: 34em;
    background: black;
    -webkit-filter: blur(0.5em);
    -moz-filter: blur(0.5em);
    -o-filter: blur(0.5em);
    -ms-filter: blur(0.5em);
    filter: blur(0.5em);
    z-index: -2;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */ }
    
  .article-theme .full-height-column {
      position: absolute !important;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: 4.8em;
      padding-top: 2.8em;
  }

  /*
  .home-featured-article:before {
    top: 64.3%;
    z-index: 6; }

  .home-theme .home-sidebar-top:before, .home-most-read:before {
    top: 29em;
    left: 50%;
    z-index: 0;
    height: 30em;
    -webkit-filter: blur(2em);
    -moz-filter: blur(2em);
    -o-filter: blur(2em);
    -ms-filter: blur(2em);
    filter: blur(2em); }

  .home-theme .home-sidebar-top:before {
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    }

  .home-most-read:before {
    top: -42em;
    left: 80%;
    height: 25em;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  }
    
    .article-footer .large-2 {
      position: relative;
    }
    .article-footer .large-2:after {
        content: '.';
        display: block;
        color: white;
    }
}
    
@media (max-height: 850px) {
  .home-sidebar-top:before {
    top: 13em;
  }
}
@media (max-height: 1150px) {
  .home-featured-article:before {
    top: 62.5%;
  }
}
@media (max-height: 1000px) {
  .home-featured-article:before {
    top: 61%;
  }
}
@media (max-height: 850px) {
  .home-featured-article:before {
    top: 57.5%;
  }
*/
}

@media (min-width: 901px) and (max-width: 1100px) {
  .article-header h1 {
    font-size: 3.6em; }
  .article-header p, div.field-name-field-subheadline p, div.field-name-field-subheadline{
    font-size: 1.45em; } }
@media (max-width: 1056px) {
  .article-theme .article-column {
    margin-top: 0; } }
/* Shadow on right does not display in narrower screens */
@media (max-width: 1360px) {
  .home-sidebar-top:before, .home-most-read:before {
    display: none; }
  .home-sidebar-top:after, .home-most-read:after {
    display: none; } }
@media (min-width: 960px) {
  .related-story-box {
    float: right;
    margin-left: 2em;
    width: 40%;
    margin-right: -1em; } } 
/* Content that touches the edges in smaller screens is given padding */
@media (min-width: 500px) and (max-width: 1180px) {
  .related-articles, .article-footer {
    padding-left: 4em;
    padding-right: 4em; } }
@media (min-width: 1350px) {
  .prev-next-nav {
    position: relative;
    z-index: 999; }

  .previous-article, .next-article {
    position: fixed;
    left: 2em;
    top: 50%;
    display: block; }

  .previous-article a strong, .next-article a strong, .previous-article a small, .next-article a small, .previous-article a em, .next-article a em {
    display: none; }

  .next-article {
    left: auto;
    right: 2em;
    text-align: right; }

  .previous-article:before, .next-article:before {
    content: '';
    position: absolute;
    top: -3em;
    left: 0;
    border-right: solid 1em #000;
    border-top: solid 1em transparent;
    border-bottom: solid 1em transparent; }

  .next-article:before {
    border-right: none;
    border-left: solid 1em #000;
    left: auto;
    right: 0; } }
@media (min-width: 1350px) and (max-width: 1549px) {
  .previous-article, .next-article {
    left: 0;
    height: 8em;
    width: 4em;
    background: gainsboro;
    background: rgba(0, 0, 0, 0.1);
    border-top-right-radius: 4em;
    border-bottom-right-radius: 4em; }

  .next-article {
    right: 0;
    left: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4em;
    border-bottom-left-radius: 4em; }

  .previous-article a, .next-article a {
    display: block;
    height: 8em;
    width: 4em;
    color: black; }

  .next-article a strong, .previous-article a strong {
    display: block;
    width: 20em;
    background: white;
    right: 2.5em;
    top: -1.5em;
    position: absolute;
    padding: 2em;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    font-size: 1.6em;
    box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
    border-top: solid 0.3em #c1002a; }

  .previous-article a strong {
    right: auto;
    left: 2.5em; }

  .next-article:hover a strong, .previous-article:hover a strong {
    visibility: visible;
    opacity: 1;
    z-index: 99; }

  .previous-article a:hover, .next-article a:hover {
    background: gainsboro;
    background: rgba(0, 0, 0, 0.1); }

  .previous-article:before, .next-article:before {
    top: 50%;
    margin-top: -0.7em;
    left: 50%;
    margin-left: -1em; }

  .next-article:before {
    margin-left: -0.25em; } }
@media (min-width: 1550px) {
  .previous-article a, .next-article a {
    text-decoration: none;
    font: 1.6em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    color: #444; }

  .previous-article a small, .previous-article a em, .next-article a small, .next-article a em {
    text-transform: uppercase;
    font: 0.9em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999;
    display: block; }

  .previous-article a small, .next-article a small {
    margin-bottom: 0.25em;
    display: block; }

  .previous-article a em, .next-article a em {
    text-transform: none;
    font-style: italic;
    margin-top: 0.25em;
    display: block; } }
@media (min-width: 1800px) {
  .previous-article, .next-article {
    width: 20em; }

  .previous-article:before, .next-article:before {
    top: 0.3em;
    border-right: solid 0.6em #000;
    border-top: solid 0.6em transparent;
    border-bottom: solid 0.6em transparent; }

  .next-article:before {
    border-right: none;
    border-left: solid 0.6em #000; }

  .previous-article small {
    padding-left: 1em; }

  .next-article small {
    padding-right: 1em; }

  .previous-article a strong, .next-article a strong {
    display: block; } }
/*@media (min-height: 610px) and (max-height: 710px) {
  .has-featured-article {
    margin-top: -45%;
  }
}
@media (max-height: 609px) {
  .has-featured-article {
    margin-top: -52%;
  }
}*/
@media (max-height: 900px) {
  .stButton .stArrow:after, .links.inline #widgets-element-service_links_print:after {
    top: 13px;
  }
  .st_reddit_hcount .stButton:before {
    top: 0.9em;
  }
}
    
    
/* Category */

.politics.page-taxonomy .article-header, .culture.page-taxonomy .article-header, .world.page-taxonomy .article-header, .scitech.page-taxonomy .article-header, .page-long-reads.page-taxonomy .article-header {
  text-align: center;
  max-width: 70em;
  MARGIN: 0 AUTO;
  PADDING: 4EM;
  BACKGROUND: WHITE;
}
.page-long-reads .region-home-featured-image > div:first-of-type .content, .politics .region-home-featured-image > div:first-of-type .content,
  .culture .region-home-featured-image > div:first-of-type .content, .world .region-home-featured-image > div:first-of-type .content, .scitech .region-home-featured-image > div:first-of-type .content,
  .politics .region-home-featured-image > div:first-of-type .content {
  max-height: 48.3em;
}
.page-taxonomy .article-header:before {
  left: 50%;
  margin-left: -2em;
}

.article-header h1 a {
  color: black;
  text-decoration: none; }
.article-header h1 a:hover {
  text-decoration: underline; }
  
.page-taxonomy-term .article-header .author-byline {
  margin-top: 1em;
}
.politics .article-header .author-byline, .culture .article-header .author-byline,
.world .article-header .author-byline, .scitech .article-header .author-byline,
.page-long-reads .article-header .author-byline, .politics .article-header .author-byline a,
.culture .article-header .author-byline a,
.world .article-header .author-byline a, .scitech .article-header .author-byline a,
.page-long-reads .article-header .author-byline a {
  color: #c1002a;
  color: #c1002a;
}


/* Category Articles List */
.item-list .category-articles.article-list {
  font-size: 1em;
  background: white;
  z-index: 8; 
  position: relative;
   }
  .item-list .category-articles.article-list li, .row .category-articles.article-list li.row {
    padding: 3em 3.5em 3em 0;
    margin: 0;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    margin-top: -1px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
  }
  .item-list .category-articles.article-list li:first-child {
    padding-top: 3em;
    margin-top: 0;
  }
  .item-list .category-articles.article-list li:hover {
    border-top: solid 1px #c1002a;
    border-bottom: solid 1px #c1002a;
    z-index: 99;
    background: #f7f7f7;
  }
    .item-list .category-articles.article-list li .article-text {
      padding-left: 3em; }
    .item-list .category-articles.article-list li .article-date, .item-list .category-articles.article-list li .article-author, .item-list .category-articles.article-list li .article-category {
      font-size: 1.6em;
      max-width: 70%;
      }
      .item-list .category-articles.article-list li .article-date, .item-list .category-articles.article-list li .article-category {
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        display: inline-block;
      }
      .item-list .category-articles.article-list li .article-category {
        margin-right: 1em;
      }
      .item-list .category-articles.article-list li .article-category a {
        background: none;
        padding: 0;
        color: #c1002a;
      }
    .item-list .category-articles.article-list li h2 {
      font-size: 2.4em;
      margin: 0; }
      .item-list .category-articles.article-list li h2 a:hover {
        color: #c1002a
      }
    .item-list .category-articles.article-list li .standfirst {
        font-size: 1.6em;
        font-weight: lighter;
        color: black;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }
      .item-list .category-articles.article-list li .standfirst p {
        color: black;
        line-height: 1.7;
        margin: 0;
      }
    .item-list .category-articles.article-list li .article-author {
      margin: 1em 0 0;
      transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }
    .item-list .category-articles.article-list li .article-image {
      border-bottom: solid 0.5em #c1002a;
    } 
      .item-list .category-articles.article-list li .article-image img {
        display: block;
        opacity: 1;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        -webkit-backface-visibility: hidden;
      }
      .item-list .category-articles.article-list li:hover .article-image img {
        opacity: 0.8;
      }
    .item-list .category-articles.article-list li .author-articles li h3 {
      font-size: 1.8em;
      margin: 0 0 1em 0; }
    .item-list .category-articles.article-list div.sponsored-article {
     }
    .item-list .category-articles.article-list li.sponsored-article .article-sponsor, .item-list .category-articles.article-list div.sponsored-article .article-sponsor {
        background: none;
        padding: 2em 0 0 0;
        border: none; }
    .item-list .category-articles.article-list li.sponsored-article .article-sponsor img, .item-list .category-articles.article-list div.sponsored-article .article-sponsor img { 
      width: auto; }
    
    /* Sponsored article and native advertising in category */
    .item-list li.native-advertising {
      border-top: solid 1px #c1002a;
    }
      .item-list li.native-advertising  .article-sponsor {
        position: absolute;
        width: 20em;
        text-align: center;
        padding: 1em;
        top: 0;
        border: none;
      }
    .page-taxonomy-term .item-list li .article-sponsor {
          /*position: absolute;
          top: 0;
          left: 0;
          width: 22em;
          padding: 2em;*/
          border: none;
          padding: 0;
      }
      .page-taxonomy-term .item-list li .article-sponsor img {
        max-height: 100%;
        max-width: 26em;
      }
      .item-list li  .article-sponsor p {
          /*display: inline-block;
          margin: 0;
          float: left;
          font: 1.3em "Source Sans Pro", Helvetica, Arial, sans-serif;
          text-transform: uppercase;
          color: #c1002a;*/
          font-size: 1em;
      }
      .item-list li .article-sponsor img {
        width: auto;
        display: block;
        max-height: 4em;
      }
      
    /* Sponsored article on home page */
    .front .item-list li .article-sponsor {
        top: 0;
        left: 4em;
        right: 4em;
        width: auto;
        text-align: center;
        background: white;
        padding: 1em 0em;
        position: absolute;
    }
    .front .item-list li .article-sponsor img {
          max-height: 2.5em;
          max-width: 10em;
          margin: 0 auto;
      }
    .front .item-list li .article-sponsor p {
      float: none;
      font-size: 1em;
    }
    
@media (max-width: 728px) {
  .page-taxonomy-term .item-list li .article-sponsor {
          font-size: 0.7em;
          top: auto;
          left: auto;
          right: 0;
          bottom: 0;
      }
}
      


/* Our Writers */
    .featured-writers {
      text-align: center;
      margin: 0 0 3em 0;
      padding: 0;
      border-bottom: solid 1px #ebebeb;
    }
      .featured-writers ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
        .featured-writers li {
          margin-bottom: 2em;
          font-size: 1.4em;
        }
          .featured-writers li img {
            width: 90%;
            display: block;
            margin: 0 auto;
            transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            transform: rotate(0);
            -webkit-backface-visibility: hidden;
          }
          .featured-writers li:hover img {
            opacity: 0.7;
          }
          .featured-writers a {
            text-decoration: none;
          }
            .featured-writers strong {
              font-weight: normal;
            }
              .featured-writers span {
                color: #999;
              }
          .featured-writers li:hover a {
            text-decoration: underline;
          }
    .view-id-ourwriters_list {
      padding-bottom: 50px;
    }
    /* .a-z-writers .view-ourwriters-list .view-content {
      -webkit-column-count: 3;  //Chrome, Safari, Opera 
      -moz-column-count: 3; // Firefox 
      column-count: 3;
    }*/
    .a-z-writers {
      text-align: center;
    }
      .a-z-writers ul {
        list-style: none;
        margin: 0;
        padding: 0px 0px 0.2em;
        text-align: left;
      }
        .a-z-writers h3 {
          margin: 0;
        }
        .a-z-writers li {
          text-align: center;
        }
        .a-z-writers li:nth-child(4n + 1), .featured-writers li:nth-child(4n + 1) {
          clear: left;
        }
          .a-z-writers li a {
            text-decoration: none;
            display: block;
            border-bottom: solid 1px #f7f7f7;
            padding-bottom: 0.25em;
            margin-bottom: 0.25em;
            transition: border 0.3s ease-in-out;
            -moz-transition: border 0.3s ease-in-out;
            -webkit-transition: border 0.3s ease-in-out;
          }
          .a-z-writers li a:hover {
            color: #c1002a;
            border-bottom: solid 1px #ccc;
          }
          .a-z-writers li ul {
            margin: 0;
            padding: 0 0 2em 0;
          }

      

/* Staggers Category */
.staggers-header {
  text-align: center;
}
  .staggers-header img {
    max-width: 84em;
    margin: 7em auto 0 auto;
  }
#block-block-44 {
  text-align: center;
}
  #block-block-44 .author-twitter {
    margin: 0 auto;
    font-size: 1.6em;
    width: 12em;
  }
  

@media (max-width: 400px) {
  .site-nav .sub-nav .filter-by h4:before {
    left: 3em;
  }
  .item-list .category-articles.article-list li .standfirst p {
    font-size: 1em;
  }
}
@media (max-width: 460px) {
  .item-list .category-articles.article-list li, .row .category-articles.article-list li.row {
    text-align: center;
  }
  .item-list .category-articles.article-list li .article-date, .item-list .category-articles.article-list li .article-author {
    display: block;
    max-width: 100%;
    text-align: center;
  }
  .item-list .category-articles.article-list li .article-date {
    padding: 1em 0 0 0;
    margin: 1em 0 0 0;
  }
  .item-list .category-articles.article-list li .article-date:before {
    content: '';
    left: 20%;
    right: 20%;
    height: 1px;
    background: #ebebeb;
    top: 0;
  }
  .politics.page-taxonomy .article-header, .culture.page-taxonomy .article-header, .world.page-taxonomy .article-header, .scitech.page-taxonomy .article-header, .page-long-reads.page-taxonomy .article-header {
    padding: 3em 0;
  }
  .politics.page-taxonomy .article-header p, .culture.page-taxonomy .article-header p, .world.page-taxonomy .article-header p, .scitech.page-taxonomy .article-header p, .page-long-reads.page-taxonomy .article-header p {
    font-size: 1.6em;
    line-height: 1.5;
  }
  .a-z-writers .view-ourwriters-list .view-content {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}
@media (min-width: 460px) and (max-width: 727px) {
  .a-z-writers .view-ourwriters-list .view-content {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
}
@media (max-width: 727px) {
  #block-block-44 {
    padding-bottom: 2em;
  }
    #block-block-44 .author-twitter {
      display: block;
      margin: 2em auto 0 auto;
      font-size: 1.6em;
    }
  .item-list .category-articles.article-list li .article-text {
    padding-left: 0;
  }
}
@media (min-width: 727px) and (max-width: 900px) {
  #block-block-44 {
    padding-bottom: 4em;
  }
}
@media (max-width: 900px) {
    .staggers-header img {
      width: 90%;
      margin: 5em auto 0 auto;
    }
    .page-taxonomy-term .primary-content {
      padding-right: 3em;
    }
}
@media (max-width: 1210px) {
  .page-taxonomy-term .primary-content {
    padding-left: 3em;
  }
}
@media (max-height: 900px) {
  .site-nav .sub-nav .filter-by h4:before {
    font-size: 1.05em;
  }
  .page-long-reads .region-home-featured-image > div:first-of-type, .politics .region-home-featured-image > div:first-of-type,
  .culture .region-home-featured-image > div:first-of-type, .world .region-home-featured-image > div:first-of-type, .scitech .region-home-featured-image > div:first-of-type,
  .politics .region-home-featured-image > div:first-of-type {
    max-height: 32.9em;
  }
}

/* Article image */
.our-writers-theme .category-articles.article-list li .large-3 {
  width: 40%;
}


/* Author Page */
.author-theme .content-links li.ol {
  background: #9A0510; }

.author-header {
  margin: 0em 0em 5em 0;
  padding: 4em 0;
  border-bottom: solid 1em #9A0510; }
  .author-header .author-image {
    padding-right: 3em; }
  .author-header .author-details {
    padding-left: 3em; }
    .author-header .author-details h1 {
      margin-bottom: 0; }
    .author-header .author-details p {
      margin-top: 0; }

/* Authors Page */
.authors-header {
  text-align: center;
  padding: 4em;
  max-width: 100em;
  margin: 0 auto; }
  .authors-header h1 {
    margin: 0; }
  .authors-header p {
    margin: 0; }
  .authors-header .author-twitter {
    margin: 2em auto 0;
    font-size: 1.6em; }


  
  
@media (max-width: 500px) {
  .authors-header h1 {
    font-size: 3em;
  }
  .authors-header p {
    line-height: 1.5;
  }
  .item-list .category-articles.article-list {
    padding-right: 0;
  }
    .item-list .category-articles.article-list li, .row .category-articles.article-list li.row {
      padding: 2em 0;
    }
  .our-writers-theme .category-articles.article-list li {
    padding: 1.4em 0.666666em 0.6666666666em;
  }
}
@media (max-width: 728px) {
  .our-writers-theme .category-articles.article-list li .article-text, .our-writers-theme .category-articles.article-list li .large-3 {
    width: 100%;
  }
  .item-list .category-articles.article-list {
    padding-right: 0;
  }
  .item-list .category-articles.article-list li .article-image {
    display: none;
  }
}
@media (min-width: 1056px) {
  .category-theme .article-header {
    min-height: 32.8em;
  }
  .author-header .author-image img {
      max-width: 26em;
      float: right;
  }
}
@media (max-width: 1220px) {
  .region-author, .region-author + .row {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 360px) {
  .region-author, .region-author + .row {
    padding-left: 2em;
    padding-right: 2em;
  }
}



/*added class on 5/1/2015*/

/* Events Page */
.events-theme {
  /* this is purely to cover the shadow on the tabs above */ }
  .events-theme .full-height-column {
    padding: 0;
    border: none; }
    .region-event-aside {
      text-align: center;
      padding-top: 2em;
    }
  .events-theme .contact-events {
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    background: #f0f0f0;
    background: rgba(0, 0, 0, 0.05);
    padding-bottom: 2em;
    margin-bottom: 3em;
    }
    .events-theme .share-buttons {
      text-align: center;
    }
    .events-theme .contact-events .call-events {
      padding: 2em 1em 1em 1em; }
      .events-theme .contact-events .call-events p {
        font: 1.6em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        margin: 0;
        padding-top: 2em;
        padding-left: 0;
        text-align: center;
        position: relative; }
      .events-theme .contact-events .call-events p:before {
        content: "\f10b";
        font: 1.6em fontawesome;
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0 0 0 -1em;
        width: 2em; }
      .events-theme .contact-events .call-events .tel {
        font: 2.5em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #c1002a;
        text-align: center; }
    .contact-events .email-events a {
      display: block;
      background: #c1002a;
      text-align: center;
      padding: 0.5em 0.5em 0.5em 2em;
      text-transform: uppercase;
      color: white; }
  .events-theme .article-featured-image {
    height: 30em; }
    .events-theme .article-featured-image h1 {
      font-size: 10vw;
      line-height: 1;
      margin: 0.25em 0 0 0;
      text-align: center;
      position: absolute;
      z-index: 3;
      left: 0;
      right: 0;
      color: white;
      text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
      -moz-text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
      -webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
  .events-theme .main-content {
    margin-top: 0; }
  .events-theme .search-events {
    padding-bottom: 1.5em;
    border-bottom: solid 1px gainsboro;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 2em; }
    .events-theme .search-events input, .events-theme .search-events button {
      width: 100%;
      margin-bottom: 0.5em; }
  .events-theme .tabs {
    margin-top: -3.5em; }
    .events-theme .tabs li {
      width: 50%; }
    .events-theme .tabs li.active {
      box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
      z-index: 2; }
  .events-theme .tabs-content > .content {
    padding: 0;
    background: white;
    position: relative;
    z-index: 3; }
  .events-theme .no-other-events {
    padding: 2em;
    background: white;
    position: relative;
    z-index: 3; }
    .events-theme .no-other-events p {
      margin: 0; }
  .events-theme .events-list {
    list-style: none;
    padding: 0;
   }
    .events-theme .events-list li {
      clear: none;
      padding: 2em 0 0 2em;
      position: relative; }
      .events-theme .events-list li img {
        display: block; }
      .events-theme .events-list li h2 {
        font-size: 1.5em;
        margin: 0;
        text-align: center; }
      .events-theme .events-list li p {
        line-height: 1.5; }
      .events-theme .events-list li .event-info {
        border: solid 1px gainsboro;
        border: solid 1px rgba(0, 0, 0, 0.1);
        border-top: none;
        padding: 1.5em; }
      .events-theme .events-list li .cta {
        text-align: center; }
        .events-theme .events-list li .cta a {
          margin: 0 auto; }
      .events-theme .events-list li .tickets-available {
        position: absolute;
        top: 2em;
        right: 0;
        padding: 0.5em 0.5em 0.5em 2.5em;
        font: 1em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        background: rgba(255, 255, 255, 0.9); }
      .events-theme .events-list li .tickets-available:before {
        content: "\f145";
        font: 1em fontawesome;
        position: absolute;
        left: 0.5em;
        top: 0.65em; }
    .events-theme .events-list li:nth-child(2n) {
      padding-right: 0; }
  .events-theme .related-articles {
    clear: both; }

/* Event details page */
.promotion-header ul.share-buttons {
  width: auto;
}
  .promotion-header ul.share-buttons li {
    display: inline-block;
  }
ul.event-details {
  max-width: 20em;
  list-style: none;
  padding: 0;
  margin: 2em 0; }
  ul.event-details li {
    border-bottom: solid 1px gainsboro;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    line-height: 1.5;
    padding: 0.7em 0.5em 0.5em 0.5em;
    background: #f0f0f0;
    background: rgba(0, 0, 0, 0.05); }
  ul.event-details li.event-date, ul.event-details .event-location {
    position: relative;
    padding-left: 2.25em; }
  ul.event-details li.event-date:before {
    content: "\f133";
    font: 1em fontawesome;
    position: absolute;
    left: 0.6em;
    top: 50%;
    margin-top: -0.4em;
    color: #c1002a; }
  ul.event-details li.event-location:before {
    content: "\f08d";
    font: 1em fontawesome;
    position: absolute;
    left: 0.8em;
    top: 50%;
    margin-top: -0.4em;
    color: #c1002a; }
  ul.event-details li.key-detail {
    font-size: 1.4em; }

.events-list ul.event-details {
  max-width: 100%; }
  .events-list ul.event-details li {
    padding: 0.7em 0.5em 0.5em 2em; }

.event-features ul {
  max-width: 100em; }
  .event-features ul li {
    background: none; }

.event-speakers ul {
  list-style: none;
  padding: 2em 0 0 0;
  margin-top: 2em;
  border-top: solid 1px gainsboro;
  border-top: solid 1px rgba(0, 0, 0, 0.1); }
  .event-speakers ul li {
    border-bottom: solid 1px gainsboro;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 2em 0;
    padding: 0 0 2em 0; }
    .event-speakers ul li .large-8 {
      padding-left: 3em; }
      .event-speakers ul li .large-8 h3 {
        font-size: 1.4em;
        margin: 0;
        text-align: left; }

@media (max-width: 728px) {
  .events-theme .article-featured-image {
    height: 11em; }

  .events-theme .full-height-column {
    padding: 2em; }

  .event-speakers ul li .large-8 {
    padding-left: 0; }

  .events-theme .events-list li {
    padding: 2em 0; }
}
@media (min-width: 501px) and (max-width: 840px) {
  .article-list.category-articles li h2 {
    font-size: 2.1em; } }
@media (max-width: 500px) {
  .promotion-theme header.promotion-header .article-actions ul li {
    margin-top: 0.75em; }

  .article-list.category-articles li {
    padding: 2em; }
    .article-list.category-articles li h2 {
      font-size: 2em; }
}


/* Consistent Article Meta Formatting:
 * These styles are consistent on all pages 
.article-date, .article-category, .article-author, .featured-article-author {
    font: 1.6em Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 1.5em; }*/
.featured-article-author {
  font-size: 1em;
}

      
/* Article Lists */
.article-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .article-list li {
    position: relative;
    clear: both;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding-top: 1em;
    margin-top: 1em;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
  .article-list li:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  .article-list h2, .article-list h3, .article-list h4, .article-list h5 {
    margin: 1em 0 0 0;
    font-size: 1em; }
  .article-list a {
    text-decoration: none;
    color: #000;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
  .article-list .cta a {
    color: white; }
  .article-list li:hover h5 a {
    color: #c1002a; }
  .article-list img {
    width: 100%; }
  .article-list .article-text {
    padding-left: 1em; }
  .article-list .article-category {
    font: normal 0.85em/1 "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em; }
  .article-list .article-category a {
    background: #c1002a;
    color: #fff;
    padding: 0.4em 0.5em; }
  .article-list .article-category a:hover {
    background: black; }
  .article-list li .article-author, .article-list li .article-date {
    margin: 0em 0 0 0;
    display: inline-block;
    font: 0.9em/1.5 Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .article-list li .article-author, .article-list li .article-author a {
    color: #c1002a;
  }
  .article-list li .article-author a:hover {
    text-decoration: underline;
  }
  .article-list li .article-date {
      padding-left: 2.4em;
      position: relative;
      color: #777;
      font-size: 0.9em;
  }
  .article-list li .article-date:before {
    content: '|';
    position: absolute;
    left: 1em;
    color: #ebebeb;
  }

/* The below is used to overwrite margin: 0 set on .row .row */
.row .article-list li.row {
  margin-bottom: 1em; }

.row .article-list li:last-child {
  margin-bottom: 0; }

.horizontal-article-list li {
  clear: none;
  margin-top: 0;
  padding-top: 0; }
  .horizontal-article-list li h5 {
    margin: -0.175em 0 0 1em; }

/* Secondary Content */ /* Sidebar */
.secondary-content-box {
  padding: 3em;
  border-bottom: solid 0.1em rgba(0, 0, 0, 0.1); }

.promo-box {
  border-top: solid 1em #c1002a; }

.scb-heading {
  border-top: solid 10px black;
  font: bold 2em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 1.5em 0;
  padding-top: 0.5em;
  text-transform: uppercase; }

.most-read {
  padding: 3em 3em 0 0;
  border-bottom: none; }


@media (max-width: 1100px) {
  .article-date, .article-category, .article-author {
    font-size: 1.4em;
  }
  .article-theme .article-author .author-byline {
    font-size: 1em;
  }
}
  
  
/* Right sidebar */
.right-sidebar {
  position: relative;
  background: #fff;
  border: solid 1px #f0f0f0;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-top: none; }

.article-theme .right-sidebar, .category-theme .right-sidebar {
  margin-top: -2.1em; }

/* On Image led article, the columns don't move up over the top of the image because there are thumbnails there */
.image-led-article-theme .right-sidebar {
  margin-top: 0; }

.mpu {
  text-align: center; }

.mpu div {
  margin: 0 auto;
  width: 300px;
  height: auto; }

.secondary-content-box .article-list h2, .secondary-content-box .article-list h3, .secondary-content-box .article-list h4, .secondary-content-box .article-list h5 {
  margin: -0.3em 0 0 0;
  font-size: 1.2em;
  line-height: 1.37;
}

.view-related-book ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.view-related-book ul li, .view-related-book .item-list ul li {
  margin: 0;
}
.view-related-book ul li p {
  margin: 0;
}
.related-book-box img, .view-related-book img {
  float: right;
  width: 30%;
  margin: 0 0 2em 2em; }
.related-book-box h5, .view-related-book h5 {
  margin: 0;
  font-size: 1.8em; }
.related-book-box a, .view-related-book a {
  text-decoration: none; }
.related-book-box .book-author, .view-related-book .book-author {
  margin-bottom: 1em; }
.related-book-box .book-author a, .view-related-book .book-author a {
  color: #c1002a; }

.email-newsletter-box {
  max-height: 7.5em;
  background: #fafafa;
  border-bottom: solid 1px black;
  position: relative;
  z-index: 5;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out; }
  .email-newsletter-box .scb-heading {
    text-decoration: underline;
    border: none;
    padding: 0;
    margin-top: -0.2em;
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 1.6em; }
  .email-newsletter-box .scb-heading:after {
    content: '';
    position: absolute;
    right: -1.2em;
    top: 0.55em;
    border-top: solid 0.3em black;
    border-right: solid 0.3em transparent;
    border-left: solid 0.3em transparent; }
  .email-newsletter-box h4, .email-newsletter-box h3, .email-newsletter-box h2 {
    margin-bottom: 0.5em; }
  .email-newsletter-box img {
    width: 80px;
    max-width: 200px;
    position: absolute;
    right: 0em;
    top: -2.5em; }
  .email-newsletter-box .block-webform {
    opacity: 0;
    z-index: -9999;
    display: none;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }
  .email-newsletter-box p {
    font-size: 1.4em;
    line-height: 1.5; }
  .email-newsletter-box input[type="text"] {
    width: 100%;
    padding-left: 0.5em;
    line-height: 2.25; }
  .email-newsletter-box button {
    letter-spacing: 0.1em;
    padding: 0.25em 1em; }
  .email-newsletter-box .more-details a {
    font: 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444; }

.email-newsletter-revealed .block-webform {
  opacity: 1;
  z-index: 1;
  display: block;
  visibility: visible; }
.email-newsletter-revealed .email-newsletter-box {
  background: #e6e6e6; }

/*.podcast-box {
  overflow: hidden;
  position: relative; }
  .podcast-box h4 {
    z-index: 2;
    position: relative; }
  .podcast-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 2;
    position: relative; }
  .podcast-box li {
    position: relative;
    border-bottom: solid 1px black;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 0 0.5em 1.25em;
    margin-bottom: 0.5em;
    line-height: 1.2; }
    .podcast-box li a {
      color: black;
      text-decoration: none; }
  .podcast-box li:before {
    content: "\f130";
    font: 1em fontawesome;
    color: black;
    position: absolute;
    left: 0em;
    top: 0.15em; }
  .podcast-box .read-more {
    z-index: 2;
    position: relative; }*/

.podcast-box .cta {
  text-align: center;
}
  .podcast-box .cta a {
    position: relative;
    padding-left: 2em;
    margin: 0 auto;
  }
  .podcast-box .cta a:after {
      content: "\f130";
      font: 1em fontawesome;
      position: absolute;
      top: 50%;
      margin-top: -0.5em;
      left: 0.5em;
      color: white;
  }
    
/* Now using code taken from AudioBoo. Using the CSS below to tidy it up */
.podcast-box .item-img {
  display: none;
}
.podcast-box .true_is_list__player .inner {
  position: static;
}
.podcast-box .true_is_list__player .fluid {
  height: auto;
}
.podcast-box .true_is_list__player .baffle {
  display: none;
}


/* Styling for Sponsored article in aisebar article list (Trending, etc) */
.trending-box .article-list li.sponsored {
  border-top: solid 1px #c1002a;
  border-bottom: solid 1px #c1002a;
  padding-bottom: 2em; }

.sponsored-article {
  position: relative;
  min-height: 6em; }

.sponsored:before {
  content: 'Sponsored' !important;
  position: absolute;
  font: 0.8em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #c1002a;
  left: 0;
  bottom: 0.2em; }

.sidebar-toggle {
  display: none; }

/* Using this to overide styles created for IE */
@media (min-width: 0px) {
  /* Don't want to use display:none on newsletter form because it makes the transition look bad when it's revealed */
  .email-newsletter-box form {
    display: block; } }
/* Override default mobile styles with styles for small mobiles only */
@media (max-width: 361px) {
  .email-newsletter-box img {
    display: none; } }
/* Smaller Trending headlines in mobile */
@media (max-width: 400px) {
  .right-sidebar .small-thumbs-article-list li h5 {
    font-size: 0.8em; } }
/* Smaller Trending headlines in large mobile */
@media (min-width: 400px) and (max-width: 570px) {
  .right-sidebar .small-thumbs-article-list li h5 {
    font-size: 1em; } }

/* Old subscription offer box
@media (min-width: 570px) and (max-width: 900px) {
  .primary-offer-box h4 {
    font-size: 4em; }
*/

  .right-sidebar .small-thumbs-article-list li h5 {
    font-size: 1.4em; } }
@media (min-width: 768px) and (max-width: 900px) {
  .sponsored-article:before {
    left: 285px; } }
@media (max-width: 1056px) {
  .article-theme .right-sidebar, .category-theme .right-sidebar {
    margin-top: 0; } }
@media (min-width: 570px) and (max-width: 900px) {
  .email-newsletter-box img {
    right: 0;
    top: -1em; } }
/* 

SIDEBAR AND ARTICLE COLUMN CUSTOM ADJUSTMENTS FOR DIFFERENT SCREEN SIZES
These styles make the banners fit in the right sidebar: right sidebar and article column have to be adjusted to fit min with 300px 

*/
@media (max-width: 900px) {
  .primary-content {
    width: 100%;
    padding-top: 4.3em;
    }
  .article-theme .primary-content {
    padding-top: 0em;
    }

  .right-sidebar, .page-taxonomy-term .right-sidebar {
    position: fixed;
    right: -100%;
    width: 100%;
    top: 0;
    bottom: 0;
    border-left: solid 0.3em #000;
    background: white;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    z-index: 99;
    margin-top: 0; }
    .right-sidebar .scrolling-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: white;
      z-index: 999;
      overflow-y: scroll; }
      
      
  /* When mega menu is open is has to overlap the sidebar */
  .mega-menu-open .right-sidebar {
    z-index: 1;
  }
  .home-theme.mega-menu-open .home-sidebar-top {
    position: static;
  }
  .sidebar-toggle {
      display: block;
      position: fixed;
      bottom: 5%;
      top: auto;
      height: 8em;
      left: 100%;
      opacity: 0;
      visibility: hidden;
      z-index: -99;
      margin-left: -4.5em;
      transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      background: black;
      color: white;
      border-radius: 0.2em;
      -moz-border-radius: 0.2em;
      -webkit-border-radius: 0.4em;
      padding: 0.5em 2em 0.75em 2em;
      text-transform: uppercase;
      cursor: pointer;
      letter-spacing: 0.2em;
      font-size: 1.2em;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
     }
    .site-footer-visible .sidebar-toggle, .sidebar-revealed .sidebar-toggle {
      opacity: 1;
      visibility: visible;
      z-index: 99;
    }
    .sidebar-toggle span {
      display: none; }
    .sidebar-toggle b {
      font-weight: normal; }
    .sidebar-toggle .mpu {
      display: none; }

  .sidebar-revealed .right-sidebar {
    right: 0; }
  .sidebar-revealed .sidebar-toggle {

    right: auto;
    z-index: 999;
    left: -2.5em;
    margin-left: 0; }
    .sidebar-revealed .sidebar-toggle span {
      display: block; }
    .sidebar-revealed .sidebar-toggle b {
      display: none; } }
      

@media (min-width: 901px) and (max-width: 1040px) {
  .primary-content, .home-latest-articles {
    width: 63%;
  }
  .home-latest-articles-top {
    width: 100%;
  }

  .right-sidebar {
    width: 36%; }

  /* exception for home page sidebar top (Staggers), which contains no banners */
  .home-sidebar-top {
    width: 33.3333333333333%; }

  .email-newsletter-box img {
    width: 50px; } }
@media (min-width: 1190px) {
  .article-theme .article-column, .not-front .article-column, .page-taxonomy-term .category-column {
    width: 70%;
  }
  .page-taxonomy-term .primary-content {
      padding-right: 3em;
  }
  .page-taxonomy-term .right-sidebar {
    border-top: solid 1px #ebebeb;
  }
  .article-theme .right-sidebar, .not-front .right-sidebar {
    width: 30%;
  }
}
    
@media (min-width: 901px) and (max-width: 1350px) {
  .email-newsletter-box img {
    right: 0;
    top: -1em;
    width: 60px; } }
@media (min-width: 1360px) {
  .email-newsletter-box img {
    right: -2.5em; } }
    
    
.cookies-message, .popup-content {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: none !important;
  background: #fafafa !important;
  background: rgba(255, 255, 255, 0.95) !important;
  z-index: 999 !important;
  box-shadow: 0 0 0.4em 0 rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0 0 0.4em 0 rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 0 0.4em 0 rgba(0, 0, 0, 0.4) !important;
  border-top: solid 0.3em #daaa2f !important;
  transition: bottom 0.5s ease-in-out !important; }
  .cookies-message img, .popup-content img {
      position: absolute !important;
      left: -1.5em !important;
      top: -5em !important;
      width: 150px !important;
    }
    .cookies-message.agreed:before {
      content: '';
      /*background: url('images/cookie.png') no-repeat;*/
      background-size: 100%;
      width: 150px;
      height: 150px;
      position: absolute;
      left: -2em;
      top: -2em;
    }
  .cookies-message p, .popup-content p, .popup-content h2 {
      padding-left: 160px !important;
      font-size: 1.6em !important;
      display: inline-block !important;
      margin: 0.5em 0 !important;
      width: auto !important;
    }
    .popup-content h2 {
      font-size: 2.1em;
      display: block;
    }
    .cookies-message .find-more-button, .popup-content .find-more-button {
      font-size: 1.4em !important;
      margin-top: 1em !important;
      display: inline-block !important;
      color: black !important;
      text-decoration: underline !important;
    }
    .popup-content .close-toggle {
        float: none !important;
        display: inline-block !important;
        background: black !important;
        color: white !important;
        text-align: left !important;
        padding: 0.5em 0.5em 0.5em 2em !important;
        margin: 0 0 0 1em !important;
        width: auto !important;
        cursor: pointer;
	position: relative;
    }
    .popup-content .close-toggle:before {
        content: "\f00d" !important;
        font: 1.2em fontawesome !important;
        position: absolute !important;
        left: 0.5em !important;
        top: 50% !important;
        margin-top: -0.5em !important;
        color: white !important;
    }


.cookies-message-closed .cookies-message {
  bottom: -20em; }
    

/* footer */
.site-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fafafa;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  z-index: -99;
  visibility: hidden;
  border-top: solid 0.2em black;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  padding: 0 2em; }
  .site-footer p {
    width: 16em;
    float: left;
    font-size: 1.4em;
    margin: 1.25em 0 0 0; }
  .site-footer ul {
    list-style: none;
    font-size: 1.45em;
    text-align: center;
    padding: 0;
    margin: 1em 0;
    width: 55em;
    float: right; }
    .site-footer ul li {
      display: inline-block;
      margin: 0 1em 0 0;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .site-footer ul li a {
        color: black; }
  .site-footer .footer-links-toggle {
    display: none;
    text-decoration: underline; }

/* When user scrolls down to the article footer a class is added to the body and the footer is made visible. See ux.js */
.article-footer-reached .site-footer, .editors-pick-reached .site-footer {
  visibility: visible;
  opacity: 1;
  z-index: 999; }
  
/* Site footer in IE8 */
.ie8 .site-footer {
  z-index: 9999;
  visibility: visible;
}
  .ie8 .site-footer p {
    margin: 0.5em 0 0 0;
  }
  .ie8 .site-footer ul {
    margin: 0.25em 0;
  }


@media (max-width: 1060px) {
  .cookies-message img {
    top: auto;
    bottom: 0; }

  .site-footer p {
    margin-top: 0.75em; }
  .site-footer .footer-links-toggle {
    float: right;
    display: block;
    font-size: 1.4em;
    margin: 0.5em 0; }
  .site-footer ul {
    position: absolute;
    bottom: 2em;
    left: 0;
    right: 0;
    width: 100%;
    background: black;
    padding: 5em 2em 2em 2em;
    opacity: 0;
    z-index: -999;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out; }
    .site-footer ul li {
      display: block;
      border-bottom: solid 0.1em white;
      border-bottom: solid 0.1em rgba(255, 255, 255, 0.3); }
      .site-footer ul li a {
        color: white; }
  .site-footer ul:before, .site-footer ul:after {
    content: 'New';
    position: absolute;
    top: 0.5em;
    left: 50%;
    margin-left: -2.9em;
    font: 2.4em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    color: #e2001a;
    letter-spacing: -0.04em; }
  .site-footer ul:after {
    content: 'Statesman';
    color: #c1002a;
    margin-left: -1.15em; }

  .footer-links-revealed .site-footer ul {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    font-size: 1.6em;
  }

  .footer-links-revealed:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99; } }
@media screen and (max-width: 600px)
#sliding-popup .popup-content {
  max-width: 100%;
}
@media (max-width: 600px) {
  #sliding-popup .popup-content {
    width: 100% !important;
  }
  .cookies-message img {
    display: none; }
  .cookies-message p {
    padding-left: 1em; } }
@media (max-width: 360px) {
  .site-footer p {
    margin-top: 1.5em;
    font-size: 1.1em; } }
    
@media (max-height: 900px) {
  .secondary-content-box .article-list h2, .secondary-content-box .article-list h3, .secondary-content-box .article-list h4, .secondary-content-box .article-list h5 {
    font-size: 1em;
    line-height: 1.45;
  }
}


/* Banners */
.desktop-banner {
  /* an inline style on the ins/iframe element is making banner display wrong on some machines. This fixes it */ }
  .desktop-banner ins, .desktop-banner iframe {
    display: block !important; }
.header-mobile-banner > div, .header-mobile-banner > ins {
  height: 100px;
  overflow: hidden;
}

.secondary-content-box.mpu {
  padding-left: 0;
  padding-right: 0; }

.article-mpu-5 {
  width: 30em;
  float: right;
  margin: 0 3em 2em 3em;
  border-top: solid 0.8em #c1002a;
  padding: 2em 0;
  border-bottom: solid 1px #ebebeb;
  position: relative;
  text-align: center;
  }
  .article-mpu-5:after {
    content: 'Advertisement';
    background: white;
    padding: 0.5em;
    text-transform: uppercase;
    position: absolute;
    bottom: -1.3em;
    left: 50%;
    margin-left: -65px;
    width: 130px;
  }
    .article-mpu-5 > div, .article-mpu-5 > ins {
      display: inline-block;
    }
  
.bottom-leaderboard-section, .bottom-mpu-section {
    background: #f7f7f7;
    padding: 3em 0;
    text-align: center;
}
  .bottom-leaderboard-section > div, .bottom-leaderboard-section > ins, .bottom-mpu-section > div, .bottom-mpu-section > ins {
    display: inline-block;
  }

/* Mobile banners */
.mobile-banner {
  display: none; }

.desktop-and-mobile-banner {
  display: block; }

/* Promo Modal pop-out thing in bottom corner */
.promo-box.modal {
  width: 50em;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  background: white;
  padding-top: 5em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out; }
  .promo-box.modal .magazine-cover a {
    display: block;
    margin: 0 -1em; }
  .promo-box.modal .magazine-details {
    padding-left: 3em;
    text-align: center; }
    .promo-box.modal .magazine-details h4 {
      margin: 0;
      font-size: 3em; }
    .promo-box.modal .magazine-details p {
      margin: 0.25em 0 0.5em 0;
      line-height: 1.5; }

@media (max-width: 789px) {
  .mobile-banner {
    display: block;
    padding: 3em 0;
    border-top: solid 0.1em rgba(0, 0, 0, 0.1);
    border-bottom: solid 0.1em rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.05);
    position: relative; }
}
@media (max-width: 900px) {
  .desktop-banner {
    display: none; }

  .mobile-banner:before {
    content: 'Advertisement';
    position: absolute;
    top: 1em;
    left: 50%;
    width: 30em;
    margin-left: -15em;
    text-align: center;
    color: #888;
    text-transform: uppercase; }
  }
@media (max-width: 360px) {
  .magazine-cover {
    display: none; }

  .promo-modal .magazine-details {
    padding-left: 0; } }
@media (max-width: 400px) {
	.promo-box.modal .magazine-cover {
		display: none;
	}
	.promo-box.modal .magazine-details {
		width: 100%;
                padding-left: 0;
	}
}
@media (max-width: 500px) {
  .promo-box.modal {
    width: 100%; }
}
@media (max-width: 1350px) {
  .article-mpu-5 {
    width: 100%;
    float: none;
    margin: 3em 0;
    padding: 3em 0;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    }
}


/* Long Reads */
.long-read-theme main {
  background: rgba(0, 0, 0, 0.01); }
.long-read-theme .main-content {
  width: 90%;
  max-width: 130em;
  margin: -60em auto 0 auto; }
  .long-read-theme .main-content.feature-image-revealed { 
  margin: -20em auto 0 auto;
  
  }
  
  .long-read-theme .article-featured-image {
    max-height: 139em;
  }
  .long-read-theme .main-content .article-column {
    width: 100%;
    margin: 0 auto; }
    .long-read-theme .main-content .article-column .long-read-article {
      padding-right: 4em; }
    .long-read-theme .main-content .article-column .article-header {
      text-align: center;
      border: none;
      position: relative;
      margin-bottom: 4em;
      float: none;
       }
      .long-read-theme .main-content .article-column .article-header h1 {
        font-size: 4.5em;
        padding-top: 1em;
        margin-top: 0.5em;
        position: relative;
        max-width: 20em;
        margin: 0.5em auto 0.5em auto;}
      .long-read-theme .main-content .article-column .article-header h1:before {
        content: '';
        position: absolute;
        left: 20%;
        right: 20%;
        height: 1px;
        background: black;
        top: 0; }
      .long-read-theme .main-content .article-column .article-header p.standfirst {
        color: #888;
        max-width: 38em;
        margin: 1em auto; }
      .long-read-theme .field-name-field-subheadline {
          max-width: 30em;
          margin: 0 auto 1.5em auto;
      }
      .long-read-theme .main-content .article-column .article-header {
        margin-bottom: 0;
        padding-bottom: 4em;
      }
      .long-read-theme.article-theme .main-content .article-column section {
        padding: 4em 0 0 0;
        float: none;
        max-width: 80em;
        margin: 0 auto;
        border-left: none;
      }
      .long-read-theme .main-content .article-column .article-header div.field-name-field-subheadline {
        font-size: 2.3em;
       }
       .long-read-theme .main-content .article-column .article-header .article-author .author-avatar {
          display: block;
          width: auto;
          margin: 0 0 1em 0;
          float: none;
       }
        .long-read-theme .main-content .article-column .article-header .article-author .author-avatar img {
          display: block;
          margin: 0 auto;
          max-width: 10em;
        }
      .long-read-theme .main-content .article-column .article-header .article-author {
        text-align: center;
        padding: 2em 0 0 0;
        }
        .long-read-theme .main-content .article-column .article-header .article-author a {
          display: inline;
        }
        .long-read-theme .main-content .article-column .article-header .article-author .author-byline, .long-read-theme .main-content .article-column .article-header .article-author .author-twitter {
          float: none;
          display: inline-block;
          }
        .long-read-theme .main-content .article-column .article-header .article-author .author-byline {
          position: relative;
          top: -0.5em;
          color: #c1002a;
          }
            .long-read-theme .main-content .article-column .article-header .article-author .author-byline a {
              color: #c1002a;
              }
        .long-read-theme .main-content .article-column .article-header .article-author .author-twitter {
          top: -0.6em;
          margin-left: 2em;
          margin-bottom: 0; }
        .long-read-theme .main-content .article-column .article-header .article-author .author-twitter:before {
          left: 1.5em; }
          .long-read-theme .article-header:after {
            display: none;
          }
    .long-read-theme .main-content .article-column .article-header:before {
      content: '';
      position: absolute;
      left: 29%;
      right: 29%;
      height: 1px;
      background: #ccc;
      bottom: 0;
      border: none;
      top: auto;
    }
    .long-read-theme.article-theme .article-column section p {
      font-size: 2.1em;
    }
    .long-read-theme .main-content .article-column .article-body p.wide-image {
      margin-left: -19%; }
    .long-read-theme .main-content .article-column .article-body p.super-wide-image {
      margin-left: -30%; }
.long-read-theme .right-sidebar {
  border: none;
  width: 300px;
  float: right; }
  .long-read-theme .right-sidebar .elevator-banner {
    padding-top: 1em; }

.going-down.long-read-theme .elevator-banner {
  padding-left: 0; }

.long-read-theme.feature-image-revealed .main-content {
  margin-top: -5em; }
  
  /* If no feature image */
  .no-feature-image .main-content {
    margin-top: 15em;
  }


@media (max-width: 360px) {
  .long-read-theme .main-content.feature-image-revealed {
    margin-top: 0;
  }
    .long-read-theme .main-content .article-column .article-header h1 {
      font-size: 2.4em; }
    .long-read-theme .main-content .article-column .article-header div.field-name-field-subheadline {
      font-size: 1.6em;
    }
    .long-read-theme.article-theme .article-column section p {
      font-size: 1.6em;
    }
}
@media (min-width: 360px) and (max-width: 500px) {
    .long-read-theme .main-content .article-column .article-header h1 {
      font-size: 3em; }
    .long-read-theme .main-content .article-column .article-header div.field-name-field-subheadline {
      font-size: 1.6em;
    }
    .long-read-theme.article-theme .article-column section p {
      font-size: 1.6em;
    }
}
@media (max-width: 500px) {
  .long-read-theme .main-content {
    margin-top: 0;
    width: 100%;
    }
    .long-read-theme .main-content .article-column .article-header, .long-read-theme .main-content .article-column .article-column {
      padding-left: 3em;
      padding-right: 3em;
    }
}
@media (min-width: 500px) and (max-width: 728px) {
  .long-read-theme .main-content .article-column .article-header h1 {
    font-size: 3.5em;
  }
  .long-read-theme .main-content .article-column .article-header div.field-name-field-subheadline {
    font-size: 2em;
  }
}
@media (max-width: 728px) {
  .long-read-theme .main-content .article-column .article-header .article-author .author-byline {
    display: block;
  }
  .long-read-theme .main-content .article-column .article-header .article-author .author-twitter {
    margin-left: 0;
    width: auto;
  }
}
@media (min-width: 500px) and (max-width: 900px) {
  .long-read-theme .main-content {
    margin-top: -20em;
  }
  .long-read-theme .main-content.feature-image-revealed {
    margin-top: 0;
  }
}
@media (max-width: 900px) {
  .long-read-theme.article-theme .main-content .article-column section {
    padding: 4em 3em 0 3em;
  }
}
@media (max-width: 1080px) {
  .long-read-theme .main-content {
    width: 100%; }
    .long-read-theme .main-content .article-column {
      width: 100%;
      }
      .long-read-theme .main-content .article-column .long-read-article {
        width: 100%;
        padding-right: 0;
        max-width: 70em;
        margin: 0 auto;
        float: none; }
  .long-read-theme .right-sidebar {
    display: none; }
 }
@media (max-width: 1100px) {
  .long-read-theme .main-content .article-column .article-header .article-author .author-avatar img {
      max-width: 6em;
    }
}
@media (max-width: 1280px) {
  .long-read-theme .main-content .article-column .article-body p.super-wide-image {
    margin-right: 0;
    margin-left: 0; } }
@media (max-width: 1399px) and (min-width: 1100px) {

  .long-read-theme .main-content {
    width: 120em; } }
@media (min-width: 900px) and (max-width: 1400px) {
  .long-read-theme .main-content {
    width: 90%; } }
@media (min-width: 1440px) {
  /* To make mpu line up with article image to the left of it */
  .secondary-content-box.mpu {
    min-height: 32.9em;
  }
}
@media (min-width: 1600px) {
  .long-read-theme .article-column .article-body {
    font-size: 1.2em; } }
    
    
/* Pages */

/* About us, etc */
.node-type-page section h1 {
  margin-top: 0;
}

/* Table. Used only on Advertising Page and Contact Page */
table {
  width: 100%;
  max-width: 100%;
  font-size: 1em;
  margin-bottom: 2em;
}
.ie table {
  font-size: 16px;
}
  table thead td {
    background: #f7f7f7;
    font-weight: bold;
  }
  .ie .article-theme .article-column section table p {
    font-size: 16px !important;
  }
  table td h3 {
    font-size: 1.4em;
    text-align: center;
    margin: 1em 0 0 0;
    font-weight: normal;
  }
  .ie table td h3 {
    font-size: 21px;
  }
    table td {
      padding: 0.5em 0.25em;
      border-bottom: solid 1px #ebebeb;
    }
      .article-theme .article-column section table td p, table td p, .promotion-theme .promotion-details table p {
        font-size: 1.6em !important /* Using important to overide inline styles added in Drupal */;
        margin: 0 !important /* Using important to overide inline styles added in Drupal */;
      }
    table td.table-subhead {
      border-bottom: solid 1px #666;
    }

/* Advertising */
.pdf-links-list {
  list-style: none;
  margin: 0 0 2em 2em;
}
.pdf-links-list li {
  position: relative;
  padding-left: 2em;
  line-height: 1.5;
  margin: 0.5em 0;
}
  .pdf-links-list li a {
    color: black;
    text-decoration: underline;
  }
.pdf-links-list li:before {
    content: "\f1c1";
    font: 1.1em fontawesome;
    color: #c1002a;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.6em;
}
.super-info-table {
  min-width: 70%;
}
  .super-info-table td {
    border-bottom: solid 1px #ebebeb;
  }
  .super-info-table thead td {
    border-bottom: solid 1px #ccc;
  }


/* Magazine Page / This weeks magazine */
.mag-title {
  text-align: center;
  }
  .mag-title small {
    font-size: 0.5em;
    display: block;
    line-height: 1;
    color: #c1002a;
  }
    
.node-magazine {
  text-align: center;
}
  .node-magazine img {
    width: 70%;
    max-width: 60em;
    margin: 3em auto 0 auto;
    display: block;
  }

.magazine-column {
  padding-right: 4em; }

.issues-browser {
  position: relative;
  text-align: center; }
  .issues-browser img {
    width: 70%;
    margin: 0 auto; }
    .issues-navigation {
      padding-top: 3em;
    }
      .issues-navigation h3 {
        margin: 0 0 1em 0;
        text-align: center;
        font-size: 1.8em;
      }
      .issues-navigation ul {
        list-style: none;
      }
        .issues-navigation ul {
          list-style: none;
        }
    /*
  .issue-browser ul {
    list-style: none; }
    .issue-browser ul li {
      position: absolute;
      top: 50%;
      left: 0;
      width: 15%;
      text-align: center; }
      .issue-browser ul li a {
        color: black;
        text-decoration: none;
        position: relative; }
      .issue-browser ul li a:before {
        content: "\f053";
        font: 2em fontawesome;
        position: absolute;
        top: -1.5em;
        left: 50%;
        margin-left: -0.5em; }
    .issue-browser ul li:last-child {
      left: auto;
      right: 0; }
      .issue-browser ul li:last-child a:before {
        content: "\f054"; }
        */

.magazine-conten {
  list-style: none;
   }
   .magazine-conten h2 {
      font: 1.6em "Unit Slab", Merriweather, Georgia, serif;
      color: black;
      margin: 0;
      padding-top: 1em;
      position: relative;
   }
  .magazine-conten ul {
      list-style: none;
      margin: 1em 0 0 0;
    }
    .magazine-conten > li {
      border-top: solid 1px #ccc;
      margin-right: 1.666666667em;
    }
      .magazine-conten .issue-contents > h2 {
            font-size: 1.4em;
            margin-top: 2em;
            padding-bottom: 1em;
            color: #c1002a;
            background: #ebebeb;
            position: relative;
            padding: 1em 0 1em 8%;
        }
        .magazine-conten .issue-contents > h2 a {
          color: #c1002a;
        }
      .magazine-conten .issue-contents > h2:after {
            content: '';
            position: absolute;
            left: 8%;
            bottom: -0.2em;
            border-bottom: solid 1em white;
            border-left: solid 1em transparent;
            border-right: solid 1em transparent;
      }
     /*.magazine-conten .issue-contents > h2:before {
            content: '';
            position: absolute;
            left: 13%;
            margin-left: -0.1em;
            bottom: 0em;
            border-bottom: solid 1em #666;
            border-left: solid 1em transparent;
            border-right: solid 1em transparent;
      }*/
      
        .magazine-conten ul li img {
          display: block;
        }
        .magazine-conten ul li p {
          line-height: 1.5;
          margin: 1em 0 0 0;
        }
        .magazine-conten ul li li {
          text-align: left;
          border-bottom: solid 1px #999;
          padding: 3em 0;
        }
          .magazine-conten li li h2 {
            color: #c1002a;
          }
            .magazine-conten li li h2 a {
                color: black;
                text-decoration: underline;
                display: block;
                position: relative;
                margin-top: -1em;
                background: white;
              }
              .magazine-conten li li h2 a:hover {
                color: #c1002a;
              }
          .magazine-conten li li h2:before {
           content: 'Currently exclusive to magazine';
           font: 0.55em "Source Sans Pro", Helvetica, Arial, sans-serif;
           text-transform: uppercase;
           color: #c1002a;
           position: absolute;
           top: 0;
           left: 0;
          }
        .magazine-conten ul li li:first-child {
          border-top: solid 1px #999;
        }
          .magazine-conten .article-headline {
            padding-left: 2em;
          }
            .magazine-conten ul li li .article-headline .article-author, .magazine-conten ul li li .article-headline .article-author a {
              color: #c1002a;
            }
        .magazine-conten ul li li .article-image img {
          display: block;
          width: 100%;
        }
      
.page-magazinepage .article-author {
  font-size: 1em;
}
.subscribe-cta {
  border: solid 1px gainsboro;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background: #f0f0f0;
  background: rgba(0, 0, 0, 0.05);
  padding: 3em;
  text-align: center;
  margin-bottom: 5em; }
  
/* Podcast page */
.page-node-200371 section iframe {
  width: 100%;
}


/* Footer link pages */
.node-type-page .page-featured-image, .node-type-page .article-featured-image {
  text-align: center;
}
  .node-type-page .page-featured-image img, .node-type-page .article-featured-image img {
    margin: 3em auto;
  }
.node-type-page.article-theme .article-column section {
  float: none;
}
.node-type-page.article-theme .right-sidebar {
  margin-top: 0;
}


/* Advertising Page */
.advertising-section {
  background: #f7f7f7;
  padding: 3em;
  margin-bottom: 3em;
}
  .advertising-section h2 {
    background: #c1002a;
    color: #fff;
    padding: 0.25em 0.5em;
    margin: -0.9em -0.9em 1em -0.9em;
    font-weight: normal;
  }
  .advertising-section p {
    margin: 0.5em 0 1em 0;
  }
  .advertising-section table {
    width: 100%;
  }
  .advertising-col-2 {
    padding-left: 3em;
  }


 
 /* Contact page table */
 .page-node-200379 table th {
    font-size: 2.1em;
    border-bottom: solid 1px #ccc;
 }
 .ie .page-node-200379 table th {
    font-size: 21px;
 }
 .page-node-200379 table p {
    border-bottom: solid 1px #ebebeb;
    margin-right: 2em;
 }

    
/* Contact page */
.contact-numbers {
  text-align: center;
}
  .contact-numbers ul {
    font-size: 3em;
    padding: 3em 0;
  }
    .contact-numbers li {
      display: inline-block;
      margin: 0 1em;
    }
.contacts-list {
  list-style: none;
  margin: 0;
}
  .contacts-list > li ul {
    border-bottom: solid 3px #ccc;
    padding: 1em 3em 0em 0;
    min-height: 7em;
  }
    .contacts-list ul {
      list-style: none;
    }
    .contacts-list li {
      
    }
    .contacts-list li.title {
      font-weight: bold;
    }
.contact-box {
  
}
  .contact-box h2 {
    margin: 1.5em 0 1em 0;
    font-size: 2.4em;
  }
    .contact-box h2 small {
      display: block;
    }
  .contact-box ul {
    list-style: none;
  }
.email-ns ul {
  margin: 0 -1em;
  font-size: 1.6em;
  list-style: none;
}
  .email-ns li {
    padding: 1em;
  }
    .email-ns li div {
      background: #f7f7f7;
      padding: 2em;
      min-height: 10.5em;
    }
  .email-ns li:nth-child(3n+1) {
    clear: left;
  }
.staff {
    padding: 4em 0;
}
  .staff h2 {
    text-align: center;
  }
  .staff li.staff-member, .more-staff > ul {
    padding-right: 3em;
  }
.more-staff h2 {
  padding-right: 1em;
}
.adr ul {
  list-style: none;
}


@media (max-width: 360px) {
  .magazine-conten ul > li {
    padding-left: 0.666666667em;
    padding-right: 0.666666667em;
  }
}
@media (max-width: 500px) {
  .article-theme .article-column section {
    padding-left: 2em;
    padding-right: 2em;
  }
  .node-type-page section h1 {
    font-size: 3em;
  }
}
@media (max-width: 728px) {
  .magazine-conten > li {
    margin-right: 0;
  }
  .magazine-conten .article-image {
    margin-bottom: 2em;
  }
  .magazine-conten .article-headline {
    padding-left: 0;
  }
}
@media (min-width: 360px) and (max-width: 900px) {
  .magazine-conten ul > li {
    padding: 1.6666667em;
  }
}
@media (min-width: 900px) {
  .page-theme.article-theme .article-column section#post-content {
    float: none;
    padding-right: 3em;
  }
}
@media (max-width: 1220px) {
  .node-type-page section {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media (min-width: 1024px) {
  .node-type-page section p {
    font-size: 2.1em;
  }
  .magazine-conten > li {
    padding-right: 0;
  }
}


/* Supplements */
.view-supplements .views-row {
  clear: both;
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 3em;
  margin-bottom: 3em;
  padding-right: 3em;
}
.view-supplements .views-row img {
    float: right;
    margin: 0 0 2em 2em;
    width: 200px !important;
    height: auto !important;
}


@media (max-width: 500px) {
  .view-supplements .views-row {
    padding-right: 2em;
    padding-left: 2em;
  }
  .view-supplements .views-row img {
    float: none;
    margin: 0 0 2em 0;
  }
}
@media (max-width: 1220px) and (min-width: 501px) {
  .page-page-supplements #post-content {
    padding-left: 3em;
  }
}


/*end of 5/1/2015*/

@media (min-width: 501px) and (max-width: 840px) {
  .article-list.category-articles li h2 {
    font-size: 2.1em; } }
@media (max-width: 500px) {
  .article-list.category-articles li {
    padding: 2em; }
    .article-list.category-articles li h2 {
      font-size: 2em; } }
      

/* Left sidebar */
.secondary-content-box {
  padding: 3em;
  border-bottom: solid 0.1em rgba(0, 0, 0, 0.1); }

.promo-box {
  border-top: solid 1em #c1002a; }

.scb-heading {
  border-top: solid 0.4em black;
  font: bold 2.4em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 1.5em 0;
  padding-top: 0.5em;
  text-transform: uppercase;
 }

.most-read {
  padding: 3em 3em 0 0;
  border-bottom: none; }

@media (max-width: 1100px) {
  .left-sidebar {
    display: none; } }
@media (max-width: 1360px) {
  .left-sidebar {
    padding-left: 1em; } }
    
    
/* Right sidebar */
.right-sidebar {
  position: relative;
  background: #fff;
  border: solid 1px #f0f0f0;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-top: none; }
  
.home-theme .right-sidebar {
  border-left: none;
  border-bottom: none;
}

.article-theme .right-sidebar {
  margin-top: -2.1em; }
.default-blog-page{ position: absolute;  right: 2.5%;   top: 57em; }

.mpu {
  text-align: center; }

.mpu div {
  margin: 0 auto;
  width: 300px;
  height: auto; }

/* For less clutter the CTAs only appear when the user expresses an interest by hovering over the right sidebar */
.right-sidebar:hover .ctas {
  opacity: 1; }

.related-book-box img {
  float: right;
  width: 35%;
  margin: 0 0 2em 2em; }
.related-book-box h5 {
  margin: 0;
  font-size: 1.8em; }
.related-book-box a {
  text-decoration: none; }
.related-book-box .book-author {
  margin-bottom: 1em; }
.related-book-box .book-author a {
  color: #c1002a; }

.email-newsletter-box {
  max-height: 7.5em;
  background: #fafafa;
  border-bottom: solid 1px black;
  position: relative;
  z-index: 5;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out; }
  .email-newsletter-box .scb-heading {
    text-decoration: underline;
    border: none;
    padding: 0;
    margin-top: -0.2em;
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 1.6em; }
  .email-newsletter-box .scb-heading:after {
    content: '';
    position: absolute;
    right: -1.2em;
    top: 0.55em;
    border-top: solid 0.3em black;
    border-right: solid 0.3em transparent;
    border-left: solid 0.3em transparent; }
  .email-newsletter-box h4, .email-newsletter-box h3, .email-newsletter-box h2 {
    margin-bottom: 0.5em; }
  .email-newsletter-box img {
    width: 80px;
    max-width: 200px;
    position: absolute;
    right: 0em;
    top: -2.5em; }
  .email-newsletter-box form {
    opacity: 0;
    z-index: -1;
    display: none;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; }
  .email-newsletter-box p {
    font-size: 1.4em;
    line-height: 1.5; }
  .email-newsletter-box input[type="text"] {
    width: 100%;
    padding-left: 0.5em;
    line-height: 2.25; margin-bottom:0; }
  .email-newsletter-box button {
    letter-spacing: 0.1em;
    padding: 0.25em 1em; }
  .email-newsletter-box .more-details a {
    font: 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444; }

.email-newsletter-revealed form {
  opacity: 1;
  z-index: 1;
  display: block;
  visibility: visible; }

.podcast-box {
  overflow: hidden;
  position: relative; }
  .podcast-box h4 {
    z-index: 2;
    position: relative; }
    .podcast-box > iframe {
      min-width: 100% !important;
    }
    

/* Trending / Most read in sidebar / Most popular in sidebar */
.tabs, ul.quicktabs-tabs {
  list-style: none;
  padding-left: 0.5em;
  margin-left: -0.5em;
  }
  .tabs li, ul.quicktabs-tabs li {
    display: inline-block;
    font: 1.6em/2 Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0; }
    .tabs li a, ul.quicktabs-tabs li a {
      text-decoration: none; }
      .tabs li a small, ul.quicktabs-tabs li a small {
        display: block;
        line-height: 1;
        color: #777; }
  .tabs li.active, ul.quicktabs-tabs li.active {
    background: white; }

    
.quicktabs-hide {
  display: none;
}

.most-popular .tabs, ul.quicktabs-tabs {
  border-bottom: solid 1px #ebebeb;
  font-size: 1.2em;
  margin-bottom: 2em;
}
  .most-popular .tabs li, ul.quicktabs-tabs li {
    float: none;
    width: auto;
    display: inline-block;
    width: auto;
    font-weight: normal;
    border: solid 1px #ebebeb;
    border-bottom: none;
    background: #efefef;
    padding: 0;
    position: relative;
  }

  .most-popular .ajax-progress .throbber, .trending-box .ajax-progress .throbber {
    background: transparent url('/misc/throbber-active.gif') no-repeat 0px center;
    background-size: 100%;
    bottom: -111px;
    left: 0;
    margin-left: 150px; }
    
    

/* Roundel can be used in various places */
.roundel {
  position: absolute;
  right: -5em;
  top: -2em;
  width: 11em;
  height: 11em;
  border-radius: 11em;
  -moz-border-radius: 13em;
  -webkit-border-radius: 13em;
  font: 2em/1.5 "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
  background: #ecc32d;
  text-align: center; }
  .roundel strong {
    font-size: 1.8em;
    display: block; }
  .roundel small {
    display: block;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    margin-top: 0.25em; }
  .roundel a {
    display: block;
    width: 11em;
    height: 11em;
    border-radius: 13em;
    -moz-border-radius: 13em;
    -webkit-border-radius: 13em;
    text-decoration: none;
    background: #ecc32d;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    padding: 1.25em; }
  .roundel a:hover {
    background: #c1002a;
    color: white; }

/* Promotion page */
.promotion-theme .main-content {
  box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.1);
  padding: 0 5em 5em 5em; }
.promotion-theme header.promotion-header {
  max-width: 80em;
  text-align: center;
  margin: 0 auto;
  padding: 4em 0 3em 0; }
  .promotion-theme header.promotion-header .featured-content-label {
    background: #ebebeb;
    display: inline-block;
    padding: 0.5em;
    font: 1.6em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 0 0 0.5em 0; }
  .promotion-theme header.promotion-header h1 {
    margin: 0 0 0.5em 0; }
  .promotion-theme header.promotion-header p {
    font-size: 2.1em;
    margin: 0 0 1em 0;
    color: #444; }
  .promotion-theme header.promotion-header ul.share-buttons li {
    display: inline-block;
   }
.promotion-theme .magazine-cover {
  width: 50%;
  max-width: 60em;
  float: right;
  padding: 0 0 3em 3em;
  background: white;
  z-index: 3;
  position: relative; }
.promotion-theme .promotion-cta {
  background: #f0f0f0;
  background: rgba(0, 0, 0, 0.05);
  padding: 3em 3em 3em 10em;
  border: solid 1px gainsboro;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin: 0 0 3em 0;
  position: relative; }
  .promotion-theme .promotion-cta h3 {
    margin: 0;
    font: 2.4em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
  .promotion-theme .promotion-cta p {
    line-height: 1.5; }
.promotion-theme .promotion-cta:before {
  content: "\f019";
  font: 4em fontawesome;
  position: absolute;
  left: 1em;
  top: 50%;
  margin-top: -1em; }
.promotion-theme .print-edition:before {
  content: "\f016"; }
.promotion-theme .promotion-details {
  clear: both; }
  .promotion-theme .promotion-details p, .promotion-theme .promotion-details h2, .promotion-theme .promotion-details h3, .promotion-theme .promotion-details h4, .promotion-theme .promotion-details h5 {
    max-width: 45em;
    margin: 1em auto; }
    .promotion-theme .promotion-details h2, .promotion-theme .promotion-details h3, .promotion-theme .promotion-details h4, .promotion-theme .promotion-details h5 {
    }
  .promotion-theme .promotion-details h2, .promotion-theme .promotion-details h3 {
    text-align: center; }
.promotion-theme .generic-cta {
  max-width: 40em;
  margin: 0 auto;
  text-align: center;
  padding: 4em;
  background: rgba(255, 255, 255, 0.8); }
.promotion-theme .full-width-image {
  margin: 2em 0; }
  .promotion-theme .full-width-image img {
    width: 100%; }
.promotion-theme .testimonials blockquote {
  font-size: 1.8em; }
.promotion-theme .call-events {
  display: inline-block; }
  .promotion-theme .call-events p, .promotion-theme .call-events .tel {
    display: inline-block;
    font: 1.8em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-right: 0.5em; }
  .promotion-theme .call-events p {
    position: relative;
    padding-left: 1em; }
  .promotion-theme .call-events p:before {
    content: "\f10b";
    font: 1.1em fontawesome;
    color: #c1002a;
    position: absolute;
    left: 0.1em;
    top: 0.1em; }
.promotion-theme .email-events {
  display: inline-block;
  margin-left: 0.5em; }
  .promotion-theme .email-events p {
    font: 1.8em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative; }
  .promotion-theme .email-events p a {
    position: relative;
  }
  .promotion-theme .email-events p a:before {
    content: "@";
    font: 1.1em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -0.7em;
  }

  





/*end of 5/1/2015*/

@media (min-width: 501px) and (max-width: 840px) {
  .article-list.category-articles li h2 {
    font-size: 2.1em; } }
@media (max-width: 500px) {
  .article-list.category-articles li {
    padding: 2em; }
    .article-list.category-articles li h2 {
      font-size: 2em; } }
      

/* Left sidebar */
.secondary-content-box {
  padding: 3em;
  border-bottom: solid 0.1em rgba(0, 0, 0, 0.1); }

.promo-box {
  border-top: solid 1em #c1002a; }

.scb-heading {
  border-top: solid 0.4em black;
  font: bold 2.4em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 1.5em 0;
  padding-top: 0.5em;
  text-transform: uppercase;
 }

/* Old styles removed by CB. 28 Apr 2015 
.social-sharers {
  height: 1px;
  margin-top: -1px;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out; }
  .social-sharers li {
    background: rgba(0, 0, 0, 0.05);
    padding-left: 0.5em; }
  .social-sharers li:after {
    content: ''; }
  .social-sharers li a {
    text-indent: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    text-transform: none;
    text-decoration: none;
    color: #000; }
  .social-sharers li a:after {
    right: 1em;
    left: auto; }

.social-sharers-revealed .article-actions .share-article {
  border-bottom: solid 0.1em black;
  background: rgba(0, 0, 0, 0.1);
  padding-left: 0.5em; }
.social-sharers-revealed .article-actions .share-article:after {
  content: '';
  border-bottom: solid 0.6em black;
  border-right: solid 0.6em transparent;
  border-left: solid 0.6em transparent;
  right: 1.2em;
  top: 0.8em; }
.social-sharers-revealed .article-actions .social-sharers {
  opacity: 1;
  height: auto; }
*/

.most-read {
  padding: 3em 3em 0 0;
  border-bottom: none; }

@media (max-width: 1100px) {
  .left-sidebar {
    display: none; } }
@media (max-width: 1360px) {
  .left-sidebar {
    padding-left: 1em; } }
    
    
/* Right sidebar */
.right-sidebar {
  position: relative;
  background: #fff;
  border: solid 1px #f0f0f0;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-top: none; }
  
.home-theme .right-sidebar {
  border-left: none;
  border-bottom: none;
}

.article-theme .right-sidebar {
  margin-top: -2.1em; }
.default-blog-page{ position: absolute;  right: 2.5%;   top: 57em; }

.mpu {
  text-align: center; }

.mpu div {
  margin: 0 auto;
  width: 300px;
  height: auto; }

/* For less clutter the CTAs only appear when the user expresses an interest by hovering over the right sidebar */
.right-sidebar:hover .ctas {
  opacity: 1; }

.related-book-box img {
  float: right;
  width: 35%;
  margin: 0 0 2em 2em; }
.related-book-box h5 {
  margin: 0;
  font-size: 1.8em; }
.related-book-box a {
  text-decoration: none; }
.related-book-box .book-author {
  margin-bottom: 1em; }
.related-book-box .book-author a {
  color: #c1002a; }

.email-newsletter-box {
  max-height: 7.5em;
  background: #fafafa;
  border-bottom: solid 1px black;
  position: relative;
  z-index: 5;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out; }
  .email-newsletter-box .scb-heading {
    text-decoration: underline;
    border: none;
    padding: 0;
    margin-top: -0.2em;
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 1.6em; }
  .email-newsletter-box .scb-heading:after {
    content: '';
    position: absolute;
    right: -1.2em;
    top: 0.55em;
    border-top: solid 0.3em black;
    border-right: solid 0.3em transparent;
    border-left: solid 0.3em transparent; }
  .email-newsletter-box h4, .email-newsletter-box h3, .email-newsletter-box h2 {
    margin-bottom: 0.5em; }
  .email-newsletter-box img {
    width: 80px;
    max-width: 200px;
    position: absolute;
    right: 0em;
    top: -2.5em; }
  .email-newsletter-box form {
    opacity: 0;
    z-index: -1;
    display: none;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; }
  .email-newsletter-box p {
    font-size: 1.4em;
    line-height: 1.5; }
  .email-newsletter-box input[type="text"] {
    width: 100%;
    padding-left: 0.5em;
    line-height: 2.25; margin-bottom:0; }
  .email-newsletter-box button {
    letter-spacing: 0.1em;
    padding: 0.25em 1em; }
  .email-newsletter-box .more-details a {
    font: 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444; }

.email-newsletter-revealed form {
  opacity: 1;
  z-index: 1;
  display: block;
  visibility: visible; }

.podcast-box {
  overflow: hidden;
  position: relative; }
  .podcast-box h4 {
    z-index: 2;
    position: relative; }
    /* Old podcast styles
  .podcast-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 2;
    position: relative; }
  .podcast-box li {
    position: relative;
    border-bottom: solid 1px black;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 0 0.5em 1.25em;
    margin-bottom: 0.5em;
    line-height: 1.2; }
    .podcast-box li a {
      color: black;
      text-decoration: none; }
  .podcast-box li:before {
    content: "\f130";
    font: 1em fontawesome;
    color: black;
    position: absolute;
    left: 0em;
    top: 0.15em; }
  .podcast-box .read-more {
    z-index: 2;
    position: relative; }
    */
    .podcast-box > iframe {
      min-width: 100% !important;
    }

/*
.podcast-box:after {
  content: "\f130";
  font: 31em fontawesome;
  color: #f0f0f0;
  color: rgba(0, 0, 0, 0.05);
  position: absolute;
  right: -0.2em;
  bottom: -0.1em;
  z-index: 1; }
*/


/* Trending / Most read in sidebar / Most popular in sidebar */


.tabs, ul.quicktabs-tabs {
  list-style: none; }
  .tabs li, ul.quicktabs-tabs li {
    float: left;
    width: 33.33333333333%;
    font: 1.4em/2 Unit, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase; }
    .tabs li a, ul.quicktabs-tabs li a {
      text-decoration: none; }
  .tabs li.active, ul.quicktabs-tabs li.active {
    background: white; }


.most-popular .tabs, ul.quicktabs-tabs {
  border-bottom: solid 1px #ebebeb;
  font-size: 1.2em;
  margin-bottom: 2em;
}
  .most-popular .tabs li, ul.quicktabs-tabs li {
    float: none;
    width: auto;
    display: inline-block;
    width: auto;
    font-weight: normal;
    border: solid 1px #ebebeb;
    border-bottom: none;
    background: #efefef;
    padding: 0;
    position: relative;
  }

  .most-popular .ajax-progress .throbber, .trending-box .ajax-progress .throbber {
    background: transparent url('/misc/throbber-active.gif') no-repeat 0px center;
    background-size: 100%;
    height: 60px;
    width: 60px;
    width: 60px;
    height: 90px;
    position: absolute;
    bottom: -8em;
    left: 0em;
  }
  .most-popular .tabs li.active a, ul.quicktabs-tabs li.active a {
    background: white;
  }
    .most-popular .tabs li a, ul.quicktabs-tabs li a {
      padding: 0.75em 1em;
      border: none;
    }
    .most-popular .tabs li.active a, ul.quicktabs-tabs li.active a {
      padding-bottom: 0.5em;
      padding-top: 0em;
      line-height: 1;
      position: relative;
      bottom: -0.2em;
      background: white;
    }
.quicktabs-wrapper {
  min-height: 15em;
}
.most-popular .tabs-content > .content {
  padding: 1.8em 0 0 0;
}
.row .trending-box .article-list li, .row .most-popular .article-list li {
  margin-top: 0;
  padding-bottom: 1em;
  margin-bottom: 0;
}
  .trending-box .article-list li .large-4:before, .most-popular .article-list li .large-4:before {
      content: "1";
      width: 1.2em;
      height: 1.2em;
      font: 1.4em/1 "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
      position: absolute;
      left: -0.4em;
      top: 0em;
      background: #c1002a;
      color: white;
      text-align: center;
      z-index: 9;
  }
  .trending-box .article-list li:nth-child(1) .large-4:before, .most-popular .article-list li:nth-child(1) .large-4:before {
    top: 0em;
  }
  .trending-box .article-list li:nth-child(2) .large-4:before, .most-popular .article-list li:nth-child(2) .large-4:before {
    content: "2";
  }
  .trending-box .article-list li:nth-child(3) .large-4:before, .most-popular .article-list li:nth-child(3) .large-4:before {
    content: "3";
  }
  .trending-box .article-list li:nth-child(4) .large-4:before, .most-popular .article-list li:nth-child(4) .large-4:before {
    content: "4";
  }
  .trending-box .article-list li:nth-child(5) .large-4:before, .most-popular .article-list li:nth-child(5) .large-4:before {
    content: "5";
  }
  .trending-box .article-list li:nth-child(6) .large-4:before, .most-popular .article-list li:nth-child(6) .large-4:before {
    content: "6";
  }
  .trending-box .article-list li:nth-child(7) .large-4:before, .most-popular .article-list li:nth-child(7) .large-4:before {
    content: "7";
  }
  .trending-box .article-list li .large-4:after, .most-popular .article-list li .large-4:after {
    content: '';
    border-top: solid 0.6em #80021D;
    border-left: solid 0.7em transparent;
    position: absolute;
    top: 1.65em;
    left: -0.57em;
  }
  /* Not displaying the numbers in IE8 as they display poorly */
  .ie8 .trending-box .article-list li .large-4:before, .ie8 .most-popular .article-list li .large-4:before,
  .ie8 .trending-box .article-list li .large-4:after, .ie8 .most-popular .article-list li .large-4:after {
    display: none;
  }
  .small-thumbs-article-list .large-4 {
    min-height: 1px;
    padding-bottom: 25%;
    background: #ebebeb;
    position: relative;
  }
    .small-thumbs-article-list .large-4 img {
      display: block;
      position: absolute;
      z-index: 1;
    } 
  .small-thumbs-article-list .large-8 {
    padding-left: 1em;
  }
  .small-thumbs-article-list h5 {
    margin: 0;
  }
  .small-thumbs-article-list h5:before {
    content: 'No image';
    font: 0.7em "Source Sans Pro",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: white;
    position: absolute;
    left: 1em;
    top: 4.5em;
  }
  .trending-box .article-list li.sponsored {
    margin-top: 1em;
    background: none;
    border-top: solid 1px #c1002a;
    border-bottom: solid 1px #c1002a;
    padding-bottom: 2em; padding-top:1em; }
  
  .trending-box .article-list li .article-author, .you-may-have-missed .article-list li .article-author, .most-popular .article-list li .article-author {
    margin: 0.25em 0 0 0;
    text-transform: uppercase;
  }
  .you-may-have-missed {
    border-bottom: none;
  }
    .you-may-have-missed .article-list li {
      margin-top: 0;
      padding-bottom: 1em;
    }

.sponsored-article {
  position: relative;
  min-height: 6em; }

.trending-box .article-list li.sponsored:before {
  content: 'Sponsored' !important;
  position: absolute;
  font: 0.8em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #c1002a;
  left: 0;
  bottom: 0.2em;
  top: auto;
  background: none; }

.sidebar-toggle {
  display: none; }

/* Using this to overide styles created for IE */
@media (min-width: 0px) {
  /* Don't want to use display:none on newsletter form because it makes the transition look bad when it's revealed */
  .email-newsletter-box form {
    display: block; } }
/* Override default mobile styles with styles for small mobiles only */
@media (max-width: 361px) {
  .most-popular .tabs, ul.quicktabs-tabs {
    font-size: 1em;
  }
  .email-newsletter-box img {
    display: none; } }
/* Smaller Trending headlines in mobile */
@media (max-width: 400px) {
  .right-sidebar .small-thumbs-article-list li h5 {
    font-size: 0.8em; } }
/* Smaller Trending headlines in large mobile */
@media (min-width: 400px) and (max-width: 570px) {
  .right-sidebar .small-thumbs-article-list li h5 {
    font-size: 1em; } }
@media (min-width: 570px) and (max-width: 900px) {
  /* Old subscription offer box
  .primary-offer-box h4 {
    font-size: 4em;
    }
  */
  .right-sidebar .small-thumbs-article-list li h5 {
    font-size: 1.4em; } }


@media (max-width: 900px) {
  .trending-box .article-list li.sponsored:before {
    display: none;
  }
}
@media (max-width: 1080px) {
  .trending-box .article-list li {
    padding-left: 0em;
  }
  .trending-box .article-list li:before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .sponsored-article:before {
    left: 285px; } }
@media (max-width: 1056px) {
  .article-theme .right-sidebar {
    margin-top: 0; }
  .default-blog-page{position: absolute;  right: 2.5%;   top: 47em;} }
@media (min-width: 570px) and (max-width: 900px) {
  .email-newsletter-box img {
    right: 0;
    top: -1em; } }
@media (min-width: 1041px) and (max-width: 1440px) {
  .email-newsletter-box img {
    width: 60px; }
}


div.offer-scroll-box { display:none;}


@media (max-width: 900px) {
  div.offer-scroll-box { display:block;}

  .primary-content {
    width: 100%; }

  .right-sidebar {
    position: fixed;
    right: -99.5%;
    width: 100%;
    top: 0em;
    bottom: 4em;
    border-left: solid 0.5em #000;
    background: white;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    z-index: 99; }
  .right-sidebar  .scrolling-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: white;
      z-index: 999;
      overflow-y: scroll; }
    
  .sidebar-toggle {
    display: block;
    position: fixed;
    top: auto;
    bottom: 8em;
    height: 4em;
    left: 100%;
    margin-left: -5.2em;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    background: black;
    color: white;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    padding: 0.5em 2em 0.75em 2em;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.2em;
    font-size: 1.2em;
    transition: left 0.5s ease-in-out;
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    z-index: 99; }
    .sidebar-toggle span {
      display: none; }
    .sidebar-toggle b {
      font-weight: normal; }
    .sidebar-toggle .mpu {
      display: none; }

  .sidebar-revealed .right-sidebar {
    right: 0; }
  .sidebar-revealed .sidebar-toggle {
    right: auto;
    z-index: 999;

    left: -2em;
    margin-left: 0; }
    .sidebar-revealed .sidebar-toggle span {
      display: block; }
    .sidebar-revealed .sidebar-toggle b {
      display: none; } 
}


  /* exception for home page sidebar top (Staggers), which contains no banners */
  .home-sidebar-top {
    width: 33.3333333333333%; }


@media (min-width: 901px) and (max-width: 1350px) {
  .email-newsletter-box img {
    right: 0;
    top: -1em; } }
@media (min-width: 1360px) {
  .email-newsletter-box img {
    right: -2.5em; } }
/* footer */
.cookies-message {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fafafa;
  background: rgba(255, 255, 255, 0.95);
  z-index: 999;
  box-shadow: 0 0 0.4em 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0.4em 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 0.4em 0 rgba(0, 0, 0, 0.4);
  border-top: solid 0.3em #daaa2f;
  transition: bottom 0.5s ease-in-out; }
  .cookies-message img {
    position: absolute;
    left: -2em;
    top: -3em;
    width: 150px; }
  .cookies-message p {
    float: left;
    padding-left: 160px;
    font-size: 1.6em;
    width: 82%; }
  .cookies-message .close-toggle {
    position: relative;
    width: 10em;
    float: right;
    margin: 1em; }

.cookies-message-closed .cookies-message {
  bottom: -20em; }

.site-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fafafa;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  z-index: -1;
  border-top: solid 0.2em black;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  padding: 0 2em; }
  .site-footer p {
    width: 16em;
    float: left;
    font-size: 1.4em;
    margin: 1.25em 0 0 0; }
  .site-footer ul {
    list-style: none;
    font-size: 1.45em;
    text-align: center;
    padding: 0;
    margin: 1em 0;
    width: 55em;
    float: right; }
    .site-footer ul li {
      display: inline-block;
      margin: 0 1em 0 0;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .site-footer ul li a {
        color: black;
        padding: 1em 0;
      }
  .site-footer .footer-links-toggle {
    display: none;
    text-decoration: underline; }

/* When user scrolls down to 1000px a class is added to the body and the footer is made visible. See ux.js */
.site-footer-visible .site-footer {
  opacity: 1;
  z-index: 999;
  visibility: visible;
  }
  

@media (max-width: 900px) {
  
  /* Footer goes into the sidebar in mobile so less of the text is covered by overlays */
  .site-footer {
    position: fixed;
    opacity: 1;
    visibility: visible;
    position: fixed;
    right: -99.5%;
    width: 100%;
    top: 0em;
    bottom: 0;
    left: auto;
    top: auto;
    border-left: solid 0.5em #000;
    background: white;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    z-index: 999;
  }
  .sidebar-revealed .site-footer {
    right: 0;
  }
}
@media (max-width: 1060px) {
  .cookies-message img {
    top: auto;
    bottom: 0; }

  .site-footer p {
    margin-top: 0.75em; }
  .site-footer .footer-links-toggle {
    float: right;
    display: block;
    font-size: 1.4em;
    margin: 0.5em 0; }
  .site-footer ul {
    position: absolute;
    bottom: 2.5em;
    left: 0;
    right: 0;
    width: 100%;
    background: black;
    padding: 5em 2em 2em 2em;
    opacity: 0;
    z-index: -999;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out; }
    .site-footer ul li {
      display: block;
      border-bottom: solid 0.1em white;
      border-bottom: solid 0.1em rgba(255, 255, 255, 0.3); }
      .site-footer ul li a {
        color: white; }
  .site-footer ul:before, .site-footer ul:after {
    content: 'New';
    position: absolute;
    top: 0.5em;
    left: 50%;
    margin-left: -2.9em;
    font: 2.4em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    color: #e2001a;
    letter-spacing: -0.04em; }
  .site-footer ul:after {
    content: 'Statesman';
    color: #c1002a;
    margin-left: -1.15em; }

  .footer-links-revealed .site-footer ul {
    z-index: 999;
    opacity: 1;
    visibility: visible; }

  .footer-links-revealed:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99; } }
@media (max-width: 600px) {
  .cookies-message img {
    display: none; }
  .cookies-message p {
    padding-left: 1em; } }
@media (max-width: 360px) {
  .site-footer p {
    margin-top: 1.5em;
    font-size: 1.1em; } 
  }
        
/*
@media (max-width: 500px) {
    .disqus_comment {
      font-size: 1.4em;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 12em;
      left: 50%;
      margin-left: -6em;
    }
  .share-buttons div {
    width: 12em;
    margin: 8em 0.5em 0 0; } }
*/

/* Banners, Doubleclick */
.mobile-only-banner {
	display: none;
}
.secondary-content-box.mpu {
  padding-left: 0;
  padding-right: 0;
  }
.elevator-banner {
  position: relative;
  top: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  }
.elevator-banner:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 300px;
  }
.going-down .elevator-banner {
  position: fixed;
  top: 50px;
  border: none;
  padding-left: 4%;
  }
.between-articles-banner {
  background: #f7f7f7;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  padding: 2em;
  text-align: center;
  }
    .between-articles-banner > ins, .between-articles-banner > div {
      margin: 0 auto;
      width: auto;
      display: inline-block;
      }


@media (max-width: 790px) {
  .desktop-only-banner {
    display: none; }
  .mobile-only-banner {
    display: block;
    padding: 3em 0;
    border-top: solid 0.1em rgba(0, 0, 0, 0.1);

    border-bottom: solid 0.1em rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.05);
    position: relative; }
  .mobile-only-banner:before {
    content: 'Advertisement';
    position: absolute;
    top: 1em;
    left: 50%;
    width: 30em;
    margin-left: -15em;
    text-align: center;
    color: #888;
    text-transform: uppercase; } }
@media (max-width: 320px) {
  section .mobile-only-banner {
    margin: 3em -10px 3em -10px; }
    section .mobile-only-banner div, section .mobile-only-banner ins {
      display: block; }
    }
      


      
      
/* Search Results */
.page-search-google .search-form {
  background: #f7f7f7;
  padding: 4.3em 3em 0 3em;
}
  .page-search-google .search-form h2 {
    margin: 0 -1em;
    padding: 1em;
    background: white;
  }
.gs-webResult {
  width: 100% !important;
}


/*added newly*/


.subscribe-cta {
  border: solid 1px gainsboro;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background: #f0f0f0;
  background: rgba(0, 0, 0, 0.05);
  padding: 3em;
  text-align: center;
  margin-bottom: 5em; }

/* Subscription page */
.subscribe-theme .main-content {
  background: none; }
.subscribe-theme .tabs-content > .content {
  background: white; }

.subscription-content {
  position: relative; }

.subscription-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 800px;
  background: #D8D8D8; }


.offer-intro {
  background: white;
  padding: 4em;
  position: relative; }
  .offer-intro .magazine-picture {
    max-width: 35em;
    padding: 0 0 3em 5em; }
  .offer-intro .subscription-benefits h1 {
    font: 1.8em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    text-align: center;
    padding: 0.5em;
    background: #ebebeb;
    color: #c1002a;
    text-transform: uppercase;
    margin-left: 2.5em; }
  .offer-intro .subscription-benefits ul {
    max-width: 36em;
    list-style: none;
    margin: 1em auto;
    font-size: 2.1em;
    padding: 0; }
    .offer-intro .subscription-benefits ul li {
      padding: 0 0 0.5em 2em;
      border-bottom: solid 1px #f0f0f0;
      border-bottom: solid 1px rgba(0, 0, 0, 0.05);
      margin: 0 0 0.5em 0;
      position: relative; }
    .offer-intro .subscription-benefits ul li:before {
      content: "\f00c";
      font: 1.6em fontawesome;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -0.8em;
      color: #ebebeb; }
  .offer-intro .subscription-benefits p {
    margin: 2em 0 2em 2em; }
  .offer-intro .subscription-benefits p.choose-option {
    position: relative; }
  .offer-intro .subscription-benefits p.choose-option:after {
    content: '';
    position: absolute;
    display: block;
    width: 72px;
    height: 111px;
    background: url("../img/arrow.png");
    background-size: 100%;
    bottom: -111px;
    left: 0;
    margin-left: 150px; }
  .offer-intro .students-link {
    font: 2.4em/1 "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    text-align: center;
    width: 6em;
    height: 6em;
    position: absolute;
    right: -3em;
    top: 50%;
    margin-top: -3em;
    z-index: 3; }
    .offer-intro .students-link a {
      display: block;
      height: 6em;
      color: white;
      text-decoration: none;
      padding: 2.5em 0.5em 0 0.5em;
      background: black;
      border-radius: 5em;
      -moz-border-radius: 5em;
      -webkit-border-radius: 5em;
      transition: background 0.5s ease-in-out;
      -moz-transition: background 0.5s ease-in-out;
      -webkit-transition: background 0.5s ease-in-out; }
    .offer-intro .students-link a:hover {
      background: #e2001a; }
  .offer-intro .students-link:before {
    content: "\f19d";
    font: 1em fontawesome;
    color: white;
    position: absolute;
    top: 1em;
    left: 0;
    right: 0;
    text-align: center; }

.main-offers {
  background: white; }

.main-offer {
  background: #f0f0f0;
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
  position: relative; }
  .main-offer h2 {
    font: bold 2.4em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 1.6666666667em 0 0 0;
    padding: 0 1.6666666667em;
    color: #c1002a; }
    .main-offer h2 strong {
      color: black;
      display: block;
      font-size: 1.4em; }
  .main-offer p {
    line-height: 1.6;
    padding: 0 2.5em; }
  .main-offer .offer-image {
    padding: 3em; }
  .main-offer .offer-label {
    position: absolute;
    top: 3em;
    right: -1.1em;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10em;
    font: 1.2em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background: #c1002a;
    color: white;
    padding: 0.2em; }
  .main-offer .offer-label:before {
    content: '';
    position: absolute;
    left: -1.6em;
    top: 0;
    border-bottom: solid 1.6em #c1002a;
    border-left: solid 1.6em transparent; }
  .main-offer .offer-label:after {
    content: '';
    position: absolute;
    right: -1.55em;
    bottom: 0;
    border-bottom: solid 1.75em #c1002a;
    border-right: solid 1.75em transparent; }
  .main-offer .direct-debit {
    position: absolute;
    left: 1em;
    top: 1em;
    width: 10em; }
  .main-offer .offer-roundel {
    width: 6em;
    height: 6em;
    position: absolute;
    right: -1em;
    top: -1em;
    background: #ecc32d;
    font: 1.4em "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 1.5em 0.5em 0 0.5em;
    color: black; }

.green-band {
  /*background: #87b214;*/
  background: #E8F0D3;
  padding: 2em 0;
  text-align: center;
  position: relative; }
  .green-band .cta {
    background: #72A815;
    font: bold 1.8em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: white;
    padding: 0.75em 0em;
    width: 70%;
    margin: 0 auto;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-shadow: 0.2em 0.2em 0 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0.2em 0.2em 0 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0.2em 0.2em 0 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out; }
  .green-band .cta:hover {
    background: #c1002a; }
  .green-band .cta a, .green-band .cta a:hover {
    background: none; }

.offer-3 {
  background: gainsboro;
  background: rgba(0, 0, 0, 0.1); }

.more-offers {
  text-align: center;
  background: white;
  position: relative;
  z-index: 2; }
  .more-offers .row {
    position: relative;
    min-height: 9.25em; }
  .more-offers h2 {
    margin: 2em 0 1em 0; }
  .more-offers .offer-heading h3 {
    font-size: 1.8em;
    font-weight: lighter; }
    .more-offers .offer-heading h3 strong {
      font-size: 1.4em;
      font-weight: bold;
      display: block; }
  .more-offers .offer-heading small {
    font-size: 1.2em;
    padding: 0 2em;
    display: block; }
  .more-offers .large-6 {
    text-align: left;
    padding: 0 2em; }
    .more-offers .large-6 p {
      line-height: 1.6; }
  .more-offers .green-band {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 9em; }
  .more-offers .sub-offer {
    border-top: solid 1px #ebebeb; }
  .more-offers .overseas-offers .offer-details {
    width: 60%; }
  .more-offers .overseas-offers .green-band {
    width: 40%;
    padding: 1em 0;
    border-top: solid 1px gainsboro;
    border-top: solid 1px rgba(0, 0, 0, 0.1); }

/*.more-offers:before {
  content: '';
  position: absolute;
  top: 30em;
  left: 0;
  right: 0;
  height: 70em;
  background: #ccc;
  z-index: 1;
}*/
.row .more-offers > div.row {
  background: #f0f0f0;
  background: rgba(0, 0, 0, 0.05);
  max-width: 160em;
  margin: 0 auto; }

.row .more-offers > div:nth-of-type(2) {
  background: gainsboro;
  background: rgba(0, 0, 0, 0.1); }
  .row .more-offers > div:nth-of-type(2) .green-band {
    background: #D6E0BB; }

.single-issues h2 {
  text-align: center;
  margin: 2em 0 1em 0; }

.single-issue {
  background: white;
  margin: 0 0 3em 0;
  position: relative;
  z-index: 2; }
  .single-issue .large-2 {
    padding-right: 5em; }
  .single-issue img {
    display: block; }
  .single-issue .large-6 {
    padding: 0 2em 0 0; }
  .single-issue p {
    line-height: 1.6; }
  .single-issue .green-band {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
    .single-issue .green-band .buy-link {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -1em 0 0 -35%; }

.other-options {
  margin: 0 -1em 6em -1em; }

.option-box {
  background: white;
  padding: 3em;
  position: relative;
  z-index: 2;
  margin: 0 1em;
  text-align: center; }
  .option-box h3 {
    margin: 0; }
  .option-box img {
    max-width: 16em;
    margin: 2em auto 0; }
  .option-box p {
    line-height: 1.6; }

.testimonials {
  background: #eee;
  position: relative;
  padding: 7% 0 15% 0; }
  .testimonials blockquote {
    font: 3em/1.5 "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    color: black;
    width: 14em;
    margin: 0 auto;
    quotes: "“" "”" "‘" "’"; }
    .testimonials blockquote cite {
      font-size: 0.5em;
      font-style: italic;
      color: #c1002a; }
  .testimonials blockquote:before {
    content: open-quote;
    font: lighter 23em/1 "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    position: absolute;
    left: -0.1em;
    top: -0.2em;
    color: rgba(0, 0, 0, 0.1);
    height: 0.5em; }
  .testimonials blockquote:after {
    content: close-quote;
    font: lighter 23em/1 "Unit Slab", Merriweather, Georgia, "Times New Roman", serif;
    position: absolute;
    right: 0em;
    bottom: 0em;
    color: rgba(0, 0, 0, 0.1);
    height: 0.5em; }

/*
.testimonials:before {
  content: '';
  background: $dark-detail-old;
  background: $dark-detail;
  position: absolute;
  top: -142em;
  height: 142em;
  left: 0;
  right: 0;
}*/
/* Digital Panel Specifics */
.digital-panel .offer-intro {
  padding: 4em 4em 0 4em; }
  .digital-panel .offer-intro .magazine-picture {
    max-width: 200em;
    min-height: 50em;
    overflow: hidden;
    position: relative; }
  .digital-panel .offer-intro .iphone {
    width: 35%;
    height: 57%;
    position: absolute;
    bottom: 0;
    left: 2em;
    background: url("../img/iphone.png") no-repeat;
    background-size: 100%;
    z-index: 2;
    padding: 9% 2.6%; }
  .digital-panel .offer-intro .ipad {
    width: 70%;
    height: 97%;
    position: absolute;
    bottom: 0;
    right: 3em;
    background: url("../img/ipad.png") no-repeat;
    background-size: 100%;
    z-index: 1;
    padding: 9.3% 8%; }
  .digital-panel .offer-intro .subscription-benefits p.choose-option:after {
    width: 34px;
    height: 56px;
    bottom: -53px;
    margin-left: 106px; }
.digital-panel .offer-details {
  position: relative; }
.digital-panel .offer-details:before {
  content: "\f1c1";
  font: 4em fontawesome;
  /*position: absolute;*/
  color: black;
  left: 0.75em;
  top: 50%;
  margin-top: -0.25em; }
.digital-panel .offer-image img {
  max-width: 18em; }

/* Digital & Print Specifics */
.digital-and-print-panel .offer-intro {
  padding: 4em 4em 0 4em; }
  .digital-and-print-panel .offer-intro .magazine-picture {
    max-width: 200em;
    overflow: hidden;
    position: relative;
    padding: 0; }
    .digital-and-print-panel .offer-intro .magazine-picture .iphone {
      width: 23%;
      height: 38%;
      position: absolute;
      bottom: -2em;
      right: 26em;
      background: url("../img/iphone.png") no-repeat;
      background-size: 100%;
      z-index: 2;
      padding: 5.5% 1.5%; }
    .digital-and-print-panel .offer-intro .magazine-picture .ipad {
      width: 48%;
      height: 63%;
      position: absolute;
      bottom: 0;
      right: 3em;
      background: url("../img/ipad.png") no-repeat;
      background-size: 100%;
      z-index: 1;
      padding: 6% 5%; }
.digital-and-print-panel .offer-2 {
  margin-bottom: 0; }
  
/* Modals */
.form-modal {
  position: fixed;
  width: 80em;
  left: 50%;
  margin-left: -40em;
  top: -80em;
  transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  background: white;
  padding: 4em;
  opacity: 0;
  box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
}
.print-dd-annual-modal-open .print-dd-annual-modal {
  top: 10em;
  opacity: 1;
}


@media (max-width: 460px) {
  .offer-intro .subscription-benefits h1 {
    margin-left: 1.75em; }

  .offer-intro .subscription-benefits ul, .offer-intro .subscription-benefits p.choose-option {
    font-size: 1.6em; }

  .offer-intro .students-link {
    font-size: 1.8em; }

  .offer-intro .subscription-benefits p.choose-option:after {
    left: 50%;
    margin-left: -50px; }

  .more-offers .large-6 {
    font-size: 0.8em; } }
@media (max-width: 680px) {
  .subscription-content .tabs .tab-title a {
    font-size: 0.4em !important;
    line-height: 1.3;
    padding-left: 0;
    padding-right: 0; }

  .digital-panel .offer-intro .magazine-picture, .digital-and-print-panel .offer-intro .magazine-picture {
    min-height: 0;
    padding: 0; }

  .digital-panel .offer-intro .ipad {
    position: static;
    width: auto; }

  .digital-panel .offer-intro .iphone, .digital-and-print-panel .offer-intro .iphone {
    width: 38%;
    height: 40%;
    left: 0; }

  .digital-and-print-panel .offer-intro .magazine-picture .ipad {
    left: 0;
    bottom: 0;
    width: 60%;
    height: 58%; }

  .digital-panel .offer-intro .subscription-benefits p.choose-option:after {
    margin-left: 0; } }
@media (max-width: 728px) {
  .offer-intro .magazine-picture {
    padding: 0 0 2em 0; }

  .main-offer {
    padding-top: 3em; }

  .main-offer .offer-roundel {
    right: 0;
    top: 1em; }

  .green-band, .more-offers .green-band {
    padding: 3em 0;
    position: relative; }

  .green-band:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1em;
    border-top: solid 1em #f0f0f0;
    border-right: solid 1em transparent;
    border-left: solid 1em transparent; }

  .green-band:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1em;
    border-bottom: solid 1em #f0f0f0;
    border-right: solid 1em transparent;
    border-left: solid 1em transparent; }

  .offer-2 {
    margin: 3em 0;
    box-shadow: none;
    border: solid 1px #ebebeb; }

  .more-offers .large-6, .single-issue .large-6 {
    padding: 0 2em;
    font-size: 0.85em;
    text-align: center; }

  .more-offers .overseas-offers .offer-details, .more-offers .overseas-offers .green-band {
    width: 100%; }

  .more-offers .green-band:after, .single-issue .green-band:after {
    display: none; }

  .single-issue img {
    max-width: 25em;
    margin: 0 auto; }
  .single-issue .large-6 {
    padding: 0 2em 3em 2em; }
  .single-issue .green-band {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%; }
  .single-issue .green-band .buy-link {
    position: static;
    margin: 0 auto; }

  .single-issue {
    margin: 0;
    padding-bottom: 3em; }

  .option-box {
    border-top: solid 1px gainsboro;
    border-top: solid 1px rgba(0, 0, 0, 0.1); }

  .testimonials blockquote {
    width: 100%;
    padding: 0 0.2em; }

  .testimonials blockquote:before, .testimonials blockquote:after {
    font-size: 10em; } }
@media (min-width: 728px) and (max-width: 1140px) {
  .offer-intro .magazine-picture {
    padding: 0 0 3em 0;
    width: 25%; }

  .offer-intro .subscription-benefits ul {
    padding-left: 2em;
    font-size: 1.6em; }

    .offer-intro .subscription-benefits ul li:first-child {
      padding-right: 5em; }

  .main-offer {
    padding: 3em 0; }

  .offer-intro .subscription-benefits p.choose-option:after {
    display: none; }

  .digital-panel .offer-intro .magazine-picture {
    min-height: 0; }
  .digital-panel .offer-intro .iphone {
    display: none; }
  .digital-panel .offer-intro .ipad {
    position: static; }

  .digital-and-print-panel .offer-intro .magazine-picture .ipad {
    display: none; }
  .digital-and-print-panel .offer-intro .magazine-picture .iphone {
    display: none; } }
@media (max-width: 1230px) {
  .offer-intro .subscription-benefits ul {
    margin: 1em 0; }

  .offer-intro .students-link {
    top: 20%;
    right: 0.5em; } }
@media (min-width: 1280px) {
  .offer-1 .green-band:before {
    content: '';
    position: absolute;
    left: -4em;
    top: -1em;
    border-top: solid 4em #C0D292;
    border-left: solid 4em transparent; }

  .offer-1 .green-band:after {
    content: '';
    position: absolute;
    left: -4em;
    bottom: 1.5em;
    border-bottom: solid 4em #C0D292;
    border-left: solid 4em transparent; }

  .offer-2 {
    background: white;
    margin-top: -4em;
    margin-bottom: -4em;
    box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.2);
    z-index: 1; }

  .offer-3 .green-band:before {
    content: '';
    position: absolute;
    right: -4em;
    top: -1em;
    border-top: solid 4em #C0D292;
    border-right: solid 4em transparent; }

  .offer-3 .green-band:after {
    content: '';
    position: absolute;
    right: -4em;
    bottom: 1.5em;
    border-bottom: solid 4em #C0D292;
    border-right: solid 4em transparent; } }
.tabs {
  margin: 0;
  padding: 0; }

.tabs:before, .tabs:after {
  content: " ";
  display: table; }

.tabs:after {
  clear: both; }

.tabs dd, .tabs .tab-title {
  position: relative;
  margin-bottom: 0 !important;
  list-style: none;
  float: left; }

.tabs dd > a, .tabs .tab-title > a {
  display: block;
  background-color: #EFEFEF;
  color: #222222;
  padding: 1rem 2rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  border-right: solid 1px gainsboro;
  border-right: solid 1px rgba(0, 0, 0, 0.1); }

.tabs dd > a:hover, .tabs .tab-title > a:hover {
  background-color: #e1e1e1; }

.tabs dd > a:focus, .tabs .tab-title > a:focus {
  outline: none; }

.tabs dd.active a, .tabs .tab-title.active a {
  background-color: #FFFFFF;
  color: #222222; }

.tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.tabs.vertical dd, .tabs.vertical .tab-title {
  position: inherit;
  float: none;
  display: block;
  top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }

.tabs-content:before, .tabs-content:after {
  content: " ";
  display: table; }

.tabs-content:after {
  clear: both; }

.tabs-content > .content {
  display: none;
  float: left;
  padding: 0.9375em 0;
  width: 100%; }

.tabs-content > .content.active {
  display: block;
  float: none; }

.tabs-content > .content.contained {
  padding: 0.9375em; }

.tabs-content.vertical {
  display: block; }

.tabs-content.vertical > .content {
  padding: 0 0.9375em; }

@media only screen and (min-width: 40.063em) {
  .tabs.vertical {
    width: 20%;
    max-width: 20%;
    float: left;
    margin: 0 0 1.25rem; }

  .tabs-content.vertical {
    width: 80%;
    max-width: 80%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem; } }
.no-js .tabs-content > .content {
  display: block;
  float: none; }

/* dev tools (tumble weed) */
/*# sourceMappingURL=style.css.map */

/*saradhi added*/ 
/*over ride styles*/

.home-most-read h2, .home-most-read .block > h2 { border:none; }

/* 3 columns */

body.two-sidebars .content-sidebar-wrap, body.sidebar-first .large-7.article-column {
/*  width:80%;*/width: 58.33333%;
}

body.two-sidebars #content {
  width:75%;
}
body.two-sidebars.page-node #content {
  width:100%;
}
body.two-sidebars .large-2.left-sidebar { width: 16.66667%;}
body.two-sidebars #sidebar-first {
 /* width: 24%;*/
}
body.two-sidebars .large-3.right-sidebar { width: 25%;}
body.two-sidebars #sidebar-second {
 /* width: 19%;*/
}

body.two-sidebars.sidebar-revealed .large-3.right-sidebar { width:100%;}


/* 2 columns: sidebar-first */

body.sidebar-first .content-sidebar-wrap,  body.sidebar-first .large-7.article-column {
 /* width: 100%;*/  width: 83.33333%; 
}

body.sidebar-first #content {
  width: 100%;
}
body.sidebar-first .large-2.left-sidebar { width: 16.66667%;}
body.sidebar-first #sidebar-first {
 /* width: 19%;*/
}

/* 2 columns: sidebar-second */

body.sidebar-second .content-sidebar-wrap, body.sidebar-second .large-7.article-column {
  width: 75%; 
}

body.sidebar-second #content {
  width: 100%;
}
body.sidebar-second .large-3.right-sidebar { width: 25%;}

body.sidebar-second #sidebar-second {
/*  width: 19%;*/
}


body.sidebar-second.sidebar-revealed .large-3.right-sidebar { width:100%;}


#block-views-leadimage-block.block { margin:0;}
.view-id-leadimage img, img{ animation-name: fadeIn; animation-duration: 1s;
    animation-fill-mode: both;  border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;}
.block { clear:both; overflow: visible;}

#foot {
    border:0px solid;
    float: right;
    width: 80%;
}


#block-views-27bc8c956791b059184b1e9b1ec57bbf.block, #block-views-leadimage-leadingimage-bg.block{ overflow:visible;}
.columns.right-sidebar.home-sidebar-top { float:right;}

article .article-column div.messages { margin:0;}
body .item-list li.pager-load-more { margin-top:3em;}


.node-type-blogs div.content div.service-links{ position:absolute; left:2.9em; top:32em;}

.node-type-longread.article-theme .article-column:before { background:none;}

/*
.field-name-field-node-image .field-item.even { display:none;}
*/
div.item-list ul li .field-name-field-node-image .field-item.even, .views-row .field-name-field-node-image .field-item.even{ display:block;}
.item-list .title { font-weight:normal;}
.block div.view-infinate-articles div.service-links { left:-18.7em;}
.region-filterby { margin-top:0.0em; float:right;}
.views-exposed-widgets { margin:0;}
.views-exposed-form .views-exposed-widget { padding:0;}
.views-exposed-form .views-exposed-widget  select.form-select { padding: 0; opacity:1; background: none repeat scroll 0 0 white;   cursor: pointer;    float: right;    font: 1.6em "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;     margin: 0;     text-align: left;      width: 7em;  transition: opacity 0.5s ease-in-out 0s; height:3em;}
  
/*.views-exposed-form .views-exposed-widget  select {background: none repeat scroll 0 0 white;
    box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.3);
    left: 0;
    position: absolute;
    right: 0;
    top: 3.25em;
    transition: opacity 0.5s ease-in-out 0s;
    width: 13.35em;}
  */
.views-exposed-form .views-exposed-widget  select.form-select > option{font: 1em "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; 
    text-transform: none;  border-bottom: 0.1em solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: block;
    float: none;
    padding: 0.5em 1em;}
.view-display-id-trending .attachment { margin-top:1em;}
.views-field-field-sponsored { display:none;}

.horizontal-article-list li h5 {
    margin: 0 0 0 1em; }

/*Admin styles*/
ul.primary li, ul.tabs.primary li {  display: inline-block;  background: none;  padding: 0;  margin: 0; font-size: 0.8em; width:auto;}
#toolbar ul li, #toolbar ul li a{  background: none;}
.email-newsletter-box {  max-height: 7.5em;}

body.going-down nav.site-nav {}
#container { margin-bottom:0em;}
/*#sidebar-second .block { padding:3em;}*/


/*@media (min-width: 300px) and (max-width: 479px){.admin-menu .site-header-top .site-header {top: 16em;} }
@media (min-width: 480px) {.admin-menu .site-header-top .site-header {top: 10em;} }
@media (min-width: 640px) {.admin-menu .site-header-top .site-header {top: 9em;} }
@media (min-width: 768px) {.admin-menu .site-header-top .site-header {top: 7em;} }*/


.widgets {  margin: 0.4em 0;}
.widgets a{ color:#fff; text-decoration:none;}
.long_read_top  a{ color:#666;}
.article-footer-sharers #widgets-element-service_links_reddit { margin-right:0.6em;}
#widgets-element-service_links_reddit { background: none repeat scroll 0 0 black;
    border-radius: 0.3em;  
    padding: 0.25em;
    width: 9em;}
.article-footer-sharers .long_read_top, .text-selection-sharer .long_read_bottom   { display:none;}
#widgets-element-service_links_print {}
#widgets-element-service_links_print a{ color:#666;}
.article-footer-sharers .links.inline li {
    float: left; margin:0 0.8em; 
}


.field-name-body dl ul, .field-name-body dl ol { font-size:100%em;} 
ul.bulleted {
    font-size: 1.8em;
}
 ol.alpha, .page-node-44295 ol {    font-size: 100%;
}

ul.links, ul.links li { list-style:none;}
.article-footer-sharers .defaultblogtop { display:none;}

#widgets-element-service_links_twitter_widget { margin-right:-1.5em;}
li.long_read_top #widgets-element-service_links_facebook_share { margin-left:0.7em;}

/*img[src*="http://dev-new-statesman.pantheon.io/"], img[src*="http://test-new-statesman.pantheon.io/"],  img[src*="http://test-new-statesman.pantheon.io/"] {
  width:50%; border:0; outline:0;   }*/

.you-may-have-missed .attachment.attachment-after {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    clear: both;
    margin-top: 1.5em;
    padding-top: 1.5em;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
} 
.featured-article-author {margin: auto; text-align: center;}
.featured-article-author  a{color: #c1002a}

.node-type-page.article-theme .article-column::before{ background:#fff; }
.node-type-page.article-theme .article-column { margin-top:0;}

#content { margin-bottom:10em;}


 .article-theme .article-column.noimage, .page-taxonomy-term .category-column.noimage{ margin-top:0; }
 .spacer{ float:left; border: medium none;
    margin: 3em 0 0;
    padding: 0; clear:both; width:100%; height:550px;}
.site-nav ul.menu { width:100%;} 


.spacer-cat{height:550px; float:left; border: medium none;   
    padding: 0; clear:both; width:100%; margin-top:6em;}
  
.cat-category { position:relative;} 
.large-5.columns.cat-category .article-category {
    font-size: 1.5em;
    left: -0.3em;
    top: 0.1em;
}

.large-5.columns.cat-category .article-category a{padding:0.2em 0.5em;}






/* flippy: Next and previous articles that appear when user scrolls down. No idea why it's called flippy */
.region-content ul.flippy {
  font-size: 1.6em;
  left: 0;
  margin: auto;
  position: fixed;
  bottom: 15em;
  text-align: left;
  width: 100%;
  z-index: 9999;
  
  /* disable flippy temporarily */
  display: none;
}
  .region-content ul.flippy a {
      text-decoration: none;
  }
ul.flippy li {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 22em;
  border-top: solid 1px #ebebeb;
  white-space: normal;
  box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3);
  transition: all 1s ease-in-out;
  -moz-webkit-transition: all 1s ease-in-out;
  -webkit-webkit-transition: all 1s ease-in-out;
}
  ul.flippy li a {
    display: block;
    border-left: solid 0.5em #c1002a;
    color: #c1002a;
    padding: 4em 2em 2em 2em;
    background: white;
    transition: all 1s ease-in-out;
    -moz-webkit-transition: all 1s ease-in-out;
    -webkit-webkit-transition: all 1s ease-in-out;
  }
  ul.flippy li a:hover {
    border-left: solid 0.5em black;
    color: black;
  }
  ul.flippy li a:first-letter {
    display: block;
    color: #c1002a;
    font-size: 1em;
    position: relative;
  }
  ul.flippy li a:before {
    content: 'Turn the page';
    font: lighter 1em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #999;
    position: absolute;
    top: 2em;
    letter-spacing: 0.1em;
  }
  ul.flippy li a:after {
    content: "\f18e";
    font-family: fontawesome;
    position: absolute;
    right: 2em;
    top:2em;
    color: black;
  }
 ul.flippy li.prev {
    left: 0;
    text-align: left;
    border-left: none;
    border-right: solid 0.5em #c1002a;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
ul.flippy li.next {
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
ul.flippy .close-toggle {
  font-size: 0.8em;
  top: -2.25em;
  background: #333;
}


@media (min-width: 1800px) {
  /* Show next article around same time as elevator banner starts traveling down */
  .editors-pick-reached ul.flippy li.next {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
  }
  .editors-pick-reached.next-article-closed ul.flippy li.next, .next-article-closed ul.flippy li.next {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
}



.node-unpublished header.article-header, .node-unpublished aside.article-meta, 
.article-theme .article-column .node-unpublished section {
  background-color:#fff4f4; background:#fff4f4;
}
/*.node-unpublished:before {
  content: "Please note: This article is NOT published :)";
  font: bold 2.4em "Source Sans Pro", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: solid 1px black;
  padding: 2em;
  background: rgb(228, 174, 174);
}*/


/* Magazine Page  / This weeks Magazine */
.node-type-magazine section.large-8 {
  position: relative;
}
.issues-navigation {
    margin: 0 4em 3em 2.5em;
    padding-top: 3em;
    list-style: none;
    position: relative;
    z-index: 99;
}
.issues-navigation ul {
  list-style:none;
}
  .issues-navigation ul li {
    text-align: center;
  }
.next-prev {
    margin-top: -50%;
    height: 3em;
    position: absolute;
    left: 0;
    right: 4em;
}
.issues-navigation h3 {
    margin: 0 auto 1em;
    width: 20%;
}



 .prev-month a, .next-month a {
    background: none;
    text-indent: -5000px;
    overflow: hidden;
    position: absolute;
    padding: 0;
    top: 1em;
    right: 0;
    width: 4em;
    height: 4em;
  }
 
  .prev-month a:after, .next-month a:after {
    content: "\f054";
    font: 4em fontawesome;
    position: absolute;
    top: 0;
    right: 0em;
    text-indent: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
  }
  .prev-month a:hover:after, .next-month a:hover:after {
      color: #c1002a;
   }
  .prev-month a {
    left: 0;
    right: 0;
  }
  .prev-month a:after {
    content: "\f053";
  }
  
  
@media (max-width: 728px) {
  .next-prev {
    right: 1em;
  }
}


/*  Printer freindly version */
.print-content .article-left-column, .print-content .right-sidebar, .print-content .article-footer, .print-content .related-articles {
  display: none;
}
.print-logo {
    margin: 3em 0;
    text-align: center;
}
.print-content .article-column {
    width: 960px;
    float: none;
    margin: 0 auto;
}
.print-content section.large-9 {
  padding: 0 4em;
  width: 100%;
}
.print-content .article-author {
    float: none;
    width: 75%;
    padding: 0 4em 4em 4em;
}
.print-content .author-byline {
  font-size: 1.8em;
}
.print-content .twitter-button, .print-site_name, .print-breadcrumb, .print-site_name, .print-content .toggle-image, .print-content .about-the-author, .print-hr, .print-content .footer-promotion {
  display: none;
}
.print-content .about-the-author {
  margin-top: 3em;
}
.print-content p {
  margin: 0 0 1.5em 0;
}



/*added class on 28/8/2015*/

/* Conferences Page */
.conferences-theme {
  /* this is purely to cover the shadow on the tabs above */ }
  .conferences-theme .full-height-column {
    padding: 0;
    border: none; }
    .region-conference-aside {
      text-align: center;
      padding-top: 2em;
    }

   .contact-conferences {
    float:right;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    background: #f0f0f0;
    background: rgba(0, 0, 0, 0.05);
    margin-left: 3em;
    margin-top: 3.5em;
    width:18em;
    }
    .conferences-theme .share-buttons {
      text-align: center;
    }
    .contact-conferences .call-conferences {
      padding: 2em 1em 1em 1em; }
       .contact-conferences .call-conferences p {
        font: 1.6em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        margin: 0;
        padding-left: 0;
        text-align: center;
        position: relative; }
      .contact-conferences .call-confereces p:before {
        content: "\f10b";
        font: 1.6em fontawesome;
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0 0 0 -1em;
        width: 2em; }
       .contact-conferences .call-conferences .tel {
        font: 2.5em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #c1002a;
        text-align: center; }
    .contact-conferences .email-conferences a {
      display: block;
      background: #c1002a;
      text-align: center;
      padding: 0.5em 0.5em 1em 0.5em;
      text-transform: uppercase;
      color: white; }
  .conferences-theme .article-featured-image {
    height: 30em;
    overflow: hidden; }
    .conferences-theme .article-featured-image h1 {
      font-size: 10vw;
      line-height: 1;
      margin: 0.25em 0 0 0;
      text-align: center;
      position: absolute;
      z-index: 3;
      left: 0;
      right: 0;
      color: white;
      text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
      -moz-text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
      -webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
  .conferences-theme .main-content {
    margin-top: 0; }
  .conferences-theme .search-conferences {
    padding-bottom: 1.5em;
    border-bottom: solid 1px gainsboro;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 2em; }
    .conferences-theme .search-conferences input, .conferences-theme .search-conferences button {
      width: 100%;
      margin-bottom: 0.5em; }
  .conferences-theme .tabs {
    margin-top: -3.5em; }
    .conferences-theme .tabs li {
      width: 50%; }
    .conferences-theme .tabs li.active {
      box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
      z-index: 2; }
  .conferences-theme .tabs-content > .content {
    padding: 0;
    background: white;
    position: relative;
    z-index: 3; }
  .conferences-theme .no-other-conferences {
    padding: 2em;
    background: white;
    position: relative;
    z-index: 3; }
    .conferences-theme .no-other-conferences p {
      margin: 0; }
  .conferences-theme .conferences-list {
    list-style: none;
    padding: 0;
   }
    .conferences-theme .conferences-list li {
      clear: none;

      padding: 2em 0 0 2em;
      position: relative; }
      .conferences-theme .conferences-list li img {
        display: block; }
      .conferences-theme .conferences-list li h2 {
        font-size: 1.5em;
        margin: 0;
        text-align: center; }
      .conferences-theme .conferences-list li p {
        line-height: 1.5; }
      .conferences-theme .conferences-list li .conference-info {
        border: solid 1px gainsboro;
        border: solid 1px rgba(0, 0, 0, 0.1);
        border-top: none;
        padding: 1.5em; }
      .conferences-theme .conferences-list li .cta {
        text-align: center; }
        .conferences-theme .conferences-list li .cta a {
          margin: 0 auto; }
      .conferences-theme .conferences-list li .tickets-available {
        position: absolute;
        top: 2em;
        right: 0;
        padding: 0.5em 0.5em 0.5em 2.5em;
        font: 1em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        background: rgba(255, 255, 255, 0.9); }
      .conferences-theme .conferences-list li .tickets-available:before {
        content: "\f145";
        font: 1em fontawesome;
        position: absolute;
        left: 0.5em;
        top: 0.65em; }
    .conferences-theme .conferences-list li:nth-child(2n) {
      padding-right: 0; }
  .conferences-theme .related-articles {
    clear: both; }
     

/* Conference details page */
.promotion-header ul.share-buttons {
  width: auto;
}
  .promotion-header ul.share-buttons li {
    display: inline-block;
  }
  .details-contact{
    display:inline-block;
  }
  .details-contact ul.conference-details {
    float: left;
  max-width: 20em;
  list-style: none;
  padding: 0;
  margin: 2em 0; }

ul.conference-details {

  max-width: 20em;
  list-style: none;
  padding: 0;
  margin: 2em 0; }

  ul.conference-details li {
    border-bottom: solid 1px gainsboro;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    line-height: 1.5;
    padding: 0.7em 0.5em 0.5em 0.5em;
    background: #f0f0f0;
    background: rgba(0, 0, 0, 0.05); }
  ul.conference-details li.conference-date, ul.conference-details .conference-location {
    position: relative;
    padding-left: 2.25em; }
  ul.conference-details li.conference-date:before {
    content: "\f133";
    font: 1em fontawesome;
    position: absolute;
    left: 0.6em;
    top: 50%;
    margin-top: -0.4em;
    color: #c1002a; }
  ul.conference-details li.conference-location:before {
    content: "\f08d";
    font: 1em fontawesome;
    position: absolute;
    left: 0.8em;
    top: 50%;
    margin-top: -0.4em;
    color: #c1002a; }
      ul.conference-details li.main_speaker:before {
    content: "\f1ae";
    font: 1em fontawesome;
    position: absolute;
    left: 0.6em;
    top: 50%;
    margin-top: -0.4em;
    color: #c1002a; }
  ul.conference-details li.key-detail {
    font-size: 1.4em; }

.conferences-list ul.conference-details {
  max-width: 100%; }
  .conferences-list ul.conference-details li {
    padding: 0.7em 0.5em 0.5em 2em; }

.conference-features ul {
  max-width: 100em; }
  .conference-features ul li {
    background: none; }

.conference-speakers ul {
  list-style: none;
  padding: 2em 0 0 0;
  margin-top: 2em;
  border-top: solid 1px gainsboro;
  border-top: solid 1px rgba(0, 0, 0, 0.1); }
  .conference-speakers ul li {
    border-bottom: solid 1px gainsboro;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 2em 0;
    padding: 0 0 2em 0; }
    .conference-speakers ul li .large-8 {
      padding-left: 3em; }
      .conference-speakers ul li .large-8 h3 {
        font-size: 1.4em;
        margin: 0;
        text-align: left; }

.conference-sponsor{
  padding-left: 8em;
  padding-bottom: 1em;
}
 .conference-sponsor-logo img{
   max-height: 5em;
    margin-bottom: 2em;
  }

  .conference-map{
    margin-bottom:2em;
  }

@media (max-width: 728px) {
  .conferences-theme .article-featured-image {
    height: 11em; }

  .conferences-theme .full-height-column {
    padding: 2em; }

  .conference-speakers ul li .large-8 {
    padding-left: 0; }

  .conferences-theme .conferences-list li {
    padding: 2em 0; }

  .contact-conferences {
    margin-bottom: 2em;
    margin-top: 0;
    float:left; }

  .conference-sponsor{
  padding-left: 3em; }

}

 

    .conference-link a:before {
    content: "\f015";
    font: 2em fontawesome;
    left: 0.1em;
    top: 0.1em; 
    margin-right: 0.3em
  }

   .conference-link {

    padding-right: 1em;
    padding-top: 1em;
    margin-top: 2em;
    font-size: 1.5em;
    }

    .conference-link a{
      font-size: 1.5em;
      text-decoration: none;
    }

/* Conferences Landing */





.conferences-landing-parties {
  text-align: center;
  padding-top: 50px;
    z-index: 1;
}

.conferences-landing-parties ul li {
  display: inline-block;
}



.conference-section .row::after {
    clear: none;
}

.conference-left{

  padding-right: 5%;
  margin-top: 1em;
}

.conference-left h2, .conference-right h2 { 
  border-top: none;
  padding-top:0px;
  margin-top:0px;
  font-size: 3em;
}

.conference-section .main-content {
    margin-top: 50px;
    padding-bottom: 100px;
}

.conference-section .email-events {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.conference-spacing {
  margin-top:160px;
  padding-bottom: 100px;
}

/*
.item-list .category-articles.article-list li, .row .category-articles.article-list li.row {
  border-bottom: none;
}
*/


.conference-section .item-list .category-articles.article-list li:hover {
    background: #fff;
}

.conference-section .share-buttons {
  padding-top: 15px;
}

.conference-section .contact-events .email-events a {
  padding: 0.5em 0.5em 0.5em 0.5em;
}

.conference-section .share-buttons {
    text-align: left;
    padding-left: 30px;
}

.conferences-landing-parties ul li {
  padding: 5px;
}

.conferences-landing-parties ul li a {
  padding: 30px;
  text-decoration: none;
  font-weight: 900;
  font-size: 1.5em;
}

@media (max-width: 481px) {
  .conferences-landing-parties ul li a {
  padding: 5px;
  font-size: 1em;
  }
.conference-spacing {
  margin-top:30px;
  }
    .promotion-theme .main-content{
    padding: 0;
  }
}

@media (min-width: 481px) and (max-width: 900px){
  .conferences-landing-parties ul li {
  padding: 20px;
  }
  .conferences-landing-parties ul li a {
  padding: 20px;
  }
  .conference-spacing {
  margin-top:50px;
  }

}

.conferences-landing-parties ul li:nth-child(1) a {background-color: #dd2527;}
.conferences-landing-parties ul li:nth-child(2) a {background-color: #2884c5;}
.conferences-landing-parties ul li:nth-child(3) a {background-color: #fedf15;}
.conferences-landing-parties ul li:nth-child(4) a {background-color: #fdb930;}



/* Site Skin starts here */
#site-skin-left{ 
  position: fixed;
  height: 100%;
  z-index:100;
  top:0 !important;
  padding-top: 70px;
  background-color: white;
  text-align: right;
  border-right: 1px solid #eee;
  float: left;
  display: none;
}
#site-skin-right{
  position: fixed;
  height: 100%;
  z-index:100;
  right:0;
  top:0 !important;
  padding-top: 70px;
  background-color: white;
  border-left: 1px solid #eee;
  float: right;
  display: none;
}
#site-skin-right a, #site-skin-left a {
  cursor: pointer;
}


@media (min-width: 1600px) {
  #site-skin-left { 
    display: block;
  }
  #site-skin-right {
    display: block;
  }
}
@media (max-height: 900px) and (max-width: 1480px) {
  #site-skin-left{
    display:none;
  }
  #site-skin-right{
    display: none;
  }
}

@media  (max-height: 900px) and (max-width: 1583px){
  #site-skin-left{
    width: 10%;
  }
  #site-skin-right{
    width: 10%;
  }
}

@media  (max-height: 900px) and (max-width: 1600px) and (min-width: 1584px){
  #site-skin-left{
    width: 12%;
  }
  #site-skin-right{
    width: 12%;
  }
}

@media (min-height: 901px) and (max-width: 1600px) {
  #site-skin-left{
    display:none;
  }
  #site-skin-right{
    display: none;
  }
}

@media (min-height: 901px) and (max-width: 1683px) {
  #site-skin-left{
    width: 8%;
  }
  #site-skin-right{
    width: 8%;
  }
}

@media (min-height: 901px) and (max-width: 2600px) and (min-width: 1700px) {
  #site-skin-left{
    width: 8.9%;
  }
  #site-skin-right{
    width: 8.9%;
  }
}

@media (min-height: 901px) and (max-width: 2600px) and (min-width: 1784px) {
  #site-skin-left{
    width: 10%;
  }
  #site-skin-right{
    width: 10%;
  }
}



/* Site Skin ends here */


/* added for philips Section */
 .partners {
    display: inline;
    text-align: center;
}
 
 .partners .gibraltar-logo {
        display:inline; 

}

.gibraltar-logo img{
  height:4em;
  padding-top: 1em;
}

 .partners .philips{
        display:inline; 
        padding-left: 3em;
}

.philips img{
  width: 10em;
  padding-bottom: 0.4em;
}

.philipsText img{
  padding-left: 10em;
  margin-bottom: 2em;
}
.philipsText p {
  font: 2em/2 Merriweather,Georgia,"Times New Roman",serif;
}
.philipsText h3{
  color: #0b5ed7;
}

.philips-promotion img{
  padding-left: 50px;
 height:80px;
  }

.mega-menu .block-3 .philips-burgermenu img{
  width:28em;
}


.sidebar-sponsored-article {
  border-top: solid 1px #c1002a;
  padding-top: 1em;
  margin-top: 1em;
}
  .sidebar-sponsored-article .large-8 {
    padding-left: 2em;
  }
  .sidebar-sponsored-article h5 {
    margin-top: -0.3em;
  }
    .sidebar-sponsored-article h5 a {
      text-decoration: none;
    }
    .sidebar-sponsored-article h5 a:hover {
      color: black;
    }
  .sidebar-sponsored-article .article-author {
    font: 1.5em/1.5 Unit,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration: none;
    color: #c1002a;
  }
    .sidebar-sponsored-article .article-author a {
      color: #c1002a;
      text-decoration: none;
    }
/*
  .sidebar-sponsored-article:before {
      font: 1.4em "Source Sans Pro", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      color: #c1002a;
      display: block;
      padding: 0 0 0.5em 0;
  }
  .view-dom-id-71a8e840832ddd9ed1e4db321deb463e:before, .view-dom-id-3cfeadbd1d342839763415a96ba477c6:before, .view-dom-id-58d37a83f8d338980c014894f2fe9f74:before {
    content: "In association with Philips";
  }
  .view-dom-id-87dd571e6bd355caf2f5db89e31d7afe:before, .view-dom-id-6f60bbb34cd22882d9f9df67361f5cc1:before {
    content: "Sponsored by Merck Serono";
  }

*/

.livinghealth .region-home-featured-image {
  display: none;
}