@charset "UTF-8";
/*doc
---
title: Colours
name: style_colours
category: colours
---
Colour variables should be first defined without a use, i.e. with a very generic variable name. Then specific uses
of the colour can be defined in their own variables. This gives us the abstraction we need in case a colour's use
changes in some, but not all locations.
*/
/*doc
---
title: Text colours
name: style_colours_text
parent: style_colours
---


```html_example
<div class="text-yellow">Text sample</div>
<div class="text-gold">Text sample</div>
<div class="text-red">Text sample</div>
<div class="text-blue">Text sample</div>
<div class="text-grey">Text sample</div>
<div class="text-black">Text sample</div>
<div class="text-white">Text sample</div>
<div class="text-bluegrey">Text sample</div>
<div class="text-dark-blue">Text sample</div>
<div class="text-dark-grey">Text sample</div>
<div class="text-light-grey">Text sample</div>
<div class="text-light-grey2">Text sample</div>
<div class="text-mid-grey">Text sample</div>
<div class="text-dark-red">Text sample</div>

<div class="text-hover-yellow">Text Hover sample</div>
<div class="text-hover-gold">Text Hover sample</div>
<div class="text-hover-red">Text Hover sample</div>
<div class="text-hover-blue">Text Hover sample</div>
<div class="text-hover-grey">Text Hover sample</div>
<div class="text-hover-black">Text Hover sample</div>
<div class="text-hover-white">Text Hover sample</div>
<div class="text-hover-bluegrey">Text Hover sample</div>
<div class="text-hover-dark-blue">Text Hover sample</div>
<div class="text-hover-dark-grey">Text Hover sample</div>
<div class="text-hover-light-grey">Text Hover sample</div>
<div class="text-hover-light-grey2">Text Hover sample</div>
<div class="text-hover-mid-grey">Text Hover sample</div>
<div class="text-hover-dark-red">Text Hover sample</div>
```
*/
/*doc
---
title: Background colours
name: style_colours_background
parent: style_colours
---


```html_example
<div class="background-yellow">Background sample</div>
<div class="background-gold">Background sample</div>
<div class="background-red">Background sample</div>
<div class="background-blue">Background sample</div>
<div class="background-grey">Background sample</div>
<div class="background-black">Background sample</div>
<div class="background-white">Background sample</div>
<div class="background-bluegrey">Background sample</div>
<div class="background-dark-blue">Background sample</div>
<div class="background-dark-grey">Background sample</div>
<div class="background-light-grey">Background sample</div>
<div class="background-light-grey2">Background sample</div>
<div class="background-mid-grey">Background sample</div>
<div class="background-dark-red">Background sample</div>

<div class="background-hover-yellow">Background Hover sample</div>
<div class="background-hover-gold">Background Hover sample</div>
<div class="background-hover-red">Background Hover sample</div>
<div class="background-hover-blue">Background Hover sample</div>
<div class="background-hover-grey">Background Hover sample</div>
<div class="background-hover-black">Background Hover sample</div>
<div class="background-hover-white">Background Hover sample</div>
<div class="background-hover-bluegrey">Background Hover sample</div>
<div class="background-hover-dark-blue">Background Hover sample</div>
<div class="background-hover-dark-grey">Background Hover sample</div>
<div class="background-hover-light-grey">Background Hover sample</div>
<div class="background-hover-light-grey2">Background Hover sample</div>
<div class="background-hover-mid-grey">Background Hover sample</div>
<div class="background-hover-dark-red">Background Hover sample</div>
```
*/
.text-yellow {
  color: #EBC400 !important; }

.background-yellow {
  background-color: #EBC400 !important; }

.text-hover-yellow:hover {
  color: #EBC400 !important; }

.background-hover-yellow:hover {
  background-color: #EBC400 !important; }

.text-gold {
  color: #C4AF05 !important; }

.background-gold {
  background-color: #C4AF05 !important; }

.text-hover-gold:hover {
  color: #C4AF05 !important; }

.background-hover-gold:hover {
  background-color: #C4AF05 !important; }

.text-red {
  color: #CC1013 !important; }

.background-red {
  background-color: #CC1013 !important; }

.text-hover-red:hover {
  color: #CC1013 !important; }

.background-hover-red:hover {
  background-color: #CC1013 !important; }

.text-blue {
  color: #00627D !important; }

.background-blue {
  background-color: #00627D !important; }

.text-hover-blue:hover {
  color: #00627D !important; }

.background-hover-blue:hover {
  background-color: #00627D !important; }

.text-grey {
  color: #889290 !important; }

.background-grey {
  background-color: #889290 !important; }

.text-hover-grey:hover {
  color: #889290 !important; }

.background-hover-grey:hover {
  background-color: #889290 !important; }

.text-black {
  color: #000000 !important; }

.background-black {
  background-color: #000000 !important; }

.text-hover-black:hover {
  color: #000000 !important; }

.background-hover-black:hover {
  background-color: #000000 !important; }

.text-white {
  color: #ffffff !important; }

.background-white {
  background-color: #ffffff !important; }

.text-hover-white:hover {
  color: #ffffff !important; }

.background-hover-white:hover {
  background-color: #ffffff !important; }

.text-bluegrey {
  color: #003852 !important; }

.background-bluegrey {
  background-color: #003852 !important; }

.text-hover-bluegrey:hover {
  color: #003852 !important; }

.background-hover-bluegrey:hover {
  background-color: #003852 !important; }

.text-dark-blue {
  color: #003752 !important; }

.background-dark-blue {
  background-color: #003752 !important; }

.text-hover-dark-blue:hover {
  color: #003752 !important; }

.background-hover-dark-blue:hover {
  background-color: #003752 !important; }

.text-dark-grey {
  color: #223333 !important; }

.background-dark-grey {
  background-color: #223333 !important; }

.text-hover-dark-grey:hover {
  color: #223333 !important; }

.background-hover-dark-grey:hover {
  background-color: #223333 !important; }

.text-light-grey {
  color: #E8E9E9 !important; }

.background-light-grey {
  background-color: #E8E9E9 !important; }

.text-hover-light-grey:hover {
  color: #E8E9E9 !important; }

.background-hover-light-grey:hover {
  background-color: #E8E9E9 !important; }

.text-light-grey2 {
  color: #d9d9d9 !important; }

.background-light-grey2 {
  background-color: #d9d9d9 !important; }

.text-hover-light-grey2:hover {
  color: #d9d9d9 !important; }

.background-hover-light-grey2:hover {
  background-color: #d9d9d9 !important; }

.text-mid-grey {
  color: #919291 !important; }

.background-mid-grey {
  background-color: #919291 !important; }

.text-hover-mid-grey:hover {
  color: #919291 !important; }

.background-hover-mid-grey:hover {
  background-color: #919291 !important; }

.text-dark-red {
  color: #972322 !important; }

.background-dark-red {
  background-color: #972322 !important; }

.text-hover-dark-red:hover {
  color: #972322 !important; }

.background-hover-dark-red:hover {
  background-color: #972322 !important; }

@font-face {
  font-family: "Economist Sans";
  font-weight: 200;
  src: url("../fonts/EconSans_Web/econsansxlig-webfont/econsansthi-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansxlig-webfont/econsansthi-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansxlig-webfont/econsansthi-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansxlig-webfont/econsansthi-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansxlig-webfont/econsansthi-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/EconSans_Web/econsansxligita-webfont/econsansthiita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansxligita-webfont/econsansthiita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansxligita-webfont/econsansthiita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansxligita-webfont/econsansthiita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansxligita-webfont/econsansthiita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-weight: 200;
  src: url("../fonts/EconSans_Web/econsansxlig-webfont/econsansxlig-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansxlig-webfont/econsansxlig-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansxlig-webfont/econsansxlig-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansxlig-webfont/econsansxlig-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansxlig-webfont/econsansxlig-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/EconSans_Web/econsansxligita-webfont/econsansxligita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansxligita-webfont/econsansxligita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansxligita-webfont/econsansxligita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansxligita-webfont/econsansxligita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansxligita-webfont/econsansxligita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-weight: 300;
  src: url("../fonts/EconSans_Web/econsanslig-webfont/econsanslig-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsanslig-webfont/econsanslig-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsanslig-webfont/econsanslig-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsanslig-webfont/econsanslig-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsanslig-webfont/econsanslig-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/EconSans_Web/econsansligita-webfont/econsansligita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansligita-webfont/econsansligita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansligita-webfont/econsansligita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansligita-webfont/econsansligita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansligita-webfont/econsansligita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-weight: 400;
  src: url("../fonts/EconSans_Web/econsansreg-webfont/econsansreg-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansreg-webfont/econsansreg-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansreg-webfont/econsansreg-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansreg-webfont/econsansreg-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansreg-webfont/econsansreg-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/EconSans_Web/econsansregita-webfont/econsansregita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansregita-webfont/econsansregita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansregita-webfont/econsansregita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansregita-webfont/econsansregita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansregita-webfont/econsansregita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-weight: 500;
  src: url("../fonts/EconSans_Web/econsansmed-webfont/econsansmed-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansmed-webfont/econsansmed-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansmed-webfont/econsansmed-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansmed-webfont/econsansmed-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansmed-webfont/econsansmed-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/EconSans_Web/econsansmedita-webfont/econsansmedita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansmedita-webfont/econsansmedita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansmedita-webfont/econsansmedita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansmedita-webfont/econsansmedita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansmedita-webfont/econsansmedita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-weight: 600;
  src: url("../fonts/EconSans_Web/econsansbol-webfont/econsansbol-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansbol-webfont/econsansbol-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansbol-webfont/econsansbol-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansbol-webfont/econsansbol-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansbol-webfont/econsansbol-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/EconSans_Web/econsansbolita-webfont/econsansbolita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansbolita-webfont/econsansbolita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansbolita-webfont/econsansbolita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansbolita-webfont/econsansbolita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansbolita-webfont/econsansbolita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-weight: 700;
  src: url("../fonts/EconSans_Web/econsansbol-webfont/econsansxbol-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansbol-webfont/econsansxbol-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansbol-webfont/econsansxbol-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansbol-webfont/econsansxbol-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansbol-webfont/econsansxbol-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/EconSans_Web/econsansbolita-webfont/econsansxbolita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansbolita-webfont/econsansxbolita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansbolita-webfont/econsansxbolita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansbolita-webfont/econsansxbolita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansbolita-webfont/econsansxbolita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-weight: 800;
  src: url("../fonts/EconSans_Web/econsansxbol-webfont/econsansxbol-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansxbol-webfont/econsansxbol-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansxbol-webfont/econsansxbol-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansxbol-webfont/econsansxbol-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansxbol-webfont/econsansxbol-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/EconSans_Web/econsansxbolita-webfont/econsansxbolita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansxbolita-webfont/econsansxbolita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansxbolita-webfont/econsansxbolita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansxbolita-webfont/econsansxbolita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansxbolita-webfont/econsansxbolita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-weight: 900;
  src: url("../fonts/EconSans_Web/econsansbla-webfont/econsansbla-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansbla-webfont/econsansbla-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansbla-webfont/econsansbla-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansbla-webfont/econsansbla-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansbla-webfont/econsansbla-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Economist Sans";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/EconSans_Web/econsansblaita-webfont/econsansblaita-webfont.eot?") format("eot"), url("../fonts/EconSans_Web/econsansblaita-webfont/econsansblaita-webfont.woff2") format("woff2"), url("../fonts/EconSans_Web/econsansblaita-webfont/econsansblaita-webfont.woff") format("woff"), url("../fonts/EconSans_Web/econsansblaita-webfont/econsansblaita-webfont.ttf") format("truetype"), url('../fonts/EconSans_Web/econsansblaita-webfont/econsansblaita-webfont.svg#str-replace("Economist Sans", " ", "_")') format("svg"); }

@font-face {
  font-family: "Milo serif pro";
  font-weight: 300;
  src: url("../fonts/Milo/milo-rg.eot?") format("eot"), url("../fonts/Milo/milo-rg.woff2") format("woff2"), url("../fonts/Milo/milo-rg.woff") format("woff"), url("../fonts/Milo/milo-rg.ttf") format("truetype"), url('../fonts/Milo/milo-rg.svg#str-replace("Milo serif pro", " ", "_")') format("svg"); }

@font-face {
  font-family: "Milo serif pro";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Milo/milo-it.eot?") format("eot"), url("../fonts/Milo/milo-it.woff2") format("woff2"), url("../fonts/Milo/milo-it.woff") format("woff"), url("../fonts/Milo/milo-it.ttf") format("truetype"), url('../fonts/Milo/milo-it.svg#str-replace("Milo serif pro", " ", "_")') format("svg"); }

@font-face {
  font-family: "Milo serif pro";
  font-weight: 500;
  src: url("../fonts/Milo/milo-md.eot?") format("eot"), url("../fonts/Milo/milo-md.woff2") format("woff2"), url("../fonts/Milo/milo-md.woff") format("woff"), url("../fonts/Milo/milo-md.ttf") format("truetype"), url('../fonts/Milo/milo-md.svg#str-replace("Milo serif pro", " ", "_")') format("svg"); }

@font-face {
  font-family: "Milo serif pro";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Milo/milo-md-it.eot?") format("eot"), url("../fonts/Milo/milo-md-it.woff2") format("woff2"), url("../fonts/Milo/milo-md-it.woff") format("woff"), url("../fonts/Milo/milo-md-it.ttf") format("truetype"), url('../fonts/Milo/milo-md-it.svg#str-replace("Milo serif pro", " ", "_")') format("svg"); }

@font-face {
  font-family: "Milo serif pro";
  font-weight: 700;
  src: url("../fonts/Milo/milo-bd.eot?") format("eot"), url("../fonts/Milo/milo-bd.woff2") format("woff2"), url("../fonts/Milo/milo-bd.woff") format("woff"), url("../fonts/Milo/milo-bd.ttf") format("truetype"), url('../fonts/Milo/milo-bd.svg#str-replace("Milo serif pro", " ", "_")') format("svg"); }

@font-face {
  font-family: "Milo serif pro";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Milo/milo-bd-it.eot?") format("eot"), url("../fonts/Milo/milo-bd-it.woff2") format("woff2"), url("../fonts/Milo/milo-bd-it.woff") format("woff"), url("../fonts/Milo/milo-bd-it.ttf") format("truetype"), url('../fonts/Milo/milo-bd-it.svg#str-replace("Milo serif pro", " ", "_")') format("svg"); }

.serif-heading-large,
.serif-heading-medium,
.serif-heading-small, .credits, .more-link, .read-more,
.read-more:hover {
  font-family: "Economist Sans", sans-serif !important;
  font-weight: 300;
  text-transform: uppercase; }
  .serif-heading-large strong, .serif-heading-medium strong, .serif-heading-small strong, .credits strong, .more-link strong, .read-more strong, .read-more:hover strong {
    font-family: inherit !important;
    font-weight: 400 !important; }
  .serif-heading-large em, .serif-heading-medium em, .serif-heading-small em, .credits em, .more-link em, .read-more em, .read-more:hover em {
    font-family: inherit !important;
    font-style: italic !important; }
  .serif-heading-large strong em, .serif-heading-medium strong em, .serif-heading-small strong em, .credits strong em, .more-link strong em, .read-more strong em, .read-more:hover strong em,
  .serif-heading-large em strong,
  .serif-heading-medium em strong,
  .serif-heading-small em strong,
  .credits em strong,
  .more-link em strong,
  .read-more em strong,
  .read-more:hover em strong {
    font-family: inherit !important;
    font-weight: 400 !important;
    font-style: italic !important; }

h3, .serif-heading-extra-large {
  font-weight: 300; }
  h3 strong, .serif-heading-extra-large strong {
    font-family: inherit !important;
    font-weight: 400 !important; }
  h3 em, .serif-heading-extra-large em {
    font-family: inherit !important;
    font-style: italic !important; }
  h3 strong em, .serif-heading-extra-large strong em,
  h3 em strong,
  .serif-heading-extra-large em strong {
    font-family: inherit !important;
    font-weight: 400 !important;
    font-style: italic !important; }

.contributor-profile-name, .page-and-article-content p.fly {
  font-family: "Economist Sans", sans-serif;
  font-weight: 600; }
  .contributor-profile-name strong, .page-and-article-content p.fly strong {
    font-weight: 700; }

.credits {
  text-transform: uppercase; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* 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: 28px 0; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  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 */
  /* 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; }

*,
*:before,
*:after {
  box-sizing: inherit; }

.media-layout, .media-layout-reverse {
  *zoom: 1; }
  .media-layout:after, .media-layout-reverse:after, .media-layout:before, .media-layout-reverse:before {
    display: table;
    content: " "; }
  .media-layout:after, .media-layout-reverse:after {
    clear: both; }

html {
  box-sizing: border-box; }

img {
  max-width: 100%; }

html {
  font-family: "Milo serif pro", serif; }

body {
  font-size: 18px;
  font-family: "Milo serif pro", serif;
  font-weight: 300;
  line-height: 23px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body strong em, body em strong, body strong, body em {
    font-family: "Milo serif pro", serif; }
  body strong {
    font-weight: 500; }
  body em {
    font-style: italic; }

/*doc
---
title: Base Typography
name: base_typography
category: typography
---
Base typography styles.

```html_example
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<p>Body copy - This is a body copy. Donec sed odio dui. Morbi leo risus, porta
ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet
fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Sed
posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in,
egestas eget quam. Curabitur blandit tempus porttitor.</p>
```
*/
h1,
h2,
h3,
h4 {
  font-family: "Economist Sans", sans-serif;
  margin: 0; }

h2 {
  font-size: 22px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 100;
  line-height: 26px; }
  h2 strong em, h2 em strong, h2 strong, h2 em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    h2 {
      font-size: 26px; } }

p {
  font-size: 18px;
  font-family: "Milo serif pro", serif;
  font-weight: 300;
  line-height: 23px; }
  p strong em, p em strong, p strong, p em {
    font-family: "Milo serif pro", serif; }
  p strong {
    font-weight: 500; }
  p em {
    font-style: italic; }

body {
  padding-left: 0;
  padding-right: 0; }

.page-container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  overflow: hidden; }
  .page-container:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 480px) {
    .page-container {
      max-width: 448px; } }
  @media (min-width: 660px) {
    .page-container {
      max-width: 628px; } }
  @media (min-width: 768px) {
    .page-container {
      max-width: 736px; } }
  @media (min-width: 1024px) {
    .page-container {
      max-width: 992px;
      overflow: visible; } }

.article__body {
  max-width: 700px; }

.grid,
.tile-grid {
  *zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  max-width: none; }
  .grid:after, .grid:before,
  .tile-grid:after,
  .tile-grid:before {
    display: table;
    content: " "; }
  .grid:after,
  .tile-grid:after {
    clear: both; }
  .grid__two-column,
  .tile-grid__two-column {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px; }
    @media (min-width: 768px) {
      .grid__two-column,
      .tile-grid__two-column {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }
  .grid__three-column,
  .tile-grid__three-column {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px; }
    @media (min-width: 768px) {
      .grid__three-column,
      .tile-grid__three-column {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        width: 33.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }
  .grid__four-column,
  .tile-grid__four-column {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px; }
    @media (min-width: 768px) {
      .grid__four-column,
      .tile-grid__four-column {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }

.tile-grid__content-block-one, .tile-grid__content-block-two, .tile-grid__content-block-three, .tile-grid__content-block-four {
  *zoom: 1; }
  .tile-grid__content-block-one:after, .tile-grid__content-block-one:before, .tile-grid__content-block-two:after, .tile-grid__content-block-two:before, .tile-grid__content-block-three:after, .tile-grid__content-block-three:before, .tile-grid__content-block-four:after, .tile-grid__content-block-four:before {
    display: table;
    content: " "; }
  .tile-grid__content-block-one:after, .tile-grid__content-block-two:after, .tile-grid__content-block-three:after, .tile-grid__content-block-four:after {
    clear: both; }

.tile-grid-item {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  *zoom: 1;
  margin-bottom: 16px; }
  .tile-grid-item:after, .tile-grid-item:before {
    display: table;
    content: " "; }
  .tile-grid-item:after {
    clear: both; }
  .tile-grid-item.large,
  .pane-bundle-package .tile-grid-item.small {
    height: 225px; }
  @media (min-width: 480px) {
    .tile-grid-item.small,
    .pane-bundle-package .tile-grid-item.small, .tile-grid-item.medium,
    .pane-bundle-package .tile-grid-item.large {
      box-sizing: border-box;
      width: 50%;
      float: left;
      padding-left: 8px;
      padding-right: 8px; }
    .tile-grid-item.small,
    .pane-bundle-package .tile-grid-item.small,
    .pane-bundle-package .tile-grid-item.large {
      height: 162px; }
    .tile-grid-item.medium {
      height: 162px; }
    .tile-grid-item.portrait {
      box-sizing: border-box;
      width: 50%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      height: 340px; }
    .tile-grid-item.large {
      height: 340px; } }
  @media (min-width: 660px) {
    .tile-grid-item.small,
    .pane-bundle-package .tile-grid-item.small,
    .pane-bundle-package .tile-grid-item.large {
      height: 227.089px; }
    .tile-grid-item.medium {
      height: 227.089px; }
    .tile-grid-item.portrait {
      box-sizing: border-box;
      width: 50%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      height: 470.178px; }
    .tile-grid-item.large {
      height: 470.178px; } }
  @media (min-width: 768px) {
    .tile-grid-item.small,
    .pane-bundle-package .tile-grid-item.small, .tile-grid-item.portrait {
      box-sizing: border-box;
      width: 33.33333%;
      float: left;
      padding-left: 8px;
      padding-right: 8px; }
    .tile-grid-item.small,
    .pane-bundle-package .tile-grid-item.small {
      height: 175.984px; }
    .tile-grid-item.medium {
      height: 269px; }
    .tile-grid-item.portrait {
      height: 367.968px; }
    .tile-grid-item.large,
    .pane-bundle-package .tile-grid-item.large {
      box-sizing: border-box;
      width: 100%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      height: 559.952px; } }
  @media (min-width: 1024px) {
    .tile-grid-item.small,
    .pane-bundle-package .tile-grid-item.small {
      box-sizing: border-box;
      width: 25%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      height: 177px; }
    .tile-grid-item.portrait {
      box-sizing: border-box;
      width: 25%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      height: 370px; }
    .tile-grid-item.medium {
      height: 360px; }
    .tile-grid-item.large,
    .pane-bundle-package .tile-grid-item.large {
      box-sizing: border-box;
      width: 75%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      height: 563px; } }

@media (min-width: 480px) {
  .homepage .eleven .tile-grid-item,
  .homepage .twelve .tile-grid-item {
    float: right; } }

@media (min-width: 768px) {
  .homepage .eleven .tile-grid-item {
    float: left; } }

@media (min-width: 1024px) {
  .homepage .tile-grid__content-block-two .tile-grid-item {
    float: right; }
  .homepage .tile-grid__content-block-four .tile-grid-item {
    float: right; } }

@media (min-width: 1024px) {
  .landing-page .tile-grid__content-block-two .tile-grid-item {
    float: right; } }

/*doc
---
title: Additional Typography
name: style_typography
category: typography
---
Additional typography styles.
*/
/*doc
---
title: Serif Headings
name: style_headings
parent: style_typography
---
Serif headings are not limited to a given heading element, and can be used
across h1, h2, h3, etc and will appear consistently.

```html_example
<h1 class="serif-heading-extra-large">Serif Heading Extra Large</h1>
<h1 class="serif-heading-large">Serif Heading Large</h1>
<h1 class="serif-heading-medium">Serif Heading Medium</h1>
<h1 class="serif-heading-small">Serif Heading Small</h1>
```
*/
.serif-heading-extra-large.uppercase {
  text-transform: uppercase; }

.serif-heading-extra-large.serif {
  font-family: "Milo serif pro", serif; }

.serif-heading-extra-large.sans-serif {
  font-family: "Economist Sans", sans-serif;
  font-weight: 200; }

.serif-heading-extra-large {
  font-size: 25px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1; }
  .serif-heading-extra-large strong em, .serif-heading-extra-large em strong, .serif-heading-extra-large strong, .serif-heading-extra-large em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .serif-heading-extra-large {
      font-size: 47px; } }
  @media (min-width: 768px) {
    .serif-heading-extra-large {
      font-size: 61px; } }
  @media (min-width: 1024px) {
    .serif-heading-extra-large {
      font-size: 81px; } }

.serif-heading-large {
  font-size: 24px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1; }
  .serif-heading-large strong em, .serif-heading-large em strong, .serif-heading-large strong, .serif-heading-large em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .serif-heading-large {
      font-size: 34px; } }
  @media (min-width: 768px) {
    .serif-heading-large {
      font-size: 47px; } }
  @media (min-width: 1024px) {
    .serif-heading-large {
      font-size: 61px; } }

.serif-heading-medium {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1; }
  .serif-heading-medium strong em, .serif-heading-medium em strong, .serif-heading-medium strong, .serif-heading-medium em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .serif-heading-medium {
      font-size: 22px;
      font-weight: 200;
      line-height: 1; } }
  @media (min-width: 768px) {
    .serif-heading-medium {
      font-size: 19px; } }

.serif-heading-small {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1; }
  .serif-heading-small strong em, .serif-heading-small em strong, .serif-heading-small strong, .serif-heading-small em {
    font-family: "Economist Sans", sans-serif; }

/*doc
---
title: Misc Text Styles
name: style_text
parent: style_typography
---
```html_example
<p class="meta-info">Meta info</p>
<p class="meta-info-large">Meta info large with <a href="#">link</a></p>
<div class="fly-tag-group"><a href="/taxonomy/term/16" class="fly fly_tag">Fashion</a> <a href="/taxonomy/term/49" class="fly column">A Matter of Taste</a></div>
```
*/
.fly-tag-group {
  font-size: 16px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  padding-bottom: 4px; }
  .fly-tag-group strong em, .fly-tag-group em strong, .fly-tag-group strong, .fly-tag-group em {
    font-family: "Economist Sans", sans-serif; }

.fly,
a.fly {
  font-size: 16px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  color: #CC1013; }
  .fly strong em, .fly em strong, .fly strong, .fly em,
  a.fly strong em,
  a.fly em strong,
  a.fly strong,
  a.fly em {
    font-family: "Economist Sans", sans-serif; }
  .fly:first-of-type,
  a.fly:first-of-type {
    font-size: 16px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 300;
    line-height: 1.2;
    font-weight: 500; }
    .fly:first-of-type strong em, .fly:first-of-type em strong, .fly:first-of-type strong, .fly:first-of-type em,
    a.fly:first-of-type strong em,
    a.fly:first-of-type em strong,
    a.fly:first-of-type strong,
    a.fly:first-of-type em {
      font-family: "Economist Sans", sans-serif; }

.hide-flytag .fly-tag-group .slotname,
.hide-flytag .fly-tag-group .column,
.hide-slotname .fly-tag-group .fly_tag,
.hide-column-name .fly-tag-group .fly_tag {
  font-size: 16px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  font-weight: 500; }
  .hide-flytag .fly-tag-group .slotname strong em, .hide-flytag .fly-tag-group .slotname em strong, .hide-flytag .fly-tag-group .slotname strong, .hide-flytag .fly-tag-group .slotname em,
  .hide-flytag .fly-tag-group .column strong em,
  .hide-flytag .fly-tag-group .column em strong,
  .hide-flytag .fly-tag-group .column strong,
  .hide-flytag .fly-tag-group .column em,
  .hide-slotname .fly-tag-group .fly_tag strong em,
  .hide-slotname .fly-tag-group .fly_tag em strong,
  .hide-slotname .fly-tag-group .fly_tag strong,
  .hide-slotname .fly-tag-group .fly_tag em,
  .hide-column-name .fly-tag-group .fly_tag strong em,
  .hide-column-name .fly-tag-group .fly_tag em strong,
  .hide-column-name .fly-tag-group .fly_tag strong,
  .hide-column-name .fly-tag-group .fly_tag em {
    font-family: "Economist Sans", sans-serif; }

p.fly {
  font-size: 16px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  font-weight: 500; }
  p.fly strong em, p.fly em strong, p.fly strong, p.fly em {
    font-family: "Economist Sans", sans-serif; }

.meta-info-large {
  font-size: 16px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 400;
  line-height: 1.2; }
  .meta-info-large strong em, .meta-info-large em strong, .meta-info-large strong, .meta-info-large em {
    font-family: "Economist Sans", sans-serif; }
  .meta-info-large a {
    font-size: 16px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    font-weight: 500; }
    .meta-info-large a strong em, .meta-info-large a em strong, .meta-info-large a strong, .meta-info-large a em {
      font-family: "Economist Sans", sans-serif; }

.meta-info {
  font-family: "Economist Sans", sans-serif; }

/*doc
---
title: Pull quote
name: style_quote
parent: style_typography
---
```html_example
<blockquote class="pullquote">
<p>Body copy - This is a body copy. Donec sed odio dui. Morbi leo risus, porta
ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet
fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Sed
posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in,
egestas eget quam. Curabitur blandit tempus porttitor.
</p></blockquote>
<blockquote class="pullquote pullquote--sans">
<p>Body copy - This is a body copy. Donec sed odio dui. Morbi leo risus, porta
ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet
fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Sed
posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in,
egestas eget quam. Curabitur blandit tempus porttitor.
</p></blockquote>
```
*/
.pullquote {
  margin-top: 16px;
  margin-bottom: 16px; }
  .pullquote p {
    font-size: 30px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #00627D; }
    .pullquote p strong em, .pullquote p em strong, .pullquote p strong, .pullquote p em {
      font-family: "Economist Sans", sans-serif; }

.pullquote--sans p {
  font-size: 30px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: #00627D; }
  .pullquote--sans p strong em, .pullquote--sans p em strong, .pullquote--sans p strong, .pullquote--sans p em {
    font-family: "Economist Sans", sans-serif; }

/*doc
---
title: Small quote
name: small_quote
parent: style_typography
---
```html_example
<p class="small-quote">Jasdun was hired without more ado, but the briefing...
</p>
```
*/
.small-quote {
  font-size: 16px;
  font-family: "Milo serif pro", serif;
  padding: 0 35px 0 25px; }
  .small-quote strong em, .small-quote em strong, .small-quote strong, .small-quote em {
    font-family: "Milo serif pro", serif; }
  @media (min-width: 480px) {
    .small-quote {
      padding: 0 50px 0 40px; } }

/*doc
---
title: Colour modifiers
name: style_colour
parent: style_typography
---
Colour modifiers can be applied to any element.

```html_example
<p class="copy-red">Copy red</p>
<p class="copy-grey">Copy grey</p>
<p class="copy-yellow">Copy yellow</p>
<p class="copy-black">Copy black</p>
<p class="copy-white">Copy white</p>
```
*/
.copy-red {
  color: #CC1013; }

.copy-grey {
  color: #223333; }

.copy-yellow {
  color: #EBC400; }

.copy-black {
  color: #000000; }

.copy-white {
  color: #ffffff; }

/*doc
---
title: Secondary headings
name: style_other_headings
parent: style_typography
---
App heading modifiers.

```html_example
<h2 class="crosshead-sans">Crosshead Sans</h2>
<h2 class="crosshead-sans-bold">Crosshead Sans Bold</h2>
<h2 class="crosshead-sans-caps">Crosshead Sans Caps</h2>
<h2 class="sans-heading-small">Sans heading small</h2>
```
*/
.crosshead-sans {
  font-size: 24px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  padding-bottom: 0;
  color: #000000; }
  .crosshead-sans strong em, .crosshead-sans em strong, .crosshead-sans strong, .crosshead-sans em {
    font-family: "Economist Sans", sans-serif; }
  .crosshead-sans strong {
    font-weight: 500; }
  .crosshead-sans em {
    font-style: italic; }

.crosshead-sans-caps {
  font-size: 24px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 0;
  color: #000000; }
  .crosshead-sans-caps strong em, .crosshead-sans-caps em strong, .crosshead-sans-caps strong, .crosshead-sans-caps em {
    font-family: "Economist Sans", sans-serif; }
  .crosshead-sans-caps strong {
    text-transform: uppercase; }
  .crosshead-sans-caps strong {
    font-weight: 500; }
  .crosshead-sans-caps em {
    font-style: italic; }

.crosshead-sans-bold {
  font-size: 17px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 0;
  color: #000000; }
  .crosshead-sans-bold strong em, .crosshead-sans-bold em strong, .crosshead-sans-bold strong, .crosshead-sans-bold em {
    font-family: "Economist Sans", sans-serif; }
  .crosshead-sans-bold strong {
    text-transform: uppercase; }
  .crosshead-sans-bold strong {
    font-weight: 500; }
  .crosshead-sans-bold em {
    font-style: italic; }

.sans-heading-small {
  font-size: 46px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  text-transform: uppercase; }
  .sans-heading-small strong em, .sans-heading-small em strong, .sans-heading-small strong, .sans-heading-small em {
    font-family: "Economist Sans", sans-serif; }
  .sans-heading-small strong {
    text-transform: uppercase; }
  .sans-heading-small strong {
    font-weight: 500; }
  .sans-heading-small.red {
    color: #CC1013; }
  .sans-heading-small.blue {
    color: #00627D; }

/*doc
---
title: Paragraph styles
name: style_paragraphs
parent: style_typography
---
Paragraph styles
*/
.has-dropcap:first-letter {
  font-size: 80px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 400;
  line-height: 56px; }
  .has-dropcap:first-letter strong em, .has-dropcap:first-letter em strong, .has-dropcap:first-letter strong, .has-dropcap:first-letter em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 768px) {
    .has-dropcap:first-letter {
      font-size: 80px;
      line-height: 32px; } }

.has-dropcap--serif:first-letter {
  font-size: 88px;
  font-family: "Milo serif pro", serif;
  font-weight: 300;
  line-height: 33px; }
  .has-dropcap--serif:first-letter strong em, .has-dropcap--serif:first-letter em strong, .has-dropcap--serif:first-letter strong, .has-dropcap--serif:first-letter em {
    font-family: "Milo serif pro", serif; }

.has-dropcap--large:first-letter {
  font-size: 101px;
  font-family: "Milo serif pro", serif;
  font-weight: 400;
  line-height: 75px;
  padding: 0 !important; }
  .has-dropcap--large:first-letter strong em, .has-dropcap--large:first-letter em strong, .has-dropcap--large:first-letter strong, .has-dropcap--large:first-letter em {
    font-family: "Milo serif pro", serif; }

.sans {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  text-transform: inherit; }
  .sans strong em, .sans em strong, .sans strong, .sans em {
    font-family: "Economist Sans", sans-serif; }
  .sans strong {
    text-transform: inherit; }
  .sans strong {
    font-weight: 500; }
  .sans em {
    font-style: italic; }

.sans-caps {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 500;
  text-transform: uppercase; }
  .sans-caps strong em, .sans-caps em strong, .sans-caps strong, .sans-caps em {
    font-family: "Economist Sans", sans-serif; }
  .sans-caps strong {
    text-transform: uppercase; }
  .sans-caps strong {
    font-weight: 600 !important; }
  .sans-caps em {
    font-style: italic; }

.sans-caps-light {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  text-transform: uppercase; }
  .sans-caps-light strong em, .sans-caps-light em strong, .sans-caps-light strong, .sans-caps-light em {
    font-family: "Economist Sans", sans-serif; }
  .sans-caps-light strong {
    text-transform: uppercase; }
  .sans-caps-light strong {
    font-weight: 500; }
  .sans-caps-light em {
    font-style: italic; }

.sans-caps-light-spaced {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  text-transform: uppercase; }
  .sans-caps-light-spaced strong em, .sans-caps-light-spaced em strong, .sans-caps-light-spaced strong, .sans-caps-light-spaced em {
    font-family: "Economist Sans", sans-serif; }
  .sans-caps-light-spaced strong {
    text-transform: uppercase; }
  .sans-caps-light-spaced strong {
    font-weight: 500; }
  .sans-caps-light-spaced em {
    font-style: italic; }

.rubric-sans {
  font-size: 24px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 30px;
  text-transform: inherit; }
  .rubric-sans strong em, .rubric-sans em strong, .rubric-sans strong, .rubric-sans em {
    font-family: "Economist Sans", sans-serif; }
  .rubric-sans strong {
    text-transform: inherit; }
  .rubric-sans strong {
    font-weight: 500; }

.rubric-serif {
  font-size: 24px;
  font-family: "Milo serif pro", serif;
  font-weight: 300;
  line-height: 30px;
  text-transform: inherit; }
  .rubric-serif strong em, .rubric-serif em strong, .rubric-serif strong, .rubric-serif em {
    font-family: "Milo serif pro", serif; }
  .rubric-serif strong {
    text-transform: inherit; }
  .rubric-serif strong {
    font-weight: 700; }
  .rubric-serif em {
    font-style: italic; }

.footer-credits__illustration {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  text-transform: uppercase; }
  .footer-credits__illustration strong em, .footer-credits__illustration em strong, .footer-credits__illustration strong, .footer-credits__illustration em {
    font-family: "Economist Sans", sans-serif; }
  .footer-credits__illustration strong {
    text-transform: uppercase; }
  .footer-credits__illustration strong {
    font-weight: 500; }
  .footer-credits__illustration em {
    font-style: italic; }

.footer-credits__author {
  font-size: 18px;
  font-family: "Milo serif pro", serif;
  font-weight: 300;
  text-transform: inherit; }
  .footer-credits__author strong em, .footer-credits__author em strong, .footer-credits__author strong, .footer-credits__author em {
    font-family: "Milo serif pro", serif; }
  .footer-credits__author strong {
    text-transform: inherit; }
  .footer-credits__author strong {
    font-weight: 700; }
  .footer-credits__author em {
    font-style: italic; }

.footer-credits__photo {
  font-size: 13px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  text-transform: uppercase; }
  .footer-credits__photo strong em, .footer-credits__photo em strong, .footer-credits__photo strong, .footer-credits__photo em {
    font-family: "Economist Sans", sans-serif; }
  .footer-credits__photo strong {
    text-transform: uppercase; }
  .footer-credits__photo strong {
    font-weight: 500; }
  .footer-credits__photo em {
    font-style: italic; }

.read-more,
.read-more:hover {
  color: #CC1013; }

.media__caption,
.media__caption p {
  font-size: 14px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300; }
  .media__caption strong em, .media__caption em strong, .media__caption strong, .media__caption em,
  .media__caption p strong em,
  .media__caption p em strong,
  .media__caption p strong,
  .media__caption p em {
    font-family: "Economist Sans", sans-serif; }
  .media__caption strong,
  .media__caption p strong {
    font-weight: 500; }
  .media__caption em,
  .media__caption p em {
    font-style: italic; }

.small-caps-style {
  font-variant: small-caps; }

.inherit-il-form-styles .form-submit {
  font-size: 14px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  background: #CC1013; }
  .inherit-il-form-styles .form-submit strong em, .inherit-il-form-styles .form-submit em strong, .inherit-il-form-styles .form-submit strong, .inherit-il-form-styles .form-submit em {
    font-family: "Economist Sans", sans-serif; }

.inherit-il-form-styles label {
  font-size: 14px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 400;
  line-height: 1.6; }
  .inherit-il-form-styles label strong em, .inherit-il-form-styles label em strong, .inherit-il-form-styles label strong, .inherit-il-form-styles label em {
    font-family: "Economist Sans", sans-serif; }

.inherit-il-form-styles .description {
  font-family: "Economist Sans", sans-serif; }

ul.tabs li a {
  font-family: "Economist Sans", sans-serif;
  color: #CC1013; }
  ul.tabs li a:visited, ul.tabs li a:active {
    color: #CC1013; }

/*doc
---
title: Media
name: media
category: components
---
A media object is a common name given to the layout pattern of a media item,
in most cases an image, floated to the side of other content where the content
does not flow underneath the media item.

```html_example
<div class="media-layout">
  <div class="media-layout__image">
    <img src="images/small_3_2.jpg" />
  </div>
  <div class="media-layout__body">
    <!-- Any content can go in the body - this is example content -->
    <div class="sans-caps"><a href="/contributor/38">Tom Shone</a></div>
    <div class="fly">Sport</div>
    <h3 class="serif-heading-medium"><a href="/content/tom-shone-cinema">Tom Shone  At the Cinema</a></h3>
    <p class="small-paragraph">How do you follow Gandalf and Magneto? With a Sherlock who is 93 and fighting off senility</p>
  </div>
</div>
```
*/
.media-layout__image {
  margin: 0 8px 0 0;
  padding: 0 8px 16px 0;
  max-width: 40%;
  float: left; }
  @media (min-width: 480px) {
    .media-layout__image {
      max-width: 50%; } }
  @media (min-width: 768px) {
    .media-layout__image {
      float: left; } }

.media-layout__body {
  overflow: hidden; }

.media-layout-reverse__image {
  float: right;
  max-width: 50%; }

.media-layout-reverse__body {
  overflow: hidden; }

.grid .media-layout,
.tile-grid .media-layout {
  margin-left: -8px;
  margin-right: -8px;
  padding-bottom: 16px; }
  .grid .media-layout__image,
  .tile-grid .media-layout__image {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 41.66667%;
    float: left;
    padding-left: 8px;
    padding-right: 8px; }
    @media (min-width: 768px) {
      .grid .media-layout__image,
      .tile-grid .media-layout__image {
        margin: 0 0 5px;
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }
  .grid .media-layout__body,
  .tile-grid .media-layout__body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 58.33333%;
    float: right;
    padding-left: 8px;
    padding-right: 8px; }
    @media (min-width: 768px) {
      .grid .media-layout__body,
      .tile-grid .media-layout__body {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }
    .grid .media-layout__body h3.serif-heading-small,
    .grid .media-layout__body .fly-tag-group,
    .tile-grid .media-layout__body h3.serif-heading-small,
    .tile-grid .media-layout__body .fly-tag-group {
      padding: 0 0 4px; }
    .grid .media-layout__body .rubric,
    .grid .media-layout__body .rubric-serif,
    .grid .media-layout__body .rubric p,
    .grid .media-layout__body .small-paragraph p,
    .tile-grid .media-layout__body .rubric,
    .tile-grid .media-layout__body .rubric-serif,
    .tile-grid .media-layout__body .rubric p,
    .tile-grid .media-layout__body .small-paragraph p {
      font-size: 17px;
      font-family: "Economist Sans", sans-serif;
      font-weight: 200;
      line-height: 1.2;
      text-transform: initial; }
      .grid .media-layout__body .rubric strong em, .grid .media-layout__body .rubric em strong, .grid .media-layout__body .rubric strong, .grid .media-layout__body .rubric em,
      .grid .media-layout__body .rubric-serif strong em,
      .grid .media-layout__body .rubric-serif em strong,
      .grid .media-layout__body .rubric-serif strong,
      .grid .media-layout__body .rubric-serif em,
      .grid .media-layout__body .rubric p strong em,
      .grid .media-layout__body .rubric p em strong,
      .grid .media-layout__body .rubric p strong,
      .grid .media-layout__body .rubric p em,
      .grid .media-layout__body .small-paragraph p strong em,
      .grid .media-layout__body .small-paragraph p em strong,
      .grid .media-layout__body .small-paragraph p strong,
      .grid .media-layout__body .small-paragraph p em,
      .tile-grid .media-layout__body .rubric strong em,
      .tile-grid .media-layout__body .rubric em strong,
      .tile-grid .media-layout__body .rubric strong,
      .tile-grid .media-layout__body .rubric em,
      .tile-grid .media-layout__body .rubric-serif strong em,
      .tile-grid .media-layout__body .rubric-serif em strong,
      .tile-grid .media-layout__body .rubric-serif strong,
      .tile-grid .media-layout__body .rubric-serif em,
      .tile-grid .media-layout__body .rubric p strong em,
      .tile-grid .media-layout__body .rubric p em strong,
      .tile-grid .media-layout__body .rubric p strong,
      .tile-grid .media-layout__body .rubric p em,
      .tile-grid .media-layout__body .small-paragraph p strong em,
      .tile-grid .media-layout__body .small-paragraph p em strong,
      .tile-grid .media-layout__body .small-paragraph p strong,
      .tile-grid .media-layout__body .small-paragraph p em {
        font-family: "Economist Sans", sans-serif; }

@media (min-width: 768px) {
  .grid__two-column .media-layout__image {
    box-sizing: border-box;
    width: 33.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px; }
  .grid__two-column .media-layout__body {
    box-sizing: border-box;
    width: 66.66667%;
    float: left;
    padding-left: 8px;
    padding-right: 8px; } }

footer .page-container, .pane-il-mailchimp-teaser .page-container {
  background: transparent; }

.current-issue {
  display: none;
  position: relative;
  font-size: 11px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #919291; }
  .current-issue strong em, .current-issue em strong, .current-issue strong, .current-issue em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 1024px) {
    .current-issue {
      box-sizing: border-box;
      width: 25%;
      float: right;
      padding-left: 8px;
      padding-right: 8px;
      display: block;
      padding-right: 0;
      padding-left: 12px; }
      .current-issue__menu ul {
        list-style: none;
        padding: 0;
        margin: 0; }
      .current-issue__static {
        margin-top: -3px;
        color: #E8E9E9; }
      .current-issue a {
        color: #919291; }
      .current-issue .media-layout__image {
        max-width: 50% !important; } }

.pane-bundle-package {
  background-color: #849290;
  margin-bottom: 16px; }
  .pane-bundle-package .pane-title {
    font-size: 22px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1;
    color: #ffffff;
    padding: 20px; }
    .pane-bundle-package .pane-title strong em, .pane-bundle-package .pane-title em strong, .pane-bundle-package .pane-title strong, .pane-bundle-package .pane-title em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .pane-bundle-package .pane-title {
        font-size: 26px; } }
  .pane-bundle-package .package__featured-content {
    padding-bottom: 0; }

.masthead {
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%;
  height: 36px;
  background: #919291; }
  @media (min-width: 768px) {
    .masthead {
      height: 50px; } }
  @media (min-width: 1024px) {
    .masthead {
      position: static;
      width: 992px;
      height: 220px;
      padding-top: 16px;
      margin-left: auto;
      margin-right: auto;
      background: none; }
      .masthead__logo-il {
        float: left;
        width: 740px;
        text-align: center;
        border-bottom: 2px solid #919291;
        height: 147px; }
        .masthead__logo-il svg {
          width: 330px; } }
  .masthead.page-container {
    overflow: visible; }
  .masthead__logo-economist {
    margin-right: 5px; }
    @media (min-width: 768px) {
      .masthead__logo-economist {
        margin-right: 10px; } }
  .masthead__site-title-mobile a {
    display: block;
    background: url("../images/logo-1843-small-header.svg") no-repeat center center transparent;
    text-indent: -500%;
    width: 40px;
    font-size: 1px;
    color: #919291; }
    @media (min-width: 768px) {
      .masthead__site-title-mobile a {
        width: 55px; } }
  .masthead__hamburger {
    background-color: #919291;
    width: 36px;
    height: 36px;
    padding: 8px 3px 5px; }
    @media (min-width: 480px) {
      .masthead__hamburger {
        margin: 0 5px 0 0; } }
    @media (min-width: 768px) {
      .masthead__hamburger {
        margin: 7px 10px 0 0; } }
  @media (min-width: 480px) {
    .masthead__search-icon-mobile {
      margin: 0; } }
  .masthead__current-issue .media-layout__image {
    padding-bottom: 0; }

.pane-views-homepage-slider-block {
  display: none; }

@media (min-width: 1024px) {
  .sub-header-container .region-sub-header {
    height: 10px; } }

.multimedia-preview-image__caption__wrap {
  padding: 4px; }

.multimedia-preview-image__caption__icon svg {
  width: 20px; }

@media (min-width: 480px) {
  .multimedia-preview-image__caption__wrap {
    padding: 10px; }
  .multimedia-preview-image__caption__icon svg {
    width: auto; } }

.article-header.overlay {
  *zoom: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  height: 225px; }
  .article-header.overlay:after, .article-header.overlay:before {
    display: table;
    content: " "; }
  .article-header.overlay:after {
    clear: both; }
  @media (min-width: 480px) {
    .article-header.overlay {
      height: 336px; } }
  @media (min-width: 660px) {
    .article-header.overlay {
      height: 471px; } }
  @media (min-width: 768px) {
    .article-header.overlay {
      height: 552px; } }
  @media (min-width: 1024px) {
    .article-header.overlay {
      height: 744px; } }
  .article-header.overlay .fly-tag-group {
    padding-bottom: 1px; }
    @media (min-width: 480px) {
      .article-header.overlay .fly-tag-group {
        padding-bottom: 2px; } }
    @media (min-width: 660px) {
      .article-header.overlay .fly-tag-group {
        padding-bottom: 3px; } }
    @media (min-width: 1024px) {
      .article-header.overlay .fly-tag-group {
        padding-bottom: 4px; } }
  .article-header.overlay .fly {
    font-size: 16px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
    color: inherit; }
    .article-header.overlay .fly strong em, .article-header.overlay .fly em strong, .article-header.overlay .fly strong, .article-header.overlay .fly em {
      font-family: "Economist Sans", sans-serif; }
  .article-header.overlay .fly, .article-header.overlay a.fly {
    letter-spacing: 0 !important; }
  .article-header.overlay .fly:first-of-type,
  .article-header.overlay a.fly:first-of-type {
    font-weight: 500; }
  .article-header.overlay .title,
  .article-header.overlay .alt-title {
    font-size: 24.5px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -0.02em;
    padding-bottom: 1px;
    margin: 0;
    color: inherit;
    text-transform: none; }
    .article-header.overlay .title strong em, .article-header.overlay .title em strong, .article-header.overlay .title strong, .article-header.overlay .title em,
    .article-header.overlay .alt-title strong em,
    .article-header.overlay .alt-title em strong,
    .article-header.overlay .alt-title strong,
    .article-header.overlay .alt-title em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .article-header.overlay .title,
      .article-header.overlay .alt-title {
        font-size: 36.58px; } }
    @media (min-width: 660px) {
      .article-header.overlay .title,
      .article-header.overlay .alt-title {
        font-size: 51.277px; } }
    @media (min-width: 768px) {
      .article-header.overlay .title,
      .article-header.overlay .alt-title {
        font-size: 60.1px; } }
    @media (min-width: 1024px) {
      .article-header.overlay .title,
      .article-header.overlay .alt-title {
        font-size: 81px; } }
    @media (min-width: 480px) {
      .article-header.overlay .title,
      .article-header.overlay .alt-title {
        padding-bottom: 2px; } }
    @media (min-width: 660px) {
      .article-header.overlay .title,
      .article-header.overlay .alt-title {
        padding-bottom: 3px; } }
    @media (min-width: 1024px) {
      .article-header.overlay .title,
      .article-header.overlay .alt-title {
        padding-bottom: 4px; } }
  .article-header.overlay .title {
    display: block; }
    .article-header.overlay .title.uppercase {
      text-transform: uppercase; }
    .article-header.overlay .title.serif {
      font-family: "Milo serif pro", serif; }
    .article-header.overlay .title.sans-serif {
      font-family: "Economist Sans", sans-serif;
      font-weight: 200; }
  .article-header.overlay .alt-title {
    display: none; }
  .article-header.overlay .alt-rubric {
    font-size: 17px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1.2;
    display: none;
    text-transform: inherit;
    color: inherit; }
    .article-header.overlay .alt-rubric strong em, .article-header.overlay .alt-rubric em strong, .article-header.overlay .alt-rubric strong, .article-header.overlay .alt-rubric em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 768px) {
      .article-header.overlay .alt-rubric {
        font-size: 20.774px; } }
    @media (min-width: 1024px) {
      .article-header.overlay .alt-rubric {
        font-size: 28px; } }
    @media (min-width: 768px) {
      .article-header.overlay .alt-rubric {
        display: block; } }
    .article-header.overlay .alt-rubric .field-label {
      display: none; }
    .article-header.overlay .alt-rubric .rubric-serif,
    .article-header.overlay .alt-rubric p {
      font-size: 17px;
      font-family: "Economist Sans", sans-serif;
      font-weight: 200;
      line-height: 1.2;
      color: inherit;
      text-transform: inherit; }
      .article-header.overlay .alt-rubric .rubric-serif strong em, .article-header.overlay .alt-rubric .rubric-serif em strong, .article-header.overlay .alt-rubric .rubric-serif strong, .article-header.overlay .alt-rubric .rubric-serif em,
      .article-header.overlay .alt-rubric p strong em,
      .article-header.overlay .alt-rubric p em strong,
      .article-header.overlay .alt-rubric p strong,
      .article-header.overlay .alt-rubric p em {
        font-family: "Economist Sans", sans-serif; }
      @media (min-width: 768px) {
        .article-header.overlay .alt-rubric .rubric-serif,
        .article-header.overlay .alt-rubric p {
          font-size: 20.774px; } }
      @media (min-width: 1024px) {
        .article-header.overlay .alt-rubric .rubric-serif,
        .article-header.overlay .alt-rubric p {
          font-size: 28px; } }

.article-header__overlay-main-image {
  margin: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0; }

.article-header__overlay-wrapper {
  position: relative;
  width: 100%;
  height: 225px; }
  @media (min-width: 480px) {
    .article-header__overlay-wrapper {
      height: 336px; } }
  @media (min-width: 660px) {
    .article-header__overlay-wrapper {
      height: 471px; } }
  @media (min-width: 768px) {
    .article-header__overlay-wrapper {
      height: 552px; } }
  @media (min-width: 1024px) {
    .article-header__overlay-wrapper {
      height: 744px; } }
  .overlay-size-1_3 .article-header__overlay-wrapper {
    width: 33.33%; }
  .overlay-position-top.overlay-size-1_3 .article-header__overlay-wrapper,
  .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
    width: 100%;
    height: 75px; }
    @media (min-width: 480px) {
      .overlay-position-top.overlay-size-1_3 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
        height: 112px; } }
    @media (min-width: 660px) {
      .overlay-position-top.overlay-size-1_3 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
        height: 157px; } }
    @media (min-width: 768px) {
      .overlay-position-top.overlay-size-1_3 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
        height: 184px; } }
    @media (min-width: 1024px) {
      .overlay-position-top.overlay-size-1_3 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
        height: 248px; } }
  .overlay-size-1_2 .article-header__overlay-wrapper {
    width: 50%; }
  .overlay-position-top.overlay-size-1_2 .article-header__overlay-wrapper,
  .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
    width: 100%;
    height: 112.5px; }
    @media (min-width: 480px) {
      .overlay-position-top.overlay-size-1_2 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
        height: 168px; } }
    @media (min-width: 660px) {
      .overlay-position-top.overlay-size-1_2 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
        height: 235.5px; } }
    @media (min-width: 768px) {
      .overlay-position-top.overlay-size-1_2 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
        height: 276px; } }
    @media (min-width: 1024px) {
      .overlay-position-top.overlay-size-1_2 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
        height: 372px; } }
  .overlay-size-2_3 .article-header__overlay-wrapper {
    width: 66.66%; }
  .overlay-position-top.overlay-size-2_3 .article-header__overlay-wrapper,
  .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
    width: 100%;
    height: 150px; }
    @media (min-width: 480px) {
      .overlay-position-top.overlay-size-2_3 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
        height: 224px; } }
    @media (min-width: 660px) {
      .overlay-position-top.overlay-size-2_3 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
        height: 314px; } }
    @media (min-width: 768px) {
      .overlay-position-top.overlay-size-2_3 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
        height: 368px; } }
    @media (min-width: 1024px) {
      .overlay-position-top.overlay-size-2_3 .article-header__overlay-wrapper,
      .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
        height: 496px; } }
  .overlay-position-left .article-header__overlay-wrapper {
    float: left; }
  .overlay-position-right .article-header__overlay-wrapper {
    float: right; }
  .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
    margin-top: 150px; }
    @media (min-width: 480px) {
      .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
        margin-top: 224px; } }
    @media (min-width: 660px) {
      .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
        margin-top: 314px; } }
    @media (min-width: 768px) {
      .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
        margin-top: 368px; } }
    @media (min-width: 1024px) {
      .overlay-position-bottom.overlay-size-1_3 .article-header__overlay-wrapper {
        margin-top: 496px; } }
  .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
    margin-top: 112.5px; }
    @media (min-width: 480px) {
      .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
        margin-top: 168px; } }
    @media (min-width: 660px) {
      .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
        margin-top: 235.5px; } }
    @media (min-width: 768px) {
      .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
        margin-top: 276px; } }
    @media (min-width: 1024px) {
      .overlay-position-bottom.overlay-size-1_2 .article-header__overlay-wrapper {
        margin-top: 372px; } }
  .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
    margin-top: 75px; }
    @media (min-width: 480px) {
      .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
        margin-top: 112px; } }
    @media (min-width: 660px) {
      .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
        margin-top: 157px; } }
    @media (min-width: 768px) {
      .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
        margin-top: 184px; } }
    @media (min-width: 1024px) {
      .overlay-position-bottom.overlay-size-2_3 .article-header__overlay-wrapper {
        margin-top: 248px; } }

.article-header__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.article-header__overlay-text {
  padding: 9.68px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  @media (min-width: 480px) {
    .article-header__overlay-text {
      padding: 14.452px; } }
  @media (min-width: 660px) {
    .article-header__overlay-text {
      padding: 20.259px; } }
  @media (min-width: 768px) {
    .article-header__overlay-text {
      padding: 23.74px; } }
  @media (min-width: 1024px) {
    .article-header__overlay-text {
      padding: 32px; } }
  .overlay-text-position-top_left .article-header__overlay-text {
    text-align: left; }
  .overlay-text-position-top_right .article-header__overlay-text {
    text-align: right; }
  .overlay-text-position-bottom_left .article-header__overlay-text {
    top: auto;
    bottom: 0;
    text-align: left; }
  .overlay-text-position-bottom_right .article-header__overlay-text {
    top: auto;
    bottom: 0;
    text-align: right; }
  .article-header__overlay-text .rubric-wrapper .alt-rubric {
    padding-top: 10px; }

.article-header.no-overlay .article-header__main-image,
.article-header.no-overlay .fly-tag-group {
  margin: 0 0 8px;
  padding: 0; }

.article-header.no-overlay .alt-rubric,
.article-header.no-overlay .rubric-serif,
.article-header.no-overlay p {
  font-size: 17px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1.2;
  text-transform: inherit; }
  .article-header.no-overlay .alt-rubric strong em, .article-header.no-overlay .alt-rubric em strong, .article-header.no-overlay .alt-rubric strong, .article-header.no-overlay .alt-rubric em,
  .article-header.no-overlay .rubric-serif strong em,
  .article-header.no-overlay .rubric-serif em strong,
  .article-header.no-overlay .rubric-serif strong,
  .article-header.no-overlay .rubric-serif em,
  .article-header.no-overlay p strong em,
  .article-header.no-overlay p em strong,
  .article-header.no-overlay p strong,
  .article-header.no-overlay p em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .article-header.no-overlay .alt-rubric,
    .article-header.no-overlay .rubric-serif,
    .article-header.no-overlay p {
      font-size: 12.8px; } }
  @media (min-width: 660px) {
    .article-header.no-overlay .alt-rubric,
    .article-header.no-overlay .rubric-serif,
    .article-header.no-overlay p {
      font-size: 17.943px; } }
  @media (min-width: 768px) {
    .article-header.no-overlay .alt-rubric,
    .article-header.no-overlay .rubric-serif,
    .article-header.no-overlay p {
      font-size: 20.774px; } }
  @media (min-width: 1024px) {
    .article-header.no-overlay .alt-rubric,
    .article-header.no-overlay .rubric-serif,
    .article-header.no-overlay p {
      font-size: 20.887px; } }

.rubric-outside-overlay {
  margin-bottom: 16px; }
  .rubric-outside-overlay .alt-rubric,
  .rubric-outside-overlay .rubric-serif,
  .rubric-outside-overlay p {
    font-size: 17px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1.2;
    text-transform: inherit; }
    .rubric-outside-overlay .alt-rubric strong em, .rubric-outside-overlay .alt-rubric em strong, .rubric-outside-overlay .alt-rubric strong, .rubric-outside-overlay .alt-rubric em,
    .rubric-outside-overlay .rubric-serif strong em,
    .rubric-outside-overlay .rubric-serif em strong,
    .rubric-outside-overlay .rubric-serif strong,
    .rubric-outside-overlay .rubric-serif em,
    .rubric-outside-overlay p strong em,
    .rubric-outside-overlay p em strong,
    .rubric-outside-overlay p strong,
    .rubric-outside-overlay p em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 768px) {
      .rubric-outside-overlay .alt-rubric,
      .rubric-outside-overlay .rubric-serif,
      .rubric-outside-overlay p {
        font-size: 20.774px; } }
    @media (min-width: 1024px) {
      .rubric-outside-overlay .alt-rubric,
      .rubric-outside-overlay .rubric-serif,
      .rubric-outside-overlay p {
        font-size: 28px; } }
  @media (min-width: 768px) {
    .rubric-outside-overlay {
      display: none; } }

.alt-rubric .field-label {
  display: none; }

.article__related_content, .article__read_more {
  *zoom: 1;
  width: 100%; }
  .article__related_content:after, .article__related_content:before, .article__read_more:after, .article__read_more:before {
    display: table;
    content: " "; }
  .article__related_content:after, .article__read_more:after {
    clear: both; }
  .article__related_content .view-header h2,
  .article__related_content .view-header h2 a, .article__read_more .view-header h2,
  .article__read_more .view-header h2 a {
    font-family: "Economist Sans", sans-serif; }
  .article__related_content .view-header h2 a, .article__read_more .view-header h2 a {
    font-weight: 500; }

.article__comments {
  margin-bottom: 20px; }

.footer-credits__author a {
  color: #000000; }

.contributors-block {
  *zoom: 1;
  box-sizing: border-box; }
  .contributors-block:after, .contributors-block:before {
    display: table;
    content: " "; }
  .contributors-block:after {
    clear: both; }
  @media (min-width: 768px) {
    .contributors-block {
      margin-left: -8px;
      margin-right: -8px; } }
  @media (min-width: 768px) {
    .contributors-block .view-header {
      box-sizing: border-box;
      width: 100%;
      float: left;
      padding-left: 8px;
      padding-right: 8px; } }
  .contributors-block .view-header h3 {
    font-size: 22px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1;
    display: block;
    margin-bottom: 8px;
    padding: 12px 16px;
    color: #000000;
    background-color: #E8E9E9; }
    .contributors-block .view-header h3 strong em, .contributors-block .view-header h3 em strong, .contributors-block .view-header h3 strong, .contributors-block .view-header h3 em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .contributors-block .view-header h3 {
        font-size: 26px; } }
    @media (min-width: 480px) {
      .contributors-block .view-header h3 {
        margin-bottom: 16px; } }
  .contributors-block__contributor {
    height: 135px;
    overflow: hidden;
    margin-bottom: 8px; }
    @media (min-width: 480px) {
      .contributors-block__contributor {
        margin-bottom: 16px; } }
    @media (min-width: 768px) {
      .contributors-block__contributor {
        box-sizing: border-box;
        width: 33.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }
    @media (min-width: 1024px) {
      .contributors-block__contributor {
        height: 185px; } }
    .contributors-block__contributor .media-layout__image {
      width: 91px;
      margin-right: 0;
      padding-right: 0; }
      @media (min-width: 1024px) {
        .contributors-block__contributor .media-layout__image {
          width: 124px; } }
    .contributors-block__contributor .media-layout__body {
      height: 135px;
      padding: 8px 8px;
      background-color: #E8E9E9; }
      @media (min-width: 1024px) {
        .contributors-block__contributor .media-layout__body {
          height: 185px; } }
      .contributors-block__contributor .media-layout__body .sans-caps {
        font-size: 16px;
        font-family: "Economist Sans", sans-serif;
        font-weight: 300; }
        .contributors-block__contributor .media-layout__body .sans-caps strong em, .contributors-block__contributor .media-layout__body .sans-caps em strong, .contributors-block__contributor .media-layout__body .sans-caps strong, .contributors-block__contributor .media-layout__body .sans-caps em {
          font-family: "Economist Sans", sans-serif; }
        .contributors-block__contributor .media-layout__body .sans-caps a {
          color: #000000; }
      .contributors-block__contributor .media-layout__body .serif-heading-small {
        margin-top: 2px; }
      .contributors-block__contributor .media-layout__body p {
        font-size: 16px;
        font-family: "Economist Sans", sans-serif;
        font-weight: 200;
        line-height: 1.3; }
        .contributors-block__contributor .media-layout__body p strong em, .contributors-block__contributor .media-layout__body p em strong, .contributors-block__contributor .media-layout__body p strong, .contributors-block__contributor .media-layout__body p em {
          font-family: "Economist Sans", sans-serif; }
        @media (min-width: 768px) {
          .contributors-block__contributor .media-layout__body p {
            font-size: 17px; } }

.main-navigation {
  max-height: 0;
  transition: all 0.3s ease-out;
  overflow: hidden; }
  @media (min-width: 768px) {
    .main-navigation {
      z-index: 1000;
      display: none;
      position: fixed;
      top: 50px;
      right: 50%;
      margin-right: -368px;
      min-width: 200px;
      max-height: none; }
      .admin-menu .main-navigation {
        top: 100px; } }
  @media (min-width: 1024px) {
    .main-navigation {
      box-sizing: border-box;
      width: 75%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      display: block;
      position: static;
      max-height: none;
      right: unset;
      margin-right: 0; } }
  .main-navigation .il-social-links {
    background-color: #ffffff;
    text-align: right; }
    .main-navigation .il-social-links > span {
      display: none; }
  .main-navigation.is-visible {
    max-height: 600px; }
    @media (min-width: 768px) {
      .main-navigation.is-visible {
        display: block; } }
  .main-navigation__content {
    padding: 16px;
    border: 1px solid #919291;
    border-top-width: 0;
    background: #ffffff; }
    @media (min-width: 768px) {
      .main-navigation__content {
        border-top-width: 2px; } }
    @media (min-width: 1024px) {
      .main-navigation__content {
        padding: 0;
        border: 0;
        background: none; } }
  .main-navigation__menu a,
  .main-navigation__menu a:visited,
  .main-navigation__menu a:active, .main-navigation__sub-menu a,
  .main-navigation__sub-menu a:visited,
  .main-navigation__sub-menu a:active {
    font-size: 11px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3em;
    padding: 0;
    color: #919291; }
    .main-navigation__menu a strong em, .main-navigation__menu a em strong, .main-navigation__menu a strong, .main-navigation__menu a em,
    .main-navigation__menu a:visited strong em,
    .main-navigation__menu a:visited em strong,
    .main-navigation__menu a:visited strong,
    .main-navigation__menu a:visited em,
    .main-navigation__menu a:active strong em,
    .main-navigation__menu a:active em strong,
    .main-navigation__menu a:active strong,
    .main-navigation__menu a:active em, .main-navigation__sub-menu a strong em, .main-navigation__sub-menu a em strong, .main-navigation__sub-menu a strong, .main-navigation__sub-menu a em,
    .main-navigation__sub-menu a:visited strong em,
    .main-navigation__sub-menu a:visited em strong,
    .main-navigation__sub-menu a:visited strong,
    .main-navigation__sub-menu a:visited em,
    .main-navigation__sub-menu a:active strong em,
    .main-navigation__sub-menu a:active em strong,
    .main-navigation__sub-menu a:active strong,
    .main-navigation__sub-menu a:active em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 1024px) {
      .main-navigation__menu a,
      .main-navigation__menu a:visited,
      .main-navigation__menu a:active, .main-navigation__sub-menu a,
      .main-navigation__sub-menu a:visited,
      .main-navigation__sub-menu a:active {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.075em; } }
    @media (min-width: 1024px) {
      .main-navigation__menu a,
      .main-navigation__menu a:visited,
      .main-navigation__menu a:active, .main-navigation__sub-menu a,
      .main-navigation__sub-menu a:visited,
      .main-navigation__sub-menu a:active {
        padding: 0 5px; } }
  .main-navigation__menu {
    font-size: 11px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3em; }
    .main-navigation__menu strong em, .main-navigation__menu em strong, .main-navigation__menu strong, .main-navigation__menu em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 1024px) {
      .main-navigation__menu {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.075em; } }
    @media (min-width: 1024px) {
      .main-navigation__menu {
        margin: 24px 0 8px;
        text-align: center;
        padding: 0;
        display: block; }
        .main-navigation__menu li {
          display: inline-block;
          margin: 0; } }
  .main-navigation__sub-menu {
    font-size: 11px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3em;
    padding-bottom: 20px; }
    .main-navigation__sub-menu strong em, .main-navigation__sub-menu em strong, .main-navigation__sub-menu strong, .main-navigation__sub-menu em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 1024px) {
      .main-navigation__sub-menu {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.075em; } }
    @media (min-width: 1024px) {
      .main-navigation__sub-menu {
        padding-bottom: 0; }
        .main-navigation__sub-menu li {
          display: inline-block;
          text-align: left; }
        .main-navigation__sub-menu a {
          padding: 0 10px; }
          .main-navigation__sub-menu a:first-child {
            padding-left: 0; } }
    .main-navigation__sub-menu a,
    .main-navigation__sub-menu a:active,
    .main-navigation__sub-menu a:visited {
      color: #919291; }

.sub-header-container .main-navigation__social-media,
.sub-header-container .main-navigation__sub-menu {
  display: none; }

@media (min-width: 1024px) {
  .sub-header-container {
    position: relative; } }

.menu__social-media-icons {
  position: absolute;
  bottom: 3px; }
  .menu__social-media-icons ul {
    list-style-type: none;
    margin: 7px 0 0 0;
    padding: 0;
    height: 20px;
    position: relative;
    min-width: 115px;
    left: -9.5px; }
    .menu__social-media-icons ul li {
      display: inline;
      margin: 0 -6px 0 0; }
      .menu__social-media-icons ul li .svg-icon-twitter svg,
      .menu__social-media-icons ul li .svg-icon-rss svg {
        position: relative;
        bottom: -1.5px; }
      .menu__social-media-icons ul li svg {
        height: 30px;
        width: 30px; }
        .menu__social-media-icons ul li svg path, .menu__social-media-icons ul li svg circle {
          fill: #383E42; }

.il-social-links {
  margin-bottom: 20px;
  text-align: center;
  background-color: #E8E9E9;
  padding-bottom: 10px; }
  .il-social-links h3, .il-social-links .links {
    display: inline-block; }
  .il-social-links h3 {
    font-size: 12px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #CC1013;
    padding-right: 10px; }
    .il-social-links h3 strong em, .il-social-links h3 em strong, .il-social-links h3 strong, .il-social-links h3 em {
      font-family: "Economist Sans", sans-serif; }
  .il-social-links svg {
    width: 35px;
    height: 35px; }
    .il-social-links svg path, .il-social-links svg circle  {
      fill: #383E42; }

.pane-il-core-social-links.il-social-links {
  background-color: #F2F2F2; }
  .pane-il-core-social-links.il-social-links h3 {
    font-size: 15px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: #383E42; }
    .pane-il-core-social-links.il-social-links h3 strong em, .pane-il-core-social-links.il-social-links h3 em strong, .pane-il-core-social-links.il-social-links h3 strong, .pane-il-core-social-links.il-social-links h3 em {
      font-family: "Economist Sans", sans-serif; }

footer .il-social-links {
  margin-bottom: 0px;
  background-color: #F2F2F2; }
  footer .il-social-links .links {
    text-align: left;
    display: block; }
  footer .il-social-links h3 {
    font-size: 15px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-align: left;
    display: block;
    color: #383E42;
    padding-top: 20px; }
    footer .il-social-links h3 strong em, footer .il-social-links h3 em strong, footer .il-social-links h3 strong, footer .il-social-links h3 em {
      font-family: "Economist Sans", sans-serif; }

.sub-header-search {
  top: 13px; }
  .sub-header-search input.form-text {
    font-size: 11px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.1em;
    border-radius: 0 !important;
    width: 100%;
    height: 23px; }
    .sub-header-search input.form-text strong em, .sub-header-search input.form-text em strong, .sub-header-search input.form-text strong, .sub-header-search input.form-text em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 1024px) {
      .sub-header-search input.form-text {
        height: 19px; } }
    .sub-header-search input.form-text:-ms-input-placeholder {
      color: #919291 !important;
      text-transform: uppercase; }
    .sub-header-search input.form-text::placeholder {
      color: #919291 !important;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .sub-header-search input.form-text:-ms-input-placeholder {
          color: #ffffff !important; }
        .sub-header-search input.form-text::placeholder {
          color: #ffffff !important; } }
  @media (min-width: 768px) {
    .sub-header-search {
      width: 245px;
      right: 58px; } }
  @media (min-width: 1024px) {
    .sub-header-search {
      width: 25%;
      left: unset;
      margin-left: 0;
      padding-left: 12px;
      padding-top: 22px;
      color: #ffffff; }
      .sub-header-search .form-text {
        background-color: #919291; } }

.tile-grid-item {
  *zoom: 1;
  overflow: hidden; }
  .tile-grid-item:after, .tile-grid-item:before {
    display: table;
    content: " "; }
  .tile-grid-item:after {
    clear: both; }
  .tile-grid-item .content {
    position: relative; }
  .tile-grid-item__image {
    line-height: 0; }
    .small .tile-grid-item__image,
    .medium .tile-grid-item__image {
      box-sizing: border-box;
      width: 41.66667%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      padding-left: 0; }
      @media (min-width: 480px) {
        .small .tile-grid-item__image,
        .medium .tile-grid-item__image {
          float: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          padding: 0; } }
    .portrait .tile-grid-item__image.portrait {
      display: none; }
      @media (min-width: 480px) {
        .portrait .tile-grid-item__image.portrait {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          padding: 0; } }
    .portrait .tile-grid-item__image.small {
      box-sizing: border-box;
      width: 41.66667%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      padding-left: 0; }
      @media (min-width: 480px) {
        .portrait .tile-grid-item__image.small {
          display: none; } }
    .portrait.multimedia-tile .tile-grid-item__image {
      box-sizing: border-box;
      width: 41.66667%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      padding-left: 0; }
      @media (min-width: 480px) {
        .portrait.multimedia-tile .tile-grid-item__image {
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 0;
          z-index: 2; } }
    .large .tile-grid-item__image,
    .pane-bundle-package .small .tile-grid-item__image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0; }
  .tile-grid-item__overlay-wrapper {
    position: relative;
    box-sizing: border-box;
    width: 58.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px; }
    @media (min-width: 480px) {
      .tile-grid-item__overlay-wrapper {
        float: none;
        width: 100%;
        padding: 0; } }
    @media (min-width: 480px) {
      .small .tile-grid-item__overlay-wrapper {
        height: 162px; } }
    @media (min-width: 660px) {
      .small .tile-grid-item__overlay-wrapper {
        height: 227.089px; } }
    @media (min-width: 768px) {
      .small .tile-grid-item__overlay-wrapper {
        height: 175.984px; } }
    @media (min-width: 1024px) {
      .small .tile-grid-item__overlay-wrapper {
        height: 177px; } }
    @media (min-width: 480px) {
      .portrait .tile-grid-item__overlay-wrapper {
        height: 340px; } }
    @media (min-width: 660px) {
      .portrait .tile-grid-item__overlay-wrapper {
        height: 470.178px; } }
    @media (min-width: 768px) {
      .portrait .tile-grid-item__overlay-wrapper {
        height: 367.968px; } }
    @media (min-width: 1024px) {
      .portrait .tile-grid-item__overlay-wrapper {
        height: 370px; } }
    @media (min-width: 480px) {
      .medium .tile-grid-item__overlay-wrapper {
        height: 162px; } }
    @media (min-width: 660px) {
      .medium .tile-grid-item__overlay-wrapper {
        height: 227.089px; } }
    @media (min-width: 768px) {
      .medium .tile-grid-item__overlay-wrapper {
        height: 269px; } }
    @media (min-width: 1024px) {
      .medium .tile-grid-item__overlay-wrapper {
        height: 360px; } }
    .large .tile-grid-item__overlay-wrapper {
      width: 100%;
      height: 225px; }
      @media (min-width: 480px) {
        .large .tile-grid-item__overlay-wrapper {
          height: 340px; } }
      @media (min-width: 660px) {
        .large .tile-grid-item__overlay-wrapper {
          height: 470.178px; } }
      @media (min-width: 768px) {
        .large .tile-grid-item__overlay-wrapper {
          height: 559.952px; } }
      @media (min-width: 1024px) {
        .large .tile-grid-item__overlay-wrapper {
          height: 563px; } }
    .pane-bundle-package .small .tile-grid-item__overlay-wrapper {
      width: 100%;
      height: 225px; }
      @media (min-width: 480px) {
        .pane-bundle-package .small .tile-grid-item__overlay-wrapper {
          height: 162px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .small .tile-grid-item__overlay-wrapper {
          height: 227.089px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .small .tile-grid-item__overlay-wrapper {
          height: 175.984px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .small .tile-grid-item__overlay-wrapper {
          height: 177px; } }
    .pane-bundle-package .large .tile-grid-item__overlay-wrapper {
      width: 100%;
      height: 225px; }
      @media (min-width: 480px) {
        .pane-bundle-package .large .tile-grid-item__overlay-wrapper {
          height: 162px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .large .tile-grid-item__overlay-wrapper {
          height: 227.089px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .large .tile-grid-item__overlay-wrapper {
          height: 559.952px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .large .tile-grid-item__overlay-wrapper {
          height: 563px; } }
    @media (min-width: 480px) {
      .overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        width: 33.33%; } }
    .large .overlay-size-1_3 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .small .overlay-size-1_3 .tile-grid-item__overlay-wrapper {
      width: 33.33%; }
    @media (min-width: 480px) {
      .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 54px; } }
    @media (min-width: 660px) {
      .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 75.69633px; } }
    @media (min-width: 768px) {
      .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 58.66133px; } }
    @media (min-width: 1024px) {
      .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 59px; } }
    @media (min-width: 480px) {
      .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    .pane-bundle-package .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
      height: 75px;
      width: 100%; }
      @media (min-width: 480px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 54px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 75.69633px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 58.66133px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 59px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 54px; } }
    @media (min-width: 660px) {
      .medium .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 75.69633px; } }
    @media (min-width: 768px) {
      .medium .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 89.66667px; } }
    @media (min-width: 1024px) {
      .medium .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 120px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    @media (min-width: 480px) {
      .portrait-position-top.portrait-size-1_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 113.33333px; } }
    @media (min-width: 660px) {
      .portrait-position-top.portrait-size-1_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 156.726px; } }
    @media (min-width: 768px) {
      .portrait-position-top.portrait-size-1_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 122.656px; } }
    @media (min-width: 1024px) {
      .portrait-position-top.portrait-size-1_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        height: 123.33333px; } }
    @media (min-width: 480px) {
      .portrait-position-top.portrait-size-1_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
    .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
      height: 75px;
      width: 100%; }
      @media (min-width: 480px) {
        .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 113.33333px; } }
      @media (min-width: 660px) {
        .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 156.726px; } }
      @media (min-width: 768px) {
        .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 186.65067px; } }
      @media (min-width: 1024px) {
        .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 187.66667px; } }
    .pane-bundle-package .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
      height: 75px;
      width: 100%; }
      @media (min-width: 480px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 54px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 75.69633px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 186.65067px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-1_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          height: 187.66667px; } }
    @media (min-width: 480px) {
      .overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        width: 50%; } }
    .large .overlay-size-1_2 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .small .overlay-size-1_2 .tile-grid-item__overlay-wrapper {
      width: 50%; }
    @media (min-width: 480px) {
      .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 81px; } }
    @media (min-width: 660px) {
      .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 113.5445px; } }
    @media (min-width: 768px) {
      .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 87.992px; } }
    @media (min-width: 1024px) {
      .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 88.5px; } }
    @media (min-width: 480px) {
      .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    .pane-bundle-package .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
      height: 112.5px;
      width: 100%; }
      @media (min-width: 480px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 81px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 113.5445px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 87.992px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 88.5px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 81px; } }
    @media (min-width: 660px) {
      .medium .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 113.5445px; } }
    @media (min-width: 768px) {
      .medium .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 134.5px; } }
    @media (min-width: 1024px) {
      .medium .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 180px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    @media (min-width: 480px) {
      .portrait-position-top.portrait-size-1_2 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 170px; } }
    @media (min-width: 660px) {
      .portrait-position-top.portrait-size-1_2 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 235.089px; } }
    @media (min-width: 768px) {
      .portrait-position-top.portrait-size-1_2 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 183.984px; } }
    @media (min-width: 1024px) {
      .portrait-position-top.portrait-size-1_2 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        height: 185px; } }
    @media (min-width: 480px) {
      .portrait-position-top.portrait-size-1_2 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
    .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
      height: 112.5px;
      width: 100%; }
      @media (min-width: 480px) {
        .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 170px; } }
      @media (min-width: 660px) {
        .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 235.089px; } }
      @media (min-width: 768px) {
        .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 279.976px; } }
      @media (min-width: 1024px) {
        .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 281.5px; } }
    .pane-bundle-package .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
      height: 112.5px;
      width: 100%; }
      @media (min-width: 480px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 81px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 113.5445px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 279.976px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-1_2 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          height: 281.5px; } }
    @media (min-width: 480px) {
      .overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        width: 66.66%; } }
    .large .overlay-size-2_3 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .small .overlay-size-2_3 .tile-grid-item__overlay-wrapper {
      width: 66.66%; }
    @media (min-width: 480px) {
      .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 108px; } }
    @media (min-width: 660px) {
      .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 151.39267px; } }
    @media (min-width: 768px) {
      .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 117.32267px; } }
    @media (min-width: 1024px) {
      .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 118px; } }
    @media (min-width: 480px) {
      .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    .pane-bundle-package .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
      height: 150px;
      width: 100%; }
      @media (min-width: 480px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 108px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 151.39267px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 117.32267px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .small .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 118px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 108px; } }
    @media (min-width: 660px) {
      .medium .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 151.39267px; } }
    @media (min-width: 768px) {
      .medium .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 179.33333px; } }
    @media (min-width: 1024px) {
      .medium .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 240px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    @media (min-width: 480px) {
      .portrait-position-top.portrait-size-2_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 226.66667px; } }
    @media (min-width: 660px) {
      .portrait-position-top.portrait-size-2_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 313.452px; } }
    @media (min-width: 768px) {
      .portrait-position-top.portrait-size-2_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 245.312px; } }
    @media (min-width: 1024px) {
      .portrait-position-top.portrait-size-2_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        height: 246.66667px; } }
    @media (min-width: 480px) {
      .portrait-position-top.portrait-size-2_3 .tile-grid-item__overlay-wrapper,
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        width: 100%; } }
    .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
    .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
      height: 150px;
      width: 100%; }
      @media (min-width: 480px) {
        .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 226.66667px; } }
      @media (min-width: 660px) {
        .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 313.452px; } }
      @media (min-width: 768px) {
        .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 373.30133px; } }
      @media (min-width: 1024px) {
        .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 375.33333px; } }
    .pane-bundle-package .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
      height: 150px;
      width: 100%; }
      @media (min-width: 480px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 108px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 151.39267px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 373.30133px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .large .overlay-position-top.overlay-size-2_3 .tile-grid-item__overlay-wrapper,
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          height: 375.33333px; } }
    @media (min-width: 480px) {
      .overlay-position-left .tile-grid-item__overlay-wrapper,
      .portrait-position-left .tile-grid-item__overlay-wrapper {
        float: left; } }
    .large .overlay-position-left .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .small .overlay-position-left .tile-grid-item__overlay-wrapper {
      float: left; }
    @media (min-width: 480px) {
      .overlay-position-right .tile-grid-item__overlay-wrapper,
      .portrait-position-right .tile-grid-item__overlay-wrapper {
        float: right; } }
    .large .overlay-position-right .tile-grid-item__overlay-wrapper,
    .pane-bundle-package .small .overlay-position-right .tile-grid-item__overlay-wrapper {
      float: right; }
    @media (min-width: 480px) {
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 108px; } }
    @media (min-width: 660px) {
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 151.39267px; } }
    @media (min-width: 768px) {
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 117.32267px; } }
    @media (min-width: 1024px) {
      .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 118px; } }
    @media (min-width: 480px) {
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 81px; } }
    @media (min-width: 660px) {
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 113.5445px; } }
    @media (min-width: 768px) {
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 87.992px; } }
    @media (min-width: 1024px) {
      .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 88.5px; } }
    @media (min-width: 480px) {
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 54px; } }
    @media (min-width: 660px) {
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 75.69633px; } }
    @media (min-width: 768px) {
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 58.66133px; } }
    @media (min-width: 1024px) {
      .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 59px; } }
    .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
      margin-top: 150px; }
      @media (min-width: 480px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 108px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 151.39267px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 117.32267px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 118px; } }
    .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
      margin-top: 112.5px; }
      @media (min-width: 480px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 81px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 113.5445px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 87.992px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 88.5px; } }
    .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
      margin-top: 75px; }
      @media (min-width: 480px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 54px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 75.69633px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 58.66133px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .small .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 59px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 108px; } }
    @media (min-width: 660px) {
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 151.39267px; } }
    @media (min-width: 768px) {
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 179.33333px; } }
    @media (min-width: 1024px) {
      .medium .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 240px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 81px; } }
    @media (min-width: 660px) {
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 113.5445px; } }
    @media (min-width: 768px) {
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 134.5px; } }
    @media (min-width: 1024px) {
      .medium .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 180px; } }
    @media (min-width: 480px) {
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 54px; } }
    @media (min-width: 660px) {
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 75.69633px; } }
    @media (min-width: 768px) {
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 89.66667px; } }
    @media (min-width: 1024px) {
      .medium .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 120px; } }
    @media (min-width: 480px) {
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 226.66667px; } }
    @media (min-width: 660px) {
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 313.452px; } }
    @media (min-width: 768px) {
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 245.312px; } }
    @media (min-width: 1024px) {
      .portrait-position-bottom.portrait-size-1_3 .tile-grid-item__overlay-wrapper {
        margin-top: 246.66667px; } }
    @media (min-width: 480px) {
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 170px; } }
    @media (min-width: 660px) {
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 235.089px; } }
    @media (min-width: 768px) {
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 183.984px; } }
    @media (min-width: 1024px) {
      .portrait-position-bottom.portrait-size-1_2 .tile-grid-item__overlay-wrapper {
        margin-top: 185px; } }
    @media (min-width: 480px) {
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 113.33333px; } }
    @media (min-width: 660px) {
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 156.726px; } }
    @media (min-width: 768px) {
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 122.656px; } }
    @media (min-width: 1024px) {
      .portrait-position-bottom.portrait-size-2_3 .tile-grid-item__overlay-wrapper {
        margin-top: 123.33333px; } }
    .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
      margin-top: 150px; }
      @media (min-width: 480px) {
        .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 226.66667px; } }
      @media (min-width: 660px) {
        .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 313.452px; } }
      @media (min-width: 768px) {
        .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 373.30133px; } }
      @media (min-width: 1024px) {
        .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 375.33333px; } }
    .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
      margin-top: 112.5px; }
      @media (min-width: 480px) {
        .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 170px; } }
      @media (min-width: 660px) {
        .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 235.089px; } }
      @media (min-width: 768px) {
        .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 279.976px; } }
      @media (min-width: 1024px) {
        .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 281.5px; } }
    .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
      margin-top: 75px; }
      @media (min-width: 480px) {
        .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 113.33333px; } }
      @media (min-width: 660px) {
        .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 156.726px; } }
      @media (min-width: 768px) {
        .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 186.65067px; } }
      @media (min-width: 1024px) {
        .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 187.66667px; } }
    .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
      margin-top: 150px; }
      @media (min-width: 480px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 108px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 151.39267px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 373.30133px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_3 .tile-grid-item__overlay-wrapper {
          margin-top: 375.33333px; } }
    .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
      margin-top: 112.5px; }
      @media (min-width: 480px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 170px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 235.089px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 279.976px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-1_2 .tile-grid-item__overlay-wrapper {
          margin-top: 281.5px; } }
    .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
      margin-top: 75px; }
      @media (min-width: 480px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 113.33333px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 156.726px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 186.65067px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .large .overlay-position-bottom.overlay-size-2_3 .tile-grid-item__overlay-wrapper {
          margin-top: 187.66667px; } }
  .tile-grid-item__overlay {
    visibility: hidden; }
    @media (min-width: 480px) {
      .tile-grid-item__overlay {
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
    .large .tile-grid-item__overlay,
    .pane-bundle-package .small .tile-grid-item__overlay {
      visibility: visible;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .tile-grid-item__text {
    padding: 0;
    width: 100%;
    height: auto; }
    @media (min-width: 480px) {
      .tile-grid-item__text {
        padding: 6.96px; } }
    @media (min-width: 660px) {
      .tile-grid-item__text {
        padding: 9.756px; } }
    @media (min-width: 768px) {
      .tile-grid-item__text {
        padding: 7.569px; } }
    @media (min-width: 1024px) {
      .tile-grid-item__text {
        padding: 7.61px; } }
    @media (min-width: 480px) {
      .tile-grid-item__text {
        position: absolute;
        top: 0;
        left: 0; } }
    .pane-bundle-package .small .tile-grid-item__text {
      padding: 9.677px; }
      @media (min-width: 480px) {
        .pane-bundle-package .small .tile-grid-item__text {
          padding: 6.96px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .small .tile-grid-item__text {
          padding: 9.756px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .small .tile-grid-item__text {
          padding: 7.569px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .small .tile-grid-item__text {
          padding: 7.61px; } }
    .medium .tile-grid-item__text {
      padding: 0; }
      @media (min-width: 480px) {
        .medium .tile-grid-item__text {
          padding: 6.96px; } }
      @media (min-width: 660px) {
        .medium .tile-grid-item__text {
          padding: 9.756px; } }
      @media (min-width: 768px) {
        .medium .tile-grid-item__text {
          padding: 11.61px; } }
      @media (min-width: 1024px) {
        .medium .tile-grid-item__text {
          padding: 15.74px; } }
    .large .tile-grid-item__text {
      padding: 9.677px; }
      @media (min-width: 480px) {
        .large .tile-grid-item__text {
          padding: 14.45px; } }
      @media (min-width: 660px) {
        .large .tile-grid-item__text {
          padding: 20.259px; } }
      @media (min-width: 768px) {
        .large .tile-grid-item__text {
          padding: 23.74px; } }
      @media (min-width: 1024px) {
        .large .tile-grid-item__text {
          padding: 23.87px; } }
    .pane-bundle-package .large .tile-grid-item__text {
      padding: 9.677px; }
      @media (min-width: 480px) {
        .pane-bundle-package .large .tile-grid-item__text {
          padding: 6.96px; } }
      @media (min-width: 660px) {
        .pane-bundle-package .large .tile-grid-item__text {
          padding: 9.756px; } }
      @media (min-width: 768px) {
        .pane-bundle-package .large .tile-grid-item__text {
          padding: 23.74px; } }
      @media (min-width: 1024px) {
        .pane-bundle-package .large .tile-grid-item__text {
          padding: 23.87px; } }
    .large .tile-grid-item__text,
    .pane-bundle-package .small .tile-grid-item__text {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    @media (min-width: 480px) {
      .overlay-text-position-top_left .tile-grid-item__text,
      .portrait-text-position-top_left .tile-grid-item__text {
        text-align: left; } }
    @media (min-width: 480px) {
      .overlay-text-position-top_right .tile-grid-item__text,
      .portrait-text-position-top_right .tile-grid-item__text {
        text-align: right; } }
    @media (min-width: 480px) {
      .overlay-text-position-bottom_left .tile-grid-item__text,
      .portrait-text-position-bottom_left .tile-grid-item__text {
        top: auto;
        bottom: 0;
        text-align: left; } }
    @media (min-width: 480px) {
      .overlay-text-position-bottom_right .tile-grid-item__text,
      .portrait-text-position-bottom_right .tile-grid-item__text {
        top: auto;
        bottom: 0;
        text-align: right; } }
    .large .overlay-text-position-top_left .tile-grid-item__text,
    .pane-bundle-package .small .overlay-text-position-top_left .tile-grid-item__text {
      text-align: left; }
    .large .overlay-text-position-top_right .tile-grid-item__text,
    .pane-bundle-package .small .overlay-text-position-top_right .tile-grid-item__text {
      text-align: right; }
    .large .overlay-text-position-bottom_left .tile-grid-item__text,
    .pane-bundle-package .small .overlay-text-position-bottom_left .tile-grid-item__text {
      top: auto;
      bottom: 0;
      text-align: left; }
    .large .overlay-text-position-bottom_right .tile-grid-item__text,
    .pane-bundle-package .small .overlay-text-position-bottom_right .tile-grid-item__text {
      top: auto;
      bottom: 0;
      text-align: right; }
  .tile-grid-item .fly-tag-group {
    padding-bottom: 1px; }
    @media (min-width: 480px) {
      .tile-grid-item .fly-tag-group {
        padding-bottom: 2px; } }
    @media (min-width: 660px) {
      .tile-grid-item .fly-tag-group {
        padding-bottom: 3px; } }
    @media (min-width: 1024px) {
      .tile-grid-item .fly-tag-group {
        padding-bottom: 4px; } }
  .tile-grid-item .fly {
    font-size: 16px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
    color: #CC1013; }
    .tile-grid-item .fly strong em, .tile-grid-item .fly em strong, .tile-grid-item .fly strong, .tile-grid-item .fly em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .tile-grid-item .fly {
        color: inherit; } }
  .tile-grid-item .fly, .tile-grid-item a.fly {
    letter-spacing: 0 !important; }
  .tile-grid-item .title,
  .tile-grid-item .alt-title {
    font-size: 18px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 300;
    line-height: 1;
    padding-bottom: 1px;
    text-transform: uppercase;
    margin: 0;
    color: #000000; }
    .tile-grid-item .title strong em, .tile-grid-item .title em strong, .tile-grid-item .title strong, .tile-grid-item .title em,
    .tile-grid-item .alt-title strong em,
    .tile-grid-item .alt-title em strong,
    .tile-grid-item .alt-title strong,
    .tile-grid-item .alt-title em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .tile-grid-item .title,
      .tile-grid-item .alt-title {
        font-size: 17.637px;
        font-weight: 200;
        line-height: 1; } }
    @media (min-width: 660px) {
      .tile-grid-item .title,
      .tile-grid-item .alt-title {
        font-size: 24.723px; } }
    @media (min-width: 768px) {
      .tile-grid-item .title,
      .tile-grid-item .alt-title {
        font-size: 19.1px; } }
    @media (min-width: 1024px) {
      .tile-grid-item .title,
      .tile-grid-item .alt-title {
        font-size: 19.27px; } }
    @media (min-width: 480px) {
      .tile-grid-item .title,
      .tile-grid-item .alt-title {
        padding-bottom: 2px; } }
    @media (min-width: 660px) {
      .tile-grid-item .title,
      .tile-grid-item .alt-title {
        padding-bottom: 3px; } }
    @media (min-width: 1024px) {
      .tile-grid-item .title,
      .tile-grid-item .alt-title {
        padding-bottom: 4px; } }
    @media (min-width: 480px) {
      .tile-grid-item .title,
      .tile-grid-item .alt-title {
        color: inherit; } }
  .tile-grid-item .alt-title {
    display: none; }
    @media (min-width: 480px) {
      .tile-grid-item .alt-title {
        display: block; } }
  @media (min-width: 480px) {
    .tile-grid-item .title {
      display: none; } }
  .tile-grid-item .rubric,
  .tile-grid-item .alt-rubric {
    font-size: 17px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1.2;
    text-transform: inherit;
    color: #000000; }
    .tile-grid-item .rubric strong em, .tile-grid-item .rubric em strong, .tile-grid-item .rubric strong, .tile-grid-item .rubric em,
    .tile-grid-item .alt-rubric strong em,
    .tile-grid-item .alt-rubric em strong,
    .tile-grid-item .alt-rubric strong,
    .tile-grid-item .alt-rubric em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .tile-grid-item .rubric,
      .tile-grid-item .alt-rubric {
        font-size: 18px; } }
    @media (min-width: 660px) {
      .tile-grid-item .rubric,
      .tile-grid-item .alt-rubric {
        font-size: 25.232px; } }
    @media (min-width: 768px) {
      .tile-grid-item .rubric,
      .tile-grid-item .alt-rubric {
        font-size: 19px; } }
    @media (min-width: 480px) {
      .tile-grid-item .rubric,
      .tile-grid-item .alt-rubric {
        color: inherit; } }
    .tile-grid-item .rubric .rubric-serif,
    .tile-grid-item .rubric p,
    .tile-grid-item .alt-rubric .rubric-serif,
    .tile-grid-item .alt-rubric p {
      font-size: 17px;
      font-family: "Economist Sans", sans-serif;
      font-weight: 200;
      line-height: 1.2;
      color: inherit;
      text-transform: initial; }
      .tile-grid-item .rubric .rubric-serif strong em, .tile-grid-item .rubric .rubric-serif em strong, .tile-grid-item .rubric .rubric-serif strong, .tile-grid-item .rubric .rubric-serif em,
      .tile-grid-item .rubric p strong em,
      .tile-grid-item .rubric p em strong,
      .tile-grid-item .rubric p strong,
      .tile-grid-item .rubric p em,
      .tile-grid-item .alt-rubric .rubric-serif strong em,
      .tile-grid-item .alt-rubric .rubric-serif em strong,
      .tile-grid-item .alt-rubric .rubric-serif strong,
      .tile-grid-item .alt-rubric .rubric-serif em,
      .tile-grid-item .alt-rubric p strong em,
      .tile-grid-item .alt-rubric p em strong,
      .tile-grid-item .alt-rubric p strong,
      .tile-grid-item .alt-rubric p em {
        font-family: "Economist Sans", sans-serif; }
      @media (min-width: 480px) {
        .tile-grid-item .rubric .rubric-serif,
        .tile-grid-item .rubric p,
        .tile-grid-item .alt-rubric .rubric-serif,
        .tile-grid-item .alt-rubric p {
          font-size: 18px; } }
      @media (min-width: 660px) {
        .tile-grid-item .rubric .rubric-serif,
        .tile-grid-item .rubric p,
        .tile-grid-item .alt-rubric .rubric-serif,
        .tile-grid-item .alt-rubric p {
          font-size: 25.232px; } }
      @media (min-width: 768px) {
        .tile-grid-item .rubric .rubric-serif,
        .tile-grid-item .rubric p,
        .tile-grid-item .alt-rubric .rubric-serif,
        .tile-grid-item .alt-rubric p {
          font-size: 19px; } }
  .tile-grid-item .rubric {
    display: none; }
  @media (min-width: 480px) {
    .tile-grid-item .alt-rubric {
      display: none; } }
  .tile-grid-item.multimedia-tile .title,
  .tile-grid-item.multimedia-tile .alt-title {
    padding-bottom: 3px; }
    @media (min-width: 480px) {
      .tile-grid-item.multimedia-tile .title,
      .tile-grid-item.multimedia-tile .alt-title {
        padding-bottom: 6px; } }
    @media (min-width: 660px) {
      .tile-grid-item.multimedia-tile .title,
      .tile-grid-item.multimedia-tile .alt-title {
        padding-bottom: 9px; } }
    @media (min-width: 1024px) {
      .tile-grid-item.multimedia-tile .title,
      .tile-grid-item.multimedia-tile .alt-title {
        padding-bottom: 12px; } }
  .tile-grid-item.multimedia-tile .alt-rubric {
    font-size: 17px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1.2; }
    .tile-grid-item.multimedia-tile .alt-rubric strong em, .tile-grid-item.multimedia-tile .alt-rubric em strong, .tile-grid-item.multimedia-tile .alt-rubric strong, .tile-grid-item.multimedia-tile .alt-rubric em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .tile-grid-item.multimedia-tile .alt-rubric {
        font-size: 18px; } }
    @media (min-width: 660px) {
      .tile-grid-item.multimedia-tile .alt-rubric {
        font-size: 25.232px; } }
    @media (min-width: 768px) {
      .tile-grid-item.multimedia-tile .alt-rubric {
        font-size: 19px; } }
    .tile-grid-item.multimedia-tile .alt-rubric .rubric-serif,
    .tile-grid-item.multimedia-tile .alt-rubric p {
      font-size: 17px;
      font-family: "Economist Sans", sans-serif;
      font-weight: 200;
      line-height: 1.2; }
      .tile-grid-item.multimedia-tile .alt-rubric .rubric-serif strong em, .tile-grid-item.multimedia-tile .alt-rubric .rubric-serif em strong, .tile-grid-item.multimedia-tile .alt-rubric .rubric-serif strong, .tile-grid-item.multimedia-tile .alt-rubric .rubric-serif em,
      .tile-grid-item.multimedia-tile .alt-rubric p strong em,
      .tile-grid-item.multimedia-tile .alt-rubric p em strong,
      .tile-grid-item.multimedia-tile .alt-rubric p strong,
      .tile-grid-item.multimedia-tile .alt-rubric p em {
        font-family: "Economist Sans", sans-serif; }
      @media (min-width: 480px) {
        .tile-grid-item.multimedia-tile .alt-rubric .rubric-serif,
        .tile-grid-item.multimedia-tile .alt-rubric p {
          font-size: 18px; } }
      @media (min-width: 660px) {
        .tile-grid-item.multimedia-tile .alt-rubric .rubric-serif,
        .tile-grid-item.multimedia-tile .alt-rubric p {
          font-size: 25.232px; } }
      @media (min-width: 768px) {
        .tile-grid-item.multimedia-tile .alt-rubric .rubric-serif,
        .tile-grid-item.multimedia-tile .alt-rubric p {
          font-size: 19px; } }
    @media (min-width: 480px) {
      .tile-grid-item.multimedia-tile .alt-rubric {
        display: block; } }
  .tile-grid-item.medium .title,
  .tile-grid-item.medium .alt-title {
    font-size: 18px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 300;
    line-height: 1; }
    .tile-grid-item.medium .title strong em, .tile-grid-item.medium .title em strong, .tile-grid-item.medium .title strong, .tile-grid-item.medium .title em,
    .tile-grid-item.medium .alt-title strong em,
    .tile-grid-item.medium .alt-title em strong,
    .tile-grid-item.medium .alt-title strong,
    .tile-grid-item.medium .alt-title em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .tile-grid-item.medium .title,
      .tile-grid-item.medium .alt-title {
        font-size: 17.637px;
        font-weight: 200;
        line-height: 1; } }
    @media (min-width: 660px) {
      .tile-grid-item.medium .title,
      .tile-grid-item.medium .alt-title {
        font-size: 24.723px; } }
    @media (min-width: 768px) {
      .tile-grid-item.medium .title,
      .tile-grid-item.medium .alt-title {
        font-size: 29.4px; } }
    @media (min-width: 1024px) {
      .tile-grid-item.medium .title,
      .tile-grid-item.medium .alt-title {
        font-size: 39.85px; } }
  .tile-grid-item.large .title,
  .tile-grid-item.large .alt-title {
    font-size: 24.59px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -0.02em;
    color: inherit;
    text-transform: none; }
    .tile-grid-item.large .title strong em, .tile-grid-item.large .title em strong, .tile-grid-item.large .title strong, .tile-grid-item.large .title em,
    .tile-grid-item.large .alt-title strong em,
    .tile-grid-item.large .alt-title em strong,
    .tile-grid-item.large .alt-title strong,
    .tile-grid-item.large .alt-title em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .tile-grid-item.large .title,
      .tile-grid-item.large .alt-title {
        font-size: 36.58px; } }
    @media (min-width: 660px) {
      .tile-grid-item.large .title,
      .tile-grid-item.large .alt-title {
        font-size: 51.28px; } }
    @media (min-width: 768px) {
      .tile-grid-item.large .title,
      .tile-grid-item.large .alt-title {
        font-size: 60.1px; } }
    @media (min-width: 1024px) {
      .tile-grid-item.large .title,
      .tile-grid-item.large .alt-title {
        font-size: 60.42px; } }
    .tile-grid-item.large .title.uppercase,
    .tile-grid-item.large .alt-title.uppercase {
      text-transform: uppercase; }
    .tile-grid-item.large .title.serif,
    .tile-grid-item.large .alt-title.serif {
      font-family: "Milo serif pro", serif; }
    .tile-grid-item.large .title.sans-serif,
    .tile-grid-item.large .alt-title.sans-serif {
      font-family: "Economist Sans", sans-serif;
      font-weight: 200; }
  .tile-grid-item.large.large .alt-title {
    text-transform: uppercase; }
  .tile-grid-item.large .title {
    display: none; }
    @media (min-width: 768px) {
      .tile-grid-item.large .title {
        display: block; } }
  .tile-grid-item.large .alt-title {
    display: block; }
    @media (min-width: 768px) {
      .tile-grid-item.large .alt-title {
        display: none; } }
  .tile-grid-item.large .rubric,
  .tile-grid-item.large .alt-rubric {
    font-size: 17px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1.2; }
    .tile-grid-item.large .rubric strong em, .tile-grid-item.large .rubric em strong, .tile-grid-item.large .rubric strong, .tile-grid-item.large .rubric em,
    .tile-grid-item.large .alt-rubric strong em,
    .tile-grid-item.large .alt-rubric em strong,
    .tile-grid-item.large .alt-rubric strong,
    .tile-grid-item.large .alt-rubric em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .tile-grid-item.large .rubric,
      .tile-grid-item.large .alt-rubric {
        font-size: 12.8px; } }
    @media (min-width: 660px) {
      .tile-grid-item.large .rubric,
      .tile-grid-item.large .alt-rubric {
        font-size: 17.943px; } }
    @media (min-width: 768px) {
      .tile-grid-item.large .rubric,
      .tile-grid-item.large .alt-rubric {
        font-size: 20.774px; } }
    @media (min-width: 1024px) {
      .tile-grid-item.large .rubric,
      .tile-grid-item.large .alt-rubric {
        font-size: 20.887px; } }
    .tile-grid-item.large .rubric .rubric-serif,
    .tile-grid-item.large .rubric p,
    .tile-grid-item.large .alt-rubric .rubric-serif,
    .tile-grid-item.large .alt-rubric p {
      font-size: 17px;
      font-family: "Economist Sans", sans-serif;
      font-weight: 200;
      line-height: 1.2; }
      .tile-grid-item.large .rubric .rubric-serif strong em, .tile-grid-item.large .rubric .rubric-serif em strong, .tile-grid-item.large .rubric .rubric-serif strong, .tile-grid-item.large .rubric .rubric-serif em,
      .tile-grid-item.large .rubric p strong em,
      .tile-grid-item.large .rubric p em strong,
      .tile-grid-item.large .rubric p strong,
      .tile-grid-item.large .rubric p em,
      .tile-grid-item.large .alt-rubric .rubric-serif strong em,
      .tile-grid-item.large .alt-rubric .rubric-serif em strong,
      .tile-grid-item.large .alt-rubric .rubric-serif strong,
      .tile-grid-item.large .alt-rubric .rubric-serif em,
      .tile-grid-item.large .alt-rubric p strong em,
      .tile-grid-item.large .alt-rubric p em strong,
      .tile-grid-item.large .alt-rubric p strong,
      .tile-grid-item.large .alt-rubric p em {
        font-family: "Economist Sans", sans-serif; }
      @media (min-width: 480px) {
        .tile-grid-item.large .rubric .rubric-serif,
        .tile-grid-item.large .rubric p,
        .tile-grid-item.large .alt-rubric .rubric-serif,
        .tile-grid-item.large .alt-rubric p {
          font-size: 12.8px; } }
      @media (min-width: 660px) {
        .tile-grid-item.large .rubric .rubric-serif,
        .tile-grid-item.large .rubric p,
        .tile-grid-item.large .alt-rubric .rubric-serif,
        .tile-grid-item.large .alt-rubric p {
          font-size: 17.943px; } }
      @media (min-width: 768px) {
        .tile-grid-item.large .rubric .rubric-serif,
        .tile-grid-item.large .rubric p,
        .tile-grid-item.large .alt-rubric .rubric-serif,
        .tile-grid-item.large .alt-rubric p {
          font-size: 20.774px; } }
      @media (min-width: 1024px) {
        .tile-grid-item.large .rubric .rubric-serif,
        .tile-grid-item.large .rubric p,
        .tile-grid-item.large .alt-rubric .rubric-serif,
        .tile-grid-item.large .alt-rubric p {
          font-size: 20.887px; } }
  .tile-grid-item.large .alt-rubric {
    display: none; }
    @media (min-width: 768px) {
      .tile-grid-item.large .alt-rubric {
        display: block; } }
  .tile-grid-item.large .fly {
    color: inherit; }
  .pane-bundle-package .tile-grid-item.small .fly {
    display: none; }
  .pane-bundle-package .tile-grid-item.small .title,
  .pane-bundle-package .tile-grid-item.small .alt-title,
  .pane-bundle-package .tile-grid-item.small .rubric,
  .pane-bundle-package .tile-grid-item.small .alt-rubric {
    color: inherit; }
  .pane-bundle-package .tile-grid-item.small .alt-title {
    font-size: 24.59px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1;
    display: block; }
    .pane-bundle-package .tile-grid-item.small .alt-title strong em, .pane-bundle-package .tile-grid-item.small .alt-title em strong, .pane-bundle-package .tile-grid-item.small .alt-title strong, .pane-bundle-package .tile-grid-item.small .alt-title em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .pane-bundle-package .tile-grid-item.small .alt-title {
        font-size: 17.637px;
        line-height: 1; } }
    @media (min-width: 660px) {
      .pane-bundle-package .tile-grid-item.small .alt-title {
        font-size: 24.723px; } }
    @media (min-width: 768px) {
      .pane-bundle-package .tile-grid-item.small .alt-title {
        font-size: 19.1px; } }
    @media (min-width: 1024px) {
      .pane-bundle-package .tile-grid-item.small .alt-title {
        font-size: 19.27px; } }
  .pane-bundle-package .tile-grid-item.small .title {
    display: none; }
  .pane-bundle-package .tile-grid-item.small .alt-rubric {
    display: none; }
  .pane-bundle-package .tile-grid-item.large .fly {
    display: none; }
  .pane-bundle-package .tile-grid-item.large .title,
  .pane-bundle-package .tile-grid-item.large .alt-title {
    font-size: 24.59px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -0.02em; }
    .pane-bundle-package .tile-grid-item.large .title strong em, .pane-bundle-package .tile-grid-item.large .title em strong, .pane-bundle-package .tile-grid-item.large .title strong, .pane-bundle-package .tile-grid-item.large .title em,
    .pane-bundle-package .tile-grid-item.large .alt-title strong em,
    .pane-bundle-package .tile-grid-item.large .alt-title em strong,
    .pane-bundle-package .tile-grid-item.large .alt-title strong,
    .pane-bundle-package .tile-grid-item.large .alt-title em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .pane-bundle-package .tile-grid-item.large .title,
      .pane-bundle-package .tile-grid-item.large .alt-title {
        font-size: 17.637px; } }
    @media (min-width: 660px) {
      .pane-bundle-package .tile-grid-item.large .title,
      .pane-bundle-package .tile-grid-item.large .alt-title {
        font-size: 24.723px; } }
    @media (min-width: 768px) {
      .pane-bundle-package .tile-grid-item.large .title,
      .pane-bundle-package .tile-grid-item.large .alt-title {
        font-size: 60.1px; } }
    @media (min-width: 1024px) {
      .pane-bundle-package .tile-grid-item.large .title,
      .pane-bundle-package .tile-grid-item.large .alt-title {
        font-size: 60.42px; } }
  @media (min-width: 480px) {
    .pane-bundle-package .tile-grid-item.large .rubric {
      display: none; } }
  @media (min-width: 768px) {
    .pane-bundle-package .tile-grid-item.large .rubric {
      display: block; } }
  .tile-grid-item.no-overlay .fly {
    color: #CC1013; }
    @media (min-width: 480px) {
      .tile-grid-item.no-overlay .fly {
        color: #CC1013; } }
  @media (min-width: 480px) {
    .tile-grid-item .node-multimedia {
      background-color: #003852;
      height: inherit; }
      .tile-grid-item .node-multimedia .content {
        height: inherit; }
      .tile-grid-item .node-multimedia .title-wrapper *,
      .tile-grid-item .node-multimedia .rubric-wrapper * {
        color: #ffffff !important; }
      .tile-grid-item .node-multimedia .fly-tag-group {
        color: #EBC400 !important; } }

.page-specials .page-title,
.page-taxonomy-term .page-title,
.teaser_image_left .page-title,
.page-search .page-title {
  font-size: 22px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
  padding: 12px 16px;
  color: #000000;
  background-color: #E8E9E9; }
  .page-specials .page-title strong em, .page-specials .page-title em strong, .page-specials .page-title strong, .page-specials .page-title em,
  .page-taxonomy-term .page-title strong em,
  .page-taxonomy-term .page-title em strong,
  .page-taxonomy-term .page-title strong,
  .page-taxonomy-term .page-title em,
  .teaser_image_left .page-title strong em,
  .teaser_image_left .page-title em strong,
  .teaser_image_left .page-title strong,
  .teaser_image_left .page-title em,
  .page-search .page-title strong em,
  .page-search .page-title em strong,
  .page-search .page-title strong,
  .page-search .page-title em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .page-specials .page-title,
    .page-taxonomy-term .page-title,
    .teaser_image_left .page-title,
    .page-search .page-title {
      font-size: 26px; } }
  @media (min-width: 480px) {
    .page-specials .page-title,
    .page-taxonomy-term .page-title,
    .teaser_image_left .page-title,
    .page-search .page-title {
      margin-bottom: 16px; } }

.page-specials .region-content .media-layout__image,
.page-taxonomy-term .region-content .media-layout__image,
.teaser_image_left .region-content .media-layout__image,
.page-search .region-content .media-layout__image {
  padding-bottom: 4px !important; }
  @media (min-width: 1024px) {
    .page-specials .region-content .media-layout__image,
    .page-taxonomy-term .region-content .media-layout__image,
    .teaser_image_left .region-content .media-layout__image,
    .page-search .region-content .media-layout__image {
      max-width: 595px; } }

.page-specials .fly-tag-group,
.page-taxonomy-term .fly-tag-group,
.teaser_image_left .fly-tag-group,
.page-search .fly-tag-group {
  padding-bottom: 4px; }
  .page-specials .fly-tag-group .fly:first-of-type,
  .page-taxonomy-term .fly-tag-group .fly:first-of-type,
  .teaser_image_left .fly-tag-group .fly:first-of-type,
  .page-search .fly-tag-group .fly:first-of-type {
    margin-left: 0; }

.page-specials .title,
.page-taxonomy-term .title,
.teaser_image_left .title,
.page-search .title {
  font-size: 20px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #000000;
  padding-bottom: 5px; }
  .page-specials .title strong em, .page-specials .title em strong, .page-specials .title strong, .page-specials .title em,
  .page-taxonomy-term .title strong em,
  .page-taxonomy-term .title em strong,
  .page-taxonomy-term .title strong,
  .page-taxonomy-term .title em,
  .teaser_image_left .title strong em,
  .teaser_image_left .title em strong,
  .teaser_image_left .title strong,
  .teaser_image_left .title em,
  .page-search .title strong em,
  .page-search .title em strong,
  .page-search .title strong,
  .page-search .title em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .page-specials .title,
    .page-taxonomy-term .title,
    .teaser_image_left .title,
    .page-search .title {
      font-size: 26px; } }
  @media (min-width: 1024px) {
    .page-specials .title,
    .page-taxonomy-term .title,
    .teaser_image_left .title,
    .page-search .title {
      font-size: 36px; } }

.page-specials .media-layout, .page-specials.media-layout,
.page-taxonomy-term .media-layout,
.page-taxonomy-term.media-layout,
.teaser_image_left .media-layout,
.teaser_image_left.media-layout,
.page-search .media-layout,
.page-search.media-layout {
  padding-bottom: 16px; }

.page-specials .media-layout--hero,
.page-taxonomy-term .media-layout--hero,
.teaser_image_left .media-layout--hero,
.page-search .media-layout--hero {
  padding-bottom: 24px; }
  .page-specials .media-layout--hero .title,
  .page-taxonomy-term .media-layout--hero .title,
  .teaser_image_left .media-layout--hero .title,
  .page-search .media-layout--hero .title {
    font-size: 25px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -0.02em; }
    .page-specials .media-layout--hero .title strong em, .page-specials .media-layout--hero .title em strong, .page-specials .media-layout--hero .title strong, .page-specials .media-layout--hero .title em,
    .page-taxonomy-term .media-layout--hero .title strong em,
    .page-taxonomy-term .media-layout--hero .title em strong,
    .page-taxonomy-term .media-layout--hero .title strong,
    .page-taxonomy-term .media-layout--hero .title em,
    .teaser_image_left .media-layout--hero .title strong em,
    .teaser_image_left .media-layout--hero .title em strong,
    .teaser_image_left .media-layout--hero .title strong,
    .teaser_image_left .media-layout--hero .title em,
    .page-search .media-layout--hero .title strong em,
    .page-search .media-layout--hero .title em strong,
    .page-search .media-layout--hero .title strong,
    .page-search .media-layout--hero .title em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 480px) {
      .page-specials .media-layout--hero .title,
      .page-taxonomy-term .media-layout--hero .title,
      .teaser_image_left .media-layout--hero .title,
      .page-search .media-layout--hero .title {
        font-size: 36px; } }
    @media (min-width: 1024px) {
      .page-specials .media-layout--hero .title,
      .page-taxonomy-term .media-layout--hero .title,
      .teaser_image_left .media-layout--hero .title,
      .page-search .media-layout--hero .title {
        font-size: 47px; } }
  .page-specials .media-layout--hero:after,
  .page-taxonomy-term .media-layout--hero:after,
  .teaser_image_left .media-layout--hero:after,
  .page-search .media-layout--hero:after {
    border-bottom: none;
    padding: 0;
    margin: 0; }

.page-specials .small-paragraph p,
.page-specials .small-paragraph p.rubric-serif,
.page-taxonomy-term .small-paragraph p,
.page-taxonomy-term .small-paragraph p.rubric-serif,
.teaser_image_left .small-paragraph p,
.teaser_image_left .small-paragraph p.rubric-serif,
.page-search .small-paragraph p,
.page-search .small-paragraph p.rubric-serif {
  font-size: 17px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1.2;
  text-transform: inherit; }
  .page-specials .small-paragraph p strong em, .page-specials .small-paragraph p em strong, .page-specials .small-paragraph p strong, .page-specials .small-paragraph p em,
  .page-specials .small-paragraph p.rubric-serif strong em,
  .page-specials .small-paragraph p.rubric-serif em strong,
  .page-specials .small-paragraph p.rubric-serif strong,
  .page-specials .small-paragraph p.rubric-serif em,
  .page-taxonomy-term .small-paragraph p strong em,
  .page-taxonomy-term .small-paragraph p em strong,
  .page-taxonomy-term .small-paragraph p strong,
  .page-taxonomy-term .small-paragraph p em,
  .page-taxonomy-term .small-paragraph p.rubric-serif strong em,
  .page-taxonomy-term .small-paragraph p.rubric-serif em strong,
  .page-taxonomy-term .small-paragraph p.rubric-serif strong,
  .page-taxonomy-term .small-paragraph p.rubric-serif em,
  .teaser_image_left .small-paragraph p strong em,
  .teaser_image_left .small-paragraph p em strong,
  .teaser_image_left .small-paragraph p strong,
  .teaser_image_left .small-paragraph p em,
  .teaser_image_left .small-paragraph p.rubric-serif strong em,
  .teaser_image_left .small-paragraph p.rubric-serif em strong,
  .teaser_image_left .small-paragraph p.rubric-serif strong,
  .teaser_image_left .small-paragraph p.rubric-serif em,
  .page-search .small-paragraph p strong em,
  .page-search .small-paragraph p em strong,
  .page-search .small-paragraph p strong,
  .page-search .small-paragraph p em,
  .page-search .small-paragraph p.rubric-serif strong em,
  .page-search .small-paragraph p.rubric-serif em strong,
  .page-search .small-paragraph p.rubric-serif strong,
  .page-search .small-paragraph p.rubric-serif em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 1024px) {
    .page-specials .small-paragraph p,
    .page-specials .small-paragraph p.rubric-serif,
    .page-taxonomy-term .small-paragraph p,
    .page-taxonomy-term .small-paragraph p.rubric-serif,
    .teaser_image_left .small-paragraph p,
    .teaser_image_left .small-paragraph p.rubric-serif,
    .page-search .small-paragraph p,
    .page-search .small-paragraph p.rubric-serif {
      font-size: 22px; } }

.content-list-item {
  padding-bottom: 0; }

.region-footer {
  font-size: 12px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
  padding-bottom: 10px;
  background-color: #F2F2F2;
  color: #223333 !important;
  padding-bottom: 0px; }
  .region-footer strong em, .region-footer em strong, .region-footer strong, .region-footer em {
    font-family: "Economist Sans", sans-serif; }
  .region-footer p {
    font-size: 12px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0.2em;
    color: white;
    text-align: left; }
    .region-footer p strong em, .region-footer p em strong, .region-footer p strong, .region-footer p em {
      font-family: "Economist Sans", sans-serif; }
  .region-footer #block-menu-menu-il-footer-menu {
    background-color: #F2F2F2;
    padding-bottom: 10px; }
    .region-footer #block-menu-menu-il-footer-menu .footer-line {
      border: 0.5px solid #E3120B;
      background: #E3120B; }
    .region-footer #block-menu-menu-il-footer-menu ul {
      -moz-column-gap: 20px;
      -webkit-column-count: 2;
      -webkit-column-gap: 40px;
      column-count: 2;
      column-gap: 0px;
      text-align: left; }
  .region-footer #block-block-1 {
    background-color: #383E42;
    padding-top: 30px;
    padding-bottom: 20px; }

footer.footer-fullwidth {
  width: 100%;
  max-width: 100%; }

.pager {
  font-size: 16px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 400; }
  .pager strong em, .pager em strong, .pager strong, .pager em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 768px) {
    .pager {
      font-size: 17px; } }

@media (min-width: 1024px) {
  .article__body .paragraphs-items {
    margin: 0 -146px; }
    .article__body .paragraphs-items .paragraphs-item-generic-html {
      max-width: 700px;
      margin: 0 auto; } }

.flow-column {
  height: auto !important;
  margin: 0; }

.picture-article-item {
  *zoom: 1;
  margin-left: -8px;
  margin-right: -8px; }
  .picture-article-item:after, .picture-article-item:before {
    display: table;
    content: " "; }
  .picture-article-item:after {
    clear: both; }
  .picture-article-item .field-label {
    display: none; }
  .picture-article-item__picture {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 0; }
  .picture-article-item__text {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    padding: 10px; }
    .picture-article-item__text .title {
      font-size: 14px;
      font-family: "Economist Sans", sans-serif;
      font-weight: 600;
      line-height: 1;
      text-transform: uppercase; }
      .picture-article-item__text .title strong em, .picture-article-item__text .title em strong, .picture-article-item__text .title strong, .picture-article-item__text .title em {
        font-family: "Economist Sans", sans-serif; }
      @media (min-width: 480px) {
        .picture-article-item__text .title {
          font-size: 16px; } }
  @media (min-width: 768px) {
    .picture-article-item.image-left {
      padding-bottom: 20px; }
      .picture-article-item.image-left .picture-article-item__picture {
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        padding-right: 0; }
      .picture-article-item.image-left .picture-article-item__text {
        box-sizing: border-box;
        width: 50%;
        float: right;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 0;
        padding-left: 20px; } }
  @media (min-width: 1024px) {
    .picture-article-item.image-left .picture-article-item__text {
      padding-left: 30px; } }
  @media (min-width: 768px) {
    .picture-article-item.image-right {
      padding-bottom: 20px; }
      .picture-article-item.image-right .picture-article-item__picture {
        box-sizing: border-box;
        width: 50%;
        float: right;
        padding-left: 8px;
        padding-right: 8px;
        padding-left: 0; }
      .picture-article-item.image-right .picture-article-item__text {
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 0;
        padding-right: 20px;
        text-align: right; } }
  @media (min-width: 1024px) {
    .picture-article-item.image-right .picture-article-item__text {
      padding-right: 30px; } }
  @media (min-width: 1024px) {
    .picture-article-item.image-full .picture-article-item__text {
      *zoom: 1;
      box-sizing: border-box;
      width: 66.66667%;
      float: left;
      padding-left: 8px;
      padding-right: 8px; }
      .picture-article-item.image-full .picture-article-item__text:after, .picture-article-item.image-full .picture-article-item__text:before {
        display: table;
        content: " "; }
      .picture-article-item.image-full .picture-article-item__text:after {
        clear: both; } }
  @media (min-width: 768px) {
    .picture-article-item.image-side-by-side .left,
    .picture-article-item.image-side-by-side .right {
      width: 50%;
      float: left; }
    .picture-article-item.image-side-by-side .left .picture-article-item__picture {
      padding-right: 0; }
    .picture-article-item.image-side-by-side .right .picture-article-item__picture {
      padding-left: 0; } }

.page-multimedia .page-title {
  font-size: 22px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
  padding: 12px 16px;
  color: #000000;
  background-color: #E8E9E9; }
  .page-multimedia .page-title strong em, .page-multimedia .page-title em strong, .page-multimedia .page-title strong, .page-multimedia .page-title em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .page-multimedia .page-title {
      font-size: 26px; } }
  @media (min-width: 480px) {
    .page-multimedia .page-title {
      margin-bottom: 16px; } }

.page-multimedia .pane-title {
  padding-bottom: 20px; }

.page-multimedia .node-multimedia {
  margin-bottom: 0; }

.page-multimedia .serif-heading-medium {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1;
  min-height: 62px; }
  .page-multimedia .serif-heading-medium strong em, .page-multimedia .serif-heading-medium em strong, .page-multimedia .serif-heading-medium strong, .page-multimedia .serif-heading-medium em {
    font-family: "Economist Sans", sans-serif; }

.page-multimedia .featured-item .standard-box,
.page-multimedia .featured-item .fly-tag-group {
  padding-bottom: 8px; }

.page-multimedia .featured-item .meta-info {
  display: none; }

.page-multimedia .featured-item .serif-heading-medium {
  font-size: 24px;
  font-family: "Economist Sans", sans-serif;
  line-height: 1; }
  .page-multimedia .featured-item .serif-heading-medium strong em, .page-multimedia .featured-item .serif-heading-medium em strong, .page-multimedia .featured-item .serif-heading-medium strong, .page-multimedia .featured-item .serif-heading-medium em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 768px) {
    .page-multimedia .featured-item .serif-heading-medium {
      font-size: 36px;
      line-height: 1; } }

.page-multimedia .featured-item .small-paragraph p {
  font-size: 17px;
  font-family: "Economist Sans", sans-serif;
  line-height: 1.2; }
  .page-multimedia .featured-item .small-paragraph p strong em, .page-multimedia .featured-item .small-paragraph p em strong, .page-multimedia .featured-item .small-paragraph p strong, .page-multimedia .featured-item .small-paragraph p em {
    font-family: "Economist Sans", sans-serif; }

.node-type-multimedia .region-content {
  padding-top: 16px; }
  @media (min-width: 1024px) {
    .node-type-multimedia .region-content {
      padding-top: 0; } }

.node-type-multimedia .field-name-field-rubric-summary p {
  font-size: 17px;
  font-family: "Economist Sans", sans-serif;
  line-height: 1.2; }
  .node-type-multimedia .field-name-field-rubric-summary p strong em, .node-type-multimedia .field-name-field-rubric-summary p em strong, .node-type-multimedia .field-name-field-rubric-summary p strong, .node-type-multimedia .field-name-field-rubric-summary p em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 768px) {
    .node-type-multimedia .field-name-field-rubric-summary p {
      font-size: 22px; } }

@media (min-width: 1024px) {
  .node-type-multimedia .multimedia-header__header-group > div:not(.fly-tag-group) {
    padding: 0 0 30px; } }

.multimedia-tile-preview__container {
  padding: 16px 16px 0 16px; }

.multimedia-tile-preview__media__label p {
  font-size: 16px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  color: #C4AF05; }
  .multimedia-tile-preview__media__label p strong em, .multimedia-tile-preview__media__label p em strong, .multimedia-tile-preview__media__label p strong, .multimedia-tile-preview__media__label p em {
    font-family: "Economist Sans", sans-serif; }

.multimedia-tile-preview__media__title {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1;
  color: white; }
  .multimedia-tile-preview__media__title strong em, .multimedia-tile-preview__media__title em strong, .multimedia-tile-preview__media__title strong, .multimedia-tile-preview__media__title em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .multimedia-tile-preview__media__title {
      font-size: 22px;
      font-weight: 200;
      line-height: 1; } }
  @media (min-width: 768px) {
    .multimedia-tile-preview__media__title {
      font-size: 19px; } }

.multimedia-tile-preview__media__rubric p {
  font-size: 18px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1;
  color: white; }
  .multimedia-tile-preview__media__rubric p strong em, .multimedia-tile-preview__media__rubric p em strong, .multimedia-tile-preview__media__rubric p strong, .multimedia-tile-preview__media__rubric p em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .multimedia-tile-preview__media__rubric p {
      font-size: 22px;
      font-weight: 200;
      line-height: 1; } }
  @media (min-width: 768px) {
    .multimedia-tile-preview__media__rubric p {
      font-size: 19px; } }

.multimedia-tile-preview .multimedia-preview-image {
  position: absolute;
  bottom: 0;
  line-height: 0; }

.block-mailchimp-signup {
  padding: 35px;
  background-color: #E8E9E9;
  letter-spacing: normal; }
  .block-mailchimp-signup h2, .block-mailchimp-signup h3 {
    font-size: 25px;
    font-family: "Milo serif pro", serif;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: black;
    font-size: 38px;
    font-weight: 300;
    text-transform: none;
    line-height: 39px;
    letter-spacing: 0px; }
    .block-mailchimp-signup h2 strong em, .block-mailchimp-signup h2 em strong, .block-mailchimp-signup h2 strong, .block-mailchimp-signup h2 em, .block-mailchimp-signup h3 strong em, .block-mailchimp-signup h3 em strong, .block-mailchimp-signup h3 strong, .block-mailchimp-signup h3 em {
      font-family: "Milo serif pro", serif; }
  .block-mailchimp-signup .inherit-il-form-styles .form-text,
  .block-mailchimp-signup .inherit-il-form-styles .form-submit {
    font-size: 14px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 400;
    line-height: 1.6;
    padding: 0 12px;
    margin: 0 0 10px;
    height: 30px; }
    .block-mailchimp-signup .inherit-il-form-styles .form-text strong em, .block-mailchimp-signup .inherit-il-form-styles .form-text em strong, .block-mailchimp-signup .inherit-il-form-styles .form-text strong, .block-mailchimp-signup .inherit-il-form-styles .form-text em,
    .block-mailchimp-signup .inherit-il-form-styles .form-submit strong em,
    .block-mailchimp-signup .inherit-il-form-styles .form-submit em strong,
    .block-mailchimp-signup .inherit-il-form-styles .form-submit strong,
    .block-mailchimp-signup .inherit-il-form-styles .form-submit em {
      font-family: "Economist Sans", sans-serif; }
  .block-mailchimp-signup .inherit-il-form-styles .form-text {
    background-color: #E8E9E9; }
  .block-mailchimp-signup .inherit-il-form-styles .form-submit {
    border-radius: 7px;
    background: #e01423;
    font-family: "Economist Sans", sans-serif;
    padding: 3px 9px;
    display: block;
    letter-spacing: 0px;
    width: 80px;
    margin-left: auto;
    margin-right: 0px;
    font-size: 14px;
    border: none; }
  .block-mailchimp-signup .inherit-il-form-styles .form-actions {
    display: block; }
  .block-mailchimp-signup .inherit-il-form-styles .form-type-checkbox {
    margin-bottom: 10px; }
    .block-mailchimp-signup .inherit-il-form-styles .form-type-checkbox label {
      display: inline-block;
      text-transform: none; }
  .block-mailchimp-signup #edit-mergevars-email {
    margin-top: 15px;
    background: white; }

.signup-button-newsletter {
  background: #F2F2F2;
  padding: 15px; }
  .signup-button-newsletter .pane-title {
    font-size: 18px;
    color: black;
    text-transform: none;
    font-family: "Milo serif pro", serif;
    text-align: center;
    font-weight: 100;
    padding-bottom: 10px;
    padding-top: 0px; }
  .signup-button-newsletter .sign-up-button {
    background: #E3120B;
    font-family: "Economist Sans", sans-serif;
    border-radius: 7px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    padding: 4px 9px;
    display: block;
    width: 80px;
    letter-spacing: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    font-size: 14px; }

.page-newsletter .panel-2col-stacked .panel-col-first {
  width: 30%; }
  .page-newsletter .panel-2col-stacked .panel-col-first .inside {
    margin-right: 0px; }

.page-newsletter .panel-2col-stacked .panel-col-last {
  width: 70%; }
  .page-newsletter .panel-2col-stacked .panel-col-last .inside {
    margin-left: 0px; }

@media (max-width: 768px) {
  .page-newsletter .panel-2col-stacked .block-mailchimp-signup {
    text-align: center; }
    .page-newsletter .panel-2col-stacked .block-mailchimp-signup .form-submit {
      margin-right: auto;
      margin-top: 25px; }
    .page-newsletter .panel-2col-stacked .block-mailchimp-signup #edit-mergevars-email {
      margin-top: 20px;
      margin-bottom: 20px; }
  .page-newsletter .panel-2col-stacked .center-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
  .page-newsletter .panel-2col-stacked .panel-col-first, .page-newsletter .panel-2col-stacked .panel-col-last {
    width: 100%;
    height: 100%; }
  .page-newsletter .panel-2col-stacked .panel-col-first {
    -ms-flex-order: 2;
    order: 2; }
    .page-newsletter .panel-2col-stacked .panel-col-first .inside .newsletter-image {
      height: 100%;
      text-align: center;
      padding-bottom: 20px; }
  .page-newsletter .panel-2col-stacked .panel-col-last {
    -ms-flex-order: 1;
    order: 1; }
    .page-newsletter .panel-2col-stacked .panel-col-last .inside {
      margin-bottom: 0px; } }

@media (min-width: 768px) {
  .page-newsletter .panel-2col-stacked .block-mailchimp-signup {
    text-align: left; }
  .page-newsletter .panel-2col-stacked .center-wrapper {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    background: #E8E9E9; }
    .page-newsletter .panel-2col-stacked .center-wrapper .inside {
      margin-bottom: 0px; }
    .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first {
      -ms-flex: 0.3;
      flex: 0.3; }
      .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first .panels-ipe-region,
      .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first .panels-ipe-sort-container,
      .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first .panels-ipe-portlet-wrapper,
      .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first .panels-ipe-portlet-content {
        height: 100%; }
      .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first .newsletter-image-issue {
        text-align: center;
        padding-left: 20px;
        margin: auto auto; }
      .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first .inside {
        height: 100%; }
        .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first .inside .newsletter-image {
          display: table;
          width: 100%;
          height: 100%; }
          .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-first .inside .newsletter-image .pane-content {
            display: table-cell;
            height: 100%;
            width: 100%;
            text-align: center;
            vertical-align: middle; }
    .page-newsletter .panel-2col-stacked .center-wrapper .panel-col-last {
      -ms-flex: 0.7;
      flex: 0.7; } }

.page-newsletter .panel-2col-stacked .newsletter-image {
  background: #E8E9E9; }

footer .signup-button-newsletter {
  background: #E3120B;
  text-align: center; }
  footer .signup-button-newsletter .pane-title {
    font-family: "Economist Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: white;
    display: inline;
    padding: 0;
    background: transparent; }
    @media (max-width: 660px) {
      footer .signup-button-newsletter .pane-title {
        max-width: 300px;
        float: left;
        text-align: left;
        padding-bottom: 0px;
        line-height: 19px; } }
    @media (max-width: 480px) {
      footer .signup-button-newsletter .pane-title {
        max-width: 200px; } }
  footer .signup-button-newsletter .sign-up-button {
    background: #000000;
    padding: 5px 18px;
    margin-left: 22px;
    width: auto;
    display: inline-block; }
    @media (max-width: 660px) {
      footer .signup-button-newsletter .sign-up-button {
        position: relative;
        top: 3px; } }
    @media (max-width: 480px) {
      footer .signup-button-newsletter .sign-up-button {
        margin-left: 0px; } }
  @media (min-width: 1024px) {
    footer .signup-button-newsletter {
      text-align: left; } }
  @media (max-width: 660px) {
    footer .signup-button-newsletter {
      text-align: left; } }

.border-box:after,
.content-list-item:after,
.article__body:after,
.featured-contributors:after,
li:last-of-type:after {
  border-bottom-style: solid !important;
  border-bottom-color: #d9d9d9 !important; }

.border-box.no-border-box-line:after,
.content-list-item.no-border-box-line:after,
.article__body.no-border-box-line:after,
.featured-contributors.no-border-box-line:after,
li:last-of-type.no-border-box-line:after {
  border-bottom-style: none !important;
  border-bottom-color: unset !important; }

.border-box.no-border-box-margin-padding:after,
.content-list-item.no-border-box-margin-padding:after,
.article__body.no-border-box-margin-padding:after,
.featured-contributors.no-border-box-margin-padding:after,
li:last-of-type.no-border-box-margin-padding:after {
  margin-bottom: 0;
  padding: 0; }

.page-culture .page-title,
.page-culture .pane-title,
.page-features .page-title,
.page-features .pane-title,
.page-technology .page-title,
.page-technology .pane-title,
.page-design .page-title,
.page-design .pane-title,
.page-style .page-title,
.page-style .pane-title,
.page-travel .page-title,
.page-travel .pane-title,
.page-food-drink .page-title,
.page-food-drink .pane-title,
.page-body-mind .page-title,
.page-body-mind .pane-title {
  font-size: 22px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
  padding: 12px 16px;
  color: #000000;
  background-color: #E8E9E9; }
  .page-culture .page-title strong em, .page-culture .page-title em strong, .page-culture .page-title strong, .page-culture .page-title em,
  .page-culture .pane-title strong em,
  .page-culture .pane-title em strong,
  .page-culture .pane-title strong,
  .page-culture .pane-title em,
  .page-features .page-title strong em,
  .page-features .page-title em strong,
  .page-features .page-title strong,
  .page-features .page-title em,
  .page-features .pane-title strong em,
  .page-features .pane-title em strong,
  .page-features .pane-title strong,
  .page-features .pane-title em,
  .page-technology .page-title strong em,
  .page-technology .page-title em strong,
  .page-technology .page-title strong,
  .page-technology .page-title em,
  .page-technology .pane-title strong em,
  .page-technology .pane-title em strong,
  .page-technology .pane-title strong,
  .page-technology .pane-title em,
  .page-design .page-title strong em,
  .page-design .page-title em strong,
  .page-design .page-title strong,
  .page-design .page-title em,
  .page-design .pane-title strong em,
  .page-design .pane-title em strong,
  .page-design .pane-title strong,
  .page-design .pane-title em,
  .page-style .page-title strong em,
  .page-style .page-title em strong,
  .page-style .page-title strong,
  .page-style .page-title em,
  .page-style .pane-title strong em,
  .page-style .pane-title em strong,
  .page-style .pane-title strong,
  .page-style .pane-title em,
  .page-travel .page-title strong em,
  .page-travel .page-title em strong,
  .page-travel .page-title strong,
  .page-travel .page-title em,
  .page-travel .pane-title strong em,
  .page-travel .pane-title em strong,
  .page-travel .pane-title strong,
  .page-travel .pane-title em,
  .page-food-drink .page-title strong em,
  .page-food-drink .page-title em strong,
  .page-food-drink .page-title strong,
  .page-food-drink .page-title em,
  .page-food-drink .pane-title strong em,
  .page-food-drink .pane-title em strong,
  .page-food-drink .pane-title strong,
  .page-food-drink .pane-title em,
  .page-body-mind .page-title strong em,
  .page-body-mind .page-title em strong,
  .page-body-mind .page-title strong,
  .page-body-mind .page-title em,
  .page-body-mind .pane-title strong em,
  .page-body-mind .pane-title em strong,
  .page-body-mind .pane-title strong,
  .page-body-mind .pane-title em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .page-culture .page-title,
    .page-culture .pane-title,
    .page-features .page-title,
    .page-features .pane-title,
    .page-technology .page-title,
    .page-technology .pane-title,
    .page-design .page-title,
    .page-design .pane-title,
    .page-style .page-title,
    .page-style .pane-title,
    .page-travel .page-title,
    .page-travel .pane-title,
    .page-food-drink .page-title,
    .page-food-drink .pane-title,
    .page-body-mind .page-title,
    .page-body-mind .pane-title {
      font-size: 26px; } }
  @media (min-width: 480px) {
    .page-culture .page-title,
    .page-culture .pane-title,
    .page-features .page-title,
    .page-features .pane-title,
    .page-technology .page-title,
    .page-technology .pane-title,
    .page-design .page-title,
    .page-design .pane-title,
    .page-style .page-title,
    .page-style .pane-title,
    .page-travel .page-title,
    .page-travel .pane-title,
    .page-food-drink .page-title,
    .page-food-drink .pane-title,
    .page-body-mind .page-title,
    .page-body-mind .pane-title {
      margin-bottom: 16px; } }

.page-culture .read-more,
.page-features .read-more,
.page-technology .read-more,
.page-design .read-more,
.page-style .read-more,
.page-travel .read-more,
.page-food-drink .read-more,
.page-body-mind .read-more {
  padding-bottom: 16px; }

.page-culture .border-box:after,
.page-features .border-box:after,
.page-technology .border-box:after,
.page-design .border-box:after,
.page-style .border-box:after,
.page-travel .border-box:after,
.page-food-drink .border-box:after,
.page-body-mind .border-box:after {
  content: normal; }

.cover-image .title {
  font-size: 19px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 0.2em; }
  .cover-image .title strong em, .cover-image .title em strong, .cover-image .title strong, .cover-image .title em {
    font-family: "Economist Sans", sans-serif; }
  .cover-image .title strong {
    text-transform: uppercase; }

.cover-image__head {
  padding: 16px 0;
  line-height: 1.6; }
  @media (min-width: 1024px) {
    .cover-image__head {
      padding-top: 0; } }

.cover-image__main {
  color: #000000;
  font-weight: 500 !important;
  padding-bottom: 0; }

.cover-image__label {
  color: #919291; }

.cover-image__credit {
  color: #919291;
  font-weight: 500 !important; }

.cover-image .top,
.cover-image .bottom {
  border-top: 1px solid #919291;
  padding: 16px 0; }

.cover-image__image {
  padding-bottom: 16px; }
  @media (min-width: 768px) {
    .cover-image__image {
      box-sizing: border-box;
      width: 25%;
      float: left;
      padding-left: 8px;
      padding-right: 8px;
      padding: 0; } }

@media (min-width: 768px) {
  .cover-image__main-section {
    box-sizing: border-box;
    width: 75%;
    float: right;
    padding-left: 8px;
    padding-right: 8px; } }

.cover-image__main-section .field-name-field-alternative-title {
  font-size: 19px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  padding: 16px 0 8px 0; }
  .cover-image__main-section .field-name-field-alternative-title strong em, .cover-image__main-section .field-name-field-alternative-title em strong, .cover-image__main-section .field-name-field-alternative-title strong, .cover-image__main-section .field-name-field-alternative-title em {
    font-family: "Economist Sans", sans-serif; }
  .cover-image__main-section .field-name-field-alternative-title strong {
    text-transform: uppercase; }
  .cover-image__main-section .field-name-field-alternative-title a {
    color: #919291; }

.cover-image .field-name-field-issue-secondary-section {
  margin-left: -8px;
  margin-right: -8px; }

.cover-image__secondary-section .paragraphs-item-issue-articles-secondary {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px; }

.cover-image__secondary-section .content {
  padding-bottom: 16px; }

.cover-image__secondary-section .link,
.cover-image__secondary-section .content a {
  display: inline;
  padding-bottom: 8px;
  color: #000000; }

.cover-image .field-name-field-issue-article-list span {
  font-size: 16px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300;
  line-height: 1.2; }
  .cover-image .field-name-field-issue-article-list span strong em, .cover-image .field-name-field-issue-article-list span em strong, .cover-image .field-name-field-issue-article-list span strong, .cover-image .field-name-field-issue-article-list span em {
    font-family: "Economist Sans", sans-serif; }

.cover-image .field-name-field-header {
  font-size: 19px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  color: #CC1013;
  padding-bottom: 16px; }
  .cover-image .field-name-field-header strong em, .cover-image .field-name-field-header em strong, .cover-image .field-name-field-header strong, .cover-image .field-name-field-header em {
    font-family: "Economist Sans", sans-serif; }
  .cover-image .field-name-field-header strong {
    text-transform: uppercase; }

.cover-image .article-header {
  font-size: 19px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 8px; }
  .cover-image .article-header strong em, .cover-image .article-header em strong, .cover-image .article-header strong, .cover-image .article-header em {
    font-family: "Economist Sans", sans-serif; }
  .cover-image .article-header strong {
    text-transform: uppercase; }
  .cover-image .article-header a {
    color: #000000; }

.cover-image .article-rubric {
  line-height: 1;
  padding-bottom: 16px; }

.previous-issues {
  border-top: 1px solid #889290;
  padding: 16px 0; }
  .previous-issues--issue {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
    @media (min-width: 480px) {
      .previous-issues--issue {
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }
    @media (min-width: 768px) {
      .previous-issues--issue {
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }
    @media (min-width: 1024px) {
      .previous-issues--issue {
        box-sizing: border-box;
        width: 16.66667%;
        float: left;
        padding-left: 8px;
        padding-right: 8px; } }
    .previous-issues--issue .views-field-title {
      font-size: 16px;
      font-family: "Economist Sans", sans-serif;
      font-weight: 300;
      line-height: 1.2;
      text-transform: uppercase;
      padding-bottom: 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .previous-issues--issue .views-field-title strong em, .previous-issues--issue .views-field-title em strong, .previous-issues--issue .views-field-title strong, .previous-issues--issue .views-field-title em {
        font-family: "Economist Sans", sans-serif; }

.contributor-profile {
  padding-top: 16px; }
  .contributor-profile .contributor-profile-name {
    font-family: "Economist Sans", sans-serif !important; }
  .contributor-profile .more-link:after {
    display: none; }

.teaser_image_left h3.title {
  padding-bottom: 8px;
  color: #000000; }

@media (min-width: 1024px) {
  .column-header__author-image {
    width: 141px;
    margin-right: 5px; } }

@media (min-width: 1280px) {
  .column-header__author-image {
    width: 141px; } }

.column-header__column-details {
  border-top: 1px solid #919291;
  border-bottom: 1px solid #919291; }
  @media (min-width: 768px) {
    .column-header__column-details {
      margin-left: 18px;
      margin-right: 18px; } }
  @media (min-width: 1024px) {
    .column-header__column-details {
      margin-left: 0;
      margin-right: 0; } }

.main-content-container .dfp-tag-wrapper {
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9; }
  .main-content-container .dfp-tag-wrapper .dfp-tag-wrapper {
    margin-bottom: 0;
    padding: 0;
    border: none; }

.more-link:after,
.has-tombstone:after {
  background-color: #837772; }

.pane-il-featured-contributors-il-featured-contributors-views-panel .pane-title {
  padding: 0;
  margin-top: 16px;
  font-size: 22px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
  padding: 12px 16px;
  color: #000000;
  background-color: #E8E9E9; }
  .pane-il-featured-contributors-il-featured-contributors-views-panel .pane-title strong em, .pane-il-featured-contributors-il-featured-contributors-views-panel .pane-title em strong, .pane-il-featured-contributors-il-featured-contributors-views-panel .pane-title strong, .pane-il-featured-contributors-il-featured-contributors-views-panel .pane-title em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .pane-il-featured-contributors-il-featured-contributors-views-panel .pane-title {
      font-size: 26px; } }
  @media (min-width: 480px) {
    .pane-il-featured-contributors-il-featured-contributors-views-panel .pane-title {
      margin-bottom: 16px; } }

.pane-il-featured-contributors-il-featured-contributors-views-panel .featured-contributors:after {
  border-bottom: 1px solid #919291; }

.pane-il-featured-contributors-il-featured-contributors-views-panel .fly-tag-group {
  display: none; }

.pane-il-featured-contributors-il-featured-contributors-views-panel .sans-caps {
  margin-bottom: 4px; }

.pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout {
  height: 135px;
  overflow: hidden;
  margin-right: 0; }
  @media (min-width: 1024px) {
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout {
      height: 185px; } }

.pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__image {
  width: 31%;
  margin-right: 0;
  padding-right: 0; }
  @media (min-width: 480px) {
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__image {
      width: 22%; } }
  @media (min-width: 768px) {
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__image {
      width: 40%; } }

.pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body {
  width: 69%;
  height: 135px;
  padding: 8px 8px;
  background-color: #E8E9E9; }
  @media (min-width: 480px) {
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body {
      width: 78%; } }
  @media (min-width: 768px) {
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body {
      width: 60%; } }
  @media (min-width: 1024px) {
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body {
      height: 185px; } }
  .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body .sans-caps {
    font-size: 16px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 300; }
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body .sans-caps strong em, .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body .sans-caps em strong, .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body .sans-caps strong, .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body .sans-caps em {
      font-family: "Economist Sans", sans-serif; }
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body .sans-caps a {
      color: #000000; }
  .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body p {
    font-size: 16px;
    font-family: "Economist Sans", sans-serif;
    font-weight: 200;
    line-height: 1.3; }
    .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body p strong em, .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body p em strong, .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body p strong, .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body p em {
      font-family: "Economist Sans", sans-serif; }
    @media (min-width: 768px) {
      .pane-il-featured-contributors-il-featured-contributors-views-panel .media-layout__body p {
        font-size: 17px; } }

.pane-il-all-contributors-il-all-contributors-views-pane .pane-title {
  margin-top: 16px;
  font-size: 22px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
  padding: 12px 16px;
  color: #000000;
  background-color: #E8E9E9; }
  .pane-il-all-contributors-il-all-contributors-views-pane .pane-title strong em, .pane-il-all-contributors-il-all-contributors-views-pane .pane-title em strong, .pane-il-all-contributors-il-all-contributors-views-pane .pane-title strong, .pane-il-all-contributors-il-all-contributors-views-pane .pane-title em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .pane-il-all-contributors-il-all-contributors-views-pane .pane-title {
      font-size: 26px; } }
  @media (min-width: 480px) {
    .pane-il-all-contributors-il-all-contributors-views-pane .pane-title {
      margin-bottom: 16px; } }

.pane-il-all-contributors-il-all-contributors-views-pane .all-contributors h3,
.pane-il-all-contributors-il-all-contributors-views-pane .all-contributors__item {
  font-family: "Economist Sans", sans-serif; }

.main-content-container {
  margin-top: 16px; }
  @media (min-width: 1024px) {
    .main-content-container {
      margin-top: 0; } }

.page-search .region-content > h2 {
  font-size: 22px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 200;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
  padding: 12px 16px;
  color: #000000;
  background-color: #E8E9E9; }
  .page-search .region-content > h2 strong em, .page-search .region-content > h2 em strong, .page-search .region-content > h2 strong, .page-search .region-content > h2 em {
    font-family: "Economist Sans", sans-serif; }
  @media (min-width: 480px) {
    .page-search .region-content > h2 {
      font-size: 26px; } }
  @media (min-width: 480px) {
    .page-search .region-content > h2 {
      margin-bottom: 16px; } }

.page-search ol.search-results li {
  margin-bottom: 0; }

.media-query-tester {
  display: none;
  line-height: 1px; }
  @media (min-width: 480px) {
    .media-query-tester {
      line-height: 2px; } }
  @media (min-width: 768px) {
    .media-query-tester {
      line-height: 3px; } }
  @media (min-width: 1024px) {
    .media-query-tester {
      line-height: 4px; } }

@media (min-width: 1024px) {
  .media:not(.pull-left):not(.pull-right):not(.flow-column__item) .media__caption {
    padding-right: 3px; } }

.media__caption,
.media__caption p {
  font-size: 14px;
  font-family: "Economist Sans", sans-serif;
  font-weight: 300; }
  .media__caption strong em, .media__caption em strong, .media__caption strong, .media__caption em,
  .media__caption p strong em,
  .media__caption p em strong,
  .media__caption p strong,
  .media__caption p em {
    font-family: "Economist Sans", sans-serif; }
  .media__caption strong,
  .media__caption p strong {
    font-weight: 500; }
  .media__caption em,
  .media__caption p em {
    font-style: italic; }

iframe[src*="soundcloud.com"] {
  width: 100%; }

/*# sourceMappingURL=styles.css.map */