@charset "UTF-8";
/**
 * CONTENTS
 *
 * SETTINGS
 * Bourbon..............Simple/lighweight SASS library - http://bourbon.io/
 * Variables............Globally-available variables and config.
 * Neat.................A lightweight semantic grid framework for Sass and Bourbon.
 *
 * TOOLS
 * Mixins...............Useful mixins.
 *
 * GENERIC
 * Normalize............A level playing field.
 *
 * BASE
 * Global...............Default site-wide styles.
 *
 * LAYOUT
 * Wrappers.............Wrapping/constraining elements.
 *
 * COMPONENTS
 * Fonts................@font-face custom webfonts.
 * Icons................Icon font styles and settings.
 * Navs.................Site navigations.
 * Forms................Specific form styling.
 * Media................Styling of media objectgs (i.e. audio, video, etc.).
 * Modules..............Modular components often consisting of text amd media.
 * Sections.............Larger components of pages made of smaller components.
 *
 * PAGE STRUCTURE
 * Header...............The main page header.
 * Article..............Article variation styles.
 * Sponsored............Sponsored page styles.
 * Photo Gallery........Photo Gallery page styles.
 * Alpha Channels.......Updated Channel page styles.
 * Home.................Home page specific styles.
 * Video................Video page styles.
 * Footer...............The main page footer.
 *
 * THIRD PARTY
 * Magnific Popup.......Vendor styles for the magnific-popup plugin.
 *
 * TRUMPS
 * Helper Classes.......Helper classes loaded last in the cascade.
 */
/*------------------------------------*    $SETTINGS
\*------------------------------------*/
/*------------------------------------*    $VARIABLES
\*------------------------------------*/
/**
 * Legacy Grays (Do Not Use)
 */
/**
 * New Brand Grays
 */
/**
 * Default Spacing/Padding
 */
/**
 * Amimation
 */
/**
 * Border Styles
 */
* {
  box-sizing: border-box;
}

/*------------------------------------*    $TOOLS
\*------------------------------------*/
/*------------------------------------*    $MIXINS & FUNCTIONS
\*------------------------------------*/
/**
 * Mixin scrollbar
 */
.clearfix, .main-content, .block-subscribe-form-item-wrap, .pg-slideshow-wrap, .page-photo-gallery-package .package-index .galleries,
.page-photo-gallery-package .gallery-package-more .galleries, .page-photo-gallery-package .package-additional, .bundle__1banger__wrap,
.bundle-quizvid-wrap, .video-trays, .video-trays .video-carousel,
.video-trays .non-carousel,
.cf {
  zoom: 1;
}

.clearfix:before, .main-content:before, .block-subscribe-form-item-wrap:before, .pg-slideshow-wrap:before, .page-photo-gallery-package .package-index .galleries:before,
.page-photo-gallery-package .gallery-package-more .galleries:before, .page-photo-gallery-package .package-additional:before, .bundle__1banger__wrap:before,
.bundle-quizvid-wrap:before, .video-trays:before, .video-trays .video-carousel:before,
.video-trays .non-carousel:before, .clearfix:after, .main-content:after, .block-subscribe-form-item-wrap:after, .pg-slideshow-wrap:after, .page-photo-gallery-package .package-index .galleries:after,
.page-photo-gallery-package .gallery-package-more .galleries:after, .page-photo-gallery-package .package-additional:after, .bundle__1banger__wrap:after,
.bundle-quizvid-wrap:after, .video-trays:after, .video-trays .video-carousel:after,
.video-trays .non-carousel:after,
.cf:before,
.cf:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after, .main-content:after, .block-subscribe-form-item-wrap:after, .pg-slideshow-wrap:after, .page-photo-gallery-package .package-index .galleries:after,
.page-photo-gallery-package .gallery-package-more .galleries:after, .page-photo-gallery-package .package-additional:after, .bundle__1banger__wrap:after,
.bundle-quizvid-wrap:after, .video-trays:after, .video-trays .video-carousel:after,
.video-trays .non-carousel:after,
.cf:after {
  clear: both;
}

/**
 * Mixin for placeholder styling
 */
/**
 * Function to access $verticalSpacing map
 */
/**
 * Various filters
 * https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html
 *
 * grayscale      ex: filter: grayscale(100%);
 * sepia          ex: filter: sepia(100%);
 * saturate       ex: filter: saturate(0%);
 * hue-rotate     ex: filter: hue-rotate(45deg);
 * invert         ex: filter: invert(100%);
 * brightness     ex: filter: brightness(15%);
 * contrast       ex: filter: contrast(200%);
 * blur           ex: filter: blur(2px);
 */
/**
 * Links within text
 */
/*------------------------------------*    $GENERIC
\*------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, picture {
  display: block;
}

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

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

[hidden] {
  display: none;
}

html {
  background: #fff;
  color: #000;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

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

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

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

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

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

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

p, pre {
  margin: 1em 0 1.3em;
}

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl, menu, ol, ul {
  margin: 0 0;
}

dd {
  margin: 0 0 0 40px;
}

menu, ol, ul {
  padding: 0 0 0 0;
}

nav ul, nav ol, li {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

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

figure {
  margin: 0;
}

form {
  margin: 0;
}

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

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

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

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

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

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

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

textarea {
  overflow: auto;
  vertical-align: top;
}

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

img {
  max-width: 100% !important;
  height: auto;
}

/* Boilerplate */
html, button, input, select, textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

img {
  vertical-align: middle;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: .2em 0;
  padding: .2em 0;
  background: #ccc;
  color: #000;
}

.ir {
  overflow: hidden;
  border: 0;
  background-color: transparent;
  *text-indent: -9999px;
}

.ir:before {
  display: block;
  width: 0;
  height: 150%;
  content: "";
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .main-content:before, .block-subscribe-form-item-wrap:before, .pg-slideshow-wrap:before, .page-photo-gallery-package .package-index .galleries:before,
.page-photo-gallery-package .gallery-package-more .galleries:before, .page-photo-gallery-package .package-additional:before, .bundle__1banger__wrap:before,
.bundle-quizvid-wrap:before, .video-trays:before, .video-trays .video-carousel:before,
.video-trays .non-carousel:before, .clearfix:after, .main-content:after, .block-subscribe-form-item-wrap:after, .pg-slideshow-wrap:after, .page-photo-gallery-package .package-index .galleries:after,
.page-photo-gallery-package .gallery-package-more .galleries:after, .page-photo-gallery-package .package-additional:after, .bundle__1banger__wrap:after,
.bundle-quizvid-wrap:after, .video-trays:after, .video-trays .video-carousel:after,
.video-trays .non-carousel:after {
  display: table;
  content: " ";
}

.clearfix:after, .main-content:after, .block-subscribe-form-item-wrap:after, .pg-slideshow-wrap:after, .page-photo-gallery-package .package-index .galleries:after,
.page-photo-gallery-package .gallery-package-more .galleries:after, .page-photo-gallery-package .package-additional:after, .bundle__1banger__wrap:after,
.bundle-quizvid-wrap:after, .video-trays:after, .video-trays .video-carousel:after,
.video-trays .non-carousel:after {
  clear: both;
}

.clearfix, .main-content, .block-subscribe-form-item-wrap, .pg-slideshow-wrap, .page-photo-gallery-package .package-index .galleries,
.page-photo-gallery-package .gallery-package-more .galleries, .page-photo-gallery-package .package-additional, .bundle__1banger__wrap,
.bundle-quizvid-wrap, .video-trays, .video-trays .video-carousel,
.video-trays .non-carousel {
  *zoom: 1;
}

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: .5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

object, embed, iframe, svg {
  max-width: 100%;
}

/*------------------------------------*    $BASE
\*------------------------------------*/
/* BASE SITEWIDE
--------------------------------------- */
html, body {
  overflow-x: hidden;
}

body {
  font-family: Georgia, serif;
  font-size: 93.75%;
  line-height: 1.2;
}

.touch-focus--active {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
  height: calc(100vh + 24px) !important;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #9b1e25;
}

p {
  line-height: 1.45;
}

.is-vishidden,
.element-invisible {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

a.no-hover,
a.no-hover:hover {
  background-color: transparent;
  text-decoration: none;
}

a.is-active-link {
  background-color: #ffd204;
  color: #9b1e25;
}

.font--primary {
  font-family: "Guardian Egyptian Web", Georgia, serif;
}

.font--secondary {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
}

/**
 * Type Sizing
 */
.heading__one {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 35px;
  letter-spacing: 1px;
  font-weight: 700;
}

@media only screen and (min-width: 31.25em) {
  .heading__one {
    font-size: 40px;
  }
}

@media only screen and (min-width: 59.375em) {
  .heading__one {
    font-size: 42px;
  }
}

.heading__two {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}

@media only screen and (min-width: 31.25em) {
  .heading__two {
    font-size: 24px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 59.375em) {
  .heading__two {
    font-size: 28px;
    line-height: 30px;
  }
}

.heading__three {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
}

@media only screen and (min-width: 31.25em) {
  .heading__three {
    font-size: 22px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 59.375em) {
  .heading__three {
    font-size: 25px;
    line-height: 28px;
  }
}

.heading__four, .def-term, .post-content span[style*="underline"] {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-style: italic;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
}

.heading__five {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
}

blockquote,
.quote {
  line-height: 1.75;
  font-size: 17px;
  font-style: italic;
  padding: 0 30px;
  letter-spacing: 1px;
  margin: 0;
}

@media only screen and (min-width: 59.375em) {
  blockquote,
  .quote {
    padding: 8px 50px;
  }
}

.main-container {
  overflow: hidden;
}

.has-minimal-header .main-container {
  position: relative;
}

.container-inner {
  left: 0;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-open .container-inner,
.has-minimal-header.menu-open .main-header {
  left: 70%;
}

@media only screen and (min-width: 31.25em) {
  .menu-open .container-inner,
  .has-minimal-header.menu-open .main-header {
    left: 50%;
  }
}

@media only screen and (min-width: 59.375em) {
  .menu-open .container-inner,
  .has-minimal-header.menu-open .main-header {
    left: auto;
  }
}

@media only screen and (min-width: 59.375em) {
  .has-minimal-header.menu-open .container-inner,
  .has-minimal-header.menu-open .main-header {
    left: 15.625rem;
  }
}

/* TESTING */
.col {
  height: 100px;
  margin-bottom: 24px;
  outline: 1px solid;
  background-color: #ffff4d;
}

input[type=text],
input[type=password],
input[type=email] {
  border: 1px solid black;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  background-color: white;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 6px 8px 6px 8px;
  padding: 0.375rem 0.5rem 0.375rem 0.5rem;
  height: 30px;
  height: 1.875rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}

input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover {
  background-color: #fff;
}

textarea {
  border: 1px solid black;
  padding: 6px 8px 6px 8px;
  padding: 0.375rem 0.5rem 0.375rem 0.5rem;
}

.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.btn {
  border: none;
  background: #333;
  color: white;
  text-align: center;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  background-color: black;
  letter-spacing: 1px;
  cursor: pointer;
  font-size: 0.8em;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
}

.btn:hover {
  background-color: #9b1e25;
  color: white;
}

.btn.full {
  width: 80%;
  margin: 0 auto;
  display: block;
  max-width: 400px;
  max-width: 25rem;
}

.btn--l {
  padding: 16px 35px;
  font-size: 14px;
}

form .roomy {
  padding: 10px 12px 10px 12px;
  padding: 0.625rem 0.75rem 0.625rem 0.75rem;
  height: 50px;
  height: 3.125rem;
}

.text--small {
  font-size: 11px;
  font-size: 0.6875rem;
}

/**
 * Ad Styles
 */
.ad-label {
  display: block;
  color: #D3D6D9;
  font-style: italic;
  margin-top: 0;
  line-height: 1;
  margin-bottom: 0.23077em;
  font-size: 86.66667%;
}

.ad-block {
  text-align: center;
  line-height: 0;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

.ad-block iframe {
  max-width: none;
}

.ad-block.last {
  clear: both;
  float: none;
}

.ad-block img {
  width: auto !important;
  height: auto !important;
}

.ad-block-160x600 .ad-inner {
  width: auto;
  margin: 0 auto;
}

.ad-block-300x50 .init-hidden > div {
  width: 320px;
  margin: 0 auto;
  text-align: center;
}

.wrap-leaderboard {
  max-width: 970px;
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .wrap-leaderboard {
    padding: 10px 0;
    padding: 0.625rem 0;
  }
}

.wrap-leaderboard .ad-block-728x90 {
  margin-bottom: 10px;
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .wrap-leaderboard .ad-block-728x90 {
    margin-bottom: 0;
  }
}

.wrap-leaderboard .ad-block-728x90 .js-ad > div > div {
  width: 100% !important;
}

.wrap-leaderboard--minimal .ad-block {
  margin: 5px 0;
}

@media only screen and (min-width: 59.375em) {
  .wrap-leaderboard--minimal .ad-block {
    margin: 10px 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .sidebar .sticky.ad-block-160x600 {
    position: fixed;
    top: 0;
    width: 30%;
    max-width: 24em;
  }
}

.ad-block-300x250 .ad-block-inner,
.ad-block-300x600 .ad-block-inner {
  width: 300px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 59.375em) {
  .secondary .ad-block-300x250, .secondary
  .ad-block-300x600 {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}

.ad-block-970x90.ad-block-flex .ad-block-inner {
  width: 970px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .ad-block-970x90.ad-block-flex .ad-block-inner {
    width: 320px;
  }
}

.ad-block-80x31 {
  height: 31px;
  width: 90px;
}

.page-home .ad-block-leaderboard {
  width: 970px;
  max-width: 100%;
}

.page-home .ad-block-leaderboard.ad-block--full-width {
  width: 1220px;
}

.page-home .ad-block-leaderboard.ad-block--full-width iframe {
  width: 100%;
}

.ad-block-728x90-300x50 iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .js-ad--smallvp {
    display: block;
  }
}

@media only screen and (min-width: 59.375em) {
  .js-ad--smallvp {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .js-ad--widevp {
    display: none;
  }
}

@media only screen and (min-width: 59.375em) {
  .js-ad--widevp {
    display: block;
  }
}

@media only screen and (min-width: 59.375em) {
  .sticky-enabled.sticky,
  .sticky-enabled-fixed.sticky {
    position: fixed;
    top: 0;
  }
}

.sticky-enabled-fixed.sticky,
.fixto.sticky {
  position: fixed;
  top: 0;
  z-index: 99999;
}

.has-dropcap > p:first-child:first-letter,
.has-dropcap > div:not(.tangent--legacy):first-child + p:first-letter,
.has-dropcap:first-letter {
  float: left;
  font-weight: normal;
  font-style: italic;
  line-height: .8;
  font-size: 80px;
  padding: 0 16px 0 4px;
  margin-top: -14px;
}

@media only screen and (min-width: 56.25em) {
  .has-dropcap > p:first-child:first-letter,
  .has-dropcap > div:not(.tangent--legacy):first-child + p:first-letter,
  .has-dropcap:first-letter {
    font-size: 90px;
    line-height: .9;
    margin-top: 0;
  }
}

.giant-letters {
  float: left;
  color: #E2E2E3;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 60px;
  line-height: 60px;
  margin-right: 8px;
}

.has-pullquote:before {
  position: relative;
  content: attr(data-pullquote);
  text-align: center;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: bold;
  padding: 45px 30px 10px;
  margin: -10px auto 0;
  font-size: 20px;
  display: block;
  line-height: 1.5;
  background-image: url(/sites/all/themes/outside/images/icons/quotes.svg);
  background-position: center 0;
  background-size: 25px;
  background-repeat: no-repeat;
  letter-spacing: 1px;
}

@media only screen and (min-width: 59.375em) {
  .has-pullquote:before {
    font-size: 25px;
    background-size: 30px;
    margin-top: 0;
    padding: 45px 50px 0;
  }
}

.has-pullquote:after {
  content: '';
  width: 150px;
  height: 1px;
  background-color: #000;
  display: block;
  margin: 15px auto 30px;
}

@media only screen and (min-width: 59.375em) {
  .has-pullquote:after {
    margin: 0 auto 40px;
    width: 200px;
  }
}

.pullquote-right.has-pullquote {
  float: right;
}

@media only screen and (min-width: 59.375em) {
  .pullquote-fill.has-pullquote:before {
    margin: 21px 0 32px;
  }
}

.last {
  margin-right: 0;
  float: right;
}

.btn-load-more {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.33333em;
  width: 13.33333em;
}

.view-all {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  color: #0d0d0d;
  font-size: 86.66667%;
}

.view-all:hover {
  background-color: transparent;
  text-decoration: none;
}

.view-all .icon-stack {
  margin-right: 0.16667em;
  font-size: 138.46154%;
}

.main-content {
  width: 100%;
  padding-bottom: 30px;
}

@media only screen and (min-width: 59.375em) {
  .main-content {
    padding-top: 10px;
  }
}

.primary,
.col1 {
  margin-top: 10px;
}

@media only screen and (min-width: 59.375em) {
  .primary,
  .col1 {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 61.9403%;
    margin-top: 0;
  }
  .primary:last-child,
  .col1:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 75em) {
  .primary,
  .col1 {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 66.3806%;
  }
  .primary:last-child,
  .col1:last-child {
    margin-right: 0;
  }
}

.primary-full,
.col-full {
  float: none;
  margin-left: 0;
  margin-right: 0;
  display: block;
  width: 100%;
}

@media only screen and (min-width: 59.375em) {
  .secondary,
  .col2 {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 36.56716%;
    float: right;
    margin-right: 0;
  }
  .secondary:last-child,
  .col2:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 75em) {
  .secondary,
  .col2 {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 31.49254%;
    float: right;
    margin-right: 0;
  }
  .secondary:last-child,
  .col2:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .flipped .primary,
  .flipped .col1 {
    float: right;
    margin-right: 0;
  }
}

@media only screen and (min-width: 75em) {
  .flipped .primary,
  .flipped .col1 {
    float: right;
    margin-right: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .flipped .secondary,
  .flipped .col2 {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 36.56716%;
  }
  .flipped .secondary:last-child,
  .flipped .col2:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 75em) {
  .flipped .secondary,
  .flipped .col2 {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 31.49254%;
  }
  .flipped .secondary:last-child,
  .flipped .col2:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .col1-static {
    position: relative;
    float: left;
    width: 100%;
    margin-right: -20.625rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .col1-inner {
    margin-right: 20.625rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .col2-static {
    float: right;
    position: relative;
    z-index: 10;
    width: 18.625rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .col1-static--roomy {
    margin-right: -22.5rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .col1-inner--roomy {
    margin-right: 23.75rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .col2-static--roomy {
    width: 18.75rem;
    margin-right: 1.25rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .flipped .col1-static {
    float: right;
    margin-left: -20.625rem;
    margin-right: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .flipped .col1-inner {
    margin-left: 20.625rem;
    margin-right: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .flipped .col2-static {
    float: left;
    width: 18.625rem;
  }
}

/**
 * reCaptcha
 */
.recaptcha_widget .recaptcha_msg, .recaptcha_widget .captcha_hide {
  display: none;
}

.recaptcha_widget .recaptcha_msg {
  color: red;
  margin-bottom: 0.53333em;
}

.recaptcha_widget #recaptcha_image {
  width: 100% !important;
  height: auto !important;
  margin-bottom: 0.53333em;
}

.recaptcha_widget #recaptcha_image img {
  display: inline !important;
  width: 100% !important;
  height: auto !important;
}

.recaptcha_widget .incorrect .recaptcha_only_if_incorrect_sol {
  display: block !important;
}

.recaptcha_widget .recaptcha_input {
  margin-bottom: 0.53333em;
}

.recaptcha_widget .recaptcha_input #recaptcha_response_field {
  margin-bottom: 0.53333em;
}

.recaptcha_widget .recaptcha_options {
  display: inline-block;
  margin-left: 0.53333em;
}

.recaptcha_widget .recaptcha_options li {
  display: inline-block;
  margin-left: 0.2em;
}

.recaptcha_widget .recaptcha_options li a {
  text-decoration: none;
}

@media only screen and (min-width: 37.5em) {
  .two-col .comments {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 63.20896%;
  }
  .two-col .comments:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 37.5em) {
  .two-col .ad-block-160x600 {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 30.22388%;
    margin-right: 0;
    float: right;
  }
  .two-col .ad-block-160x600:last-child {
    margin-right: 0;
  }
}

/**
 * 404 Page
 */
.section-404 .page-top {
  text-align: center;
  padding-top: 30px;
  padding-top: 1.875rem;
}

.section-404 .title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  line-height: 1;
  font-size: 40px;
  margin-bottom: 0.625rem;
}

@media only screen and (min-width: 59.375em) {
  .section-404 .title {
    font-size: 60px;
  }
}

.section-404 .title span {
  background-color: #ffd204;
  display: inline-block;
  padding: 20px 25px 16px;
}

.section-404 .subtitle {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  color: #000;
}

.section-404 form {
  position: relative;
  width: 100%;
}

.section-404 .search-text {
  width: 100%;
}

.section-404 .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  width: 7.5rem;
}

.section-404 p {
  font-size: 18px;
  font-size: 1.125rem;
}

/**
 * Text positioned on top of element above it.
 */
.text-overlay--reversed {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 1.875rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.text-overlay--reversed .b-title {
  color: #fff;
  font-size: 34px;
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 31.25em) {
  .text-overlay--reversed .b-title {
    font-size: 42px;
  }
}

.text-overlay--yellow {
  background-color: rgba(183, 150, 0, 0.45);
}

.select {
  cursor: pointer;
}

.customSelect {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: 500;
}

.customSelectInner {
  cursor: pointer;
}

.customSelectInner:before {
  float: right;
  color: black;
  font-weight: bold;
}

/**
 * Eyebrow (usually for sponsored labels)
 */
.eyebrow {
  color: #9e0f18;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  clear: both;
}

.eyebrow--sponsored {
  font-weight: bold;
  color: #08c;
  text-transform: uppercase;
  display: inline-block;
}

/**
 * Links Types
 */
.l__more {
  font-size: 12px;
  text-decoration: none;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  color: #9b1e25;
  display: inline-block;
  padding: 2px;
  text-transform: uppercase;
}

.l__more .icon, .l__more .customSelectInner:before, .l__more .item-list .pager-previous a, .item-list .pager-previous .l__more a, .l__more .item-list .pager-next a, .item-list .pager-next .l__more a, .l__more .rsArrowIcn {
  font-size: 18px;
  vertical-align: sub;
  margin-left: 2px;
}

/**
 * Page Titles
 */
.page-title--sub {
  font-size: 32px;
  display: inline-block;
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 0;
  margin-top: 0;
}

@media only screen and (min-width: 31.25em) {
  .page-title--sub {
    font-size: 40px;
  }
}

@media only screen and (min-width: 50em) {
  .page-title--sub {
    font-size: 50px;
  }
}

/**
 * Block Clipped (contains a block of clipped text)
 */
@media only screen and (min-width: 59.375em) {
  .block__clipped {
    margin-left: 1.25rem;
  }
}

@media only screen and (min-width: 81.25em) {
  .block__clipped {
    margin-left: 0;
  }
}

.block__clipped .b-thumb {
  margin-bottom: 0;
}

.block__clipped .l__more {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .block__clipped .text-clip {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

/**
 * Cut off text with bottom gradient
 */
.text-clip {
  max-height: 110px;
  overflow: hidden;
  position: relative;
}

.text-clip:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 150px;
  height: 9.375rem;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
  background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
  background-color: transparent;
}

/**
 * Drupal Specific
 */
.main-content-wrap > .tabs,
.krumo-root {
  position: relative;
  z-index: 1000000;
}

.logged-in .tabs:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Default infinite scroll Views loader
 */
#views_infinite_scroll-ajax-loader:before,
#views_infinite_scroll-ajax-loader:after,
#views_infinite_scroll-ajax-loader {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: loading-dots 1.8s infinite ease-in-out;
          animation: loading-dots 1.8s infinite ease-in-out;
}

#views_infinite_scroll-ajax-loader {
  font-size: 10px;
  margin: 15px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

#views_infinite_scroll-ajax-loader:before {
  left: -20px;
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

#views_infinite_scroll-ajax-loader:after {
  left: 20px;
}

#views_infinite_scroll-ajax-loader:before,
#views_infinite_scroll-ajax-loader:after {
  content: '';
  position: absolute;
  top: 0;
}

@-webkit-keyframes loading-dots {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em rgba(0, 0, 0, 0.8);
  }
  40% {
    box-shadow: 0 2.5em 0 0 rgba(0, 0, 0, 0.8);
  }
}

@keyframes loading-dots {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em rgba(0, 0, 0, 0.8);
  }
  40% {
    box-shadow: 0 2.5em 0 0 rgba(0, 0, 0, 0.8);
  }
}

@-webkit-keyframes loading-dots--light {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #fff;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #fff;
  }
}

@keyframes loading-dots--light {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #fff;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #fff;
  }
}

/**
 * Full-screen AJAX Loading Style
 */
.loader-markup {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
}

.loader-markup #views_infinite_scroll-ajax-loader {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.grid-row:after {
  content: '';
  display: table;
  clear: both;
}

.grid-row .col {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: white;
  right: 0;
}

/**
 * Initially Hidden.
 */
.init-hidden {
  height: 0;
  overflow: hidden;
}

.init-hidden.sticky {
  height: auto;
  z-index: 10000000;
}

.ad-block-300x50 .sticky.init-hidden {
  height: 50px;
}

.ad-block-728x90 .init-hidden.sticky,
.ad-block-leaderboard .init-hidden.sticky,
.sticky-leaderboard .init-hidden.sticky {
  background-color: #f7f7f7;
  border-bottom: 1px solid #E2E2E3;
}

/**
 * Holiday Bow
 */
.bow {
  position: relative;
}

.bow:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 20%;
  background-image: url(/sites/all/themes/outside/images/holiday-bow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.bow.promo-link:before {
  width: 40%;
  max-width: 105px;
  left: 50%;
  height: 80px;
}

.bow.mf-subscribe-mag-link:before {
  height: 30%;
}

.nl__link,
.border--yellow--btm {
  padding-bottom: 2px;
  border-bottom: 4px solid #ffd204;
}

/**
 * Pinit Button
 */
.pin-hover,
.article-hero-slideshow {
  position: relative;
  overflow: hidden;
}

.no-touch .pin-hover:hover .pinit,
.no-touch .article-hero-slideshow:hover .pinit {
  left: 10px;
}

.pinit {
  position: absolute;
  left: 10px;
  display: block;
  top: 10px;
  z-index: 100;
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}

.pinit a {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #FF423E;
  cursor: pointer;
  margin-top: 3px;
  padding: 3px 4px;
}

.no-touch .pinit {
  left: -50px;
}

.has-minimal-header .post-photo-wrap .pinit {
  top: auto;
  bottom: 10px;
}

.post-block--right .pinit,
.post-block--left .pinit {
  top: 18px;
}

/**
 * Form Validation
 */
form label.response,
form div.response {
  color: red;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  padding-top: 4px;
  text-align: left;
  border-top: 2px solid red;
  margin-top: 0.625rem;
  display: block;
}

form input.response {
  border: 1px solid red;
}

/**
 * Tooltip
 */
.has-tooltip {
  position: relative;
}

.has-tooltip .tip-trigger {
  cursor: pointer;
}

.has-tooltip.is-active .tooltip {
  display: block;
}

.has-tooltip.is-active .tip-trigger {
  color: #9b1e25;
}

/*------------------------------------*    $LAYOUT
\*------------------------------------*/
/*------------------------------------*    $WRAPPERS & CONTAINERS
\*------------------------------------*/
/**
 * Layout containers - keep content centered and within a maximum width. Also
 * adjusts left and right padding as the viewport widens.
 */
.lc {
  max-width: 81.33333em;
  margin: 0 auto;
  position: relative;
}

@media only screen and (min-width: 62.5em) {
  .lc {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media only screen and (min-width: 81.25em) {
  .lc {
    padding-left: 0;
    padding-right: 0;
  }
}

/**
 * Wrapping element to keep content contained and centered.
 */
.wrap {
  max-width: 81.33333em;
  margin-left: auto;
  margin-right: auto;
}

/**
 * Wrapping element to keep content contained and centered at caped widths.
 */
.cap {
  max-width: 726px;
  margin-left: auto;
  margin-right: auto;
}

.cap.cap--s {
  max-width: 600px;
}

.cap.cap--s-m {
  max-width: 700px;
}

.cap.cap--m {
  max-width: 800px;
}

.cap.cap--l {
  max-width: 1000px;
}

.cap.cap--xl {
  max-width: 1250px;
}

.cap.cap--xl2 {
  max-width: 1400px;
}

.cap.cap--xxl {
  max-width: 1500px;
}

/*------------------------------------*    $LAYOUTS
\*------------------------------------*/
/**
 * Shift at 1000px
 */
.shift-left--1000 {
  width: 100%;
}

@media only screen and (min-width: 62.5em) {
  .shift-left--1000 {
    float: left;
    margin-right: -300px;
  }
  .shift-left--1000.extra-right-space {
    margin-right: -340px;
  }
}

@media only screen and (min-width: 62.5em) {
  .shift-left--inner--1000 {
    margin-right: 330px;
  }
  .extra-right-space .shift-left--inner--1000 {
    margin-right: 400px;
  }
}

@media only screen and (min-width: 62.5em) {
  .shift-right--1000 {
    float: right;
    width: 300px;
    position: relative;
    z-index: 1;
  }
  .shift-right--1000.extra-right-space {
    width: 340px;
  }
}

/**
 * Shift at 750px
 */
.shift-left--750 {
  width: 100%;
}

@media only screen and (min-width: 46.875em) {
  .shift-left--750 {
    float: left;
    margin-right: -350px;
  }
}

@media only screen and (min-width: 46.875em) {
  .shift-left--inner--750 {
    margin-right: 400px;
  }
}

@media only screen and (min-width: 46.875em) {
  .shift-right--750 {
    float: right;
    width: 350px;
    position: relative;
    z-index: 1;
  }
}

/**
 * Unwrap for full-bleed heros
 */
.unwrap .main-content-wrap {
  max-width: none;
}

.unwrap .main-content {
  padding-top: 0;
}

/*------------------------------------*    $GRIDS
\*------------------------------------*/
/**
 * Grid Item
 */
.grid__item {
  width: 100%;
}

.grid__item img {
  display: block;
}

.grid__item > * {
  width: 100%;
}

/**
 * Grid 4up
 */
.grid--4up {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.grid--4up > .grid__item {
  width: 50%;
  margin-bottom: 0.625rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

@media only screen and (min-width: 50em) {
  .grid--4up > .grid__item {
    width: 25%;
    margin-bottom: 0;
  }
}

/*------------------------------------*    $COMPONENTS/OBJECTS
\*------------------------------------*/
/*------------------------------------*		$FONTS
\*------------------------------------*/
/**
 * Guardian Egyptian
 */
@font-face {
  font-family: 'Guardian Egyptian Web';
  src: url("/sites/all/themes/outside/fonts/GuardianEgyp-Regular-Web.eot");
  src: url("/sites/all/themes/outside/fonts/GuardianEgyp-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/outside/fonts/GuardianEgyp-Regular-Web.woff") format("woff"), url("/sites/all/themes/outside/fonts/GuardianEgyp-Regular-Web.ttf") format("truetype"), url("/sites/all/themes/outside/fonts/GuardianEgyp-Regular-Web.svg#Guardian Egyptian Web") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Guardian Egyptian Web';
  src: url("/sites/all/themes/outside/fonts/GuardianEgyp-Semibold-Web.eot");
  src: url("/sites/all/themes/outside/fonts/GuardianEgyp-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/outside/fonts/GuardianEgyp-Semibold-Web.woff") format("woff"), url("/sites/all/themes/outside/fonts/GuardianEgyp-Semibold-Web.ttf") format("truetype"), url("/sites/all/themes/outside/fonts/GuardianEgyp-Semibold-Web.svg#Guardian Egyptian Web") format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}

/**
 * JWPlayer Font Icons
 */
@font-face {
  font-family: 'JW Icons';
  src: url("/sites/all/themes/outside/fonts/jw-custom-icons.eot");
  src: url("/sites/all/themes/outside/fonts/jw-custom-icons.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/outside/fonts/jw-custom-icons.woff") format("woff"), url("/sites/all/themes/outside/fonts/jw-custom-icons.ttf") format("truetype"), url("/sites/all/themes/outside/fonts/jw-custom-icons.svg#Guardian Egyptian Web") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

/*------------------------------------*		$ICONS
\*------------------------------------*/
@font-face {
  font-family: 'outside-online-icons';
  src: url("/sites/all/themes/outside/fonts/outside-online-icons.eot?jdo9rm");
  src: url("/sites/all/themes/outside/fonts/outside-online-icons.eot?jdo9rm#iefix") format("embedded-opentype"), url("/sites/all/themes/outside/fonts/outside-online-icons.ttf?jdo9rm") format("truetype"), url("/sites/all/themes/outside/fonts/outside-online-icons.woff?jdo9rm") format("woff"), url("/sites/all/themes/outside/fonts/outside-online-icons.svg?jdo9rm#outside-online-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .icon, .customSelectInner:before, .item-list .pager-previous a, .item-list .pager-next a, .rsArrowIcn {
  font-family: 'outside-online-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sms:before {
  content: "\e900";
}

.icon-mail:before {
  content: "\e600";
}

.icon-uniF000:before {
  content: "\f000";
}

.icon-twitter:before {
  content: "\e002";
}

.icon-facebook:before {
  content: "\e003";
}

.icon-pinterest:before {
  content: "\e005";
}

.icon-home:before {
  content: "\e001";
}

.icon-tumblr:before {
  content: "\e00f";
}

.icon-instagram:before {
  content: "\e010";
}

.icon-list:before {
  content: "\e000";
}

.icon-user:before {
  content: "\e006";
}

.icon-play:before,
.icon-play--inline:before {
  content: "\e015";
}

.icon-arrow-right:before, .item-list .pager-next a:before, .rsArrowRight .rsArrowIcn:before {
  content: "\e004";
}

.icon-arrow-left:before, .item-list .pager-previous a:before, .rsArrowLeft .rsArrowIcn:before {
  content: "\e008";
}

.icon-calendar:before {
  content: "\e00a";
}

.icon-close:before {
  content: "\e00b";
}

.icon-stack:before {
  content: "\e00c";
}

.icon-expand:before {
  content: "\e00d";
}

.icon-contract:before {
  content: "\e009";
}

.icon-pinterest-2:before {
  content: "\e00e";
}

.icon-search:before {
  content: "\e007";
}

.icon-arrow-down:before, .customSelectInner:before {
  content: "\e012";
}

.icon-arrow-up:before {
  content: "\e013";
}

.icon-reload:before {
  content: "\e601";
}

.icon-audio-opt:before {
  content: "\e602";
}

.icon-bubbles:before {
  content: "\e606";
}

.icon-double-angle-right:before {
  content: "\e604";
}

.icon-double-angle-left:before {
  content: "\e605";
}

.icon-help:before {
  content: "\e603";
}

/**
 * SVG Icons
 */
.icon--medium svg {
  width: 2.1875rem;
  height: 2.1875rem;
}

/*------------------------------------*    $NAVIGATION
\*------------------------------------*/
/**
 * Main Navigation
 */
.main-nav {
  width: 70%;
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
  left: -70%;
  background-color: #E2E2E3;
  border-right: 1px solid #D3D6D9;
}

@media only screen and (min-width: 31.25em) {
  .main-nav {
    width: 50%;
    left: -50%;
  }
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .main-nav {
    position: static;
    height: auto;
    border: none;
    text-align: center;
    width: 100%;
    background-color: white;
    line-height: 1.8;
    border-bottom: 5px solid black;
  }
  body:not(.has-minimal-header) .main-nav .inner {
    text-align: center;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 59.375em) {
  .has-minimal-header .main-nav {
    width: 15.625rem;
    left: -15.625rem;
    z-index: 10;
  }
}

.mn-list {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-list {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body:not(.has-minimal-header) .mn-list:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-has-sub {
    display: inline-block;
  }
}

.mn-link {
  display: block;
  color: black;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  padding: 10px 12px 10px 12px;
  padding: 0.625rem 0.75rem 0.625rem 0.75rem;
  border-bottom: 1px dotted #D3D6D9;
  text-decoration: none;
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-link {
    padding-left: 0;
    padding-right: 0;
  }
}

.mn-link.mn-sponsored {
  display: none;
}

.mn-link .eyebrow--sponsored {
  display: block;
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-top-link {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

body:not(.has-minimal-header) .mn-link-level-1 .mn-top-link {
  font-weight: bold;
}

body:not(.has-minimal-header) .mn-link-level-1 .mn-top-link:hover {
  color: #460d11;
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-link-level-1 .mn-top-link {
    border: none;
    color: black;
    display: block;
    background-color: transparent;
    letter-spacing: 1px;
    font-size: 18px;
  }
  body:not(.has-minimal-header) .mn-link-level-1 .mn-top-link:hover {
    background-color: transparent;
  }
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-link-level-1 {
    float: left;
    padding-left: 1.3%;
    padding-right: 1.3%;
  }
}

.mn-link-5707 {
  color: #9b1e25;
}

.mn-sub-trigger {
  background-color: #fff;
  border-bottom: 1px dotted #D3D6D9;
  display: block;
  position: absolute;
  top: 0;
  width: 36px;
  right: 0;
  z-index: 5;
  height: 100%;
  cursor: pointer;
}

.mn-sub-trigger:hover {
  background-color: #f7f7f7;
}

.mn-sub-trigger .arrow-indicator {
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -5px;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .mn-sub-trigger {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .is-active .mn-sub-trigger .arrow-indicator {
    right: 14px;
    margin-top: -2px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-sub-trigger {
    display: none;
    background-color: transparent;
    border: none;
    top: auto;
    right: 50%;
    width: 30px;
    height: 24px;
    bottom: -29px;
    cursor: default;
    z-index: 999999999;
  }
  body:not(.has-minimal-header) .mn-sub-trigger:hover {
    background-color: transparent;
  }
  body:not(.has-minimal-header) .mn-sub-trigger .arrow-indicator {
    right: auto;
    margin: 0;
    top: auto;
    right: -15px;
    height: 0;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid black;
  }
  body:not(.has-minimal-header) .mn-sub-trigger .arrow-indicator:before {
    position: absolute;
    top: 50%;
    right: -15px;
    margin-top: -21px;
    content: "";
    height: 0;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid white;
  }
}

.mn-sub-link {
  width: 100%;
}

.mn-sub-link .mn-link {
  background-color: white;
}

.mn-dropdown {
  background-color: #c8c8ca;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.is-active .mn-dropdown {
  background-color: #efeff0;
}

.mn-dropdown .inner {
  max-height: 0;
  opacity: .3;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.is-active .mn-dropdown .inner {
  max-height: 33.33333em;
  display: block;
  opacity: 1;
}

.mn-has-sub {
  position: relative;
}

.mn-has-sub > .rel {
  display: block;
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-has-sub .mn-dropdown {
    background-color: transparent;
    top: 51px;
    position: absolute;
    z-index: 999999;
    width: 100%;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    width: 250px;
    width: 15.625rem;
  }
  body:not(.has-minimal-header) .mn-has-sub .mn-dropdown .inner {
    opacity: 1;
    overflow: visible;
    max-height: none;
    margin: 0 auto;
    border: 1px solid black;
    border-top: none;
    background-color: white;
    padding: 17px 0 0;
    padding: 1.0625rem 0 0;
  }
  body:not(.has-minimal-header) .mn-has-sub .mn-dropdown .inner:after {
    content: "";
    display: table;
    clear: both;
  }
  body:not(.has-minimal-header) .mn-has-sub .mn-sub-link .mn-link {
    text-align: center;
    background-color: transparent;
    border: none;
    border-bottom: 1px dotted #D3D6D9;
    padding: 12px 8px;
    line-height: 1.3;
  }
  body:not(.has-minimal-header) .mn-has-sub .mn-sub-link .mn-link:hover {
    background-color: #E2E2E3;
  }
  body:not(.has-minimal-header) .mn-has-sub .mn-sub-link:last-child .mn-link {
    border-bottom: none;
  }
  body:not(.has-minimal-header) .mn-has-sub .mn-sub {
    padding: 0;
    width: 100%;
  }
}

.mn-list .is-hovered.mn-has-sub .mn-top-link {
  color: #460d11;
}

.mn-list .is-hovered.mn-has-sub .mn-sub-trigger {
  display: block;
}

.mn-list .is-hovered.mn-has-sub .mn-dropdown {
  opacity: 1;
  max-height: 500px;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

body:not(.has-minimal-header) .mn-list .mn-link-subscribe .mn-link {
  color: #9b1e25;
}

@media (min-width: 59.375em) and (max-width: 71.875em) {
  body:not(.has-minimal-header) .mn-list .mn-link-subscribe {
    display: none;
  }
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .header-full .branding {
    top: 4px;
  }
  body:not(.has-minimal-header) .main-nav {
    padding-left: 180px;
  }
  body:not(.has-minimal-header) .mn-list {
    -webkit-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
  }
  body:not(.has-minimal-header) .mn-link-level-1 {
    padding-left: 0;
    padding-right: 0;
  }
  body:not(.has-minimal-header) .mn-link-level-1 .mn-top-link {
    padding: 12px 8px 2px;
  }
}

@media only screen and (min-width: 59.375em) and (min-width: 62.5em) {
  body:not(.has-minimal-header) .mn-link-level-1 .mn-top-link {
    padding: 12px 12px 2px;
  }
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mn-link {
    font-size: 14px;
  }
  body:not(.has-minimal-header) .mn-link-subscribe {
    position: absolute;
    right: 90px;
    top: 0;
  }
  body:not(.has-minimal-header) .mn-has-sub .mn-dropdown {
    top: 51px;
  }
}

/**
 * Pagination
 */
.item-list .pager {
  border: 1px solid #E2E2E3;
  text-align: center;
  margin-bottom: 1.66667em;
  padding: 0.66667em;
}

.item-list .pager li {
  display: inline-block;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  padding: 0;
  margin: 0;
}

.item-list .pager-item a {
  color: #D3D6D9;
  text-decoration: none;
  line-height: 1;
  font-size: 0.93333em;
  padding: 0.21429em 0.35714em 0.21429em 0.35714em;
}

.item-list li.pager-previous,
.item-list li.pager-next {
  text-decoration: none;
  vertical-align: text-bottom;
  padding: 0;
  margin: 0;
}

.item-list li.pager-previous a,
.item-list li.pager-next a {
  text-decoration: none;
}

.item-list .pager-previous a,
.item-list .pager-next a {
  width: 1.25rem;
  overflow: hidden;
  height: 1.5rem;
  margin-top: 0.125rem;
  display: block;
  padding-top: 0.3125rem;
}

.item-list .pager-previous {
  float: left;
}

.item-list .pager-previous a:before {
  display: block;
}

.item-list .pager-next {
  float: right;
}

.item-list .pager-next a:before {
  display: block;
}

.item-list li.pager-current {
  color: black;
  padding: 3px 5px 3px 5px;
  padding: 0.1875rem 0.3125rem 0.1875rem 0.3125rem;
}

.item-list li.pager-current:hover {
  background-color: transparent;
}

.item-list li.pager-current.last {
  float: none;
}

/**
 * Nav layout using flexbox
 */
.flex-nav {
  width: 100%;
  border-top: 1px solid #E2E2E3;
  margin-bottom: 0.625rem;
}

@media only screen and (min-width: 40.625em) {
  .flex-nav {
    border-top-color: rgba(226, 226, 227, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10000;
    margin-bottom: 0;
  }
}

.flex-nav a,
.flex-nav .flex-nav__title {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #E2E2E3;
  padding: 10px 8px 8px;
}

.flex-nav .flex-nav__title {
  margin: 0;
  cursor: pointer;
}

@media only screen and (min-width: 40.625em) {
  .flex-nav .flex-nav__title {
    display: none;
  }
}

.flex-nav a {
  background-color: #D3D6D9;
  font-size: 20px;
}

.flex-nav .active-link {
  background-color: #9b1e25;
  color: #fff;
}

.flex-nav__list .active-link {
  display: none;
}

@media (max-width: 40.625em) and (max-height: 25em) {
  .flex-nav__list {
    background-color: #D3D6D9;
  }
  .flex-nav__list li {
    float: left;
    width: 50%;
  }
  .flex-nav__list li:nth-child(even) {
    clear: right;
  }
  .flex-nav__list li:nth-child(even) a {
    border-left: 1px solid #E2E2E3;
  }
  .flex-nav__list li a {
    font-size: 16px;
  }
}

.flex-nav--dropdown .icon-arrow-down, .flex-nav--dropdown .customSelectInner,
.flex-nav--dropdown .icon-arrow-left,
.flex-nav--dropdown .item-list .pager-previous a, .item-list .pager-previous
.flex-nav--dropdown a,
.flex-nav--dropdown .rsArrowLeft .rsArrowIcn, .rsArrowLeft
.flex-nav--dropdown .rsArrowIcn {
  display: none;
}

@media only screen and (min-width: 40.625em) {
  .flex-nav--dropdown .flex-nav__home > a {
    line-height: .8;
    font-size: 23px;
  }
}

@media only screen and (min-width: 62.5em) {
  .flex-nav--dropdown .flex-nav__home > a {
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
  }
}

@media only screen and (min-width: 40.625em) {
  .flex-nav--dropdown .flex-nav__home .flex-nav__home-text {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 40.625em) {
  .flex-nav--dropdown .icon-arrow-down, .flex-nav--dropdown .customSelectInner {
    display: inline-block;
  }
  .flex-nav--dropdown .flex-nav__list {
    display: none;
  }
  .flex-nav--dropdown.is-active .icon-arrow-down, .flex-nav--dropdown.is-active .customSelectInner {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .flex-nav--dropdown.is-active .flex-nav__list {
    display: block;
  }
}

@media only screen and (min-width: 40.625em) {
  .flex-nav--dropdown .icon-arrow-left, .flex-nav--dropdown .item-list .pager-previous a, .item-list .pager-previous .flex-nav--dropdown a, .flex-nav--dropdown .rsArrowLeft .rsArrowIcn, .rsArrowLeft .flex-nav--dropdown .rsArrowIcn {
    display: inline-block;
  }
  .flex-nav--dropdown .flex-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.5);
    margin-right: -1px;
  }
  .flex-nav--dropdown .flex-nav__list .active-link {
    display: block;
  }
  .flex-nav--dropdown li {
    border-right: 1px solid rgba(226, 226, 227, 0.5);
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    -ms-flex-positive: 1;
  }
  .flex-nav--dropdown a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    background-color: transparent;
    color: #fff;
    border-bottom: none;
  }
  .flex-nav--dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
}

@media only screen and (min-width: 50em) {
  .flex-nav--dropdown a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 62.5em) {
  .flex-nav--dropdown a {
    font-size: 20px;
  }
}

/**
 * Nav updates for Super Features
 */
.node-type-page.has-minimal-header .main-header {
  background-image: none;
}

.node-type-page.has-minimal-header .main-header .mh-nav-btn,
.node-type-page.has-minimal-header .main-header .mh__newsletter-link,
.node-type-page.has-minimal-header .main-header .mh-show-search {
  background-color: transparent;
}

.node-type-page.has-minimal-header .main-header .mh-nav-btn {
  text-align: left;
}

.node-type-page.has-minimal-header .mn-sub-trigger .arrow-indicator {
  top: 25px;
  right: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.node-type-page.has-minimal-header .is-active .mn-sub-trigger {
  background-color: #ffd204;
}

.node-type-page.has-minimal-header .is-active .mn-sub-trigger .arrow-indicator {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: -4px;
}

.node-type-page.has-minimal-header .mh-nav-btn:before {
  opacity: 1;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.node-type-page.has-minimal-header .mh-nav-btn:after {
  opacity: 0;
  position: absolute;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  content: '+';
  font-weight: 500;
  font-size: 80px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 6px;
  top: -19px;
  line-height: 1;
  -webkit-transition: opacity .3s .2s ease-out;
  transition: opacity .3s .2s ease-out;
}

.node-type-page.has-minimal-header .menu-open .mh-nav-btn:before {
  opacity: 0;
}

.node-type-page.has-minimal-header .menu-open .mh-nav-btn:after {
  opacity: 1;
}

.node-type-page.has-minimal-header .mh-toggle-btns .icon-mail {
  position: relative;
  top: -5px;
}

.node-type-page.has-minimal-header .wrap-header .mh-search {
  padding: 10px;
  height: 58px;
  margin-top: -60px;
}

.node-type-page.has-minimal-header .wrap-header .is-active.mh-search {
  margin-top: 0;
}

.node-type-page.has-minimal-header .mh-form-wrap .icon-search,
.node-type-page.has-minimal-header form .roomy {
  height: 38px;
}

.node-type-page.has-minimal-header .mh-form-wrap .icon-search {
  padding-top: 12px;
}

.node-type-page.has-minimal-header .mh-search form {
  border-color: #6d6e70;
}

.node-type-page.has-minimal-header .mh-search form .mh-search-text {
  font-size: 16px;
}

@media only screen and (min-width: 53.125em) {
  .node-type-page.has-minimal-header .mh-search form .btn-submit {
    height: 38px;
  }
}

/*------------------------------------*    $FORMS
\*------------------------------------*/
/**
 * Nudger Newsletter Signup
 */
.nudger {
  position: fixed;
  width: 100%;
  bottom: -200px;
  z-index: 8000000;
  left: 0;
  opacity: 0;
  -webkit-transition: bottom 0.6s ease-in 0.1s, opacity 0.6s ease-in;
  transition: bottom 0.6s ease-in 0.1s, opacity 0.6s ease-in;
}

.nudger.is-active {
  bottom: 0;
  opacity: 1;
  -webkit-transition: bottom 0.6s ease-out 0.1s, opacity 0.6s ease-out;
  transition: bottom 0.6s ease-out 0.1s, opacity 0.6s ease-out;
}

.nudger__inner {
  position: relative;
}

.nudger__close {
  position: absolute;
  right: 2px;
  top: 0;
  width: 40px;
  height: 40px;
  z-index: 100;
  cursor: pointer;
  border: none;
  background-color: transparent;
  opacity: .6;
}

@media only screen and (min-width: 37.5em) {
  .nudger__close {
    top: 50%;
    margin-top: -22px;
  }
}

@media only screen and (min-width: 56.25em) {
  .nudger__close {
    right: 10px;
  }
}

.nudger__close:before, .nudger__close:after {
  content: '';
  position: absolute;
  width: 60%;
  right: 10%;
  top: 50%;
  height: 2px;
  background-color: #000;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.nudger__close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.nudger__close-text {
  display: none;
}

@media only screen and (min-width: 56.25em) {
  .nudger__close-text {
    display: inline-block;
    vertical-align: text-top;
  }
}

.nudger__wrap {
  padding: 20px 20px 10px;
}

@media only screen and (min-width: 37.5em) {
  .nudger__wrap {
    padding: 15px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
    margin-right: auto;
    width: calc(100% - 45px);
  }
}

@media only screen and (min-width: 56.25em) {
  .nudger__wrap {
    width: 80%;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 900px;
  }
}

.nudger__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  position: relative;
}

@media only screen and (min-width: 37.5em) {
  .nudger__text {
    width: 45%;
    padding-right: 20px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 56.25em) {
  .nudger__text {
    padding-left: 65px;
  }
}

.nudger__email-icon {
  position: absolute;
  left: 0;
  top: 0;
  opacity: .3;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

@media only screen and (min-width: 56.25em) {
  .nudger__email-icon {
    -webkit-transform: translateY(-9px);
            transform: translateY(-9px);
  }
}

.nudger__email-icon:before {
  display: block;
  font-size: 22px;
}

@media only screen and (min-width: 56.25em) {
  .nudger__email-icon:before {
    font-size: 52px;
  }
}

.nudger__title {
  margin-top: 0;
  margin-bottom: 3px;
}

@media only screen and (min-width: 0) and (max-width: 56.25em) {
  .nudger__title {
    padding-left: 28px;
  }
}

.nudger__title--success {
  font-size: 18px;
  margin-bottom: 0;
}

@media only screen and (min-width: 28.125em) {
  .nudger__title--success {
    font-size: 20px;
  }
}

@media only screen and (min-width: 56.25em) {
  .nudger__title--success {
    font-size: 20px;
  }
}

div.nudger__dek {
  margin-bottom: 0;
  white-space: normal;
}

.nudger__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 37.5em) {
  .nudger__form {
    width: 55%;
  }
}

.invalid input[type=email] {
  border-bottom-color: #f00;
  background-color: #fff;
}

.invalid input[type=email]::-webkit-input-placeholder {
  color: #f00;
}

.invalid input[type=email]:-moz-placeholder {
  color: #f00;
}

.nudger__input[type=email] {
  background-color: transparent;
  border: none;
  border-bottom: 2px dashed #000;
  height: 38px;
  width: 100%;
  font-size: 14px;
}

@media only screen and (min-width: 37.5em) {
  .nudger__input[type=email] {
    text-align: center;
  }
}

.nudger__input[type=email]:hover {
  background-color: transparent;
}

.nudger__input[type=email]:focus {
  background-color: #fff;
}

.nudger__input[type=email]::-webkit-input-placeholder {
  color: #fff;
}

.nudger__input[type=email]:-moz-placeholder {
  color: #fff;
}

@media only screen and (min-width: 21.25em) {
  .nudger__input[type=email] {
    width: 60%;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 56.25em) {
  .nudger__input[type=email] {
    width: 70%;
  }
}

.nudger__input[type=email]:placeholder-shown {
  font-weight: normal;
}

.nudger__btn {
  width: 100%;
  height: 38px;
}

@media only screen and (min-width: 21.25em) {
  .nudger__btn {
    width: calc(40% - 8px);
  }
}

@media only screen and (min-width: 56.25em) {
  .nudger__btn {
    width: calc(30% - 8px);
    max-width: 120px;
  }
}

.nudger--holiday {
  background: #d4e6f1 url(/sites/all/themes/outside/images/holiday-snowflakes.jpg) repeat-x top center;
}

.nudger--holiday .nudger__logo {
  display: none;
  width: 40px;
  margin-right: 15px;
}

@media only screen and (min-width: 50em) {
  .nudger--holiday .nudger__logo {
    display: inline-block;
  }
}

.nudger--holiday .nudge__wrap {
  padding: 14px 15px 14px;
}

@media only screen and (min-width: 50em) {
  .nudger--holiday .nudge__wrap {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (min-width: 31.25em) {
  .nudger--holiday .nudger__inline-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.nudger--holiday .nudger__inline-text p {
  margin: 2px 0 10px;
  margin-right: 20px;
}

@media only screen and (min-width: 31.25em) {
  .nudger--holiday .nudger__inline-text p {
    margin-bottom: 0;
  }
}

.nudger--holiday .btn {
  margin-right: 28px;
}

@media only screen and (min-width: 50em) {
  .nudger--holiday .btn {
    display: block;
  }
}

.nudger--holiday .nudger__bow {
  position: absolute;
  right: 0;
  top: -1px;
  width: 60px;
  display: none;
}

@media only screen and (min-width: 75em) {
  .nudger--holiday .nudger__bow {
    display: block;
  }
}

@media only screen and (min-width: 56.25em) {
  .nudger--holiday .nudger__close {
    margin-top: -10px;
  }
}

/**
 * Newsletter Signup Page
 */
.nl-signup__container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.nl-signup__container .main-content-wrap {
  padding: 1.25rem 0.625rem;
}

.section-nl-signup {
  background-color: rgba(255, 210, 4, 0.85);
  padding: 1.25rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 140px;
}

@media only screen and (min-width: 37.5em) {
  .section-nl-signup {
    margin-top: 30px;
    padding: 1.875rem;
  }
}

@media only screen and (min-width: 62.5em) {
  .section-nl-signup {
    padding: 2.5rem;
  }
}

.nl-signup__text {
  margin-bottom: 25px;
}

.nl-signup__header {
  margin-top: 0;
  margin-bottom: 15px;
}

@media only screen and (min-width: 37.5em) {
  .nl-signup__header {
    font-size: 34px;
  }
}

@media only screen and (min-width: 62.5em) {
  .nl-signup__header {
    font-size: 38px;
  }
}

.nl-signup__dek {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 37.5em) {
  .nl-signup__dek {
    font-size: 18px;
  }
}

.nl-signup__form {
  position: relative;
}

@media only screen and (min-width: 37.5em) {
  .nl-signup__form {
    text-align: left;
  }
}

.nl-signup__input[type=email] {
  background-color: rgba(255, 255, 255, 0.6);
  border: none;
  border-bottom: 2px dotted #000;
  height: 40px;
  text-align: center;
  width: 100%;
  margin-bottom: 8px;
  font-style: italic;
}

@media only screen and (min-width: 37.5em) {
  .nl-signup__input[type=email] {
    width: calc(100% - 120px);
    margin-left: auto;
  }
}

.nl-signup__btn {
  display: block;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
}

@media only screen and (min-width: 37.5em) {
  .nl-signup__btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
  }
}

.nl-signup__options {
  padding: 20px 0 0;
}

.nl-signup__item {
  margin-bottom: 1.25rem;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.nl-signup__item.is-active, .nl-signup__item:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.nl-signup__item input {
  display: none;
}

.nl-signup__item:last-child {
  margin-bottom: 0;
}

.nl-signup__label {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

@media only screen and (min-width: 25em) {
  .nl-signup__label {
    padding-right: 34px;
  }
}

:checked + .nl-signup__label:before, .nl-signup__label:hover:before {
  content: "✓";
  font-size: 36px;
  line-height: 28px;
  -webkit-transition: line-height 0.2s ease-in;
  transition: line-height 0.2s ease-in;
}

:checked + .nl-signup__label:before {
  color: #9b1e25;
}

.nl-signup__label:before {
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 10;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #E2E2E3;
  text-align: center;
  font-size: 26px;
  line-height: 30px;
  -webkit-transition: line-height 0.1s ease-out;
  transition: line-height 0.1s ease-out;
  color: #E2E2E3;
}

@media only screen and (min-width: 25em) {
  .nl-signup__label:before {
    right: 0;
    top: 0;
  }
}

.nl-signup__img-text-wrap {
  cursor: pointer;
  width: 100%;
  margin-bottom: 5px;
}

@media only screen and (min-width: 25em) {
  .nl-signup__img-text-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
}

.nl__signup-img {
  margin-bottom: 15px;
}

@media only screen and (min-width: 25em) {
  .nl__signup-img {
    width: 30%;
    margin-bottom: 0;
    float: left;
  }
}

@media only screen and (min-width: 25em) {
  .nl__signup-text {
    float: left;
    width: 70%;
    padding-left: 15px;
  }
}

.nl-signup__title {
  cursor: pointer;
  margin: 0;
}

@media only screen and (min-width: 37.5em) {
  .nl-signup__title {
    margin-bottom: 4px;
  }
}

.nl-signup__desc {
  margin-top: 0;
  margin-bottom: 0.625rem;
  clear: both;
  line-height: 1.3;
}

.nl-signup__frequency {
  clear: both;
  margin-right: 0.625rem;
  display: inline-block;
}

/**
 * User Login
 */
.custom__user-login {
  height: 100vh;
  width: 100vw;
  background-image: url(/sites/all/themes/outside/images/green-mountains--s.jpg);
}

@media only screen and (min-width: 37.5em) {
  .custom__user-login {
    background-image: url(/sites/all/themes/outside/images/green-mountains--m.jpg);
  }
}

@media only screen and (min-width: 56.25em) {
  .custom__user-login {
    background-image: url(/sites/all/themes/outside/images/green-mountains--l.jpg);
  }
}

.user_login-container {
  position: relative;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  top: 50%;
}

@media (min-height: 600px) {
  .user_login-container {
    -webkit-transform: translateY(-70%);
            transform: translateY(-70%);
  }
}

.user__login--wrap {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.user__login {
  padding: 1.25rem;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  border-radius: 5px;
  border: 1px solid #E2E2E3;
  background-color: #fff;
  box-shadow: 0 0 0 transparent;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.user__login:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.user__login .form-text {
  width: 100%;
  border: 1px solid #E2E2E3;
  padding: 12px;
  height: auto;
  border-radius: 2px;
  box-shadow: inset 0 0 0 transparent;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.user__login .form-text:focus {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.12);
}

.user__login .url-textfield {
  display: none;
}

.user__login .description {
  font-size: 12px;
  padding: 2px 0;
  color: #D3D6D9;
}

.user__login .form-item {
  margin-bottom: 1.25rem;
  position: relative;
}

.user__login .form-submit {
  width: 100%;
  padding: 10px;
  background-color: #9b1e25;
  border: none;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.user__login .form-submit:hover {
  background-color: #c6262f;
}

.user__login .messages {
  padding: 1.25rem;
  border-radius: 2px;
  border: 1px solid #E2E2E3;
}

.user__login .messages li {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  margin-bottom: 0.625rem;
  font-size: 14px;
  line-height: 1.35;
}

.user__login .messages li:last-child {
  margin-bottom: 0;
}

.user__login .error {
  border-color: #9b1e25;
  background-color: rgba(155, 30, 37, 0.1);
}

.user__outside-logo {
  width: 200px;
}

.pass-page-only {
  display: none;
}

.page-user-password .user__login-forgot-pass {
  display: none;
}

.page-user-password .pass-page-only {
  display: inline-block;
}

.custom__user-tfa-verify .form-required {
  display: none;
}

.custom__user-tfa-verify .form-submit {
  margin-bottom: 1.25rem;
}

.custom__user-tfa-verify .form-resend {
  background-color: transparent;
  font-weight: normal;
  color: #9b1e25;
  padding: 0;
  margin-bottom: 0;
  display: inline-block;
  width: auto;
  -webkit-transition: none;
  transition: none;
}

.custom__user-tfa-verify .form-resend:hover {
  background-color: transparent;
  color: #000;
  background-color: #ffd204;
}

/*------------------------------------*    $MEDIA STYLES
\*------------------------------------*/
/**
 * SoundCloud Player
 */
.audio-player {
  background-color: #000;
  color: #E2E2E3;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.audio-player--fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: -webkit-transform .6s ease-out;
  transition: -webkit-transform .6s ease-out;
  transition: transform .6s ease-out;
  transition: transform .6s ease-out, -webkit-transform .6s ease-out;
}

.audio-player--fixed.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.audio-player a {
  color: #fff;
  text-decoration: none;
}

.audio-player a:hover {
  background-color: transparent;
  color: #fff;
}

.audio-player .hidden {
  visibility: visible;
  display: inherit !important;
}

.audio-player .sc-pause {
  display: none !important;
}

.audio-player__inner {
  position: relative;
  width: calc(100% - 20px);
  max-width: 78.125em;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}

@media only screen and (min-width: 37.5em) {
  .audio-player__inner {
    height: 80px;
  }
}

@media only screen and (min-width: 79.375em) {
  .audio-player__inner {
    width: 100%;
  }
}

.audio-player__inner:before {
  content: '';
  position: absolute;
  height: 8px;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #9ca3aa;
}

.sc-player {
  width: 100%;
}

.sc-controls {
  width: 45px;
  height: 45px;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + 4px));
          transform: translateY(calc(-50% + 4px));
}

.sc-pause,
.sc-play {
  display: block;
  height: 100%;
  width: 100%;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  border-radius: 100%;
  border: 2px solid #fff;
}

.sc-play {
  background-position: 12px center;
  background-image: url(/sites/all/themes/outside/images/icons/play--no-circle.svg);
}

.sc-pause {
  background-image: url(/sites/all/themes/outside/images/icons/pause.svg);
}

.playing .sc-pause {
  display: block !important;
}

.playing .sc-play {
  display: none !important;
}

.sc-info {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + 4px));
          transform: translateY(calc(-50% + 4px));
  padding-left: 45px;
  padding-right: 90px;
}

.sc-info h3 {
  font-weight: normal;
  margin: 0;
  font-size: 14px;
}

@media only screen and (min-width: 37.5em) {
  .sc-info h3 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 50em) {
  .sc-info h3 {
    font-size: 20px;
  }
}

.sc-info a {
  display: block;
  color: #fff;
}

.sc-scrubber {
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.sc-waveform-container {
  height: 52%;
  background-color: #9ca3aa;
}

.sc-waveform-container img {
  visibility: hidden;
}

.sc-time-span {
  position: relative;
  width: calc(100% + 20px);
  left: -10px;
  height: 50%;
  z-index: 10;
}

@media only screen and (min-width: 79.375em) {
  .sc-time-span {
    width: 100%;
    left: 0;
  }
}

.sc-played {
  position: absolute;
  height: 50%;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #ffd204;
}

.sc-played:after {
  content: '';
  width: 3px;
  position: absolute;
  right: 0;
  top: 0;
  height: 14px;
  background-color: #9e0f18;
}

@media only screen and (min-width: 37.5em) {
  .sc-played:after {
    height: 16px;
  }
}

.sc-time-indicators {
  font-size: 12px;
  padding: 6px 2px;
  width: 100px;
  text-align: right;
  color: #AAB1B7;
  position: absolute;
  right: 0;
  top: 8px;
}

@media only screen and (min-width: 37.5em) {
  .sc-time-indicators {
    top: 10px;
  }
}

.sc-position {
  margin-right: 4px;
}

.sc-duration {
  margin-left: 4px;
}

.audio-player__link {
  padding: 6px 0;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 60px;
  text-align: center;
}

@media only screen and (min-width: 50em) {
  .audio-player__link {
    width: 166px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    bottom: 10px;
  }
}

.audio-player__link-logo {
  width: 60px;
  display: block;
  margin: 0 auto 2px;
}

@media only screen and (min-width: 50em) {
  .audio-player__link-logo {
    width: 80px;
    margin: 0 4px 0 0;
  }
}

.audio-player__link-subtext {
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: -2px;
}

@media only screen and (min-width: 50em) {
  .audio-player__link-subtext {
    font-size: 14px;
    letter-spacing: 2px;
  }
}

.sc-artwork-list,
.sc-info h4,
.sc-info p,
.sc-info > a,
.sc-trackslist,
.sc-info-toggle {
  display: none;
}

/**
 * Shared media symbol overlays - large.
 */
.has-media-overlay--large {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  z-index: 20;
  opacity: .9;
}

.has-media-overlay--large:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}

/**
 * Shared media symbol overlays.
 */
.media-play-overlay:after,
.has-media-overlay--max:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  opacity: .9;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 20;
}

/**
 * Media icon for site-width hero images.
 */
@media only screen and (min-width: 50em) {
  .has-media-overlay--max:after {
    top: 36%;
    left: 44%;
    width: 135px;
    height: 135px;
    z-index: 0;
    background-size: 22%;
  }
}

/**
 * Media icon re-position for channel alpha hero images.
 */
.has-media-overlay--max-channel-alpha:after {
  top: 30%;
  left: 40%;
}

/**
 * Media icon re-position for editor picks collections.
 */
.editor-media:after {
  top: 33%;
  left: 33%;
}

/**
 * Media icon re-position for bundles with tall images.
 */
.section-bundle-tpl2 .pos3 .bundle-media:after,
.section-bundle-tpl3 .pos3 .bundle-media:after {
  top: 43%;
}

/**
 * Media icon re-position for taxonomy pages.
 */
.media-overlay-taxonomy-position:after {
  top: 33%;
  left: 45%;
}

/*------------------------------------*    $MODULAR STYLES
\*------------------------------------*/
/**
 * Modal styles
 */
.modal-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 20000000;
  background: #ececed;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  background-position: center 25px;
  background-repeat: no-repeat;
  background-size: 100px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 236.2 58.8"><title>outside-logo--no-outline</title><path d="M27.6,58.5c15.7,0,26.1-11.4,27.3-26.7h2.6V48.5c0,6.7,4.6,9.3,10.7,9.3a12.82,12.82,0,0,0,11-6.6v6.1H93.7V49.5H89.2V31.9h7.1V45.6c0,8.2,3.3,12.3,10.8,12.3a9.62,9.62,0,0,0,8.4-4.5v4h6.7V53c3.5,3.7,6.9,4.9,12,4.9,4.7,0,8.6-1.6,10.6-4.6v4.2h22v-5c2.3,3.4,6.3,5.4,11.6,5.4,4.7,0,7.7-2,10.1-5.6v5.2h15.8V52.4c3.1,4.2,7.8,5.8,14,5.8,8.5,0,16.5-3.5,17.7-13.1H226c-.8,4.2-2.7,6.1-7.1,6.1-3.7,0-6.3-2.2-6.4-8.6h23.2V41.2c0-10.8-6.4-17.6-16.7-17.6-9.6,0-17.3,6.6-17.3,17.3a21.61,21.61,0,0,0,1.6,8.8h-4.6v-37H182.6v7.9h6v8.1a10.51,10.51,0,0,0-8.9-4.8c-9.9,0-15.2,7-15.2,16.5a27.62,27.62,0,0,0,1.4,9.1h-5.4V24H137v4.2c-1.9-2.6-4.6-4.5-9.3-4.5-5.7,0-9.3,1.7-11,4.1V23.9H106.6V15.1h-8c0,6-1.6,8.8-9.5,8.8H73.7V32h5.5V42.4c0,4.2-2.1,7.3-6.6,7.3-3.9,0-4.9-2.6-4.9-6V23.9H54.4C52,10.9,42.6.2,27.6.2,10.2.2.2,13,.2,29.7c0,16.2,10.9,28.8,27.4,28.8m104.7-7c-4.8,0-6.9-2.2-9.2-5.8H111.7c.2,3.7.1,5.7-2.3,5.7s-2.7-2.5-2.7-4.5v-15h9.2a8.6,8.6,0,0,0-.1,1.6c0,15.2,20.9,9.1,20.9,15.4,0,2.1-2.6,2.6-4.4,2.6M146,49.6a19.48,19.48,0,0,0,.2-2.5c0-14.5-21.1-8.6-21.1-14.6,0-2,2.6-2.3,4.9-2.3,3.3,0,5.2,1,6.7,4.2h8.7V32h6V49.7H146Zm-116.9.2c-8.2.1-13.2-13-13.2-24.5,0-6.6,2.5-16.7,10.1-16.7,10,0,13.3,16.1,13.3,24,0,7.4-2.4,17.2-10.2,17.2m153,.3c-5.5,0-6.7-5.5-6.7-9.9s1.7-9.1,6.9-9.1c4.1,0,6.2,3.9,6.2,7.8v3.3c0,3.9-2,7.9-6.4,7.9m30.5-12.9c.7-4.9,3.2-6.7,6.3-6.7,4.2,0,5.7,2.5,6,6.7ZM151,21.4h9.5V12.7H151Z" fill="#fff"/></svg>');
}

.modal-content {
  position: fixed;
  z-index: -5;
  max-height: 80vh;
  width: calc(100vw + 20px);
  max-width: 1200px;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}

@media only screen and (min-width: 59.375em) {
  .modal-content {
    max-width: 1200px;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.modal-content .article__photo-meta {
  color: #AAB1B7;
  text-align: left;
  padding: 16px 0 0 26px;
  top: 0;
  position: relative;
  width: 100%;
  display: block;
}

@media only screen and (min-width: 59.375em) {
  .modal-content .article__photo-meta {
    padding-left: 0;
  }
}

.modal-content-wrap {
  position: relative;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  height: 100%;
  text-align: center;
  display: inline-block;
}

.fluid-width-video-wrapper {
  clear: both;
}

.modal-video,
.fitvid {
  padding-bottom: 56.25%;
  /* 16:9 */
  margin-top: 25px;
  height: 0;
  width: 100%;
  position: relative;
}

.modal-video iframe,
.modal-video object,
.fitvid iframe,
.fitvid object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-media {
  text-align: center;
  background-color: #fff;
  padding: 10px;
  height: 100%;
  display: inline-block;
}

@media only screen and (min-width: 59.375em) {
  .modal-media {
    padding: 20px;
  }
}

.modal-media img {
  max-height: 100%;
}

@media (min-height: 800px) {
  .modal-media {
    height: auto;
  }
}

.modal-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  color: #fff;
  text-align: center;
  margin: 0 0 10px 0;
  font-size: 22px;
}

@media only screen and (min-width: 31.25em) {
  .modal-title {
    font-size: 28px;
  }
}

@media only screen and (min-width: 59.375em) {
  .modal-title {
    font-size: 32px;
  }
}

p.modal-dek {
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 0;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
}

p.modal-dek a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.modal-close,
.close {
  color: #AAB1B7;
  cursor: pointer;
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 20000050;
  display: none;
  width: 40px;
  height: 40px;
  top: 5px;
  right: 5px;
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.71 25.71"><title>Close Icon</title><polygon points="25.71 0.71 25 0 12.85 12.14 0.71 0 0 0.71 12.15 12.85 0 25 0.71 25.71 12.85 13.56 25 25.71 25.71 25 13.56 12.85 25.71 0.71" fill="#AAB1B7" class="svg-fill" /></svg>');
}

@media only screen and (min-width: 59.375em) {
  .modal-close,
  .close {
    top: 10px;
    right: 10px;
    background-size: 70%;
  }
}

.modal-is-active {
  width: 100%;
}

.modal-is-active .container-inner {
  position: static;
}

.modal-is-active .modal-content {
  z-index: 20000050;
}

.modal-is-active .modal-bg {
  opacity: 1;
  visibility: visible;
  display: block;
}

.modal-is-active .modal-content-wrap {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity .15s ease-out .15s, -webkit-transform .25s ease-out;
  transition: opacity .15s ease-out .15s, -webkit-transform .25s ease-out;
  transition: transform .25s ease-out, opacity .15s ease-out .15s;
  transition: transform .25s ease-out, opacity .15s ease-out .15s, -webkit-transform .25s ease-out;
}

.modal-is-active .modal-close {
  display: block;
}

@media only screen and (min-width: 59.375em) {
  .enlarge {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
}

/**
 * Pager styles
 */
.pager {
  border: 1px solid #E2E2E3;
  text-align: center;
  margin-bottom: 1.66667em;
  padding: 0.66667em;
}

.pager-list {
  display: inline;
}

.pager-prev,
.pager-next {
  text-decoration: none;
  vertical-align: text-bottom;
  padding: 0.21429em 0.42857em 0.21429em 0.42857em;
}

.pager-prev {
  float: left;
}

.pager-next {
  float: right;
}

.pager-item {
  display: inline;
}

.pager-item a {
  color: #D3D6D9;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  text-decoration: none;
  line-height: 1;
  font-size: 0.93333em;
  padding: 0.21429em 0.35714em 0.21429em 0.35714em;
}

.pager-item.active a {
  color: black;
}

.pager-item.active a:hover {
  background-color: transparent;
}

/* @end Pager styles */
/* @group Slats */
.slat-item {
  float: left;
}

.slat-link {
  overflow: hidden;
  text-decoration: none;
  padding-bottom: 0.53333em;
}

.slat-link:hover {
  background-color: transparent;
  text-decoration: none;
}

.slat-link:hover .slat-title {
  background-color: #ffd204;
}

.slat-img {
  float: left;
  width: 22%;
  margin-right: 14px;
  margin-right: 0.875rem;
}

.slat-group {
  float: left;
  width: 70%;
}

.slat-group .slat-section {
  margin-bottom: 0.4em;
  padding-bottom: 0.4em;
  font-size: 0.66667em;
}

.slat-group .slat-title {
  margin: 0;
  font-size: 0.86667em;
}

.slats-stacked .slat-item:nth-child(odd) {
  clear: left;
}

.slats-stacked .slat-item {
  width: 50%;
  float: left;
  text-align: center;
  padding: 0.66667em;
}

.slats-stacked .slat-img {
  width: auto;
  margin-bottom: 0.4em;
}

.slats-stacked .slat-title {
  display: inline;
}

/* @end Slats */
.block-list {
  margin-bottom: 38px;
}

.block-list .list {
  padding-left: 26px;
  margin-bottom: 25px;
}

.block-list .list-item {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 17px;
  margin-bottom: 8px;
}

.block-list .list-item a {
  font-size: 17px;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-decoration: none;
}

.block-list .list-item a:hover {
  background-color: transparent;
  color: #9b1e25;
}

.block-list ol.list .list-item {
  list-style-type: decimal;
}

/**
 * Most Popular Block
 */
.block-list-most-popular .list-item,
.block-list-trending .list-item {
  font-weight: bold;
  color: #E2E2E3;
}

.block-list-most-popular .list-item a,
.block-list-trending .list-item a {
  font-weight: normal;
}

.section-mag-promo h2 a, .section-mag-promo h3 a {
  text-decoration: none;
}

.section-mag-promo h2 a:hover, .section-mag-promo h3 a:hover {
  background-color: transparent;
}

.section-mag-promo .promo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.section-mag-promo .mag-content {
  text-align: center;
  color: black;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 20px 20px 30px;
  margin: 20px;
}

@media only screen and (min-width: 37.5em) {
  .section-mag-promo .mag-content {
    float: left;
    max-width: 250px;
  }
}

.section-mag-promo .mag-content .mag-date {
  margin-bottom: 12px;
}

.section-mag-promo .mag-content .mag-date a {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-style: italic;
  color: #D3D6D9;
  line-height: 1.6;
  font-size: 17px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 8px;
  text-transform: capitalize;
  color: #000;
  padding: 0;
  margin: 0 0 10px;
}

.section-mag-promo .mag-content .mag-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 34px;
  line-height: 1;
  margin: 0 0 12px;
}

.section-mag-promo .mag-content .mag-title span {
  border-bottom: 4px solid #ffd204;
}

.section-mag-promo .mag-content .mag-title a {
  color: black;
}

.section-mag-promo .mag-content .in-issue {
  display: block;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  margin-bottom: 0;
  margin-bottom: 12px;
}

.section-mag-promo .mag-content .in-issue a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 300;
}

.section-mag-promo .mag-content .story-item a {
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
  color: black;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  padding: 4px;
  margin-bottom: 4px;
}

.section-mag-promo .mag-content .story-item a:hover {
  overflow: inherit;
}

.section-mag-promo .subscribe {
  text-align: center;
  padding: 20px 20px 30px;
  background-color: rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 37.5em) {
  .section-mag-promo .subscribe {
    float: right;
  }
}

.section-mag-promo .subscribe .promo-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  color: #ffd204;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 20px;
  font-size: 34px;
}

.section-mag-promo .subscribe .promo-title a {
  color: #ffd204;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 43.75em) {
  .section-mag-promo .subscribe .promo-title {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 62.5em) {
  .section-mag-promo .subscribe .promo-title {
    font-size: 40px;
  }
}

.section-mag-promo .subscribe .promo-img {
  display: block;
  margin: 0 auto 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}

@media only screen and (min-width: 43.75em) {
  .section-mag-promo .subscribe .promo-img {
    width: 200px;
  }
}

.section-mag-promo .subscribe .promo-link {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

.section-mag-promo .subscribe .promo-link:hover {
  background-color: transparent;
}

.section-mag-promo .subscribe .promo-link:hover .btn {
  background-color: #9b1e25;
}

.interjector {
  background-color: white;
  text-align: center;
  position: relative;
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  padding: 0 1.25rem;
  background-color: #f2f2f2;
  -webkit-transition: max-height 0.5s ease-in-out, border-bottom 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out, border-bottom 0.5s ease-in-out;
  z-index: 1;
  border-bottom: 0 solid black;
}

.interjector .int__link-wrap {
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: -webkit-linear-gradient( bottom , transparent 80%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(bottom, transparent 80%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to top, transparent 80%, rgba(0, 0, 0, 0.7) 100%);
}

.interjector .int__heading {
  background-color: #ffd204;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  padding: 10px 10px 6px;
  z-index: 10;
}

@media only screen and (min-width: 37.5em) {
  .interjector .int__heading {
    font-size: 24px;
  }
}

@media only screen and (min-width: 68.75em) {
  .interjector .int__heading {
    font-size: 28px;
  }
}

.interjector.best-towns {
  background-image: url(/sites/all/themes/outside/images/best-towns-2016--s.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  -webkit-transition: height .5 ease-in-out;
  transition: height .5 ease-in-out;
}

@media only screen and (min-width: 37.5em) {
  .interjector.best-towns {
    background-image: url(/sites/all/themes/outside/images/best-towns-2016--m.jpg);
  }
}

@media only screen and (min-width: 68.75em) {
  .interjector.best-towns {
    background-image: url(/sites/all/themes/outside/images/best-towns-2016--l.jpg);
  }
}

.interjector.best-towns .int-img-wrap,
.interjector.best-towns .int-text {
  display: none;
}

.interjector.best-towns .int-inner {
  position: static;
}

.interjector.best-towns .close {
  color: #fff;
  font-weight: 600;
}

.interjector.best-towns.is-active {
  height: 230px;
}

@media only screen and (min-width: 37.5em) {
  .interjector.best-towns.is-active {
    height: 280px;
  }
}

@media only screen and (min-width: 68.75em) {
  .interjector.best-towns.is-active {
    height: 320px;
  }
}

@media only screen and (min-width: 84.375em) {
  .interjector.best-towns.is-active {
    height: 350px;
    background-size: auto 350px;
  }
}

.interjector.holiday {
  background-image: url(/sites/all/themes/outside/images/xmas-interruptor/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.interjector.holiday .int-text p {
  font-family: Georgia, serif;
  font-style: italic;
  line-height: 120%;
}

.interjector.holiday .int-text h1 + p {
  margin-bottom: 0.8rem;
}

.interjector.holiday .btn {
  background-color: #439f2e;
}

.interjector.holiday .int-title {
  margin-bottom: 0.5rem;
}

.interjector.holiday .int-title span {
  color: #9b1e25;
  border-bottom: none;
}

.interjector.holiday .int-img-wrap {
  background-image: none;
}

.interjector.holiday .int-img-wrap--right {
  position: relative;
}

.interjector.holiday .int-img-wrap--right img {
  max-width: none !important;
  width: auto;
}

.interjector.holiday .int-cover-wrap {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: none;
  max-width: none;
}

@media only screen and (min-width: 37.5em) {
  .interjector.holiday .int-cover-wrap {
    max-width: none;
  }
}

@media only screen and (min-width: 68.75em) {
  .interjector.holiday .int-cover-wrap {
    max-width: none;
  }
}

.interjector.is-active {
  border-bottom: 4px solid black;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  max-height: 800px;
  max-height: 50rem;
}

@media only screen and (min-width: 37.5em) {
  .interjector.is-active {
    padding: 0;
  }
}

.interjector .int-inner {
  position: relative;
  overflow: hidden;
  display: table;
  width: 100%;
  padding: 45px 0 10px;
  padding: 2.8125rem 0 0.625rem;
}

@media only screen and (min-width: 37.5em) {
  .interjector .int-inner {
    padding: 0;
    margin: 0 auto;
  }
}

.interjector .close {
  color: black;
  text-decoration: underline;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  z-index: 15;
}

.interjector .int-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 34px;
  font-size: 3.2em;
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
}

.interjector .int-title span {
  border-bottom: 4px solid #ffd204;
}

@media only screen and (min-width: 37.5em) {
  .interjector .int-title {
    font-size: 3.2em;
  }
}

@media only screen and (min-width: 62.5em) {
  .interjector .int-title {
    font-size: 3.73333em;
  }
}

@media only screen and (min-width: 37.5em) {
  .interjector .int-text-alt {
    text-align: left;
  }
}

.interjector .int-text-alt .int-title {
  line-height: 1;
  font-size: 2.2em;
  margin: 0 0 10px;
  margin: 0 0 0.625rem;
}

@media only screen and (min-width: 37.5em) {
  .interjector .int-text-alt .int-title {
    text-align: left;
    margin-top: 14px;
    margin-top: 0.875rem;
    font-size: 2.53333em;
  }
}

@media only screen and (min-width: 62.5em) {
  .interjector .int-text-alt .int-title {
    text-align: center;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}

@media only screen and (min-width: 75em) {
  .interjector .int-text-alt .int-title {
    font-size: 2.93333em;
  }
}

.interjector .int-text-alt p {
  line-height: 1;
  font-size: 1.06667em;
  margin: 0 0 12px;
  margin: 0 0 0.75rem;
}

.interjector .int-text-alt .btn {
  margin-top: 18px;
  margin-top: 1.125rem;
}

.interjector p {
  font-size: 1.33333em;
  margin: 0 0 16px;
  margin: 0 0 1rem;
}

.interjector .int-text a {
  text-decoration: none;
}

.interjector .int-text h1 + p {
  margin: 0 0 8px;
  margin: 0 0 0.5rem;
}

.interjector .int-text p {
  font-family: "Guardian Egyptian Web", Georgia, serif;
}

@media only screen and (min-width: 37.5em) {
  .interjector .int-text {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 0 20px 30px;
    padding: 1.875rem 0 1.25rem 1.875rem;
  }
}

@media only screen and (min-width: 62.5em) {
  .interjector .int-text {
    text-align: center;
    padding: 30px;
    padding: 1.875rem;
  }
}

.interjector .int-img-wrap a:hover {
  background-color: transparent;
}

.interjector .int-cover-wrap {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  max-width: 150px;
  max-width: 9.375rem;
}

@media only screen and (min-width: 37.5em) {
  .interjector .int-cover-wrap {
    max-width: 166px;
    max-width: 10.375rem;
  }
}

@media only screen and (min-width: 62.5em) {
  .interjector .int-cover-wrap {
    background-position: center bottom -16px;
  }
}

@media only screen and (min-width: 68.75em) {
  .interjector .int-cover-wrap {
    max-width: 184px;
    max-width: 11.5rem;
  }
}

.interjector .int-img-wrap--left {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  background: transparent url("/sites/all/themes/outside/images/designimages/outside-covers-fan.png") no-repeat center bottom -25px;
  background-size: 250px;
  box-shadow: inset 0 -16px 25px -15px rgba(0, 0, 0, 0.2);
  display: none;
}

@media only screen and (min-width: 37.5em) {
  .interjector .int-img-wrap--left {
    display: block;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: bottom;
    background-position: center bottom -12px;
    width: 270px;
    width: 16.875rem;
    background-size: 270px;
    box-shadow: none;
  }
}

@media only screen and (min-width: 62.5em) {
  .interjector .int-img-wrap--left {
    background-position: center bottom -16px;
  }
}

@media only screen and (min-width: 68.75em) {
  .interjector .int-img-wrap--left {
    background-size: 300px;
    width: 300px;
    width: 18.75rem;
  }
}

.interjector .int-img-wrap--right {
  display: none;
}

.interjector .int-img-wrap--right img {
  width: 204px;
  width: 12.75rem;
  margin: 0 0 -78px 30px;
  margin: 0 0 -4.875rem 1.875rem;
  background: transparent no-repeat center center;
  background-size: 80%;
}

@media only screen and (min-width: 62.5em) {
  .interjector .int-img-wrap--right {
    display: table-cell;
    vertical-align: middle;
    width: 260px;
    width: 16.25rem;
  }
}

.part-link {
  text-decoration: none;
}

.part-link:hover {
  text-decoration: none;
}

/*------------------------------------*    $BLOCKS
\*------------------------------------*/
.block--with-border {
  border-bottom: 1px solid #D3D6D9;
}

.block-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-transform: none;
  font-weight: bold;
  margin: 12px 0;
}

.block-recirc {
  overflow: hidden;
}

@media only screen and (min-width: 59.375em) {
  .block-recirc {
    margin-top: 30px;
  }
}

.block-elsewhere {
  margin-top: 0;
  margin-bottom: 50px;
}

.block-subscribe {
  overflow: hidden;
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .block-subscribe.block {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    max-width: 300px;
    max-width: 18.75rem;
  }
}

.block-subscribe-cover {
  float: left;
  display: block;
  margin-right: 1.49254%;
  width: 42.91045%;
}

.block-subscribe-cover:last-child {
  margin-right: 0;
}

.block-subscribe-img {
  width: 100%;
  position: relative;
}

.block-subscribe-img:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 10px;
  width: 105px;
  height: 95px;
  background-image: url(/sites/all/themes/outside/images/designimages/ribbon.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.block-subscribe-promo {
  font-size: 86.66667%;
}

.block-subscribe-form {
  width: 100%;
}

.block-subscribe-form-wrap {
  float: left;
  display: block;
  margin-right: 1.49254%;
  width: 49.25373%;
  margin-right: 0;
  float: right;
}

.block-subscribe-form-wrap:last-child {
  margin-right: 0;
}

.block-subscribe-form-item {
  display: block;
  width: 100%;
  margin-bottom: 0.8em;
}

.block-subscribe-form-item-wrap {
  margin-bottom: 0.8em;
}

.block-subscribe-form-state,
.block-subscribe-form-zip {
  float: left;
  display: block;
  margin-right: 3.0303%;
  width: 48.48485%;
  margin: 0;
}

.block-subscribe-form-state:last-child,
.block-subscribe-form-zip:last-child {
  margin-right: 0;
}

.block-subscribe-form-state {
  font-size: 106.66667%;
  margin-top: 0.2em;
}

.block-subscribe-form-zip {
  margin-right: 0;
  float: right;
}

@media only screen and (min-width: 59.375em) {
  .ad-block-160x600.block {
    display: block;
    width: 100%;
    float: none;
  }
}

.block-small-print {
  color: #D3D6D9;
}

.block-small-print a {
  color: #D3D6D9;
}

.block-title-group {
  background-color: black;
  padding: 0.8em 0.4em 0.8em 0.4em;
}

.block-title-alt,
.block-subtitle-alt {
  text-align: center;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  color: white;
  margin: 0;
  text-transform: uppercase;
}

.block-title-alt {
  font-size: 153.33333%;
  line-height: 1.13043;
}

.block-subtitle-alt {
  font-size: 100%;
  line-height: 1.13333;
}

.block {
  padding-bottom: 26px;
  overflow: hidden;
  margin-bottom: 10px;
}

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

.block a:hover .b-title {
  text-decoration: underline;
}

.block a:hover p {
  text-decoration: none;
}

.block a p {
  color: black;
}

.block .eyebrow {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: bold;
  font-size: 12px;
}

.b-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: 300;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.b-thumb {
  line-height: 0;
  margin: 0 auto 10px;
  margin: 0 auto 0.625rem;
}

/* Block Thumbnail Variations with Headline */
.block-thumb.block-right .b-thumb, .block-thumb.block-left .b-thumb {
  display: table-cell;
  vertical-align: top;
  width: 35%;
  margin-left: 0;
}

.block-thumb.block-right .b-thumb img, .block-thumb.block-left .b-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.block-thumb.block-right .b-text, .block-thumb.block-left .b-text {
  padding: 0 14px;
  padding: 0 0.875rem;
  display: table-cell;
  width: 65%;
}

/**
 * Block Thumb
 */
.block-thumb.block-center, .block-thumb.block-flex {
  display: table;
  width: 100%;
  text-align: center;
}

.block-thumb.block-center .b-inner, .block-thumb.block-flex .b-inner {
  display: table-row;
  vertical-align: top;
  overflow: hidden;
}

@media only screen and (min-width: 37.5em) {
  .block-thumb.block-flex {
    text-align: left;
  }
}

.block-thumb.block-flex .b-thumb {
  max-width: 200px;
  max-width: 12.5rem;
}

@media only screen and (min-width: 37.5em) {
  .block-thumb.block-flex .b-thumb {
    display: table-cell;
    vertical-align: top;
    width: 30%;
    margin-left: 0;
  }
  .block-thumb.block-flex .b-thumb img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.block-thumb.block-flex .b-text {
  padding: 0 14px;
  padding: 0 0.875rem;
}

@media only screen and (min-width: 37.5em) {
  .block-thumb.block-flex .b-text {
    display: table-cell;
    width: 70%;
    padding: 0 0 0 24px;
    padding: 0 0 0 1.5rem;
  }
}

.block-thumb.block-right .b-text {
  padding-left: 0;
}

/**
 * Block Inset
 */
.block-inset {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.block-inset .b-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px;
}

.block-inset .b-text:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 150px;
  height: 9.375rem;
  background-color: transparent;
  background-image: -webkit-linear-gradient(transparent, black);
  background-image: linear-gradient(transparent, black);
  background-color: transparent;
}

@media only screen and (min-width: 62.5em) {
  .block-inset .b-text {
    padding-bottom: 30px;
  }
}

.block-inset .b-thumb {
  margin: 0;
}

.block-inset .unify {
  position: relative;
  z-index: 10;
}

.block-inset .b-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.block-inset .b-link {
  display: block;
}

.block-inset .b-title,
.block-inset .b-title a,
.block-inset .byline,
.block-inset .page-channel .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news
.block-inset .views-field-field-author-bio,
.block-inset .byline a,
.block-inset .page-channel .hero-alpha-news .views-field-field-author-bio a, .page-channel .hero-alpha-news
.block-inset .views-field-field-author-bio a,
.block-inset p {
  color: #fff;
}

.block-inset p {
  line-height: 1.35;
  margin: 0;
  font-size: 15px;
}

/**
 * Most Popular Block Specific
 */
.most-popular-content-list {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.most-popular-content-list .block-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 34px;
  margin-bottom: 25px;
}

.most-popular-content-list .block-title span {
  border-bottom: 4px solid #ffd204;
}

/**
 * Floating Header (used on Collection pages)
 */
.floating-header {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.floating-header__inner {
  padding: 14px 1.25rem 8px;
  background-color: #ffd204;
  display: inline-block;
}

.floating-header__title {
  margin: 0;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: 700;
  line-height: 1;
  font-size: 22px;
  max-width: 600px;
}

@media only screen and (min-width: 31.25em) {
  .floating-header__title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 43.75em) {
  .floating-header__title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 62.5em) {
  .floating-header__title {
    font-size: 50px;
  }
}

.floating-header__dek {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

@media only screen and (min-width: 56.25em) {
  .floating-header__dek {
    display: block;
  }
}

.anchor-arrow {
  background-color: #000;
  color: #ffd204;
  text-decoration: none;
  display: inline-block;
  padding: 4px 28px 2px;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  width: 88px;
  height: 31px;
  left: 50%;
  bottom: -31px;
  margin-left: -44px;
  z-index: 20;
}

.collection__bundles .ad__billboard,
.collection__bundles .ad-block:not(.has-bg),
.collection__bundles .section-bottom-margin:not(:last-child) {
  margin-bottom: 0;
  padding: 0;
}

/**
 * Native collections
 */
.collection-type-native .floating-header__inner {
  background-color: rgba(226, 226, 227, 0.75);
}

.collection-type-native .bundle__channel-title span:after,
.collection-type-native .anchor-arrow:hover {
  background-color: #08c;
}

.collection-type-native .anchor-arrow:hover {
  color: #fff;
}

/**
 * Hero block with inset title/dek
 */
.hero-inset {
  position: relative;
  overflow: hidden;
}

.hero-inset:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 250px;
  height: 15.625rem;
  background-color: transparent;
  background-image: -webkit-linear-gradient(transparent, black);
  background-image: linear-gradient(transparent, black);
  background-color: transparent;
}

.hero-inset:before {
  z-index: 5;
}

.hero-inset .hero-inset__sponsor-link {
  float: none;
  margin-bottom: 14px;
}

@media only screen and (min-width: 56.25em) {
  .hero-inset .hero-inset__sponsor-link {
    position: absolute;
    right: 1.25rem;
    bottom: 70px;
  }
}

.hero-inset__img {
  max-height: 700px;
}

.hero-inset__img img {
  width: 100%;
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .hero-inset__video {
    height: 50vh;
  }
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .hero-inset__video video {
    height: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media only screen and (min-width: 43.75em) {
  .hero-inset__video video {
    width: 100%;
  }
}

.hero-inset__img--fallback {
  display: none;
}

.touch .hero-inset__img--fallback {
  display: block;
}

.touch .hero-inset__video {
  display: none;
}

.hero-inset__img-link {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 56.25em) {
  .hero-inset__text-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.hero-inset__text {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1.25rem 25px;
  width: 100%;
  z-index: 10;
}

@media only screen and (min-width: 56.25em) {
  .hero-inset__text {
    padding-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 81.25em) {
  .hero-inset__text {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.hero-inset__text .cluster-link {
  color: #fff;
}

.hero-inset__text .cluster-link:hover {
  color: #ffd204;
}

.hero-inset__text .arrow {
  background-color: #fff;
}

.hero-inset__text .arrow:after {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

@media only screen and (min-width: 56.25em) {
  .longform__hero .hero-inset__text {
    padding-bottom: 1.25rem;
  }
}

.hero-inset__text .article-author a {
  color: #fff;
}

.hero-inset__text .article-author a:hover {
  color: #fff;
}

@media only screen and (min-width: 0) and (max-width: 56.25em) {
  .hero-inset__text .article-author,
  .hero-inset__text .article-date,
  .hero-inset__text .landing-post-content time, .landing-post-content
  .hero-inset__text time {
    margin-bottom: 0;
  }
}

.hero-inset__text-link {
  text-decoration: none;
  max-width: 650px;
  display: block;
}

.hero-inset__text-link:hover:hover {
  background-color: transparent;
  text-decoration: none;
}

.hero-inset__text-link:hover .hero-inset__title {
  color: #ffd204;
}

.hero-inset__title {
  margin-top: 0;
  max-width: 700px;
  line-height: 1;
  margin-bottom: 0.625rem;
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .hero-inset__title {
    font-size: 24px;
    line-height: 1.2;
  }
}

.hero-inset__dek {
  color: #E2E2E3;
  margin: 0;
  display: none;
}

@media only screen and (min-width: 31.25em) {
  .hero-inset__dek {
    display: block;
  }
}

.hero-inset__social {
  display: none;
}

.hero-inset__social .st-share-count {
  display: none;
}

@media only screen and (min-width: 56.25em) {
  .hero-inset__social {
    display: block;
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
  }
}

/**
 * Newsletter Tout
 */
.block__newletter-tout {
  background-color: #ffd204;
  position: relative;
  padding: 20px 15px;
}

@media only screen and (min-width: 43.75em) {
  .block__newletter-tout {
    position: absolute;
    bottom: 0;
    z-index: 10;
  }
}

/**
 * Podcast Tout
 */
.block__podcast-tout {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 43.75em) {
  .block__podcast-tout {
    position: absolute;
    bottom: 30px;
    z-index: 10;
  }
}

/**
 * Bundle Style Update
 */
.bundle {
  overflow: hidden;
  /**
   * Bundle versions
   */
}

@media only screen and (min-width: 31.25em) {
  .bundle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
  }
}

.bundle__title-block {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .bundle__title-block {
    padding: 50px;
  }
}

.bundle__title-content {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  padding: 20px;
}

.bundle__heading {
  margin: 0 0 14px;
  font-size: 34px;
}

.bundle__heading:after {
  content: '';
  display: block;
  width: 100px;
  margin: 6px auto;
  border-bottom: 5px solid #ffd204;
}

@media (min-width: 50em) and (max-width: 62.5em) {
  .bundle__heading {
    font-size: 28px;
  }
}

.bundle__channel-title {
  padding: 0;
  margin: 0;
}

.bundle__channel-title:after {
  content: '';
  display: block;
  margin: 15px auto;
  width: 100px;
  border-bottom: 5px solid #ffd204;
}

.bundle__byline.byline, .page-channel .hero-alpha-news .bundle__byline.views-field-field-author-bio {
  white-space: normal;
}

.bundle__item {
  z-index: 10;
}

@media only screen and (min-width: 31.25em) {
  .bundle__item {
    width: 50%;
  }
}

@media only screen and (min-width: 50em) {
  .bundle__item {
    width: 25%;
  }
}

@media only screen and (min-width: 50em) {
  .bundle__item--big {
    width: 50%;
  }
}

.bundle__link {
  display: block;
  overflow: hidden;
}

.bundle__link:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 200px;
  height: 12.5rem;
  background-color: transparent;
  background-image: -webkit-linear-gradient(transparent, black);
  background-image: linear-gradient(transparent, black);
  background-color: transparent;
}

.bundle__content {
  position: absolute;
  width: 100%;
  padding: 14px;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.bundle__title {
  font-size: 22px;
}

@media (min-width: 31.25em) and (max-width: 68.75em) {
  .bundle__title {
    font-size: 18px;
  }
}

@media (min-width: 50em) and (max-width: 56.25em) {
  .bundle__title {
    font-size: 15px;
  }
}

.bundle__media:after {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -3%;
}

.bundle__count--1 {
  width: 305px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 31.25em) {
  .bundle__count--1 {
    width: 100%;
  }
}

@media (min-width: 31.25em) and (max-width: 68.75em) {
  .bundle__count--1 {
    max-width: 610px;
  }
}

.bundle__count--1 .bundle__item {
  width: 100%;
}

@media only screen and (min-width: 31.25em) {
  .bundle__count--1 .bundle__item {
    width: 50%;
  }
}

@media only screen and (min-width: 68.75em) {
  .bundle__count--1 .bundle__item {
    width: 25%;
  }
}

.bundle__count--1 .bundle__position--0 {
  width: 100%;
}

.bundle__count--1 .bundle__position--0 img {
  width: 100%;
}

@media only screen and (min-width: 31.25em) {
  .bundle__count--1 .bundle__position--0 {
    width: 50%;
  }
}

@media only screen and (min-width: 68.75em) {
  .bundle__count--1 .bundle__position--0 {
    width: 75%;
  }
}

@media only screen and (min-width: 50em) {
  .bundle--4up {
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .bundle--4up .bundle__title-block {
    position: relative;
  }
  .bundle--4up .bundle__title-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 200px;
  }
  .bundle--4up .bundle__position--3 {
    background-color: #000;
  }
  .bundle--4up .bundle__position--4,
  .bundle--4up .bundle__position--5 {
    position: absolute;
    width: 25%;
    height: 50%;
    z-index: 10;
    left: 0;
    bottom: 0;
  }
  .bundle--4up .bundle__position--5 {
    left: auto;
    right: 0;
  }
}

.bundle--with-large-sq .bundle__title-content {
  top: 25%;
}

@media (min-width: 31.25em) and (max-width: 50em) {
  .bundle__item--horiz--medium, .bundle__item--horiz {
    width: 100%;
  }
}

@media only screen and (min-width: 50em) {
  .bundle__item--horiz {
    width: 50%;
    z-index: 0;
    position: absolute;
    height: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bundle__item--horiz.bundle__position--7 {
    bottom: 0;
    right: 0;
  }
}

.bundle__group--with-ad {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.bundle__group--with-ad .bundle__ad {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media only screen and (min-width: 50em) {
  .bundle__group--with-ad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .bundle__group--with-ad .bundle__ad {
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 50em) and (max-width: 62.5em) {
  .bundle__group--with-ad .bundle__media:after {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (min-width: 50em) {
  .bundle--4up--with-ad {
    width: calc(100% - 305px);
    position: relative;
  }
  .bundle--4up--with-ad .bundle__item {
    width: 33.3333%;
    z-index: 10;
    overflow: hidden;
  }
  .bundle--4up--with-ad .bundle__item--horiz {
    position: absolute;
    left: 33.3333%;
    top: 50%;
    height: 50%;
    width: 66.6666%;
    z-index: 5;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.bundle__partners {
  position: relative;
}

.bundle__partners .bundle__item {
  z-index: 10;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .bundle__carousel .bundle__title-block {
    width: 100%;
    padding: 50px;
  }
}

@media only screen and (min-width: 50em) {
  .bundle__carousel-wrap {
    width: 75%;
  }
}

.bundle-style-image .bundle__media:after {
  margin-top: 0;
}

.section-bundle__sp-native .bundle__channel-title {
  font-style: normal;
  font-size: 14px;
  color: #08c;
  white-space: nowrap;
  text-transform: uppercase;
}

.section-bundle__sp-native .bundle__channel-title:after {
  border-bottom-color: #08c;
}

.ask-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  background-color: #E2E2E3;
}

.ask-block__inner {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ask-block__headings {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  width: 100%;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .ask-block__image {
    display: none;
  }
}

.ask-block__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px;
  width: 100%;
}

@media only screen and (min-width: 50em) {
  .ask-block__content {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
  }
}

.ask-block__link {
  display: block;
  width: 100%;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.ask-block__link:hover .bundle__channel-title,
.ask-block__link:hover .bundle__name {
  color: #5c656c;
}

.ask-block__cta {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

@media only screen and (min-width: 50em) {
  .ask-block__author {
    color: #ffd204;
  }
}

/*------------------------------------*    $SECTIONS
\*------------------------------------*/
/**
 * Gear Finder
 */
.page-gear-reviews .main-content {
  padding-top: 0;
}

.page-gear-reviews .page-title {
  color: white;
  text-align: center;
  float: none;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  margin-top: 85px;
  font-size: 60px;
}

@media only screen and (min-width: 31.25em) {
  .page-gear-reviews .page-title {
    font-size: 70px;
  }
}

@media only screen and (min-width: 46.875em) {
  .page-gear-reviews .page-title {
    margin-top: 105px;
    font-size: 80px;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-gear-reviews .page-title {
    font-size: 100px;
  }
}

.page-gear-reviews .column-header {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  margin-bottom: 16px;
  font-weight: bold;
}

.page-gear-reviews .column-header span {
  color: #D3D6D9;
}

.page-gear-reviews .column-header .svg-icon {
  float: right;
  width: 35px;
}

@media only screen and (min-width: 50em) {
  .page-gear-reviews .wrap-leaderboard {
    display: none;
  }
}

.page-gear-reviews .main-content-wrap {
  max-width: none;
}

.page-gear-reviews .col1-inner {
  padding-top: 14px;
  padding-top: 0.875rem;
}

.page-gear-reviews .left-nav-title {
  padding-top: 14px;
  padding-top: 0.875rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.page-gear-reviews .intro-img {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  background-size: cover;
}

@media only screen and (min-width: 37.5em) {
  .page-gear-reviews .intro-img {
    height: 300px;
    height: 18.75rem;
  }
}

@media only screen and (min-width: 46.875em) {
  .page-gear-reviews .intro-img {
    height: 400px;
    height: 25rem;
  }
}

.page-gear-reviews .block-thumb {
  clear: both;
  border-bottom: 1px solid #E2E2E3;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.page-gear-reviews .block-thumb p {
  margin: 0 0 0.75rem;
}

.page-gear-reviews .b-thumb a {
  display: block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.page-gear-reviews .b-thumb a:hover {
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
}

.page-gear-reviews .article-date, .page-gear-reviews .landing-post-content time, .landing-post-content .page-gear-reviews time {
  margin-bottom: 0;
}

.page-gear-reviews .b-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  margin-top: 0;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

@media only screen and (min-width: 46.875em) {
  .page-gear-reviews .b-title {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.page-gear-reviews .b-title a {
  text-decoration: none;
}

@media only screen and (min-width: 46.875em) {
  .page-gear-reviews .flipped .pad {
    padding-right: 0;
  }
  .page-gear-reviews .flipped .col2-static {
    width: 200px;
    width: 12.5rem;
    float: left;
  }
  .page-gear-reviews .flipped .col1-inner {
    margin-left: 240px;
    margin-left: 15rem;
    padding-right: 10px;
    padding-right: 0.625rem;
  }
}

.page-gear-reviews .read-more {
  float: right;
  text-decoration: none;
}

.page-gear-reviews .read-more .icon, .page-gear-reviews .read-more .customSelectInner:before, .page-gear-reviews .read-more .item-list .pager-previous a, .item-list .pager-previous .page-gear-reviews .read-more a, .page-gear-reviews .read-more .item-list .pager-next a, .item-list .pager-next .page-gear-reviews .read-more a, .page-gear-reviews .read-more .rsArrowIcn {
  font-size: 11px;
  font-size: 0.6875rem;
}

.left-nav {
  position: relative;
  z-index: 100;
}

.left-nav .icon, .left-nav .customSelectInner:before, .left-nav .item-list .pager-previous a, .item-list .pager-previous .left-nav a, .left-nav .item-list .pager-next a, .item-list .pager-next .left-nav a, .left-nav .rsArrowIcn {
  display: none;
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .left-nav.is_stuck {
    padding: 0 6.34328% 0 6.34328%;
  }
}

@media only screen and (min-width: 31.25em) and (max-width: 46.875em) {
  .left-nav.is_stuck {
    padding-left: 10px;
    padding-left: 0.625rem;
    padding-right: 10px;
    padding-right: 0.625rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 46.875em) {
  .left-nav {
    background-color: white;
    box-shadow: 0 0 0 transparent;
  }
  .left-nav .icon, .left-nav .customSelectInner:before, .left-nav .item-list .pager-previous a, .item-list .pager-previous .left-nav a, .left-nav .item-list .pager-next a, .item-list .pager-next .left-nav a, .left-nav .rsArrowIcn {
    display: block;
    padding: 20px;
    padding: 1.25rem;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: -15px;
    margin-right: -0.9375rem;
  }
  .left-nav.is_stuck {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  }
}

@media only screen and (min-width: 0) and (max-width: 46.875em) {
  .left-nav .nav-list {
    display: none;
  }
}

.left-nav .nav-list .is-active {
  background-color: #E2E2E3;
}

.left-nav.is-active .nav-list {
  display: block;
}

.left-nav.is-active .icon, .left-nav.is-active .customSelectInner:before, .left-nav.is-active .item-list .pager-previous a, .item-list .pager-previous .left-nav.is-active a, .left-nav.is-active .item-list .pager-next a, .item-list .pager-next .left-nav.is-active a, .left-nav.is-active .rsArrowIcn {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.left-nav .nav-list a {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: 300;
  display: block;
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid #E2E2E3;
  padding: 10px;
  padding: 0.625rem;
  font-size: 18px;
  font-size: 1.125rem;
}

.left-nav .nav-list .svg-icon {
  position: absolute;
  width: 30px;
  width: 1.875rem;
  right: 10px;
  right: 0.625rem;
  top: 7px;
  top: 0.4375rem;
}

/**
 * Single Newsletter node
 */
.node-newsletter {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

@media only screen and (min-width: 50em) {
  .node-newsletter {
    padding-top: 20%;
    padding-bottom: 20%;
  }
}

/**
 * Alpha featured links section.
 */
.alpha-featured-bundle {
  padding-top: 30%;
  background-size: 100%;
  background-position: center top;
}

@media only screen and (min-width: 37.5em) {
  .alpha-featured-bundle {
    padding-top: 0;
    background-size: cover;
  }
}

.alpha-featured-links {
  background-color: #fff;
  padding: 1.875rem;
  max-width: 24.375rem;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 37.5em) {
  .alpha-featured-links {
    background-color: rgba(255, 255, 255, 0.85);
    margin-top: 0;
    min-height: 450px;
    width: 50%;
    margin-left: auto;
    margin-right: 0;
  }
}

.alpha-featured-link {
  font-size: 18px;
  margin-bottom: 1.25rem;
}

.alpha-featured-link:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 50em) {
  .alpha-featured-link {
    font-size: 20px;
  }
}

/**
 * Recirc Section
 */
.js .recirc {
  display: none;
}

.recirc {
  clear: both;
  position: relative;
  width: 100%;
  padding: 25px 20px 150px;
  margin-top: 50px;
  margin-bottom: -150px;
  text-align: center;
  z-index: 10;
}

.recirc:before {
  content: '';
  display: block;
  background: inherit;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  position: absolute;
  -webkit-transform: skewY(-2.5deg);
          transform: skewY(-2.5deg);
  -webkit-transform-origin: 0%;
          transform-origin: 0%;
  z-index: -1;
}

.recirc__inner {
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 50em) {
  .recirc__inner {
    max-width: 830px;
  }
}

.recirc__heading {
  margin-top: 0;
  margin-bottom: 30px;
}

.recirc__grid {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.recirc__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-width: 210px;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .recirc__item:nth-child(2) .recirc__image, .recirc__item:nth-child(3) .recirc__image {
    border-radius: 100%;
    overflow: hidden;
    margin: 10px 24px;
  }
}

@media only screen and (min-width: 50em) {
  .recirc__item:nth-child(even) .recirc__image {
    border-radius: 100%;
    overflow: hidden;
    margin: 10px 24px;
  }
}

.recirc__link {
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

.recirc__link:hover {
  background-color: #fff;
}

.recirc__link:hover .recirc__title {
  color: #9b1e25;
}

.recirc__title {
  margin: 0;
  line-height: 1.3;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.recirc__text {
  padding: 0 15px 15px;
}

.recirc .recirc__byline {
  width: 100%;
  white-space: normal;
  line-height: 1.4;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .recirc__btn {
    width: 100%;
    max-width: 410px;
  }
}

/*------------------------------------*    $PAGE STRUCTURE
\*------------------------------------*/
.main-header {
  background-color: white;
  border-bottom: 1px dotted #000;
}

.main-header:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 59.375em) {
  .main-header.header-full {
    border-bottom: none;
  }
}

.has-minimal-header .main-header {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.8), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.8), transparent);
  background-color: transparent;
  border-bottom: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 55px;
  width: 100%;
  z-index: 50000;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.mh-btm.pad {
  background-color: white;
  position: relative;
  padding: 8px 16px 8px 16px;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-top: 1px solid black;
}

@media only screen and (min-width: 59.375em) {
  .mh-btm.pad {
    border: none;
  }
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .header-full .mh-btm {
    padding-top: 0;
    padding-bottom: 0.4em;
  }
}

@media only screen and (min-width: 76.25em) {
  body:not(.has-minimal-header) .header-full .mh-btm {
    padding-left: 0;
    padding-right: 0;
    border: none;
  }
}

.has-minimal-header .mh-btm {
  background-color: transparent;
  border-top: none;
}

.ad-block-leaderboard {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 10px 0 0;
  position: relative;
  z-index: 1000;
}

.ad-block-leaderboard .advertisement {
  display: inline-block;
}

.mh-search {
  padding: 10px;
  padding: 0.625rem;
  background-color: #D3D6D9;
  position: relative;
  width: 100%;
  margin-top: 0;
  height: 70px;
  height: 4.375rem;
}

@media only screen and (min-width: 59.375em) {
  .mh-search {
    padding: 0;
    height: 40px;
    height: 2.5rem;
    background-color: white;
    border-top: none;
    text-align: right;
    padding-right: 0.25rem;
  }
  .mh-search form {
    border: 1px solid black;
    width: 450px;
    width: 28.125rem;
    display: inline-block;
  }
}

.js .mh-search {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.js .mh-search {
  margin-top: -71px;
  margin-top: -4.4375rem;
}

@media only screen and (min-width: 59.375em) {
  .js .mh-search {
    margin-top: -40px;
    margin-top: -2.5rem;
  }
}

.mh-profile-list {
  overflow: hidden;
}

.is-active.mh-search {
  margin-top: 0;
}

@media only screen and (min-width: 59.375em) {
  .is-active.mh-search {
    padding-top: 0.375rem;
  }
}

.is-active.mh-search {
  z-index: 5;
}

@media only screen and (min-width: 59.375em) {
  .is-active.mh-search {
    padding-top: 0.25rem;
    margin-bottom: 0.3125rem;
  }
}

.mh-form-wrap {
  background-color: white;
}

.mh-form-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.mh-form-wrap .icon-search {
  float: left;
  display: block;
  text-align: center;
  color: #D3D6D9;
  padding: 18px 0px 18px 10px;
  padding: 1.125rem 0rem 1.125rem 0.625rem;
  height: 50px;
  height: 3.125rem;
}

@media only screen and (min-width: 59.375em) {
  .mh-form-wrap .icon-search {
    padding: 10px 0 0 10px;
    padding: 0.625rem 0 0 0.625rem;
    height: 35px;
    height: 2.1875rem;
  }
}

.js .mh-form-wrap {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.is-active .mh-form-wrap {
  margin-top: 0;
}

.mh-search-text.roomy {
  width: 60%;
  float: left;
  border: none;
  padding-right: 8px;
  padding-right: 0.5rem;
}

@media only screen and (min-width: 37.5em) {
  .mh-search-text.roomy {
    width: 66%;
  }
}

@media only screen and (min-width: 59.375em) {
  .mh-search-text.roomy {
    width: 63%;
    padding: 6px 0 6px 10px;
    padding: 0.375rem 0 0.375rem 0.625rem;
    height: 35px;
    height: 2.1875rem;
  }
}

.mh-search .btn-submit {
  width: 29%;
  float: right;
}

@media only screen and (min-width: 59.375em) {
  .mh-search .btn-submit {
    padding: 6px 0;
    padding: 0.375rem 0;
    height: 35px;
    height: 2.1875rem;
  }
}

.mh-toggle-btns {
  position: absolute;
  right: 0;
  top: 0;
}

/**
 * Toggle icons
 */
.mh-show-search,
.mh__newsletter-link {
  position: absolute;
  background-color: transparent;
  color: black;
  text-decoration: none;
  font-size: 20px;
  right: 10px;
  top: 5px;
  padding: 10px;
  height: 40px;
  z-index: 5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.mh-show-search.is-active, .mh-show-search:hover,
.mh__newsletter-link.is-active,
.mh__newsletter-link:hover {
  background-color: transparent;
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mh-show-search, body:not(.has-minimal-header)
  .mh__newsletter-link {
    top: 6px;
    font-size: 22px;
  }
}

.mh__newsletter-link {
  right: 51px;
  font-size: 22px;
  top: 5px;
}

@media only screen and (min-width: 59.375em) {
  .mh__newsletter-link {
    top: 15px;
    right: 50px;
  }
}

.mh__newsletter-count {
  position: absolute;
  left: 3px;
  top: 4px;
  width: 15px;
  height: 15px;
  font-size: 11px;
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
}

.has-minimal-header .mh-show-search,
.has-minimal-header .mh__newsletter-link,
.has-minimal-header .mh-nav-btn {
  opacity: .6;
  background-color: white;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.has-minimal-header .mh-show-search.is-active, .has-minimal-header .mh-show-search:hover, .has-minimal-header .mh-show-search:focus,
.has-minimal-header .mh__newsletter-link.is-active,
.has-minimal-header .mh__newsletter-link:hover,
.has-minimal-header .mh__newsletter-link:focus,
.has-minimal-header .mh-nav-btn.is-active,
.has-minimal-header .mh-nav-btn:hover,
.has-minimal-header .mh-nav-btn:focus {
  opacity: 1;
  color: black;
  outline: none;
}

.has-minimal-header.menu-open .mh-nav-btn {
  opacity: 1;
  color: black;
}

.has-minimal-header .mh-show-search,
.has-minimal-header .mh__newsletter-link {
  top: 10px;
  right: 10px;
}

.has-minimal-header .mh__newsletter-link {
  right: 56px;
  display: none;
}

@media only screen and (min-width: 25em) {
  .has-minimal-header .mh__newsletter-link {
    display: block;
  }
}

.branding {
  position: relative;
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .header-full .branding {
    position: absolute;
    z-index: 100;
    top: 8px;
    top: 0.5rem;
    max-width: 165px;
  }
}

@media only screen and (min-width: 76.25em) {
  body:not(.has-minimal-header) .header-full .branding {
    left: 12px;
    left: 0.75rem;
  }
}

.outside-logo {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 125px;
}

.outside-logo:hover {
  background-color: transparent;
}

.header-full .outside-logo {
  padding-top: 3px;
  max-width: 100px;
}

.header-full .outside-logo img {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 59.375em) {
  .header-full .outside-logo {
    max-width: 150px;
    text-align: left;
    margin: 0;
    padding-top: 0;
  }
}

@media only screen and (min-width: 50em) {
  .has-minimal-header .outside-logo {
    max-width: 140px;
    margin: 0 auto;
    text-align: center;
  }
}

.has-minimal-header .outside-tnf-logo,
.has-minimal-header .outside-custom-logo {
  padding-top: 0;
  max-width: 150px;
}

@media only screen and (min-width: 37.5em) {
  .has-minimal-header .outside-tnf-logo,
  .has-minimal-header .outside-custom-logo {
    max-width: 230px;
  }
}

.has-minimal-header .outside-tnf-logo img,
.has-minimal-header .outside-custom-logo img {
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 4px 6px;
}

@media only screen and (min-width: 37.5em) {
  .has-minimal-header .outside-tnf-logo img,
  .has-minimal-header .outside-custom-logo img {
    margin-left: 0;
    padding: 8px 10px;
  }
}

.mh-nav-btn {
  display: block;
  color: black;
  position: absolute;
  top: -5px;
  left: -15px;
  z-index: 50;
  font-size: 25px;
  padding: 7px;
  width: 44px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  opacity: 1;
}

@media only screen and (min-width: 59.375em) {
  body:not(.has-minimal-header) .mh-nav-btn {
    display: none;
  }
}

body:not(.has-minimal-header) .mh-nav-btn:hover {
  background-color: transparent;
}

.has-minimal-header .mh-nav-btn {
  left: 10px;
  top: 10px;
}

.menu-open .mh-nav-btn {
  color: #D3D6D9;
}

/**
 * New Header/Nav
 */
.site-header {
  z-index: 10000000;
  position: absolute;
  width: 100%;
  height: 45px;
  left: 0;
  top: 0;
}

.site-header + .container-inner {
  padding-top: 45px;
}

.logged-in:not(.role-view-unpublished) .site-header {
  z-index: 500;
  top: 65px;
}

.site-header:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 0%;
  left: 0;
  top: 0;
  z-index: -5;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  opacity: 0;
}

.site-header.is-active {
  position: fixed;
}

.site-header.is-active:after {
  height: 100%;
  z-index: 100;
  opacity: 1;
  pointer-events: none;
}

.site-header__inner {
  background-color: #ececed;
  height: 45px;
  position: relative;
  z-index: 10000;
  overflow: hidden;
}

.site-header__logo {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 10px;
  margin-top: 1px;
}

@media only screen and (min-width: 56.25em) {
  .site-header__logo {
    width: 140px;
    padding: 5px;
  }
}

.site-header__other {
  position: absolute;
  right: 0;
  top: 0;
  padding: 7px 5px;
}

.site-header__search-form-wrap {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #ececed;
  top: 0;
  left: 0;
  z-index: 1000050;
}

.site-header__search-form-wrap:after {
  content: '';
  opacity: .5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url(/sites/all/themes/outside/images/outside-o--white.svg);
  background-position: right -50px bottom -180px;
  background-repeat: no-repeat;
  background-size: 60%;
}

.site-header__search-form {
  padding: 30px;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
}

.main-container.is-active .site-header .site-header__search-form-wrap,
.main-container.is-active .site-header .close {
  display: block;
}

.site-header__search-input[type=text] {
  border: none;
  border-bottom: 1px solid #000;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 8vw;
  letter-spacing: 1px;
  color: #6d6e70;
  padding: 10px 10px 5px;
  height: auto;
  width: 100%;
  background: transparent !important;
}

@media only screen and (min-width: 50em) {
  .site-header__search-input[type=text] {
    font-size: 60px;
    padding: 20px 20px 15px;
  }
}

.site-header__icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 30px;
}

.site-header__icon {
  width: 30px;
  height: 30px;
  display: block;
  padding: 4px;
  text-align: center;
}

.site-header__icon:hover {
  background-color: transparent;
}

.site-header__icon:hover .svg-fill {
  fill: #9b1e25;
}

@media only screen and (min-width: 0) and (max-width: 56.25em) {
  .site-header__icon--search {
    display: none;
  }
}

.site-header__nav-label, .site-header__subscribe-text {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #000;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 11px;
}

.site-header__nav-label:hover, .site-header__subscribe-text:hover {
  color: #9b1e25;
  background-color: transparent;
  border-bottom-color: #9b1e25;
}

.site-header__subscribe-text {
  margin-right: 7px;
}

@media only screen and (min-width: 56.25em) {
  .site-header__subscribe-text {
    margin-right: 16px;
  }
}

.site-header__nav-toggle {
  position: absolute;
  left: 0;
  top: 0;
  padding: 12px;
  z-index: 10010;
  cursor: pointer;
}

.site-header__nav-toggle:hover .site-header__nav-label {
  color: #9b1e25;
}

.site-header__nav-toggle:hover .site-header__nav-x,
.site-header__nav-toggle:hover .site-header__nav-x:before,
.site-header__nav-toggle:hover .site-header__nav-x:after {
  background-color: #9b1e25;
}

.site-header__nav-label {
  border-bottom: none;
  position: relative;
  margin-top: 3px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  display: block;
  -webkit-transition: -webkit-transform .2s ease-in-out .3s;
  transition: -webkit-transform .2s ease-in-out .3s;
  transition: transform .2s ease-in-out .3s;
  transition: transform .2s ease-in-out .3s, -webkit-transform .2s ease-in-out .3s;
}

.site-header__nav-x {
  position: absolute;
  bottom: -2px;
  height: 2px;
  background-color: #000;
  width: 100%;
  left: 0;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform .2s ease-in-out .3s;
  transition: -webkit-transform .2s ease-in-out .3s;
  transition: transform .2s ease-in-out .3s;
  transition: transform .2s ease-in-out .3s, -webkit-transform .2s ease-in-out .3s;
}

.site-header__nav-x:before, .site-header__nav-x:after {
  content: '';
  position: absolute;
  height: 2px;
  background-color: #000;
  width: 100%;
  left: 0;
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.site-header.is-active .site-header__nav-label {
  -webkit-transition: -webkit-transform .22s ease-in-out;
  transition: -webkit-transform .22s ease-in-out;
  transition: transform .22s ease-in-out;
  transition: transform .22s ease-in-out, -webkit-transform .22s ease-in-out;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
}

.site-header.is-active .site-header__nav-x {
  background-color: transparent;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  -webkit-transform: translateY(12px);
          transform: translateY(12px);
}

.site-header.is-active .site-header__nav-x:before, .site-header.is-active .site-header__nav-x:after {
  -webkit-transition: all .2s ease-in-out .3s;
  transition: all .2s ease-in-out .3s;
}

.site-header.is-active .site-header__nav-x:before {
  -webkit-transform: rotate(45deg) scale(0.8);
          transform: rotate(45deg) scale(0.8);
}

.site-header.is-active .site-header__nav-x:after {
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
}

/**
 * Main Site Nav
 */
.site-nav {
  position: fixed;
  left: -310px;
  z-index: 1000;
  background-color: #ececed;
  width: 90%;
  max-width: 300px;
  top: 44px;
  height: calc(100% - 43px);
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.15s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.15s cubic-bezier(0.86, 0, 0.07, 1);
  overflow: auto;
}

@media only screen and (min-width: 56.25em) {
  .site-nav {
    max-width: 150px;
    left: -160px;
    overflow: visible;
  }
}

.logged-in .site-nav {
  z-index: 500;
  top: 65px;
}

.site-nav .eyebrow {
  display: block;
}

.site-header.is-active .site-nav {
  -webkit-transform: translateX(310px);
          transform: translateX(310px);
}

@media only screen and (min-width: 56.25em) {
  .site-header.is-active .site-nav {
    -webkit-transform: translateX(160px);
            transform: translateX(160px);
  }
}

.site-nav__primary-item {
  position: relative;
  z-index: 10;
}

.site-nav__primary-item:first-child {
  border-top: 1px solid #E2E2E3;
}

@media only screen and (min-width: 0) and (max-width: 56.25em) {
  .site-nav__primary-item.is-active .site-nav__secondary {
    max-height: 600px;
  }
  .site-nav__primary-item.is-active .site-nav__primary-link {
    color: #9b1e25;
    background-color: #fff;
  }
  .site-nav__primary-item.is-active .site-nav__secondary-toggle:after {
    opacity: 0;
    width: 0;
  }
}

@media only screen and (min-width: 56.25em) {
  .site-nav__primary-item:hover .site-nav__secondary {
    display: block;
  }
  .site-nav__primary-item:hover .site-nav__primary-link {
    color: #9b1e25;
    background-color: #fff;
  }
}

.site-nav__primary-item--search a {
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
  background-image: url(/sites/all/themes/outside/images/icons/search.svg);
}

.site-nav__secondary-item {
  position: relative;
}

.site-nav a {
  text-decoration: none;
  display: block;
}

.site-nav a:hover {
  background-color: transparent;
  color: #9b1e25;
}

.site-nav__primary-link {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 60px 11px 15px;
  letter-spacing: 1px;
  font-size: 12px;
}

.site-nav__secondary-link {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  padding: 11px 15px;
  font-size: 14px;
}

.site-nav__secondary {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  background-color: #fff;
}

@media only screen and (min-width: 56.25em) {
  .site-nav__secondary {
    position: fixed;
    max-height: none;
    width: 200px;
    left: 150px;
    display: none;
    height: 100vh;
    top: 0;
    z-index: 0;
    -webkit-transition: none;
    transition: none;
  }
}

.site-nav__secondary-toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  z-index: 10;
  cursor: pointer;
}

.site-nav__secondary-toggle:after, .site-nav__secondary-toggle:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 50%;
  width: 15px;
  height: 2px;
  background-color: #000;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.site-nav__secondary-toggle:after {
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  opacity: 1;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
          transform: translate(-50%, 0) rotate(90deg);
}

@media only screen and (min-width: 56.25em) {
  .site-nav__secondary-toggle {
    display: none;
  }
}

/*------------------------------------*    $ARTICLES
\*------------------------------------*/
@media only screen and (min-width: 59.375em) {
  .node-type-article .primary:not(.large-format),
  .node-type-article .secondary {
    padding-top: 1.25rem;
  }
}

/* @group Modular Nav */
.modular-nav {
  background-color: #f7f7f7;
  margin-bottom: 1.33333em;
  padding: 0.33333em 0.4em 0em 0.46667em;
}

@media only screen and (min-width: 31.25em) {
  .modular-nav {
    margin-top: 0.53333em;
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 74.62687%;
    margin-left: 12.68657%;
  }
  .modular-nav:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .modular-nav {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.06667em;
  }
}

.modular-nav ::-webkit-scrollbar {
  width: 0.66667em;
}

.modular-nav ::-webkit-scrollbar-track {
  background-color: #E2E2E3;
}

.modular-nav ::-webkit-scrollbar-thumb {
  background-color: black;
}

.modular-nav ::-webkit-scrollbar-thumb:hover {
  background-color: #ffd204;
}

.modular-nav .modular-nav-inner.is-active {
  padding-bottom: 0.4em;
}

.modular-nav-inner {
  position: relative;
  z-index: 18;
}

.modular-nav-inner.is-active .arrow-indicator {
  top: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.modular-nav-title {
  text-align: center;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  border-bottom: 1px dotted #D3D6D9;
  padding-bottom: 0.33333em;
  margin-top: 0.11111em;
  margin-bottom: 0.44444em;
  font-size: 18px;
}

.modular-nav-title .modular-nav-subtitle {
  font-family: Georgia, serif;
  display: block;
  padding-top: 0.33333em;
  font-size: 12px;
  color: #000;
}

.modular-nav-toggle {
  display: block;
  text-align: center;
  padding-bottom: 0.53333em;
}

.modular-nav-all {
  max-height: 0;
  overflow: hidden;
  clear: left;
  padding: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.modular-nav-inner.is-active .modular-nav-all {
  overflow: auto;
  max-height: 13.33333em;
}

@media only screen and (min-width: 59.375em) {
  .modular-nav-inner.is-active .modular-nav-all {
    max-height: 46.66667em;
  }
}

.modular-nav-toggle {
  text-decoration: none;
}

.modular-nav-toggle span {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 600;
  display: inline-block;
  font-size: 13px;
}

.modular-nav-toggle span + span {
  margin-left: 0.66667em;
}

.modular-nav-inner.is-active .modular-nav-toggle span {
  color: #000;
}

.modular-nav-toggle:hover:hover {
  background-color: transparent;
  text-decoration: none;
}

.modular-nav-toggle.icon-ellipsis:before {
  float: left;
  border: 1px solid #D3D6D9;
  background-color: white;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.4em;
  margin-right: 0.53333em;
  margin-bottom: 0.4em;
}

.modular-nav-toggle.icon-ellipsis:hover:before,
.modular-nav-inner.is-active .modular-nav-toggle.icon-ellipsis:before {
  background-color: #000;
  border-color: #000;
  color: white;
}

.modular-nav-pages {
  display: block;
  font-size: 13px;
  margin-bottom: 0.2em;
}

.modular-nav-see-all {
  text-transform: uppercase;
  color: #9b1e25;
  position: relative;
  margin: 0 auto;
  text-align: left;
  padding-right: 0.8em;
}

.modular-nav-see-all .arrow-indicator {
  position: absolute;
  right: 0;
  top: 0.61538em;
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.modular-nav-link {
  background-color: white;
  display: block;
  border-bottom: 1px solid #E2E2E3;
  padding-left: 0.4em;
}

.modular-nav-link:after {
  content: "";
  display: table;
  clear: both;
}

.modular-nav-link:hover {
  color: #9b1e25;
}

@media only screen and (min-width: 46.875em) {
  .modular-nav-link {
    float: left;
    width: 50%;
  }
  .modular-nav-list-item:nth-child(even) .modular-nav-link {
    border-left: 1px solid #E2E2E3;
  }
}

@media only screen and (min-width: 59.375em) {
  .modular-nav-link {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 62.5em) {
  .modular-nav-link {
    float: left;
    width: 50%;
  }
  .modular-nav-list-item:nth-child(even) .modular-nav-link {
    border-left: 1px solid #E2E2E3;
  }
}

.modular-nav-img {
  float: right;
}

.modular-nav-item-title {
  float: left;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  margin: 0.42857em 0em 0.28571em 0em;
  font-size: 14px;
}

/* @end Modular Nav */
.page-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: .8;
  font-size: 42px;
  margin: 24px 0 0.625rem 0;
}

.page-title span {
  border-bottom: 4px solid #ffd204;
  margin-top: 0;
  display: inline-block;
}

@media only screen and (min-width: 31.25em) {
  .page-title {
    margin-bottom: 0;
    font-size: 45px;
  }
}

@media only screen and (min-width: 68.75em) {
  .page-title {
    float: left;
    line-height: .7;
    margin: 44px 0 0 30px;
  }
}

.wf-loading .page-title {
  font-size: 50px;
}

.article .featured-video {
  margin-bottom: 10%;
}

.article-date, .landing-post-content time,
.article-type,
.article-origin,
.article-origin a,
.date,
.type,
.origin,
.corrections {
  color: #AAB1B7;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
}

.article-origin__heading {
  margin-right: 6px;
  letter-spacing: 1px;
}

.article-origin--taxonomy a {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.7;
}

.article-origin--taxonomy .divider {
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}

.article-date, .landing-post-content time,
.date {
  margin-bottom: 12px;
}

.article-date .issue a, .landing-post-content time .issue a,
.date .issue a {
  text-decoration: none;
}

.cluster-link {
  padding-top: 5px;
  margin-left: -15px;
}

@media only screen and (min-width: 0) and (max-width: 79.375em) {
  .cluster-link .arrow {
    width: 12px;
  }
}

@media only screen and (min-width: 79.375em) {
  .cluster-link {
    margin-left: -20px;
  }
}

.post .h1,
.title,
.article-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 4px 0;
}

@media only screen and (min-width: 43.75em) {
  .post .h1,
  .title,
  .article-title {
    font-size: 39px;
  }
}

@media only screen and (min-width: 43.75em) {
  .article-hdr--breakout .article-title {
    font-size: 44px;
    line-height: 1.04545;
  }
}

.dek,
.subtitle,
.article-subtitle {
  color: #000;
  font-size: 17px;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-style: italic;
  margin: 0 0 6px 0;
  line-height: 1.35;
}

.post .h1 {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  font-size: 2.13333em;
}

@media only screen and (min-width: 43.75em) {
  .post .h1 {
    font-size: 2.4em;
  }
}

.post .dek {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  margin-top: 0;
}

.post .dek + .article-author {
  margin-top: -10px;
  margin-top: -0.625rem;
}

.byline, .page-channel .hero-alpha-news .views-field-field-author-bio,
.author,
.article-author {
  font-size: 14px;
  margin-bottom: 16px;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  white-space: nowrap;
}

.byline em, .page-channel .hero-alpha-news .views-field-field-author-bio em,
.author em,
.article-author em {
  font-style: normal;
}

.byline a, .page-channel .hero-alpha-news .views-field-field-author-bio a, .byline a:hover, .page-channel .hero-alpha-news .views-field-field-author-bio a:hover, .byline cite, .page-channel .hero-alpha-news .views-field-field-author-bio cite,
.author a,
.author a:hover,
.author cite,
.article-author a,
.article-author a:hover,
.article-author cite {
  text-decoration: none;
  background-color: transparent;
  color: #b8bec3;
}

@media only screen and (min-width: 59.375em) {
  .byline, .page-channel .hero-alpha-news .views-field-field-author-bio,
  .author,
  .article-author {
    border: none;
  }
}

.article-author {
  margin-right: 10px;
  margin-right: 0.625rem;
}

.article-author a + em {
  display: inline-block;
  margin-left: 10px;
  margin-left: 0.625rem;
}

.article-date, .landing-post-content time,
.article-author {
  display: inline-block;
  font-size: 14px;
  color: #b8bec3;
}

.share-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.share-button__link {
  line-height: 1;
  padding: 5px 6px;
  border-radius: 50%;
  overflow: hidden;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  text-decoration: none;
  background: -webkit-linear-gradient(#000 50%, #ffd204 50%);
  background: linear-gradient(#000 50%, #ffd204 50%);
  background-size: 100% 200%;
  background-position: 0 top;
}

.share-button__link svg {
  width: 20px;
  height: 20px;
}

.share-button__link:hover {
  background-position: 0 bottom;
}

.share-button__link:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 43.75em) {
  .share-button__link--sms {
    display: none;
  }
}

.share-button__title {
  color: #fff;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 13px;
}

.share-toolbox--horiz .share-toolbox__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.share-toolbox--horiz .share-toolbox__heading {
  margin-right: 0.625rem;
}

.share-toolbox--horiz .share-buttons {
  margin-top: 0;
}

.share-toolbox--vert {
  width: 100%;
  padding-top: 45px;
}

.share-toolbox--vert .share-button__title {
  display: none;
}

.share-toolbox--vert .share-buttons {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  margin-left: auto;
  margin-right: auto;
}

.share-toolbox--vert .share-button__link {
  margin: 0 0 10px;
}

.share-toggle {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border: 2px solid #000;
  border-radius: 50%;
  background-image: url("/sites/all/themes/outside/images/icons/share.svg"), url("/sites/all/themes/outside/images/icons/close--thick.svg");
  background-size: 21px, 18px;
  background-position: center center, -20px center;
  background-color: #fff;
  background-repeat: no-repeat;
}

.is-active .share-toggle {
  background-position: -20px center, center center;
}

@media only screen and (min-width: 59.375em) {
  .share-toggle {
    display: none;
  }
}

.article-social--bottom {
  width: 58px;
  max-height: 50px;
  position: fixed;
  z-index: 7500000;
  bottom: 10px;
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: max-height .05s linear .3s;
  transition: max-height .05s linear .3s;
}

@media only screen and (min-width: 59.375em) {
  .article-social--bottom {
    display: none;
  }
}

.article-social--bottom .share-buttons {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 64px;
}

.article-social--bottom .share-button__link {
  width: 58px;
  height: 58px;
  padding: 14px;
  margin: 0 0 20px;
  -webkit-transform: translateX(70px);
          transform: translateX(70px);
  -webkit-transition: -webkit-transform 0.17s cubic-bezier(0, 1.4, 1, 1);
  transition: -webkit-transform 0.17s cubic-bezier(0, 1.4, 1, 1);
  transition: transform 0.17s cubic-bezier(0, 1.4, 1, 1);
  transition: transform 0.17s cubic-bezier(0, 1.4, 1, 1), -webkit-transform 0.17s cubic-bezier(0, 1.4, 1, 1);
}

.article-social--bottom .share-button__link:nth-child(1) {
  -webkit-transition-delay: .13s;
          transition-delay: .13s;
}

.article-social--bottom .share-button__link:nth-child(2) {
  -webkit-transition-delay: .08s;
          transition-delay: .08s;
}

.article-social--bottom .share-button__link:nth-child(3) {
  -webkit-transition-delay: .03s;
          transition-delay: .03s;
}

.article-social--bottom .share-button__link:last-child {
  margin-bottom: 0;
}

.article-social--bottom .share-button__icon svg {
  width: 100%;
  height: 100%;
}

.article-social--bottom .share-button__title {
  display: none;
}

.article-social--bottom.is-active {
  max-height: 500px;
  -webkit-transition: max-height 0s linear;
  transition: max-height 0s linear;
}

.article-social--bottom.is-active .share-button__link {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media only screen and (min-width: 31.25em) {
  .article-hdr,
  .hdr {
    padding: 10px 1.25rem 16px;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 59.375em) {
  .article-hdr,
  .hdr {
    padding: 0;
    max-width: none;
  }
}

.post,
.landing {
  padding-bottom: 0.66667em;
  margin-bottom: 0.66667em;
}

.post:after,
.landing:after {
  content: "";
  display: table;
  clear: both;
}

.post.btm-border,
.landing.btm-border {
  border-bottom: 1px solid #D3D6D9;
}

@media only screen and (min-width: 59.375em) {
  .post-feature-img--breakout {
    margin-bottom: 24px;
  }
}

.post-content,
.article-bottom {
  margin-bottom: 0;
  background-color: white;
}

@media only screen and (min-width: 31.25em) {
  .post-content,
  .article-bottom {
    z-index: 5;
    position: relative;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 700px;
  }
}

@media only screen and (min-width: 59.375em) {
  .post-content,
  .article-bottom {
    margin-left: 0;
    margin-bottom: 30px;
    float: left;
    width: 74.4%;
    max-width: none;
  }
}

.def-term, .post-content span[style*="underline"] {
  text-decoration: none !important;
  font-weight: 700;
}

.post-thumb-wrap .article__photo-meta,
.post-block .article__photo-meta {
  position: static;
  text-align: left;
  display: block;
  padding: 6px 0;
}

.post-entry {
  margin-bottom: 40px;
}

.post-entry > p,
.post-entry li {
  font-size: 17px;
  line-height: 1.6;
  font-weight: 400;
  font-family: Georgia, serif;
}

.post-entry > p:last-child,
.post-entry li:last-child {
  margin-bottom: 0;
}

.post-entry blockquote p,
.post-entry blockquote .p {
  line-height: 1.75;
}

.post-entry > p a:not(.btn),
.post-entry > ul a,
.post-entry > ol a,
.post-entry > dl a,
.post-entry .tangent-chunk a:not(.tangent-link) {
  color: inherit;
  box-shadow: inset 0 -4px 0 -1px #ffd204;
  -webkit-transition: box-shadow .15s ease-in-out;
  transition: box-shadow .15s ease-in-out;
}

.post-entry > p a:not(.btn):hover,
.post-entry > ul a:hover,
.post-entry > ol a:hover,
.post-entry > dl a:hover,
.post-entry .tangent-chunk a:not(.tangent-link):hover {
  box-shadow: inset 0 -23px 0 -1px #ffd204;
}

.post-entry img {
  height: auto;
  width: auto;
}

@media only screen and (min-width: 59.375em) {
  .post-entry img.align-left, .post-entry img.align-right {
    max-width: 50% !important;
  }
}

.post-entry hr {
  width: 150px;
  border: none;
  border-bottom: 1px solid #AAB1B7;
  margin: 50px auto;
}

.post-entry h1 strong, .post-entry h1 b, .post-entry h1 em, .post-entry h1 i, .post-entry h1 u, .post-entry h2 strong, .post-entry h2 b, .post-entry h2 em, .post-entry h2 i, .post-entry h2 u, .post-entry h3 strong, .post-entry h3 b, .post-entry h3 em, .post-entry h3 i, .post-entry h3 u, .post-entry h4 strong, .post-entry h4 b, .post-entry h4 em, .post-entry h4 i, .post-entry h4 u, .post-entry h5 strong, .post-entry h5 b, .post-entry h5 em, .post-entry h5 i, .post-entry h5 u, .post-entry h6 strong, .post-entry h6 b, .post-entry h6 em, .post-entry h6 i, .post-entry h6 u {
  font-weight: inherit;
  text-decoration: none;
  font-style: normal;
}

.post-entry h2 {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: -10px;
}

@media only screen and (min-width: 31.25em) {
  .post-entry h2 {
    font-size: 24px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 59.375em) {
  .post-entry h2 {
    font-size: 28px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 59.375em) {
  .post-entry h2 {
    margin-bottom: -16px;
  }
}

.post-entry h2 + p {
  margin-top: 18px;
}

@media only screen and (min-width: 59.375em) {
  .post-entry h2 + p {
    margin-top: 24px;
  }
}

.post-entry h2 + h3,
.post-entry h2 + ol, .post-entry h2 + ul {
  margin-top: 24px;
}

@media only screen and (min-width: 59.375em) {
  .post-entry h2 + h3,
  .post-entry h2 + ol, .post-entry h2 + ul {
    margin-top: 32px;
  }
}

.post-entry h2 + h4 {
  margin-top: 16px;
}

@media only screen and (min-width: 59.375em) {
  .post-entry h2 + h4 {
    margin-top: 22px;
  }
}

.post-entry h2 + h5,
.post-entry h2 + h6 {
  margin-top: 22px;
}

@media only screen and (min-width: 59.375em) {
  .post-entry h2 + h5,
  .post-entry h2 + h6 {
    margin-top: 26px;
  }
}

.post-entry h3 {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: -10px;
  font-size: 21px;
  letter-spacing: 1px;
}

@media only screen and (min-width: 31.25em) {
  .post-entry h3 {
    font-size: 22px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 59.375em) {
  .post-entry h3 {
    font-size: 25px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 59.375em) {
  .post-entry h3 {
    font-size: 23px;
    margin-bottom: -20px;
  }
}

.post-entry h4 {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-style: italic;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 0;
}

@media only screen and (min-width: 59.375em) {
  .post-entry h4 {
    margin-bottom: -10px;
  }
}

.post-entry h5, .post-entry h6 {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: -15px;
  line-height: 22px;
}

.post-entry h5 + p, .post-entry h6 + p {
  margin-top: 16px;
}

.post-entry ul:not(.slides), .post-entry ol {
  margin-left: 12px;
  padding-left: 12px;
}

.post-entry ul:not(.slides) > li {
  list-style-type: disc;
  margin-bottom: 10px;
}

.post-entry ol > li {
  list-style-type: decimal;
  margin-bottom: 10px;
}

.post-entry .btn {
  -webkit-transform: translateY(-14px);
          transform: translateY(-14px);
}

.post-entry .flex-control-nav {
  display: none;
}

.post-entry .flex-direction-nav,
.post-entry .flex-direction-nav li {
  margin-bottom: 0;
}

.post-entry .article-primary + p + hr {
  margin-top: 20px;
}

.post-entry p:empty {
  display: none;
}

.post-entry .hero-slideshow .flex-direction-nav {
  margin-left: 0;
  padding-left: 0;
}

.post-entry .hero-slideshow .flex-direction-nav li {
  list-style: none;
}

.post-entry .ad-slide .ad-block-interstitial {
  padding-top: 10px;
}

.post-entry .ad-slide .ad-block-inner {
  vertical-align: top;
}

.post-entry--spacious {
  font-size: 17px;
}

.post-entry--spacious p {
  line-height: 1.65;
}

.post-entry .pg-small {
  margin: 1.875rem 0;
}

.post-entry .pg-small ul {
  padding: 0;
  margin: 0;
}

.post-entry .pg-small ul li {
  margin: 0;
  list-style-type: none;
}

.post-photo {
  margin: 0 0 8px 0;
}

.post--small-img .post-thumb--large {
  display: none;
}

.post--small-img .post-thumb--small {
  float: left;
  margin-right: 12px;
  margin-bottom: 6px;
}

.post--small-img .article-author {
  margin-bottom: 0;
}

.post--small-img .post-content {
  margin-top: 0;
}

.post-caption,
.slide-caption,
.article-image .post-caption,
.post-block-caption,
.post-block-caption a {
  color: #6d6e70;
  font-size: 12px;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 1.4;
}

.post-caption em,
.slide-caption em,
.article-image .post-caption em,
.post-block-caption em,
.post-block-caption a em {
  font-style: normal;
}

@media only screen and (min-width: 31.25em) {
  .post-block--right {
    float: right;
  }
  .post-block--left {
    float: left;
  }
}

@media only screen and (min-width: 31.25em) {
  .post-block--small {
    max-width: 16.66667em;
  }
  .post-block--small.post-block--right {
    padding: 8px 0 8px 20px;
    padding: 0.5rem 0 0.5rem 1.25rem;
    margin-left: 20px;
    margin-left: 1.25rem;
  }
  .post-block--small.post-block--left {
    padding: 8px 20px 8px 0;
    padding: 0.5rem 1.25rem 0.5rem 0;
    margin-right: 20px;
    margin-right: 1.25rem;
  }
}

@media only screen and (min-width: 43.75em) {
  .post-block--medium {
    max-width: 36.66667em;
  }
  .post-block--medium.post-block--right {
    padding: 8px 0 8px 20px;
    padding: 0.5rem 0 0.5rem 1.25rem;
    margin-left: 20px;
    margin-left: 1.25rem;
  }
  .post-block--medium.post-block--left {
    padding: 8px 20px 8px 0;
    padding: 0.5rem 1.25rem 0.5rem 0;
    margin-right: 20px;
    margin-right: 1.25rem;
  }
}

@media only screen and (min-width: 43.75em) {
  .post-block--medium.post-block--stack {
    max-width: 60%;
    margin: 0 auto;
  }
}

.post-block--medium.ad-block {
  max-width: none;
}

.post-block--large {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 43.75em) {
  .post-block--large.post-block--stack {
    max-width: 80%;
    margin: 0 auto;
  }
}

/**
 * Long Form article
 */
@media only screen and (min-width: 59.375em) {
  .page-article-longform .primary,
  .page-article-longform-alt .primary,
  [class^="page-article-longform"] .primary {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 59.375em) and (min-width: 81.33333em) {
  .page-article-longform .primary,
  .page-article-longform-alt .primary,
  [class^="page-article-longform"] .primary {
    width: 90%;
  }
}

.page-article-longform .long-form-article,
.page-article-longform-alt .long-form-article,
[class^="page-article-longform"] .long-form-article {
  position: relative;
}

.large-format .article-social--side {
  position: absolute;
  left: 0;
  z-index: 100;
  width: 15%;
  margin-top: 0.86667em;
}

.large-format .article-title {
  font-size: 38px;
  line-height: 1;
}

@media only screen and (min-width: 43.75em) {
  .large-format .article-title {
    font-size: 45px;
  }
}

.large-format .article-subtitle {
  margin-bottom: 0.52632em;
}

.large-format .article-hdr,
.large-format .post-content {
  float: none;
  width: 100%;
  margin: 0;
}

@media only screen and (min-width: 59.375em) {
  .large-format .article-hdr {
    padding-top: 0.625rem;
  }
}

.large-format .post-entry {
  font-size: 17px;
}

.large-format p.post-caption {
  border-bottom: 1px solid #E2E2E3;
  padding-top: 0;
  padding-bottom: 10px;
}

@media only screen and (min-width: 31.25em) {
  .large-format p.post-caption {
    background-color: #fff;
    margin-bottom: 12px;
    font-size: 13px;
  }
}

.large-format .article-origin {
  display: block;
}

@media only screen and (min-width: 43.75em) {
  .large-format .post-subtitle {
    margin-top: 40px 25px;
  }
}

.large-format .post-block .post-caption {
  margin: 8px 13px;
}

.large-format .article-nav--btm {
  display: none;
}

@media only screen and (min-width: 43.75em) {
  .large-format p,
  .large-format ul,
  .large-format ol,
  .large-format h2:not(.article-subtitle):not(.block-title), .large-format h3, .large-format h4, .large-format h5, .large-format h6,
  .large-format .article-hdr,
  .large-format .post-bottom,
  .large-format .narrow-col,
  .large-format .article-origin {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 59.375em) {
  .large-format p,
  .large-format ul,
  .large-format ol,
  .large-format h2:not(.article-subtitle):not(.block-title), .large-format h3, .large-format h4, .large-format h5, .large-format h6,
  .large-format .article-hdr,
  .large-format .post-bottom,
  .large-format .narrow-col,
  .large-format .article-origin {
    width: 68%;
  }
}

/**
 * Standard Longform
 */
@media only screen and (min-width: 59.375em) {
  .page-article-longform .article-hdr {
    width: 90%;
  }
}

/**
 * Longform alternative
 */
.page-article-longform-alt .wrap:not(.int-inner) {
  max-width: none;
}

.page-article-longform-alt .primary,
.page-article-longform-alt .mh-btm,
.page-article-longform-alt .mh-top,
.page-article-longform-alt .main-footer .wrap {
  max-width: 81.33333em;
  margin-left: auto;
  margin-right: auto;
}

.page-article-longform-alt .primary:after,
.page-article-longform-alt .mh-btm:after,
.page-article-longform-alt .mh-top:after,
.page-article-longform-alt .main-footer .wrap:after {
  content: "";
  display: table;
  clear: both;
}

.page-article-longform-alt .post-photo-wrap {
  text-align: center;
  overflow: hidden;
  max-height: 700px;
}

.page-article-longform-alt .post-photo-wrap img {
  width: 100%;
  margin-bottom: 0;
}

@media only screen and (min-width: 59.375em) {
  .page-article-longform-alt .main-header {
    border-bottom: none;
  }
  .page-article-longform-alt .main-content {
    padding-top: 0;
  }
}

.page-article-longform-alt .article-hdr {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}

.page-article-longform-alt .post-content p.post-caption {
  margin-bottom: 2em;
}

/**
 * Longform Asides
 */
.aside {
  text-align: center;
  max-width: 340px;
  margin: 0 auto 40px;
}

@media only screen and (min-width: 62.5em) {
  .aside {
    margin-right: -380px;
    float: right;
    width: 300px;
  }
}

@media only screen and (min-width: 75em) {
  .aside {
    margin-right: -410px;
  }
}

.aside__content {
  margin-bottom: 40px;
}

.page-article-voice .primary > .pad,
.page-article-voice-posts .primary > .pad {
  padding: 12px;
  padding: 0.75rem;
}

.page-article-voice .landing-hdr,
.page-article-voice-posts .landing-hdr {
  margin-bottom: 0;
}

.page-article-voice .landing-hdr h1,
.page-article-voice-posts .landing-hdr h1 {
  font-weight: 600;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  display: block;
  text-transform: uppercase;
  margin: 0 auto;
  line-height: 1;
  border-bottom: 1px solid #E2E2E3;
  padding: 0.41667em 0.5em 0.33333em 0.5em;
  font-size: 22px;
  margin-bottom: 1.25em;
}

.page-article-voice .article-hdr,
.page-article-voice-posts .article-hdr {
  margin-bottom: 10px;
}

@media only screen and (min-width: 59.375em) {
  .page-article-voice .article-qa-title-wrap .giant-letters,
  .page-article-voice-posts .article-qa-title-wrap .giant-letters {
    margin-left: 0;
  }
}

.page-article-voice .article-author-foot,
.page-article-voice-posts .article-author-foot {
  display: block;
  background-color: #f4f4f5;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  text-align: center;
  border-bottom: 1px solid #D3D6D9;
  margin: 2em 0;
  padding: 1.06667em;
}

@media only screen and (min-width: 59.375em) {
  .page-article-voice .main-content,
  .page-article-voice-posts .main-content {
    padding-top: 0;
  }
}

@media only screen and (min-width: 68.75em) {
  .page-article-voice .ad-block-leaderboard,
  .page-article-voice-posts .ad-block-leaderboard {
    width: auto;
    float: right;
    margin-right: 12px;
    margin-right: 0.75rem;
  }
}

.page-article-voice .article-author-foot,
.page-article-voice-posts .article-author-foot {
  display: block;
}

.voice-section-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: .8;
  font-size: 42px;
  margin: 24px 0 0.625rem 0;
}

.voice-section-title span {
  border-bottom: 4px solid #ffd204;
  margin-top: 0;
  display: inline-block;
}

@media only screen and (min-width: 31.25em) {
  .voice-section-title {
    margin-bottom: 0;
    font-size: 45px;
  }
}

@media only screen and (min-width: 68.75em) {
  .voice-section-title {
    float: left;
    line-height: .7;
    margin: 44px 0 0 30px;
  }
}

@media (min-width: 56.25em) and (max-width: 68.75em) {
  .voice-section-title {
    margin-bottom: 1.875rem;
  }
}

@media only screen and (min-width: 68.75em) {
  .voice-section-title {
    margin-left: 15px;
  }
}

.voice-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.06667em;
}

@media only screen and (min-width: 68.75em) {
  .group-title-ad .ad-block-leaderboard {
    width: auto;
    float: right;
    margin-right: 12px;
    margin-right: 0.75rem;
  }
}

.group-title-ad .ad-block-contained-leaderboard {
  margin: 0;
  padding: 20px 0;
  padding: 1.25rem 0;
}

.group-title-ad .ad-block-728x90 {
  clear: both;
}

.article-question-author {
  margin-left: 0.66667em;
}

.page-article-voice-posts .article-hdr {
  width: 100%;
  margin: 0;
  float: none;
}

@media only screen and (min-width: 25em) {
  .page-article-voice-posts .article-social {
    text-align: right;
  }
}

.block-qa {
  text-align: center;
  background-color: #f4f4f5;
  padding: 0.93333em 0 1.86667em 0;
}

.block-qa .block-qa-inner {
  margin: 0 auto;
  width: 80%;
}

.block-qa .block-dek {
  margin-top: 0;
}

.block-qa .block-title {
  margin-bottom: 0.4em;
}

.block-qa .form-item {
  width: 100%;
  display: block;
  margin-bottom: 0.53333em;
}

.block-qa .qa-question {
  margin-bottom: 0.66667em;
}

.block-qa .btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.66667em;
}

.block-qa .btn:hover {
  background-color: #ffd204;
  color: #000;
}

.block-qa .alert {
  border: 1px solid red;
}

.qa-msg {
  border: 1px solid #1D6BA5;
  padding: .5em;
  color: #1D6BA5;
}

.qa-msg.alert {
  border-color: red;
  color: red;
}

.voice-escapes .qa-msg:not(.alert) {
  color: #17A53B;
  border-color: #17A53B;
}

.voice-bodywork .qa-msg:not(.alert) {
  color: #f26826;
  border-color: #f26826;
}

/**
 * Landing styles
 */
.landing-hdr {
  margin-bottom: 2em;
}

.landing-post {
  margin-bottom: 2em;
}

.landing-post:after {
  content: "";
  display: table;
  clear: both;
}

.landing-post.btm-border {
  border-bottom: 1px solid #D3D6D9;
}

.landing-post-photo {
  margin-bottom: 0.625rem;
}

@media only screen and (min-width: 31.25em) {
  .landing-post-photo {
    float: left;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.landing-post-photo .post-caption {
  display: none;
}

.landing-post-content h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}

@media only screen and (min-width: 31.25em) {
  .landing-post-content h2 {
    font-size: 24px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 59.375em) {
  .landing-post-content h2 {
    font-size: 28px;
    line-height: 30px;
  }
}

.landing-post-content p a {
  color: inherit;
  box-shadow: inset 0 -4px 0 -1px #ffd204;
  -webkit-transition: box-shadow .15s ease-in-out;
  transition: box-shadow .15s ease-in-out;
}

.landing-post-content p a:hover {
  box-shadow: inset 0 -23px 0 -1px #ffd204;
}

.block-nl-signup {
  text-align: center;
  padding-top: 0.8em;
}

.block-nl-signup .block-dek {
  margin-top: 0;
}

.block-nl-signup .block-title {
  margin-bottom: 0;
}

.block-nl-signup .nl-email {
  width: 70%;
}

.block-nl-signup .btn-submit {
  width: 30%;
  vertical-align: bottom;
  white-space: nowrap;
}

.block-nl-signup .block-small-print {
  display: inline-block;
  margin-top: 13px;
  margin-top: 0.8125rem;
}

@media only screen and (min-width: 59.375em) {
  .newsletter-signup .block-nl-signup .nl-email {
    max-width: 50%;
  }
  .newsletter-signup .block-nl-signup .btn-submit {
    max-width: 20%;
  }
  .newsletter-signup .block-nl-signup .block-small-print {
    display: block;
  }
}

/* @end Landing styles */
.read-more {
  font-style: italic;
  color: #9b1e25;
}

.read-more:hover {
  background-color: #ffd204;
}

/**
 * Magazine
 */
.page-magazine .section-header {
  border-bottom: 6px solid black;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.page-magazine .section-header .title {
  border-bottom: 1px dotted black;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.page-magazine .modular-nav-title {
  float: left;
  border: none;
  margin: 0 0 0 2px;
  margin: 0 0 0 0.125rem;
}

.page-magazine .cover-nav {
  margin: 0;
}

@media only screen and (min-width: 31.25em) {
  .page-magazine .cover-nav {
    float: none;
    width: auto;
  }
}

.page-magazine .cover-nav .unify {
  float: right;
  text-align: right;
}

.page-magazine .cover-nav .modular-nav-toggle {
  padding-bottom: 0;
  overflow: hidden;
}

.page-magazine .cover-nav .modular-nav-see-all {
  width: auto;
  padding: 4px 21px 0 0;
  padding: 0.25rem 1.3125rem 0 0;
}

.page-magazine .cover-nav .arrow-indicator {
  right: 3px;
  right: 0.1875rem;
  top: 10px;
  top: 0.625rem;
}

.page-magazine .cover-nav .is-active .arrow-indicator {
  top: 3px;
  top: 0.1875rem;
}

.page-magazine .cover-nav .modular-nav-list-item {
  display: inline-block;
  width: 49.5%;
}

.page-magazine .cover-nav .modular-nav-link:nth-child(even) {
  border-left: 1px solid #D3D6D9;
}

@media only screen and (min-width: 46.875em) {
  .page-magazine .cover-nav .modular-nav-link {
    float: none;
    width: 100%;
  }
}

.page-magazine .cover-years {
  overflow: hidden;
  border-bottom: 1px solid #D3D6D9;
  max-height: 30px;
  max-height: 1.875rem;
}

.page-magazine .cover-years .unify {
  background-color: #E2E2E3;
}

.page-magazine .covers-list {
  overflow: hidden;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.page-magazine .cover-item {
  width: 48%;
  float: left;
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
}

.page-magazine .cover-item:nth-child(even) {
  float: right;
}

.page-magazine .cover-item:nth-child(odd) {
  clear: left;
}

@media only screen and (min-width: 31.25em) {
  .page-magazine .cover-item {
    width: 31%;
    margin-right: 3.5%;
  }
  .page-magazine .cover-item:nth-child(even), .page-magazine .cover-item:nth-child(odd) {
    float: left;
    clear: none;
  }
  .page-magazine .cover-item:nth-child(3n+3) {
    float: right;
    margin-right: 0;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-magazine .cover-item {
    width: 23%;
    margin-right: 2.6%;
  }
  .page-magazine .cover-item:nth-child(3n+3) {
    float: left;
    margin-right: 2.6%;
  }
  .page-magazine .cover-item:nth-child(4n+4) {
    float: right;
    margin-right: 0;
  }
  .page-magazine .cover-item:nth-child(4n+1) {
    clear: both;
  }
}

.page-magazine .cover-link {
  text-decoration: none;
  background-color: transparent;
}

.page-magazine .cover-link:hover .cover-title {
  background-color: #ffd204;
}

.page-magazine .cover-title {
  background-color: #E2E2E3;
  margin: 0;
  font-size: 1.06667em;
  padding: 8px 13px;
  padding: 0.5rem 0.8125rem;
}

.page-magazine .prevnext-nav-inner {
  display: table;
}

.page-magazine .prevnext-nav-link {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.page-magazine .prevnext-nav-link .prevnext-nav-article-title {
  margin-top: 0;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
}

.page-magazine .prevnext-nav-next .prevnext-nav-article-title {
  padding-right: 50px;
  padding-right: 3.125rem;
}

.page-magazine .prevnext-nav-prev .prevnext-nav-article-title {
  padding-left: 50px;
  padding-left: 3.125rem;
}

/**
 * Magazine issue
 */
.page-magazine-issue .post-thumb--large {
  width: 100%;
}

.article-origin a.issue,
.article-origin a.issue:hover {
  text-decoration: none;
  background-color: transparent;
  color: #b8bec3;
  margin: 0;
}

.node-type-magazine-issue .section-article .post-thumb-wrap .post-thumb {
  width: 100%;
}

.stack-title {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-top: 0.625rem;
  max-width: 196px;
  max-width: 12.25rem;
  max-height: 110px;
  max-height: 6.875rem;
}

@media only screen and (min-width: 59.375em) {
  .stack-title {
    float: left;
    padding-top: 0;
    padding-left: 15px;
  }
}

.article-stack .col1-inner > .pad {
  padding: 12px;
  padding: 0.75rem;
}

.article-stack .article-social--side {
  display: block;
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .article-stack .article-social--side {
    text-align: left;
  }
  .article-stack .article-social--side .count-timer,
  .article-stack .article-social--side .unit {
    display: none;
  }
}

.article-stack .article-stacked:last-child .post-content,
.article-stack .article-stacked:last-child .comments {
  margin-bottom: 0;
}

.article-stack .date {
  font-family: Georgia, serif;
  font-weight: 600;
  font-style: italic;
  text-transform: none;
  text-align: center;
  margin-bottom: 0;
  color: #9ca3aa;
  font-size: 1.33333em;
}

@media only screen and (min-width: 59.375em) {
  .article-stack .date {
    display: none;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
}

.article-stack .secondary {
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .article-stack .secondary {
    display: block;
  }
}

@media only screen and (min-width: 59.375em) {
  .article-stack .col1-inner .pad {
    padding-top: 0;
  }
}

.article-stack .article-hdr {
  padding-bottom: 0;
  padding-top: 15px;
  float: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.article-stack .article-hdr .post-caption {
  margin-bottom: 16px;
}

@media only screen and (min-width: 31.25em) {
  .article-stack .article-hdr {
    overflow: hidden;
  }
}

@media only screen and (min-width: 59.375em) {
  .article-stack .article-hdr {
    padding-top: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .article-stack .article-hdr .unify {
    position: relative;
    width: 100%;
    float: left;
    margin: 8px -190px 0 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .article-stack .article-hdr .unify-inner {
    margin-right: 180px;
  }
}

@media only screen and (min-width: 59.375em) {
  .article-stack .article-hdr .social {
    float: right;
    clear: none;
    margin-top: 20px;
    width: 150px;
  }
}

@media only screen and (min-width: 59.375em) {
  .article-stack .post {
    position: relative;
    background-color: white;
    margin: 0 0 10px;
    padding: 5px 20px 16px 0;
  }
}

@media only screen and (min-width: 68.75em) {
  .article-stack .post {
    padding-left: 50px;
    margin-left: 1.25rem;
  }
}

.article-stack .post.no-cut {
  margin-top: 0;
}

.article-stack .post-content {
  padding-top: 0;
}

@media only screen and (min-width: 59.375em) {
  .article-stack .post-content {
    width: 100%;
    float: none;
    clear: both;
    padding: 0;
    margin-top: 0;
  }
}

.article-stack .post-content .post-block--inline {
  margin: 0 auto;
}

@media only screen and (min-width: 25em) {
  .article-stack .post-block.ad-block-300x250, .article-stack .post-block.ad-block-300x600 {
    padding: 0em;
  }
}

@media only screen and (min-width: 37.5em) {
  .article-stack .post-block.ad-block-300x250, .article-stack .post-block.ad-block-300x600 {
    padding: 0.53333em 0 1.33333em 1.33333em;
  }
}

.article-stack .block-nl-signup {
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
  max-width: 34.375rem;
}

.article-queue .aq-item.is-active .aq-item-link:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: -34px;
  display: block;
  height: 0;
  width: 0;
  border-top: 34px solid transparent;
  border-bottom: 34px solid transparent;
  border-left: 34px solid #E2E2E3;
}

.article-queue .aq-nav {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  overflow: auto;
}

.article-queue .aq-item-title {
  line-height: 1.1;
  margin: 0 0 2px;
  margin: 0 0 0.125rem;
  font-size: 16px;
  font-size: 1rem;
}

.article-queue .date {
  text-align: left;
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .article-queue .date {
    display: block;
  }
}

.article-queue .byline, .article-queue .page-channel .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news .article-queue .views-field-field-author-bio {
  color: #b8bdc1;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0;
}

.article-queue .date--short {
  color: #AAB1B7;
}

.article-queue .aq-item {
  display: table;
  width: 100%;
}

.article-queue .aq-item.is-active .aq-item-link {
  background-color: #E2E2E3;
  border-bottom-color: transparent;
}

.article-queue .aq-item.is-active .byline, .article-queue .aq-item.is-active .page-channel .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news .article-queue .aq-item.is-active .views-field-field-author-bio {
  color: #a2a8ae;
}

.article-queue .aq-item.is-active .aq-item-title {
  color: #460d11;
}

.article-queue .aq-item.is-active span {
  display: block;
  overflow: hidden;
  max-height: 46px;
  max-height: 2.875rem;
}

.article-queue .aq-item-link {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: 300;
  display: table-cell;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
  border-bottom: 1px solid #D3D6D9;
  padding: 10px 14px;
  padding: 0.625rem 0.875rem;
  font-size: 1.2em;
  height: 68px;
  height: 4.25rem;
}

.article-queue .aq-item-link:hover {
  background-color: #efeff0;
}

.article-queue .sponsored {
  text-align: center;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.article-queue .sponsored span,
.article-queue .sponsored img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  margin: 0 0.1875rem;
}

.article-queue .sponsor-link {
  float: none;
  display: inline-block;
}

/**
 * Infinite Stack Articles
 */
.page-article-stack-infinite .count-timer,
.page-article-stack-infinite .unit {
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .page-article-stack-infinite .primary {
    width: 100%;
    padding-right: 370px;
  }
}

.page-article-stack-infinite .active .article-social--bottom {
  display: block;
  bottom: 0;
  margin-bottom: 0;
}

.article-stacked--infinite {
  margin-bottom: 1.875rem;
}

@media only screen and (min-width: 59.375em) {
  .article-stacked--infinite {
    margin-bottom: 60px;
  }
}

.article-stacked--infinite:last-child {
  margin-bottom: 0;
}

.article-stacked--infinite .article-social--bottom {
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .article-stacked--infinite .post-content {
    width: 100%;
    float: none;
    padding-left: 110px;
    position: relative;
    padding-top: 10px;
  }
  .article-stacked--infinite .share-toolbox--vert {
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    padding-top: 20px;
  }
  .article-stacked--infinite .ad-block-300x600 {
    opacity: 0;
    padding-top: 20px;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .article-stacked--infinite .ad-block-300x600.sticky,
  .article-stacked--infinite .ad-block-300x600[style*="position: fixed"] {
    opacity: 1;
  }
  .article-stacked--infinite:first-child .ad-block-300x600 {
    opacity: 1;
  }
  .article-stacked--infinite .ad-block--visible {
    opacity: 1;
  }
}

.article-stacked__secondary {
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .article-stacked__secondary {
    display: block;
    position: absolute;
    top: 0;
    right: -370px;
    width: 300px;
  }
}

.center-block-in-primary {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

@media only screen and (min-width: 59.375em) {
  .center-block-in-primary {
    margin-left: calc(-50vw + 50% + 185px);
    margin-right: calc(-50vw + 50% - 185px);
    text-align: center;
  }
}

.best-type .intro-img,
.article-stack-contained .intro-img {
  overflow: hidden;
  height: 260px;
  height: 16.25rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background: transparent repeat-x center center;
  background-size: cover;
}

@media only screen and (min-width: 37.5em) {
  .best-type .intro-img,
  .article-stack-contained .intro-img {
    height: 400px;
    height: 25rem;
    background-size: auto;
  }
}

.best-type .intro-img img,
.article-stack-contained .intro-img img {
  width: 100%;
}

.best-type .article-stacked,
.article-stack-contained .article-stacked {
  position: relative;
}

.best-type .article-stacked.collapse-size, .best-type .article-stacked.collapse-location, .best-type .article-stacked.collapse-industry,
.article-stack-contained .article-stacked.collapse-size,
.article-stack-contained .article-stacked.collapse-location,
.article-stack-contained .article-stacked.collapse-industry {
  display: none;
}

.best-type .article-stack-inner .primary,
.article-stack-contained .article-stack-inner .primary {
  margin-top: 0;
  padding-top: 0;
}

.best-type .no-results,
.article-stack-contained .no-results {
  display: none;
}

@media only screen and (min-width: 43.75em) {
  .best-type .no-results,
  .article-stack-contained .no-results {
    min-height: 500px;
    min-height: 31.25rem;
  }
}

.best-type .no-results .post,
.article-stack-contained .no-results .post {
  margin-top: 0;
}

.best-type .no-results.is-visible,
.article-stack-contained .no-results.is-visible {
  display: block;
}

.best-type .article-hdr,
.article-stack-contained .article-hdr {
  overflow: visible;
}

.best-type .article-hdr .unify-inner,
.article-stack-contained .article-hdr .unify-inner {
  position: relative;
}

.best-type .article-hdr .item-num,
.article-stack-contained .article-hdr .item-num {
  color: #D3D6D9;
  padding: 0;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  position: relative;
  display: inline-block;
  font-weight: 600;
  top: 0;
  width: 40px;
  width: 2.5rem;
  font-size: 22px;
  font-size: 1.375rem;
}

@media only screen and (min-width: 43.75em) {
  .best-type .article-hdr .item-num,
  .article-stack-contained .article-hdr .item-num {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

@media only screen and (min-width: 31.25em) {
  .best-type .article-hdr .item-num,
  .article-stack-contained .article-hdr .item-num {
    display: block;
    position: absolute;
    text-align: right;
    width: 52px;
    width: 3.25rem;
    left: -70px;
    left: -4.375rem;
  }
}

.best-type .aq-item,
.article-stack-contained .aq-item {
  overflow: hidden;
  height: 68px;
  height: 4.25rem;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.best-type .aq-item.collapse-size, .best-type .aq-item.collapse-location, .best-type .aq-item.collapse-industry,
.article-stack-contained .aq-item.collapse-size,
.article-stack-contained .aq-item.collapse-location,
.article-stack-contained .aq-item.collapse-industry {
  display: block;
  height: 0px;
  height: 0rem;
}

.best-type .aq-item span.aq-rank,
.article-stack-contained .aq-item span.aq-rank {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  overflow: visible;
  display: inline-block;
  color: #c5c9cd;
  font-size: 15px;
  font-size: 0.9375rem;
  width: 40px;
  width: 2.5rem;
}

@media only screen and (min-width: 59.375em) {
  .best-type .aq-item span.aq-rank,
  .article-stack-contained .aq-item span.aq-rank {
    width: 28px;
    width: 1.75rem;
  }
}

.best-type .aq-item-title,
.article-stack-contained .aq-item-title {
  display: inline-block;
  vertical-align: text-top;
  padding-top: 4px;
  padding-top: 0.25rem;
  width: 200px;
  width: 12.5rem;
}

@media only screen and (min-width: 59.375em) {
  .best-type .aq-item-title,
  .article-stack-contained .aq-item-title {
    width: 178px;
    width: 11.125rem;
  }
}

.best-type .article-hdr .post-caption,
.article-stack-contained .article-hdr .post-caption {
  margin-bottom: 0;
}

.best-type .unify-inner,
.article-stack-contained .unify-inner {
  margin-top: 1.25rem;
}

.best-type .article-title,
.article-stack-contained .article-title {
  display: inline-block;
  margin-bottom: 0;
}

.best-type .intro-stack-title,
.best-type .intro-stack-desc,
.article-stack-contained .intro-stack-title,
.article-stack-contained .intro-stack-desc {
  position: relative;
  z-index: 2;
}

.best-type .title-loop,
.article-stack-contained .title-loop {
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .best-type .title-loop,
  .article-stack-contained .title-loop {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
  }
}

.best-type .title-loop-pattern,
.article-stack-contained .title-loop-pattern {
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .best-type .title-loop-pattern,
  .article-stack-contained .title-loop-pattern {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/sites/all/themes/outside/images/designimages/gridtile.png);
    z-index: 1;
  }
}

.best-type .bp-text,
.article-stack-contained .bp-text {
  padding: 4px 26px 10px;
  padding: 0.25rem 1.625rem 0.625rem;
}

@media only screen and (min-width: 37.5em) {
  .best-type .bp-text,
  .article-stack-contained .bp-text {
    position: relative;
    background-color: white;
    margin: 0 70px 10px;
    margin: 0 4.375rem 0.625rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .best-type .bp-text,
  .article-stack-contained .bp-text {
    margin: 0 0 10px;
    margin: 0 0 0.625rem;
  }
}

.best-type .bp-text .ad-sponsor + .bp-text-inner,
.article-stack-contained .bp-text .ad-sponsor + .bp-text-inner {
  clear: both;
}

@media only screen and (min-width: 59.375em) {
  .best-type .bp-text .bp-text-inner,
  .article-stack-contained .bp-text .bp-text-inner {
    float: left;
    margin-right: 180px;
  }
}

@media only screen and (min-width: 59.375em) {
  .best-type .bp-text .social,
  .article-stack-contained .bp-text .social {
    position: absolute;
    right: 0;
    width: 180px;
  }
}

.best-type .intro-stack__body,
.article-stack-contained .intro-stack__body {
  padding-top: 20px;
}

.best-type .intro-stack__body p,
.article-stack-contained .intro-stack__body p {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  line-height: 1.4;
  font-size: 19px;
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 62.5em) {
  .best-type .intro-stack__body p,
  .article-stack-contained .intro-stack__body p {
    font-size: 22px;
    line-height: 1.3;
  }
}

.best-type .intro-stack-title,
.article-stack-contained .intro-stack-title {
  margin: 0;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  clear: both;
  font-size: 28px;
}

@media only screen and (min-width: 37.5em) {
  .best-type .intro-stack-title,
  .article-stack-contained .intro-stack-title {
    font-size: 38px;
  }
}

@media only screen and (min-width: 68.75em) {
  .best-type .intro-stack-title,
  .article-stack-contained .intro-stack-title {
    font-size: 48px;
  }
}

.best-type .intro-stack-title + .intro-stack__body p,
.article-stack-contained .intro-stack-title + .intro-stack__body p {
  margin-top: 0.625rem;
}

.best-type .intro-stack__body > p,
.article-stack-contained .intro-stack__body > p {
  margin-top: 0;
}

@media only screen and (min-width: 31.25em) {
  .page-article-native .best-type .intro-stack-title, .page-article-native
  .article-stack-contained .intro-stack-title {
    display: inline;
  }
}

.best-type .intro-img,
.article-stack-contained .intro-img {
  margin-bottom: 0;
}

.best-type .post-caption,
.article-stack-contained .post-caption {
  margin-bottom: 20px;
}

.best-type .post-entry p:first-child,
.article-stack-contained .post-entry p:first-child {
  margin-top: 6px;
  margin-top: 0.375rem;
}

.page-article-stack-best-places .post-entry > ul {
  margin: 0;
  padding: 0;
}

.page-article-stack-best-places .post-entry > ul li {
  list-style: none;
}

.page-article-stack-best-places .article-hdr .unify-inner {
  margin-right: 0;
}

.page-article-stack-best-places .intro-img {
  background-image: url("/sites/all/themes/outside/images/designimages/best-places-to-work-phone.jpg");
}

@media only screen and (min-width: 37.5em) {
  .page-article-stack-best-places .intro-img {
    background-image: url("/sites/all/themes/outside/images/designimages/best-jobs-main_mid.jpg");
  }
}

@media only screen and (min-width: 59.375em) {
  .page-article-stack-best-places .intro-img {
    background-image: url("/sites/all/themes/outside/images/designimages/best-places-to-work-2014.jpg");
  }
}

@media only screen and (min-width: 59.375em) {
  .aq-filter-form {
    padding-top: 0px;
    padding-top: 0rem;
  }
}

.page-article-stack-best-places .go-top:after {
  content: "Map";
}

.page-article-stack-best-places .article-title {
  margin-bottom: 0;
  font-weight: 500;
}

@media only screen and (min-width: 43.75em) {
  .page-article-stack-best-places .main-content-wrap {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-top: 0px;
    padding-top: 0rem;
  }
  .page-article-stack-best-places .main-content-wrap.is-active {
    padding-top: 0px;
    padding-top: 0rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .page-article-stack-best-places .main-nav {
    position: relative;
    left: 0;
    box-shadow: 0 0 0 transparent;
  }
}

/**
 * Author Blocks
 */
.block-author, .article-stack-contained .stack-author {
  clear: both;
  padding: 20px 0;
  padding: 1.25rem 0;
  min-height: 140px;
  min-height: 8.75rem;
  border-bottom: 1px dotted #D3D6D9;
}

.ba-thumb, .article-stack-contained .stack-author-thumb {
  width: 100px;
  width: 6.25rem;
  padding: 0 18px 0 0;
  padding: 0 1.125rem 0 0;
  float: left;
}

@media only screen and (min-width: 37.5em) {
  .ba-thumb, .article-stack-contained .stack-author-thumb {
    width: 150px;
    width: 9.375rem;
  }
}

.ba-title, .article-stack-contained .stack-author-title {
  margin: 0 0 10px;
}

.ba-title a, .article-stack-contained .stack-author-title a, .ba-title a:hover, .article-stack-contained .stack-author-title a:hover {
  color: #9b1e25;
  background: transparent;
  text-decoration: none;
}

.ba-desc, .article-stack-contained .bp-text .author-desc {
  font-size: 16px;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
}

.article-stack-contained .intro-img .intro-stack-title {
  text-align: center;
  color: white;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.7);
  font-size: 28px;
  margin: 80px 20px 0;
}

@media only screen and (min-width: 37.5em) {
  .article-stack-contained .intro-img .intro-stack-title {
    font-size: 48px;
    margin-top: 150px;
  }
}

@media only screen and (min-width: 56.25em) {
  .article-stack-contained .intro-img .intro-stack-title {
    font-size: 64px;
  }
}

.article-stack-contained .intro-img .intro-stack-desc {
  text-align: center;
  color: white;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.7);
  font-size: 18px;
  margin: 0 20px;
}

@media only screen and (min-width: 37.5em) {
  .article-stack-contained .intro-img .intro-stack-desc {
    font-size: 24px;
  }
}

.article-stack-contained .contained-stack-title {
  margin: 20px 0px;
  padding: 0 14px;
}

.article-stack-contained .stack-author {
  margin-bottom: 1.25rem;
}

.article-stack-contained .bp-text .author-desc {
  margin-bottom: 0;
}

.article-stack-contained--alt .intro-img {
  position: relative;
}

.aq-filters {
  position: relative;
  z-index: 100;
}

.aq-filters .list-title {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 600;
  color: #9b1e25;
  text-transform: uppercase;
  margin: 18px 0 0;
  margin: 1.125rem 0 0;
  font-size: 15px;
  font-size: 0.9375rem;
}

.filter-selected .aq-filters .list-title {
  display: none;
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .aq-list-wrap {
    height: 100%;
    width: 100%;
  }
  .aq-list-wrap .aq-list {
    overflow: hidden;
  }
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .article-queue-infinite.aq--with-filter ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .article-queue-infinite.aq--with-filter ::-webkit-scrollbar-thumb {
    background: #000;
  }
  .article-queue-infinite.aq--with-filter ::-webkit-scrollbar-track {
    background: #E2E2E3;
  }
  .article-queue-infinite.aq--with-filter body {
    scrollbar-face-color: #000;
    scrollbar-track-color: #E2E2E3;
  }
  .article-queue-infinite.aq--with-filter .aq-nav {
    overflow: auto;
  }
}

.sticky .aq-list-wrap {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 217px 12px 0;
  padding: 13.5625rem 0.75rem 0;
}

.sticky .filter-selected .aq-list-wrap {
  padding-top: 179px;
}

.sticky.ad-block-728x90 {
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 10000;
}

.left-nav-title,
.aq-filter-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  color: #9b1e25;
  font-weight: 600;
  margin: 0;
  line-height: 1;
  letter-spacing: 1px;
  font-size: 24px;
}

@media only screen and (min-width: 1220) {
  .left-nav-title,
  .aq-filter-title {
    font-size: 26px;
  }
}

.filter-form,
.aq-filter-form {
  padding: 10px 14px 10px;
  padding: 0.625rem 0.875rem 0.625rem;
}

@media only screen and (min-width: 59.375em) {
  .filter-form,
  .aq-filter-form {
    padding-left: 0;
    padding-right: 0;
  }
}

.filter-form .field,
.aq-filter-form .field {
  border-bottom: 1px dotted #D3D6D9;
  position: relative;
  padding: 7px 3px 6px;
  padding: 0.4375rem 0.1875rem 0.375rem;
}

.filter-form .field:first-child,
.aq-filter-form .field:first-child {
  border-top: 1px dotted #D3D6D9;
}

.filter-form .field .icon-close,
.aq-filter-form .field .icon-close {
  position: absolute;
  z-index: 100;
  cursor: pointer;
  display: none;
  right: 5px;
  right: 0.3125rem;
  top: 10px;
  top: 0.625rem;
}

.filter-form .select,
.aq-filter-form .select {
  width: 99.5%;
}

.touch .filter-form .selected .select, .touch
.aq-filter-form .selected .select {
  z-index: -1;
}

.touch .filter-form .icon-close, .touch
.aq-filter-form .icon-close {
  z-index: 999999999999;
}

.filter-form .selected .select,
.aq-filter-form .selected .select {
  color: #460d11;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  padding-bottom: 2px;
  padding-bottom: 0.125rem;
}

.filter-form .selected .customSelectInner:before,
.aq-filter-form .selected .customSelectInner:before {
  display: none;
}

.filter-form .selected .icon-close,
.aq-filter-form .selected .icon-close {
  display: block;
}

@media only screen and (min-width: 59.375em) {
  .aq-filter-form {
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    box-shadow: 0 13px 16px -18px rgba(0, 0, 0, 0.4);
  }
}

.hero-inset {
  position: relative;
}

.hero-inset .h-text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-inset .unify {
  width: 100%;
  margin: 0 auto;
  max-width: 950px;
  max-width: 59.375rem;
}

.hero-inset .h-title {
  color: #006597;
  margin: 0 20px;
  margin: 0 1.25rem;
}

.hero-inset .h-dek {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  color: white;
  padding: 0 20px;
  padding: 0 1.25rem;
}

@media only screen and (min-width: 68.75em) {
  .hero-inset .h-dek {
    padding: 0 52px;
    padding: 0 3.25rem;
  }
}

.hero-inset .h-dek p {
  font-family: "Prata", serif;
  color: white;
  line-height: 1.2;
  margin-bottom: 0;
  float: none;
  max-width: none;
  font-weight: 100;
  letter-spacing: 2px;
  font-size: 16px;
  font-size: 1rem;
}

@media only screen and (min-width: 43.75em) {
  .hero-inset .h-dek p {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.45;
  }
}

.hero-inset .byline, .hero-inset .page-channel .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news .hero-inset .views-field-field-author-bio {
  color: white;
  font-size: 16px;
  font-size: 1rem;
}

.c-inner,
.f-inner {
  padding: 0 20px;
  padding: 0 1.25rem;
  margin: 0 auto;
  max-width: 1260px;
  max-width: 78.75rem;
}

.article-social--widevp {
  display: none;
}

@media only screen and (min-width: 68.75em) {
  .article-social--widevp {
    display: block;
  }
}

/**
 * Native Article within a Stack
 */
.article__native .st-share-count,
.page-article-longform-native .st-share-count {
  margin: 8px 8px 0 0;
}

.article__native .st-share-count:after,
.page-article-longform-native .st-share-count:after {
  display: none;
}

.article__native .st-share-count .count-timer,
.article__native .st-share-count .unit,
.page-article-longform-native .st-share-count .count-timer,
.page-article-longform-native .st-share-count .unit {
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .article__native .article-hdr .social,
  .page-article-longform-native .article-hdr .social {
    margin-top: 30px;
  }
}

/**
 * Stylized product detail.
 */
.article__body pre {
  display: block;
  border-left: 1px solid #D3D6D9;
  padding-left: 8px;
  white-space: normal;
  margin-bottom: 30px;
  white-space: nowrap;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
}

@media only screen and (min-width: 37.5em) {
  .article__body pre {
    padding-left: 14px;
  }
}

.article__body pre em {
  text-transform: uppercase;
  font-weight: 100;
  display: inline-block;
  font-size: 11px;
  font-style: normal;
  vertical-align: middle;
  word-wrap: break-word;
  white-space: pre-line;
  text-align: right;
}

@media only screen and (min-width: 37.5em) {
  .article__body pre em {
    font-size: 13px;
  }
}

.article__body pre strong {
  font-size: 18px;
  color: #9b1e25;
  font-weight: 100;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 4px;
  padding: 10px 8px 10px 0;
  margin-right: 9px;
  border-right: 1px solid #D3D6D9;
}

.article__body pre strong:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 37.5em) {
  .article__body pre strong {
    font-size: 40px;
    padding: 10px 14px 10px 0;
    margin-right: 15px;
  }
}

/**
 * New Search Styles
 */
.page-search-google .main-content-wrap .google-cse {
  display: none;
}

#google-cse-results iframe {
  width: 100%;
}

/**
 * Author Quote Block
 */
.author-quote .author-img {
  display: none;
}

@media only screen and (min-width: 31.25em) {
  .author-quote .author-img {
    display: inline-block;
    float: left;
    margin-right: 1.25rem;
    max-width: 225px;
  }
}

.author-quote .intro {
  margin: 0 0 20px;
  padding: 10px 0 0;
  border: none;
}

@media only screen and (min-width: 62.5em) {
  .author-quote .intro {
    padding-top: 0;
  }
}

.author-quote .intro p {
  font-size: 20px;
  margin: 0 0 10px;
  font-style: normal;
}

@media only screen and (min-width: 62.5em) {
  .author-quote .intro p {
    margin-bottom: 16px;
  }
}

.author-quote .byline, .author-quote .page-channel .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news .author-quote .views-field-field-author-bio {
  font-size: 18px;
  color: #6d6e70;
}

.author-quote .author__title {
  font-size: 12px;
  font-style: normal;
  color: #AAB1B7;
  text-transform: uppercase;
  margin-left: 4px;
}

/**
 * Buyer's Guide Specific AKA "Tout"
 */
.node-type-buyers-guide .main-content {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.node-type-buyers-guide .main-content-wrap,
.page-taxonomy-landing .main-content > .main-content-wrap {
  max-width: none;
}

@media only screen and (min-width: 59.375em) {
  .node-type-buyers-guide .ad-block-728x90 {
    margin: 0;
    padding: 12px 0 14px;
  }
}

.node-type-buyers-guide .page-title {
  float: none;
  margin: 0;
  line-height: 1;
  font-size: 24px;
  padding: 10px 10px 6px;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: bold;
}

@media only screen and (min-width: 31.25em) {
  .node-type-buyers-guide .page-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 43.75em) {
  .node-type-buyers-guide .page-title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 62.5em) {
  .node-type-buyers-guide .page-title {
    font-size: 50px;
    line-height: .8;
    padding: 20px 20px 15px;
  }
}

.btn__explore .icon, .btn__explore .customSelectInner:before, .btn__explore .item-list .pager-previous a, .item-list .pager-previous .btn__explore a, .btn__explore .item-list .pager-next a, .item-list .pager-next .btn__explore a, .btn__explore .rsArrowIcn {
  padding-left: 3px;
}

.node-type-buyers-guide .btn__explore {
  float: left;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 20px 6px 17px;
  letter-spacing: 0;
  display: none;
}

@media only screen and (min-width: 31.25em) {
  .node-type-buyers-guide .btn__explore {
    display: inline-block;
    font-size: 14px;
    float: none;
  }
}

.node-type-buyers-guide .ad-block--center {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 62.5em) {
  .node-type-buyers-guide .ad-block--center {
    position: relative;
    right: 0;
    top: 0;
  }
}

@media only screen and (min-width: 62.5em) {
  .node-type-buyers-guide .author-quote {
    padding-top: 10px;
    padding-right: 350px;
    min-height: 270px;
  }
}

@media only screen and (min-width: 62.5em) {
  .node-type-buyers-guide .author-quote {
    padding-right: 400px;
  }
}

.unify__quote-ad {
  padding: 0.625rem 1.25rem;
}

/**
 * Gorilla Glass sponsored specific
 */
@media only screen and (min-width: 62.5em) {
  .page-node-2025796 .author-quote {
    padding-right: 450px;
    min-height: 400px;
  }
}

.page-node-2025796 .tt-ad-replacement {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 62.5em) {
  .page-node-2025796 .ad-block--center {
    width: 400px;
  }
}

/**
 * Splashy Tout Specific
 */
@media only screen and (min-width: 31.25em) {
  .tout--splashy .unify__quote-ad {
    padding: 40px 20px 20px;
  }
}

@media only screen and (min-width: 62.5em) {
  .tout--splashy .unify__quote-ad {
    padding: 50px 20px;
  }
}

.block .bgt-article:hover .b-title {
  text-decoration: none;
  color: #fff;
}

.block .bgt-article:hover .text-overlay--yellow {
  background-color: rgba(81, 66, 0, 0.65);
}

/**
 * Standard Tout Specific
 */
@media only screen and (min-width: 31.25em) {
  .tout--standard .unify__quote-ad {
    padding: 0 1.25rem 1.25rem;
  }
}

.tout-title__wrap {
  height: 100%;
}

.tout-title__inner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  padding: 1.25rem;
}

@media only screen and (min-width: 62.5em) {
  .tout-title__inner {
    padding-left: 1.875rem;
  }
}

@media only screen and (min-width: 31.25em) {
  .tout-title__inner .eyebrow {
    font-size: 16px;
  }
}

.tout-title__inner .sponsor-link {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
}

@media only screen and (min-width: 56.25em) {
  .tout-title__inner .sponsor-link {
    bottom: 70px;
  }
}

.tout-title {
  font-size: 26px;
  max-width: 670px;
  padding-right: 100px;
  line-height: 1.05;
  margin: 0 0 -5px;
}

@media only screen and (min-width: 31.25em) {
  .tout-title {
    font-size: 35px;
    margin-bottom: -7px;
  }
}

@media only screen and (min-width: 43.75em) {
  .tout-title {
    font-size: 45px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 81.25em) {
  .tout-title {
    font-size: 55px;
  }
}

.tout--standard .author-quote .intro {
  padding-top: 0;
}

.tout--standard .author-quote .intro a {
  color: inherit;
  box-shadow: inset 0 -4px 0 -1px #ffd204;
  -webkit-transition: box-shadow .15s ease-in-out;
  transition: box-shadow .15s ease-in-out;
}

.tout--standard .author-quote .intro a:hover {
  box-shadow: inset 0 -23px 0 -1px #ffd204;
}

.tout--standard .post-caption {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

@media only screen and (min-width: 0) and (max-width: 40.625em) {
  .tout--standard .post-caption {
    padding-top: 5px;
  }
}

/**
 * Buyer's Guide main page only
 */
@media only screen and (min-width: 62.5em) {
  .bgt-main .ad-block--center {
    position: absolute;
  }
}

/**
 * Header with background image that scales in height based on viewport height
 */
.header__article--immersive {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  overflow: hidden;
}

.header__article--centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__article--immersive .unify__titles {
  position: relative;
  z-index: 100;
}

.header__article--fullheight {
  height: 55vh;
}

@media only screen and (min-width: 62.5em) {
  .header__article--fullheight {
    height: 88vh;
    background-attachment: fixed;
  }
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .header__article--fullheight .unify__titles {
    position: absolute;
    left: 14px;
    bottom: 14px;
  }
}

.header__article--immersive .article-share {
  position: absolute;
  right: 20px;
  bottom: 10px;
  z-index: 100;
  display: none;
  opacity: .7;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.header__article--immersive .article-share:hover {
  opacity: 1;
}

@media only screen and (min-width: 59.375em) {
  .header__article--immersive .article-share {
    display: block;
    right: 1.25rem;
  }
}

.header__article--immersive .share-button__link--facebook {
  background-color: #AAB1B7;
}

.header__article--immersive .share-button__link--twitter {
  background-color: #b8bec3;
}

.header__article--immersive .share-button__link--pinterest {
  background-color: #c6cace;
}

.header__article--immersive .share-button__link--email {
  background-color: #d3d7da;
}

@media only screen and (min-width: 59.375em) {
  .header__article--with-nav .article-share {
    bottom: 75px;
  }
}

.header__article--halfheight {
  height: 250px;
}

@media only screen and (min-width: 40.625em) {
  .header__article--halfheight {
    height: 420px;
    margin-bottom: 1.25rem;
  }
}

@media only screen and (min-width: 50em) {
  .header__article--halfheight {
    height: 450px;
  }
}

@media only screen and (min-width: 59.375em) {
  .header__article--halfheight.header__article--with-nav {
    margin-bottom: 60px;
  }
}

.header__article--halfheight .unify__titles {
  margin-top: 60px;
}

@media only screen and (min-width: 40.625em) {
  .header__article--halfheight .unify__titles {
    margin-top: 0px;
  }
}

/**
 * Article Swath Styles (Swaths that contain articles)
 */
.article__swath .b-thumb img {
  width: 100%;
}

.tout-standard__swaths {
  margin-bottom: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media only screen and (min-width: 31.25em) {
  .tout-standard__swaths {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.tout-standard__swaths .article__swath {
  margin-bottom: 2px;
}

.tout-standard__swaths .article__swath:last-child, .tout-standard__swaths .article__swath:nth-child(3) {
  margin-bottom: 0;
}

.article__swath .block {
  max-height: 450px;
}

.article__swath .block .b-title {
  font-size: 24px;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  padding-right: 100px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 31.25em) {
  .article__swath .block .b-title {
    font-size: 32px;
  }
}

@media only screen and (min-width: 50em) {
  .article__swath .block .b-title {
    font-size: 45px;
  }
}

.article__swath .block:hover .b-title {
  text-decoration: none;
}

.article__swath .block .icon-arrow-right, .article__swath .block .item-list .pager-next a, .item-list .pager-next .article__swath .block a, .article__swath .block .rsArrowRight .rsArrowIcn, .rsArrowRight .article__swath .block .rsArrowIcn {
  font-size: 20px;
  margin-left: 4px;
}

@media only screen and (min-width: 31.25em) {
  .article__swath .block .icon-arrow-right, .article__swath .block .item-list .pager-next a, .item-list .pager-next .article__swath .block a, .article__swath .block .rsArrowRight .rsArrowIcn, .rsArrowRight .article__swath .block .rsArrowIcn {
    font-size: 25px;
  }
}

@media only screen and (min-width: 50em) {
  .article__swath .block .icon-arrow-right, .article__swath .block .item-list .pager-next a, .item-list .pager-next .article__swath .block a, .article__swath .block .rsArrowRight .rsArrowIcn, .rsArrowRight .article__swath .block .rsArrowIcn {
    font-size: 30px;
  }
}

.article__swath .block .b-text {
  padding-left: 17px;
}

@media only screen and (min-width: 31.25em) {
  .article__swath .block .b-text {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 50em) {
  .article__swath .block .b-text {
    bottom: 0;
    padding-bottom: 1.25rem;
  }
}

.article__swath .block .dek {
  max-width: 620px;
  padding-right: 90px;
  margin-bottom: 10px;
  display: none;
}

@media only screen and (min-width: 25em) {
  .article__swath .block .dek {
    display: block;
  }
}

.article__swath .block .dek p {
  color: #fff;
}

@media only screen and (min-width: 31.25em) {
  .article__swath .block .dek p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 50em) {
  .article__swath .block .dek p {
    font-size: 19px;
  }
}

.article__swath .block .sponsor-link-wrap {
  position: absolute;
  padding-left: 12px;
  padding-right: 1.25rem;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

@media only screen and (min-width: 31.25em) {
  .article__swath .block .sponsor-link-wrap {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.article__swath .block .sponsor-link {
  position: absolute;
  bottom: 1.25rem;
  right: 0;
  z-index: 10;
}

@media only screen and (min-width: 25em) {
  .article__swath .block .sponsor-link {
    bottom: 25px;
  }
}

@media only screen and (min-width: 50em) {
  .article__swath .block .sponsor-link {
    bottom: 35px;
  }
}

.article__swath .block .sponsor-link .sponsored-by {
  color: #fff;
}

.article__swath .block .ad-block-80x31 {
  margin-bottom: 0;
}

/**
 * No Touch Interactions
 */
.no-touch .section__swaths .b-thumb {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.no-touch .section__swaths .unify {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.225s ease-in-out;
  transition: all 0.225s ease-in-out;
}

.no-touch .section__swaths .block:hover .b-thumb {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}

.no-touch .section__swaths .block:hover .unify {
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
}

.no-touch .section__swaths .block:hover .unify .dek {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/**
 * Splashy Block Style
 */
.tout-splashy__swaths .block .b-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 20px;
  background-color: #ffd204;
  color: #000;
  font-weight: bold;
  padding: 10px 10px 8px;
}

@media only screen and (min-width: 31.25em) {
  .tout-splashy__swaths .block .b-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 50em) {
  .tout-splashy__swaths .block .b-title {
    font-size: 40px;
  }
}

.tout-splashy__swaths .block .b-text:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 200px;
  height: 12.5rem;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
  background-color: transparent;
}

@media only screen and (min-width: 50em) {
  .tout-splashy__swaths .block .b-text:before {
    height: 300px;
  }
}

@media only screen and (min-width: 68.75em) {
  .tout-splashy__swaths .block .dek {
    padding-top: 10px;
    margin-bottom: 12px;
  }
}

.tout-splashy__swaths .block .dek p {
  color: #000;
}

.tout-splashy__swaths .block .sponsor-link .sponsored-by {
  color: #000;
}

/**
 * Swath Single Article
 */
.swath-article {
  padding-bottom: 1.25rem;
  margin-bottom: 2.5rem;
}

.swath-article p {
  clear: both;
}

.swath-article .post-block {
  border-top: 1px solid #D3D6D9;
  padding-top: 2.5rem;
  margin-top: 50px;
  margin-bottom: 0;
}

.swath-article .post-block:first-of-type {
  border-top: none;
}

.swath-article .post-block + p:empty {
  display: none;
}

.swath-article .post-block img {
  width: auto;
  display: block;
}

@media only screen and (min-width: 81.25em) {
  .swath-article .col2-static--roomy {
    margin-right: 0;
  }
}

.swath-article .article__title {
  max-width: 750px;
  margin-top: 0;
  font-size: 37px;
  line-height: 1.1;
}

@media only screen and (min-width: 37.5em) {
  .swath-article .article__title {
    font-size: 45px;
  }
}

@media only screen and (min-width: 62.5em) {
  .swath-article .article__title {
    font-size: 60px;
  }
}

.swath-article .article__body {
  margin: 0 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #E2E2E3;
}

@media only screen and (min-width: 81.25em) {
  .swath-article .article__body {
    margin-left: 0;
    margin-right: 0;
  }
}

.swath-article .article__body h2 {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  float: left;
  margin-top: 8px;
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 62.5em) {
  .swath-article .article__body h2 {
    font-size: 32px;
  }
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .swath-article .article__body-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 690px;
  }
}

.swath-article .article__body-inner p a:not(.btn) {
  color: inherit;
  box-shadow: inset 0 -4px 0 -1px #ffd204;
  -webkit-transition: box-shadow .15s ease-in-out;
  transition: box-shadow .15s ease-in-out;
}

.swath-article .article__body-inner p a:not(.btn):hover {
  box-shadow: inset 0 -23px 0 -1px #ffd204;
}

.swath-article .post-block--medium {
  max-width: none;
}

.swath-article .post-block-caption {
  text-align: right;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  border-bottom: none;
  padding-bottom: 0;
  float: right;
  padding-top: 24px;
}

.swath-article.swath-article--upper-half .ad-block--center {
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 59.375em) {
  .swath-article.swath-article--upper-half .ad-block--center {
    margin-bottom: 0;
  }
}

.swath-article__img img {
  opacity: .7;
}

.swath-article__social {
  position: absolute;
  bottom: 5px;
  right: 1.25rem;
  z-index: 100;
}

.swath-article__social .st-share-count {
  display: none;
}

/**
 * Taxonomy Landing Pages
 */
.page-taxonomy-landing .hero-node-section,
.page-taxonomy-landing .landing-post a,
.page-from-our-partners .hero-node-section,
.page-from-our-partners .landing-post a {
  position: relative;
}

.page-taxonomy-landing .hero-node-section:before,
.page-taxonomy-landing .landing-post a:before,
.page-from-our-partners .hero-node-section:before,
.page-from-our-partners .landing-post a:before {
  position: absolute;
  content: "";
  width: 100%;
  bottom: -1px;
  z-index: 1;
}

.page-taxonomy-landing .hero-node-section,
.page-from-our-partners .hero-node-section {
  max-height: 500px;
  overflow: hidden;
  margin-bottom: 20px;
}

.page-taxonomy-landing .hero-node-section:before,
.page-from-our-partners .hero-node-section:before {
  height: 270px;
  background: -webkit-linear-gradient( top , transparent 0%, rgba(0, 0, 0, 0.85) 85%);
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 85%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 85%);
}

@media only screen and (min-width: 31.25em) {
  .page-taxonomy-landing .hero-node-section:before,
  .page-from-our-partners .hero-node-section:before {
    height: 270px;
  }
}

@media only screen and (min-width: 56.25em) {
  .page-taxonomy-landing .hero-node-section:before,
  .page-from-our-partners .hero-node-section:before {
    height: 450px;
    background: -webkit-linear-gradient(10deg, rgba(0, 0, 0, 0.95) 5%, transparent 60%);
    background: -webkit-linear-gradient(80deg, rgba(0, 0, 0, 0.95) 5%, transparent 60%);
    background: linear-gradient(10deg, rgba(0, 0, 0, 0.95) 5%, transparent 60%);
  }
}

@media only screen and (min-width: 37.5em) {
  .page-taxonomy-landing .hero-node-section,
  .page-from-our-partners .hero-node-section {
    max-height: 400px;
  }
}

@media only screen and (min-width: 56.25em) {
  .page-taxonomy-landing .hero-node-section,
  .page-from-our-partners .hero-node-section {
    max-height: 500px;
  }
}

.page-taxonomy-landing .hero-node-section .hero-node-content,
.page-from-our-partners .hero-node-section .hero-node-content {
  position: absolute;
  bottom: 0;
  text-align: left;
  padding: 25px;
  padding: 1.5625rem;
}

@media only screen and (min-width: 62.5em) {
  .page-taxonomy-landing .hero-node-section .hero-node-content,
  .page-from-our-partners .hero-node-section .hero-node-content {
    max-width: 780px;
    max-width: 48.75rem;
  }
}

.page-taxonomy-landing .hero-node-img,
.page-taxonomy-landing .landing-post-img,
.page-from-our-partners .hero-node-img,
.page-from-our-partners .landing-post-img {
  width: 100%;
}

.page-taxonomy-landing .hero-node-wrap,
.page-from-our-partners .hero-node-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.page-taxonomy-landing .hero-node-wrap .wrap,
.page-from-our-partners .hero-node-wrap .wrap {
  height: 100%;
  position: relative;
  text-align: center;
}

.page-taxonomy-landing .term,
.page-from-our-partners .term {
  background: rgba(255, 210, 4, 0.9);
  display: inline-block;
  margin: 0 auto;
  padding: 15px;
  padding: 0.9375rem;
}

@media only screen and (min-width: 56.25em) {
  .page-taxonomy-landing .term,
  .page-from-our-partners .term {
    margin: 0;
    display: block;
    float: left;
    padding: 20px;
    padding: 1.25rem;
    margin-left: 25px;
    margin-left: 1.5625rem;
  }
}

.page-taxonomy-landing .top-term-title,
.page-from-our-partners .top-term-title {
  display: inline-block;
  margin-top: 0;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  color: #000;
  font-style: italic;
  border-bottom: 4px solid #000000;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}

@media only screen and (min-width: 56.25em) {
  .page-taxonomy-landing .top-term-title,
  .page-from-our-partners .top-term-title {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.page-taxonomy-landing .term-title,
.page-from-our-partners .term-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 34px;
  margin: 0;
  line-height: 1;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: bold;
  text-transform: none;
  font-size: 20px;
}

.page-taxonomy-landing .term-title span,
.page-from-our-partners .term-title span {
  border-bottom: 4px solid #ffd204;
}

@media only screen and (min-width: 37.5em) {
  .page-taxonomy-landing .term-title,
  .page-from-our-partners .term-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-taxonomy-landing .term-title,
  .page-from-our-partners .term-title {
    font-size: 40px;
  }
}

.page-taxonomy-landing .hero-node-title,
.page-from-our-partners .hero-node-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-transform: none;
  line-height: 1;
  color: white;
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 21px;
  font-size: 1.3125rem;
}

@media only screen and (min-width: 37.5em) {
  .page-taxonomy-landing .hero-node-title,
  .page-from-our-partners .hero-node-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 50em) {
  .page-taxonomy-landing .hero-node-title,
  .page-from-our-partners .hero-node-title {
    font-size: 42px;
    font-size: 2.625rem;
  }
}

.page-taxonomy-landing .hero-node-dek,
.page-from-our-partners .hero-node-dek {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  color: white;
  font-style: italic;
  margin: 0 0 10px;
  font-size: 14px;
  font-size: 0.875rem;
}

.page-taxonomy-landing .byline, .page-taxonomy-landing .page-channel .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news .page-taxonomy-landing .views-field-field-author-bio,
.page-from-our-partners .byline,
.page-from-our-partners .page-channel .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news
.page-from-our-partners .views-field-field-author-bio {
  color: white;
  font-style: normal;
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-bottom: 0;
}

.page-taxonomy-landing .landing-post a,
.page-from-our-partners .landing-post a {
  display: block;
  max-height: 400px;
  overflow: hidden;
  padding-bottom: 0;
}

.page-taxonomy-landing .landing-post a:before,
.page-from-our-partners .landing-post a:before {
  height: 150px;
  background: -webkit-linear-gradient( top , transparent 0%, rgba(0, 0, 0, 0.85) 85%);
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 85%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 85%);
}

@media only screen and (min-width: 37.5em) {
  .page-taxonomy-landing .landing-post a:before,
  .page-from-our-partners .landing-post a:before {
    height: 370px;
    background: -webkit-linear-gradient(10deg, rgba(0, 0, 0, 0.95) 5%, transparent 60%);
    background: -webkit-linear-gradient(80deg, rgba(0, 0, 0, 0.95) 5%, transparent 60%);
    background: linear-gradient(10deg, rgba(0, 0, 0, 0.95) 5%, transparent 60%);
  }
}

.page-taxonomy-landing .landing-post-content,
.page-from-our-partners .landing-post-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  color: white;
  margin: 0;
  padding: 10px;
  padding: 0.625rem;
  max-width: 600px;
  max-width: 37.5rem;
}

@media only screen and (min-width: 31.25em) {
  .page-taxonomy-landing .landing-post-content,
  .page-from-our-partners .landing-post-content {
    padding: 20px;
    padding: 1.25rem;
  }
}

@media only screen and (min-width: 56.25em) {
  .page-taxonomy-landing .landing-post-content,
  .page-from-our-partners .landing-post-content {
    padding: 25px;
    padding: 1.5625rem;
  }
}

.page-taxonomy-landing .landing-post-title,
.page-from-our-partners .landing-post-title {
  margin: 0;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (min-width: 56.25em) {
  .page-taxonomy-landing .landing-post-title,
  .page-from-our-partners .landing-post-title {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

@media only screen and (min-width: 68.75em) {
  .page-taxonomy-landing .landing-post-title,
  .page-from-our-partners .landing-post-title {
    font-size: 34px;
    font-size: 2.125rem;
  }
}

.page-taxonomy-landing .landing-post-dek,
.page-from-our-partners .landing-post-dek {
  display: none;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  margin: 0 0 10px;
  font-style: italic;
}

@media only screen and (min-width: 37.5em) {
  .page-taxonomy-landing .landing-post-dek,
  .page-from-our-partners .landing-post-dek {
    display: block;
  }
}

/**
 * Longform V2
 */
.longform__hero-slideshow .flex-control-nav {
  display: none;
}

.longform__hero-slideshow p.article-slideshow-post-caption {
  padding-top: 10px;
  padding-bottom: 12px;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 28px);
}

.longform__hero .hero-inset__sponsor-link {
  bottom: 0;
  float: right;
}

.article__longform .longform-video,
.article__longform .youtube-container--responsive {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 75em) {
  .article__longform .longform-video,
  .article__longform .youtube-container--responsive {
    margin-bottom: 1.875rem;
  }
}

.article__column--right {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 75em) {
  .article__column--right {
    max-width: none;
    padding-left: 160px;
    padding-right: 20px;
  }
}

.article__column--left {
  display: none;
}

@media only screen and (min-width: 62.5em) {
  .article__column--left {
    width: 160px;
    float: right;
    display: block;
    text-align: right;
  }
  .article__column--left .article-share {
    display: inline-block;
    margin: 4px 0 10px 10px;
  }
}

@media only screen and (min-width: 75em) {
  .article__column--left {
    float: left;
    text-align: left;
  }
  .article__column--left .article-share {
    margin: 0;
  }
}

@media (min-width: 62.5em) and (max-width: 75em) {
  .article__title-wrap .sponsor-link {
    float: none;
    margin-bottom: 1.25rem;
  }
  .article__title-wrap .sponsor--pad {
    padding-right: 0;
  }
}

.divider--yellow {
  margin-bottom: 40px;
  position: relative;
}

@media only screen and (min-width: 62.5em) {
  .divider--yellow {
    margin-bottom: 60px;
  }
}

.divider--yellow:after {
  content: "";
  background-color: #ffd204;
  height: 4px;
  width: 20%;
  position: absolute;
  left: 0;
  bottom: -20px;
}

@media only screen and (min-width: 62.5em) {
  .divider--yellow:after {
    bottom: -30px;
  }
}

.longform__post-caption {
  padding-top: 6px;
  margin-bottom: 30px;
}

.longform__aside {
  padding-top: 1.875rem;
}

.longform__aside__adblock {
  width: 340px;
  padding: 20px;
}

.full-bleed {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width: auto;
}

.text--longform {
  padding-top: 30px;
}

@media only screen and (min-width: 59.375em) {
  .text--longform {
    padding-top: 10px;
  }
}

@media only screen and (min-width: 43.75em) {
  .text--longform p:not(.post-caption), .text--longform li, .text--longform dt, .text--longform dd {
    font-size: 18px;
  }
}

.text--longform ul, .text--longform ol {
  margin-left: 0;
}

.text--longform > ul,
.text--longform > ol {
  margin-left: 10px;
}

.text--longform > ul > li > ul,
.text--longform > ul > li > ol,
.text--longform > ol > li > ul,
.text--longform > ol > li > ol {
  margin-left: 10px;
}

@media only screen and (min-width: 75em) {
  .text--longform .has-pullquote:before {
    padding-left: 70px;
    padding-right: 70px;
  }
}

@media only screen and (min-width: 62.5em) {
  .text--longform .post-block,
  .text--longform .video-wrap {
    margin-bottom: 1.875rem;
    margin-top: 1.25rem;
  }
}

.text--longform .video,
.text--longform .fluid-width-video-wrapper {
  clear: none;
}

.text--longform .post-block--small.post-block--right, .text--longform .post-block--small.post-block--left {
  padding-top: 0;
  margin-top: 0;
}

@media only screen and (min-width: 31.25em) {
  .text--longform .post-block--small.post-block--right, .text--longform .post-block--small.post-block--left {
    margin-top: 8px;
    padding-left: 0;
    padding-right: 0;
  }
}

.text--longform .post-block--small.post-block--right .pinit, .text--longform .post-block--small.post-block--left .pinit {
  top: 10px;
}

@media only screen and (min-width: 31.25em) {
  .text--longform .post-block--small.post-block--right {
    margin-left: 1.875rem;
  }
}

@media only screen and (min-width: 31.25em) {
  .text--longform .post-block--small.post-block--left {
    margin-right: 1.875rem;
  }
}

.text--longform .post-block--medium {
  max-width: none;
  clear: none;
}

.text--longform .post-block--medium.post-block--right, .text--longform .post-block--medium.post-block--left {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 62.5em) {
  .text--longform .post-block--medium.post-block--right, .text--longform .post-block--medium.post-block--left {
    padding-left: 0;
    padding-right: 0;
  }
}

.text--longform .post-block--large {
  clear: both;
}

.text--longform .post-block--large img {
  width: 100%;
}

.text--longform .post-block--large.post-block--right, .text--longform .post-block--large.post-block--left {
  float: none;
}

@media only screen and (min-width: 62.5em) {
  .text--longform .post-block--large {
    width: auto;
    margin-left: 0;
    margin-right: -400px;
    max-width: 1400px;
  }
}

@media only screen and (min-width: 75em) {
  .text--longform .post-block--large {
    width: auto;
    margin-left: -170px;
    margin-right: -430px;
    max-width: 1400px;
  }
}

.text--longform .post-block-caption {
  margin-bottom: 0;
}

.text--longform hr {
  width: 100%;
  max-width: 200px;
  margin: 2.5rem auto;
  border: 1px dashed #ffd204;
  height: 0;
}

.text--longform p:empty {
  display: none;
}

.text--longform .ad-block {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 0) and (max-width: 25em) {
  .text--longform .ad-block {
    padding: 0;
    background-image: none;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

.text--longform .ad-block:not(.ad-block-728x90):not(.ad-block-interstitial) {
  clear: both;
  padding: 0;
}

.text--longform .ad-block:not(.ad-block-728x90):not(.ad-block-interstitial) .ad-block-inner {
  padding: 1.25rem 0;
}

@media only screen and (min-width: 62.5em) {
  .text--longform .ad-block:not(.ad-block-728x90):not(.ad-block-interstitial) {
    margin-right: -400px;
    margin-top: 0;
    float: right;
    width: 340px;
  }
  .text--longform .ad-block:not(.ad-block-728x90):not(.ad-block-interstitial) .ad-block-inner {
    padding: 0;
  }
}

@media only screen and (min-width: 75em) {
  .text--longform .ad-block:not(.ad-block-728x90):not(.ad-block-interstitial) {
    margin-right: -420px;
  }
}

.text--longform > .ad-block:not(.ad-block-728x90):first-of-type {
  clear: right;
  padding-top: 0;
}

@media only screen and (min-width: 62.5em) {
  .text--longform > .ad-block:not(.ad-block-728x90):first-of-type {
    margin-top: 0;
  }
}

.text--longform .ad-block-728x90 {
  clear: both;
  padding: 0.625rem 0;
  width: auto;
}

@media only screen and (min-width: 75em) {
  .text--longform .ad-block-728x90 {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

.text--longform .ad-block-interstitial .ad-block-inner {
  padding-top: 1.25rem;
}

/**
 * Sidebars in articles.
 */
.tangent-chunk {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  width: 50%;
  margin: 10px 20px 20px -20px;
  max-width: 140px;
  float: left;
  clear: left;
  padding: 20px 0;
  text-align: center;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}

@media only screen and (min-width: 31.25em) {
  .tangent-chunk {
    width: 100%;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 59.375em) {
  .linear-article .tangent-chunk {
    margin-left: -165px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 75em) {
  .text--longform .tangent-chunk {
    margin-left: -180px;
  }
}

.tangent-chunk .tangent-title {
  margin: 0 0 10px;
}

.tangent-chunk .tangent-img-wrap {
  width: 75px;
  height: 75px;
  display: block;
  margin: 0 auto;
}

.tangent-chunk .tangent-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: block;
  width: 100%;
  height: 100%;
}

.tangent-chunk .tangent-copy,
.tangent-chunk .tangent-copy p {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 13px;
  margin: 10px 0 0;
  font-weight: normal;
}

@media only screen and (min-width: 0) and (max-width: 37.5em) {
  .tangent-chunk .tangent-copy,
  .tangent-chunk .tangent-copy p {
    display: none;
  }
}

.tangent-chunk .tangent-copy p {
  margin-bottom: 0;
}

.tangent-chunk a.tangent-link {
  font-size: 12px;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  color: #000;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  margin-top: 10px;
}

.tangent-chunk a.tangent-link:hover {
  color: #9b1e25;
}

.tangent-chunk .text-arrow {
  margin-left: 5px;
}

@media only screen and (min-width: 59.375em) {
  .linear-article .article__body > p:nth-child(1) + .tangent-chunk,
  .linear-article .article__body > p:nth-child(2) + .tangent-chunk,
  .linear-article .article__body > p:nth-child(3) + .tangent-chunk {
    margin-top: 230px;
  }
}

.linear-article .post-block--right,
.linear-article .post-block--left {
  float: none;
}

/**
 * Porsche ad node specifc
 */
.page-node-2101976 .sponsored-by {
  margin-bottom: 10px;
}

/**
 * Linear Articles
 */
.node-type-linear-article {
  background-color: #ececed;
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .node-type-linear-article .wrap-leaderboard {
    padding-top: 0;
  }
}

.article {
  /**
   * Ask the Experts
   */
  /**
   * No angle cut
   */
  /**
   * With Video in header
   */
}

.article.linear-article {
  background: -webkit-linear-gradient(#fff, #ececed 1800px);
  background: linear-gradient(#fff, #ececed 1800px);
  margin-left: 10px;
  margin-right: 10px;
}

@media only screen and (min-width: 59.375em) {
  .article.linear-article {
    margin: 0;
  }
}

.article__container {
  max-width: 970px;
  margin: 0 auto;
}

.article__header {
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
}

@media only screen and (min-width: 43.75em) {
  .article__header {
    margin: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .article__header {
    background-color: #fff;
  }
}

.article__sponsor-ad {
  position: absolute;
  right: 10px;
  top: 10px;
}

.article__ruberic {
  text-transform: uppercase;
  position: absolute;
  z-index: 100000;
  text-align: center;
  white-space: nowrap;
  opacity: .2;
  color: #fff;
  bottom: 10px;
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 18vw;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: bold;
}

@media only screen and (min-width: 980px) {
  .article__ruberic {
    font-size: 180px;
    bottom: 20px;
  }
}

.article__hgroup {
  position: relative;
  padding: 30px;
  background-color: #fff;
  border-top: 3px solid #000;
}

@media only screen and (min-width: 43.75em) {
  .article__hgroup {
    padding: 40px 80px;
    background-color: transparent;
  }
}

.article__title {
  margin: 0 0 5px;
  line-height: 1.1;
}

.article__subtitle {
  margin: 0;
  color: #6d6e70;
}

.article__photo-meta {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  color: #AAB1B7;
  position: absolute;
  right: 0;
  top: -18px;
  text-align: right;
  max-width: 90%;
  z-index: 100;
  padding: 0 6px;
  cursor: auto;
  display: none;
}

.article__photo-meta a {
  color: #AAB1B7;
  text-decoration: none;
}

.article__hero-image {
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
  margin-left: -10px;
  margin-right: -10px;
}

@media only screen and (min-width: 59.375em) {
  .article__hero-image {
    margin: 0;
  }
}

.article .hide-sticky {
  opacity: 0;
}

.article__content {
  position: relative;
  padding: 0 20px;
  margin-bottom: -15px;
  margin-top: -2px;
}

@media only screen and (min-width: 43.75em) {
  .article__content {
    padding: 0 80px;
  }
}

@media only screen and (min-width: 59.375em) {
  .article__content {
    padding: 35px 180px 0;
    margin-bottom: 40px;
    z-index: 100000;
    background: -webkit-linear-gradient(#fff, #ececed 800px);
    background: linear-gradient(#fff, #ececed 800px);
  }
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .article__content .article-share {
    display: none;
  }
}

.article__meta {
  position: relative;
  margin-top: -45px;
  margin-bottom: 25px;
  left: 50%;
  width: 100px;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  text-align: center;
  z-index: 110;
}

@media only screen and (min-width: 43.75em) {
  .article__meta {
    margin-top: -58px;
  }
}

@media only screen and (min-width: 59.375em) {
  .article__meta {
    position: absolute;
    margin: 0;
    left: 40px;
    top: 40px;
    -webkit-transform: none;
            transform: none;
  }
}

.article__meta > hr {
  height: 2px;
  background-color: #000;
  width: 70px;
  margin: 10px auto;
  border: none;
}

.article__author-image {
  margin: 0 auto 10px;
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 43.75em) {
  .article__author-image {
    width: 75px;
    height: 75px;
  }
}

@media only screen and (min-width: 59.375em) {
  .article__author-image {
    border: none;
  }
}

.article__author-image .author-link {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  position: absolute;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 59.375em) {
  .article__body-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 175px);
  }
}

@media only screen and (min-width: 1100px) {
  .article__body-wrap {
    width: calc(100% + 220px);
  }
}

@media only screen and (min-width: 1150px) {
  .article__body-wrap {
    width: calc(100% + 250px);
  }
}

@media only screen and (min-width: 1200px) {
  .article__body-wrap {
    width: calc(100% + 280px);
  }
}

@media only screen and (min-width: 1270px) {
  .article__body-wrap {
    width: calc(100% + 330px);
  }
}

.article__ad-wrap {
  display: none;
}

@media only screen and (min-width: 59.375em) {
  .article__ad-wrap {
    display: block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    min-width: 300px;
    -webkit-flex-basis: 300px;
        -ms-flex-preferred-size: 300px;
            flex-basis: 300px;
    margin-left: 45px;
    margin-top: 200px;
    margin-right: 10px;
  }
}

.article__ad {
  padding-top: 20px;
}

.article__ad iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.article__body .giant-letters {
  margin-top: 17px;
  line-height: .5;
}

@media only screen and (min-width: 59.375em) {
  .article__body .giant-letters {
    margin-top: 47px;
  }
}

.article__body > p:first-child {
  margin-top: 0;
}

.article__body > p,
.article__body > ul,
.article__body > ol {
  margin-bottom: 0;
}

.article__body .post-block {
  background-color: transparent;
  max-width: none;
}

.article__body figure.post-block img,
.article__body .hero-slide img {
  display: block;
  margin-bottom: 6px;
  mix-blend-mode: darken;
}

.article__body .video {
  clear: none;
}

.article__body div.hero-slideshow {
  margin-bottom: 0;
}

@media only screen and (min-width: 59.375em) {
  .article__body .instagram-media,
  .article__body .twitter-tweet {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

.article__body .twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 59.375em) {
  .article__body .fb-video {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.article__body--linear {
  margin-bottom: 0;
  width: 100%;
}

.article__body--linear figure.post-block {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -8px;
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .article__body--linear figure.post-block {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
  }
}

@media only screen and (min-width: 59.375em) {
  .article__body--linear figure.post-block {
    margin-bottom: -15px;
  }
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .article__body--linear .post-block-caption {
    margin: 0 30px;
  }
}

.article__body--linear .ad-block {
  width: 100vw;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (min-width: 59.375em) {
  .article__body--linear .ad-block {
    display: none;
  }
}

@media only screen and (min-width: 59.375em) {
  .article--ask-the-experts .article__body {
    margin-top: -30px;
  }
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .article--no-angle .article__meta {
    margin-top: -28px;
  }
}

@media only screen and (min-width: 43.75em) and (max-width: 59.375em) {
  .article--no-angle .article__meta {
    margin-top: -35px;
  }
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .article--with-video .article__meta {
    margin-top: 20px;
  }
}

/**
 * Magazine Issue article style
 */
.node-type-magazine-issue .angle {
  -webkit-clip-path: none;
          clip-path: none;
}

.node-type-magazine-issue .angle:after {
  display: none;
}

.node-type-magazine-issue .article__meta hr {
  display: none;
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .node-type-magazine-issue .article__meta {
    display: none;
  }
}

.node-type-magazine-issue .article-share {
  padding-top: 20px;
}

/*------------------------------------*    $SPONSORED PAGES
\*------------------------------------*/
.sponsored-title {
  margin-bottom: 0;
}

.sponsored-subtitle {
  margin-bottom: 8px;
}

.sponsor-wrap {
  margin-bottom: 0.625rem;
  overflow: hidden;
}

.sponsor-link {
  color: #E2E2E3;
  text-decoration: none;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-weight: bold;
  display: block;
  float: right;
  text-align: right;
  font-size: 11px;
  max-width: 88px;
  text-align: center;
  position: relative;
  z-index: 10;
}

.sponsor-link:hover {
  background-color: transparent;
  text-decoration: none;
}

.sponsor-link .sponsored-by {
  display: block;
}

.section-sponsored .sponsor-link a {
  color: #E2E2E3;
  text-decoration: none;
}

.section-sponsored .sponsor-link a:hover {
  background-color: transparent;
  text-decoration: none;
}

.sponsor-link .ad-block {
  margin-bottom: 0;
}

.sponsored-by {
  display: inline-block;
  line-height: 1;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  color: #D3D6D9;
  font-weight: normal;
  vertical-align: sub;
  margin-bottom: 2px;
  font-size: 9px;
}

.sponsored-by.centered {
  float: none;
}

.sponsor--pad {
  position: relative;
}

@media only screen and (min-width: 31.25em) {
  .sponsor--pad {
    padding-right: 100px;
  }
}

.page-article--is-native:not(.page-article-stack-contained) .st-share-count .count-timer,
.page-article--is-native:not(.page-article-stack-contained) .st-share-count .unit,
.page-article--is-native:not(.page-article-stack-contained) .comments,
.article__native .st-share-count .count-timer,
.article__native .st-share-count .unit,
.article__native .comments {
  display: none;
}

.page-article--is-native:not(.page-article-stack-contained) .article-hdr,
.article__native .article-hdr,
.section-sponsored .article-hdr {
  position: relative;
}

.page-article--is-native:not(.page-article-stack-contained) .article-title,
.article__native .article-title,
.section-sponsored .article-title {
  clear: both;
}

@media only screen and (min-width: 31.25em) {
  .page-article--is-native:not(.page-article-stack-contained) .article-title,
  .article__native .article-title,
  .section-sponsored .article-title {
    clear: none;
  }
}

.page-article--is-native:not(.page-article-stack-contained) .sponsor-wrap,
.article__native .sponsor-wrap,
.section-sponsored .sponsor-wrap {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 31.25em) {
  .page-article--is-native:not(.page-article-stack-contained) .sponsor-wrap,
  .article__native .sponsor-wrap,
  .section-sponsored .sponsor-wrap {
    position: relative;
    width: 92px;
    margin-left: auto;
    margin-right: auto;
  }
}

.section-native .st-share-count .count-timer,
.section-native .st-share-count .unit,
.section-native .comments {
  display: none;
}

.hero-slideshow .flex-direction-nav a,
.pg-slideshow .flex-direction-nav a {
  text-shadow: 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white;
  top: 60px;
  top: 3.75rem;
  font-size: 70px;
  font-size: 4.375rem;
  color: black;
}

@media only screen and (min-width: 43.75em) {
  .hero-slideshow .flex-direction-nav a,
  .pg-slideshow .flex-direction-nav a {
    top: 100px;
    top: 6.25rem;
  }
}

.hero-slideshow .flex-direction-nav a:hover,
.pg-slideshow .flex-direction-nav a:hover {
  color: #ffd204;
  background-color: transparent;
}

/*------------------------------------*    $PHOTO GALLERIES
\*------------------------------------*/
.slide-count {
  display: none;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 600;
  color: #9ca3aa;
}

@media only screen and (min-width: 59.375em) {
  .slide-count {
    float: right;
    margin: 23px 0 0 20px;
    margin: 1.4375rem 0 0 1.25rem;
  }
}

.pg-hdr {
  text-align: center;
}

.pg-title {
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}

.photo-gallery {
  position: relative;
}

.photo-gallery .sticky.pg-slideshow .flex-direction-nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  max-width: 635px;
  opacity: 1;
}

.photo-gallery .sticky.pg-slideshow.sticky-diff {
  top: 0 !important;
}

.photo-gallery .sticky.pg-slideshow.sticky-diff .flex-direction-nav {
  opacity: 0;
}

.photo-gallery .photo-gallery-hdr {
  margin-bottom: 10px;
}

.photo-gallery .article-type {
  margin-bottom: 14px;
}

.photo-gallery .article-title {
  font-size: 28px;
  margin-bottom: 0;
}

@media only screen and (min-width: 37.5em) {
  .photo-gallery .article-title {
    font-size: 36px;
  }
}

@media only screen and (min-width: 43.75em) {
  .photo-gallery .article-author {
    text-align: left;
  }
}

.photo-gallery .pg-start-over {
  display: inline-block;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #E2E2E3;
  line-height: 2;
  background-color: #f4f4f5;
  font-size: 0.86667em;
  width: 8.92308em;
  padding: 0.15385em 0.53846em;
}

.photo-gallery .pg-start-over .icon-reload {
  display: block;
  float: left;
  line-height: 1.89;
  font-size: 1.06667em;
  margin-right: 0.375em;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.photo-gallery .pg-start-over:hover {
  background-color: #fcfcfc;
}

.photo-gallery .pg-start-over:hover .icon-reload {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

@media only screen and (min-width: 59.375em) {
  .photo-gallery .pg-start-over {
    float: right;
  }
}

.photo-gallery .pg-slide-more .pg-slide-content {
  clear: both;
  width: 80%;
  padding: 30px 30px 0;
  padding: 1.875rem 1.875rem 0;
  margin: 0 auto;
}

.photo-gallery .pg-slide-more .pg-slide-content .pg-slide-more-title {
  text-align: center;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  margin-bottom: 0.4em;
}

@media only screen and (min-width: 31.25em) {
  .photo-gallery .pg-slide-more .pg-slide-content {
    display: block;
    width: 70%;
  }
}

@media only screen and (min-width: 43.75em) {
  .photo-gallery .pg-slide-more .pg-slide-content {
    display: block;
    width: 55%;
    margin-bottom: 1.33333em;
  }
}

@media only screen and (min-width: 59.375em) {
  .photo-gallery .pg-slide-more .pg-slide-content {
    width: 45%;
    margin-bottom: 2em;
  }
}

@media only screen and (min-width: 68.75em) {
  .photo-gallery .pg-slide-more .pg-slide-content {
    width: 40%;
  }
}

.photo-gallery .pg-slide-more .pg-slide-content .slat-item:nth-child(2),
.photo-gallery .pg-slide-more .pg-slide-content .slat-item:nth-child(3) {
  display: none;
}

@media only screen and (min-width: 31.25em) {
  .photo-gallery .pg-slide-more .pg-slide-content .slat-item:nth-child(2),
  .photo-gallery .pg-slide-more .pg-slide-content .slat-item:nth-child(3) {
    display: block;
  }
}

.photo-gallery .pg-slide-more .pg-slide-content .slat-img {
  width: 100%;
  float: none;
  margin-bottom: 0;
}

.photo-gallery .pg-slide-more .pg-slide-content .slat-title {
  display: block;
  margin: 0;
  font-size: 14px;
  padding: 6px 0;
}

@media only screen and (min-width: 59.375em) {
  .photo-gallery .block-recirc {
    margin-top: 0;
  }
}

.photo-gallery .pg-next-up,
.photo-gallery .pg-prev-up {
  float: right;
  padding: 10px;
  top: 100px;
  margin-top: 10px;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media only screen and (min-width: 31.25em) {
  .photo-gallery .pg-next-up,
  .photo-gallery .pg-prev-up {
    float: none;
    position: absolute;
    right: 0;
    display: block;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.photo-gallery .pg-next-up .unify,
.photo-gallery .pg-prev-up .unify {
  float: left;
  opacity: 0;
}

@media only screen and (min-width: 43.75em) {
  .photo-gallery .pg-next-up .unify,
  .photo-gallery .pg-prev-up .unify {
    width: auto;
    margin-right: 10px;
  }
}

.photo-gallery .pg-next-up .icon-arrow-right, .photo-gallery .pg-next-up .item-list .pager-next a, .item-list .pager-next .photo-gallery .pg-next-up a, .photo-gallery .pg-next-up .rsArrowRight .rsArrowIcn, .rsArrowRight .photo-gallery .pg-next-up .rsArrowIcn,
.photo-gallery .pg-prev-up .icon-arrow-right,
.photo-gallery .pg-prev-up .item-list .pager-next a, .item-list .pager-next
.photo-gallery .pg-prev-up a,
.photo-gallery .pg-prev-up .rsArrowRight .rsArrowIcn, .rsArrowRight
.photo-gallery .pg-prev-up .rsArrowIcn {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  font-size: 2.66667em;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.photo-gallery .pg-next-up .icon-arrow-left, .photo-gallery .pg-next-up .item-list .pager-previous a, .item-list .pager-previous .photo-gallery .pg-next-up a, .photo-gallery .pg-next-up .rsArrowLeft .rsArrowIcn, .rsArrowLeft .photo-gallery .pg-next-up .rsArrowIcn,
.photo-gallery .pg-prev-up .icon-arrow-left,
.photo-gallery .pg-prev-up .item-list .pager-previous a, .item-list .pager-previous
.photo-gallery .pg-prev-up a,
.photo-gallery .pg-prev-up .rsArrowLeft .rsArrowIcn, .rsArrowLeft
.photo-gallery .pg-prev-up .rsArrowIcn {
  float: left;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  font-size: 2.66667em;
}

.photo-gallery .pg-next-up:hover,
.photo-gallery .pg-prev-up:hover {
  background-color: #ffd204;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.photo-gallery .pg-next-up:hover .unify,
.photo-gallery .pg-prev-up:hover .unify {
  opacity: 1;
}

.photo-gallery .pg-prev-up {
  float: left;
}

@media only screen and (min-width: 31.25em) {
  .photo-gallery .pg-prev-up {
    right: auto;
    left: 0;
  }
}

.photo-gallery .pg-next-up .unify {
  text-align: right;
  padding-right: 40px;
}

@media only screen and (min-width: 31.25em) {
  .photo-gallery .pg-next-up .unify {
    text-align: left;
  }
}

.photo-gallery .pg-next-up-head, .photo-gallery .pg-prev-up-head {
  margin: 0;
  display: block;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  font-size: 0.875rem;
}

.photo-gallery .pg-slide-more-title {
  margin: 0 0 0.8em;
}

.pg-slideshow-wrap {
  position: relative;
}

.pg-center .pg-slideshow {
  min-height: 550px;
  min-height: 34.375rem;
}

.pg-slideshow {
  margin-bottom: 0;
  background-color: transparent;
}

.pg-slideshow img.slide-img {
  width: auto;
}

.pg-slideshow .img-wrap {
  position: relative;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.pg-slideshow .img-wrap.white-loader {
  background-image: url(/sites/all/themes/outside/images/designimages/loading-white.gif);
}

.pg-slideshow .img-wrap.black-loader {
  background-image: url(/sites/all/themes/outside/images/designimages/loading-black.gif);
}

.pg-slideshow .img-wrap.ratio-1x1 {
  padding: 50%;
}

.pg-slideshow .img-wrap.ratio-16x9 {
  padding-bottom: 56.25%;
}

.pg-slideshow .img-wrap.ratio-16x9 .slide-img {
  width: 100%;
}

.pg-slideshow .img-wrap.ratio-4x3 {
  padding-bottom: 75%;
}

.pg-slideshow .img-swapped.img-wrap {
  padding: 0 !important;
}

.pg-slideshow .img-swapped.img-wrap img {
  width: 100%;
  display: block;
}

.pg-slideshow .pg-slide {
  position: relative;
  text-align: center;
}

.pg-slideshow .pg-slide-content {
  position: static;
  width: 100%;
  overflow: hidden;
  padding: 10px;
  text-align: left;
}

.pg-slideshow .pg-slide-title {
  margin-bottom: 8px;
  font-family: "Guardian Egyptian Web", Georgia, serif;
}

.pg-slideshow .pg-slide-dek {
  margin-top: 0;
  max-width: 780px;
  line-height: 1.6;
}

.pg-slideshow .pg-slide-dek a {
  color: inherit;
  box-shadow: inset 0 -4px 0 -1px #ffd204;
  -webkit-transition: box-shadow .15s ease-in-out;
  transition: box-shadow .15s ease-in-out;
}

.pg-slideshow .pg-slide-dek a:hover {
  box-shadow: inset 0 -23px 0 -1px #ffd204;
}

.pg-slideshow .slide-caption {
  padding: 0 0 7px;
  padding: 0 0 0.4375rem;
  margin: 0 0 16px;
  margin: 0 0 1rem;
}

.pg-slideshow .flex-disabled {
  display: none;
}

.pg-slideshow .flex-active-slide + .pg-slide {
  margin-left: 2px;
}

.ad-slide {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: #000;
}

.ad-slide .ad-slide__inner {
  padding: 1.25rem;
  position: relative;
}

.ad-slide .ad-block-interstitial {
  background-color: black;
  height: 100%;
  position: relative;
}

@media only screen and (min-width: 59.375em) {
  .ad-slide .ad-block-interstitial:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
  }
}

.ad-slide .ad-block-inner {
  display: inline-block;
  vertical-align: middle;
  width: 20em;
  margin-bottom: 1.33333em;
  max-width: 100%;
}

.ad-slide .skip-ad {
  color: white;
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 1em;
}

.ad-slide .skip-ad:hover {
  color: #9b1e25;
  background-color: transparent;
}

.ad-block-orig {
  display: none;
}

.ad-block-holder {
  width: 100%;
  height: 300px;
  margin: 1.25rem auto;
}

.ad-block-holder .ad-block-orig {
  display: block;
}

/**
 * Royal Slider defaults
 */
.royalSlider > .rsContent {
  visibility: hidden;
}

@media only screen and (min-width: 0) and (max-width: 25em) {
  .pg-large .rsOverflow, .pg-large
  .royalSlider {
    height: 200px !important;
    height: 12.5rem !important;
  }
  .pg-large .rsOverflow img.rsImg, .pg-large
  .royalSlider img.rsImg {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
  }
}

.royalSlider,
.rsOverflow {
  width: 100% !important;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsArrow {
  height: 50px;
  width: 32px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.rsArrowRight {
  text-align: right;
  right: 10px;
}

.rsArrowLeft {
  left: 10px;
}

.rsArrowIcn {
  position: absolute;
  float: right;
  height: 50px;
  width: 32px;
  text-shadow: 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white;
  font-size: 40px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.rsArrowIcn:hover {
  color: #ffd204;
}

.rsArrowDisabled {
  display: none !important;
}

.flex-prev,
.flex-next {
  text-shadow: 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white;
}

.ad-pg-inline {
  margin-top: 1.25rem;
  text-align: center;
}

.ad-pg-inline iframe, .ad-pg-inline div {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*------------------------------------*    $LARGE FORMAT GALLERIES
\*------------------------------------*/
.pg-large {
  width: 100%;
  margin: 0 auto;
}

.pg-large .pg-slides {
  width: 100%;
}

@media only screen and (min-width: 93.75em) {
  .pg-large .rsOverflow {
    height: 645px !important;
  }
}

.pg-large .pg-slideshow {
  margin: 0 auto;
}

.pg-large .photo-gallery-hdr {
  position: relative;
}

@media only screen and (min-width: 31.25em) {
  .pg-large .photo-gallery-hdr {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (min-width: 56.25em) {
  .pg-large .photo-gallery-hdr {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 1.25rem;
  }
}

@media only screen and (min-width: 59.375em) {
  .pg-large .article-title {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 62.5em) {
  .pg-large .article-title {
    padding-right: 430px;
  }
}

.pg-large .article-author {
  margin: 0;
}

.pg-large .slide-count {
  position: absolute;
  right: 0;
  margin: 0;
  bottom: 0.0625rem;
}

@media only screen and (min-width: 59.375em) {
  .pg-large .slide-count {
    bottom: 40px;
  }
}

@media only screen and (min-width: 62.5em) {
  .pg-large .slide-count {
    right: 330px;
  }
}

@media only screen and (min-width: 1220px) {
  .pg-large .slide-count {
    right: 320px;
  }
}

@media only screen and (min-width: 59.375em) {
  .pg-large .share-toolbox--horiz {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
  }
  .pg-large .share-toolbox--horiz .share-toolbox__inner {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media only screen and (min-width: 62.5em) {
  .pg-large .share-toolbox--horiz {
    padding-right: 330px;
  }
}

@media only screen and (min-width: 1220px) {
  .pg-large .share-toolbox--horiz {
    padding-right: 320px;
  }
}

@media only screen and (min-width: 59.375em) {
  .pg-large .post {
    margin-top: -20px;
  }
}

@media only screen and (min-width: 59.375em) {
  .pg-large .post-content {
    padding-top: 30px;
  }
}

.pg-large .slide__text {
  max-width: 780px;
}

.pg-large .rsMainSlideImage {
  margin: 0 !important;
}

/**
 * Small format photo gallery specific
 */
.pg-small .photo-gallery {
  background-color: black;
}

@media only screen and (min-width: 37.5em) {
  .pg-small .photo-gallery {
    padding: 1.33333em 5.33333em;
  }
}

@media only screen and (min-width: 59.375em) {
  .pg-small .photo-gallery {
    margin-bottom: 0;
  }
}

.pg-small .photo-gallery-hdr {
  color: white;
}

.pg-small .article-type {
  color: white;
}

.pg-small .article-title {
  color: #ffd204;
}

@media only screen and (min-width: 37.5em) {
  .pg-small .flex-direction-nav .flex-prev,
  .pg-small .flex-direction-nav .flex-next {
    color: white;
  }
  .pg-small .flex-direction-nav .flex-prev {
    left: -55px;
    left: -3.4375rem;
  }
  .pg-small .flex-direction-nav .flex-next {
    right: -55px;
    right: -3.4375rem;
  }
}

.pg-small .pg-slide-content {
  color: white;
}

.pg-small .pg-slide-content a {
  color: #ee5c61;
}

.pg-small .slide-caption {
  color: white;
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .page-photo-gallery-alt .img .rsImg, .page-photo-gallery .img .rsImg,
  .page-photo-gallery-alt-list .img .rsImg,
  .page-photo-gallery-alt-resrc .img .rsImg,
  .page-photo-gallery-package .img .rsImg {
    display: none;
  }
  .page-photo-gallery-alt .rsCaption .slide-caption, .page-photo-gallery .rsCaption .slide-caption,
  .page-photo-gallery-alt-list .rsCaption .slide-caption,
  .page-photo-gallery-alt-resrc .rsCaption .slide-caption,
  .page-photo-gallery-package .rsCaption .slide-caption {
    padding-top: 6px;
  }
  .page-photo-gallery-alt .ad-block-holder,
  .page-photo-gallery-alt .pg-start-over, .page-photo-gallery .ad-block-holder,
  .page-photo-gallery .pg-start-over,
  .page-photo-gallery-alt-list .ad-block-holder,
  .page-photo-gallery-alt-list .pg-start-over,
  .page-photo-gallery-alt-resrc .ad-block-holder,
  .page-photo-gallery-alt-resrc .pg-start-over,
  .page-photo-gallery-package .ad-block-holder,
  .page-photo-gallery-package .pg-start-over {
    display: none;
  }
  .page-photo-gallery-alt .section-pg, .page-photo-gallery .section-pg,
  .page-photo-gallery-alt-list .section-pg,
  .page-photo-gallery-alt-resrc .section-pg,
  .page-photo-gallery-package .section-pg {
    padding: 0 12px;
    padding: 0 0.75rem;
  }
  .page-photo-gallery-alt .royalSlider, .page-photo-gallery .royalSlider,
  .page-photo-gallery-alt-list .royalSlider,
  .page-photo-gallery-alt-resrc .royalSlider,
  .page-photo-gallery-package .royalSlider {
    width: auto;
    height: auto;
  }
  .page-photo-gallery-alt .royalSlider > *, .page-photo-gallery .royalSlider > *,
  .page-photo-gallery-alt-list .royalSlider > *,
  .page-photo-gallery-alt-resrc .royalSlider > *,
  .page-photo-gallery-package .royalSlider > * {
    float: none;
  }
  .page-photo-gallery-alt .pg-slide, .page-photo-gallery .pg-slide,
  .page-photo-gallery-alt-list .pg-slide,
  .page-photo-gallery-alt-resrc .pg-slide,
  .page-photo-gallery-package .pg-slide {
    border-bottom: 6px solid #ffd204;
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  .page-photo-gallery-alt .pg-slide-more, .page-photo-gallery .pg-slide-more,
  .page-photo-gallery-alt-list .pg-slide-more,
  .page-photo-gallery-alt-resrc .pg-slide-more,
  .page-photo-gallery-package .pg-slide-more {
    min-height: 0;
    margin-bottom: 0;
  }
  .page-photo-gallery-alt .pg-slide-more .pg-slide-content, .page-photo-gallery .pg-slide-more .pg-slide-content,
  .page-photo-gallery-alt-list .pg-slide-more .pg-slide-content,
  .page-photo-gallery-alt-resrc .pg-slide-more .pg-slide-content,
  .page-photo-gallery-package .pg-slide-more .pg-slide-content {
    width: 100%;
    padding-top: 0;
  }
  .page-photo-gallery-alt .pg-slide-content, .page-photo-gallery .pg-slide-content,
  .page-photo-gallery-alt-list .pg-slide-content,
  .page-photo-gallery-alt-resrc .pg-slide-content,
  .page-photo-gallery-package .pg-slide-content {
    padding: 0;
  }
  .page-photo-gallery-alt .pg-next-up, .page-photo-gallery-alt .pg-prev-up, .page-photo-gallery .pg-next-up, .page-photo-gallery .pg-prev-up,
  .page-photo-gallery-alt-list .pg-next-up,
  .page-photo-gallery-alt-list .pg-prev-up,
  .page-photo-gallery-alt-resrc .pg-next-up,
  .page-photo-gallery-alt-resrc .pg-prev-up,
  .page-photo-gallery-package .pg-next-up,
  .page-photo-gallery-package .pg-prev-up {
    position: relative;
    width: 50%;
    margin: 0 0 20px;
    margin: 0 0 1.25rem;
  }
  .page-photo-gallery-alt .pg-next-up .unify, .page-photo-gallery-alt .pg-prev-up .unify, .page-photo-gallery .pg-next-up .unify, .page-photo-gallery .pg-prev-up .unify,
  .page-photo-gallery-alt-list .pg-next-up .unify,
  .page-photo-gallery-alt-list .pg-prev-up .unify,
  .page-photo-gallery-alt-resrc .pg-next-up .unify,
  .page-photo-gallery-alt-resrc .pg-prev-up .unify,
  .page-photo-gallery-package .pg-next-up .unify,
  .page-photo-gallery-package .pg-prev-up .unify {
    opacity: 1;
  }
  .page-photo-gallery-alt .pg-prev-up .unify, .page-photo-gallery .pg-prev-up .unify,
  .page-photo-gallery-alt-list .pg-prev-up .unify,
  .page-photo-gallery-alt-resrc .pg-prev-up .unify,
  .page-photo-gallery-package .pg-prev-up .unify {
    float: right;
  }
}

.page-photo-gallery-alt .pg-slideshow-wrap,
.page-photo-gallery-alt-list .pg-slideshow-wrap,
.page-photo-gallery-alt-resrc .pg-slideshow-wrap,
.page-photo-gallery-package .pg-slideshow-wrap {
  position: relative;
  margin-bottom: 1.33333em;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .pg-slideshow-wrap,
  .page-photo-gallery-alt-list .pg-slideshow-wrap,
  .page-photo-gallery-alt-resrc .pg-slideshow-wrap,
  .page-photo-gallery-package .pg-slideshow-wrap {
    border: 1px solid #E2E2E3;
    background-color: #efeff0;
    padding: 1.33333em;
    margin-bottom: 0.66667em;
  }
  .page-photo-gallery-alt .pg-slideshow-wrap .pg-slideshow,
  .page-photo-gallery-alt-list .pg-slideshow-wrap .pg-slideshow,
  .page-photo-gallery-alt-resrc .pg-slideshow-wrap .pg-slideshow,
  .page-photo-gallery-package .pg-slideshow-wrap .pg-slideshow {
    overflow: hidden;
    background-color: white;
    padding: 1.33333em 1.33333em 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }
}

.page-photo-gallery-alt .pg-slideshow-wrap .flex-viewport,
.page-photo-gallery-alt-list .pg-slideshow-wrap .flex-viewport,
.page-photo-gallery-alt-resrc .pg-slideshow-wrap .flex-viewport,
.page-photo-gallery-package .pg-slideshow-wrap .flex-viewport {
  overflow: hidden !important;
}

.page-photo-gallery-alt .pg-slideshow-wrap .pg-slide-content,
.page-photo-gallery-alt-list .pg-slideshow-wrap .pg-slide-content,
.page-photo-gallery-alt-resrc .pg-slideshow-wrap .pg-slide-content,
.page-photo-gallery-package .pg-slideshow-wrap .pg-slide-content {
  background-color: white;
}

.page-photo-gallery-package .page-photo-gallery-alt .photo-gallery-hdr, .page-photo-gallery-package
.page-photo-gallery-alt-list .photo-gallery-hdr, .page-photo-gallery-package
.page-photo-gallery-alt-resrc .photo-gallery-hdr, .page-photo-gallery-package
.page-photo-gallery-package .photo-gallery-hdr {
  margin-bottom: 0;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .unify,
  .page-photo-gallery-alt-list .unify,
  .page-photo-gallery-alt-resrc .unify,
  .page-photo-gallery-package .unify {
    float: left;
    max-width: 550px;
  }
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-alt .unify,
  .page-photo-gallery-alt-list .unify,
  .page-photo-gallery-alt-resrc .unify,
  .page-photo-gallery-package .unify {
    max-width: 750px;
  }
}

@media only screen and (min-width: 75em) {
  .page-photo-gallery-alt .unify,
  .page-photo-gallery-alt-list .unify,
  .page-photo-gallery-alt-resrc .unify,
  .page-photo-gallery-package .unify {
    max-width: 910px;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .article-type,
  .page-photo-gallery-alt-list .article-type,
  .page-photo-gallery-alt-resrc .article-type,
  .page-photo-gallery-package .article-type {
    float: left;
    margin-bottom: 12px;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .article-title,
  .page-photo-gallery-alt-list .article-title,
  .page-photo-gallery-alt-resrc .article-title,
  .page-photo-gallery-package .article-title {
    clear: left;
    margin-bottom: 6px;
  }
}

.page-photo-gallery-alt .slide-count,
.page-photo-gallery-alt-list .slide-count,
.page-photo-gallery-alt-resrc .slide-count,
.page-photo-gallery-package .slide-count {
  margin: 0;
  float: right;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .slide-count,
  .page-photo-gallery-alt-list .slide-count,
  .page-photo-gallery-alt-resrc .slide-count,
  .page-photo-gallery-package .slide-count {
    text-align: left;
    margin-top: 0;
    float: left;
  }
}

.page-photo-gallery-alt .view-as-list,
.page-photo-gallery-alt-list .view-as-list,
.page-photo-gallery-alt-resrc .view-as-list,
.page-photo-gallery-package .view-as-list {
  display: block;
  float: left;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .view-as-list,
  .page-photo-gallery-alt-list .view-as-list,
  .page-photo-gallery-alt-resrc .view-as-list,
  .page-photo-gallery-package .view-as-list {
    display: none;
  }
}

.page-photo-gallery-alt .pg-as-list .pg-slide,
.page-photo-gallery-alt-list .pg-as-list .pg-slide,
.page-photo-gallery-alt-resrc .pg-as-list .pg-slide,
.page-photo-gallery-package .pg-as-list .pg-slide {
  position: static;
  border-bottom: 4px solid #E2E2E3;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.page-photo-gallery-alt .pg-as-list .pg-slide-more,
.page-photo-gallery-alt-list .pg-as-list .pg-slide-more,
.page-photo-gallery-alt-resrc .pg-as-list .pg-slide-more,
.page-photo-gallery-package .pg-as-list .pg-slide-more {
  position: relative;
  min-height: 0;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

.page-photo-gallery-alt .pg-as-list .pg-start-over,
.page-photo-gallery-alt-list .pg-as-list .pg-start-over,
.page-photo-gallery-alt-resrc .pg-as-list .pg-start-over,
.page-photo-gallery-package .pg-as-list .pg-start-over {
  display: none;
}

.page-photo-gallery-alt .photo-gallery,
.page-photo-gallery-alt-list .photo-gallery,
.page-photo-gallery-alt-resrc .photo-gallery,
.page-photo-gallery-package .photo-gallery {
  margin-bottom: 0;
}

.page-photo-gallery-alt .img-wrap img,
.page-photo-gallery-alt-list .img-wrap img,
.page-photo-gallery-alt-resrc .img-wrap img,
.page-photo-gallery-package .img-wrap img {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .img-wrap,
  .page-photo-gallery-alt-list .img-wrap,
  .page-photo-gallery-alt-resrc .img-wrap,
  .page-photo-gallery-package .img-wrap {
    display: table-cell;
    width: 50%;
  }
  .page-photo-gallery-alt .img-wrap.ratio-1x1,
  .page-photo-gallery-alt-list .img-wrap.ratio-1x1,
  .page-photo-gallery-alt-resrc .img-wrap.ratio-1x1,
  .page-photo-gallery-package .img-wrap.ratio-1x1 {
    padding: 25%;
  }
}

.page-photo-gallery-alt .slide-caption,
.page-photo-gallery-alt-list .slide-caption,
.page-photo-gallery-alt-resrc .slide-caption,
.page-photo-gallery-package .slide-caption {
  padding: 0.53333em 0 0.4em;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .slide,
  .page-photo-gallery-alt-list .slide,
  .page-photo-gallery-alt-resrc .slide,
  .page-photo-gallery-package .slide {
    overflow: hidden;
    display: table;
    width: 100%;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-alt .pg-slide-content,
  .page-photo-gallery-alt-list .pg-slide-content,
  .page-photo-gallery-alt-resrc .pg-slide-content,
  .page-photo-gallery-package .pg-slide-content {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 50%;
    padding: 10px 50px 0 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
}

.page-photo-gallery-alt .pg-slide-content .ad-block-300x250,
.page-photo-gallery-alt-list .pg-slide-content .ad-block-300x250,
.page-photo-gallery-alt-resrc .pg-slide-content .ad-block-300x250,
.page-photo-gallery-package .pg-slide-content .ad-block-300x250 {
  border-bottom: none;
  border-top: 1px solid #E2E2E3;
  padding: 30px 0 0 0;
  margin: 20px auto 0;
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-alt .pg-slide-content .ad-block-300x250,
  .page-photo-gallery-alt-list .pg-slide-content .ad-block-300x250,
  .page-photo-gallery-alt-resrc .pg-slide-content .ad-block-300x250,
  .page-photo-gallery-package .pg-slide-content .ad-block-300x250 {
    padding-bottom: 20px;
    margin-bottom: 0px;
  }
}

.page-photo-gallery-alt .photo-gallery-hdr {
  position: relative;
}

.page-photo-gallery-alt .slide-count {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-alt .slide-count {
    bottom: auto;
    top: -10px;
  }
}

.page-photo-gallery-alt .share-toolbox {
  margin-bottom: 0;
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-alt .share-toolbox {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.page-photo-gallery-alt .article-author {
  display: block;
  margin-bottom: 0;
}

/**
 * Photo Gallery Native
 */
@media only screen and (min-width: 1224px) {
  .page-photo-gallery-native .photo-gallery-hdr {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.page-photo-gallery-native .photo-gallery-hdr .article-title {
  width: calc(100% - 110px);
  margin-bottom: -8px;
}

.page-photo-gallery-native .shift-left--inner--1000 {
  padding-bottom: 60px;
}

.page-photo-gallery-native .sponsor-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
}

.page-photo-gallery-native .sponsor-wrap .ad-block {
  margin-bottom: 0;
}

@media only screen and (min-width: 31.25em) {
  .page-photo-gallery-native .sponsor-wrap {
    bottom: 22px;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-photo-gallery-native .sponsor-wrap {
    right: 330px;
  }
}

/*
 * Packages
 */
.page-photo-gallery-package .pg-center .pg-slideshow {
  min-height: 26.66667em;
}

.page-photo-gallery-package .article-title {
  margin-bottom: 10px;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-package .photo-gallery-hdr {
    margin-bottom: -0.06667em;
    position: relative;
    z-index: 1;
  }
}

@media only screen and (min-width: 31.25em) {
  .page-photo-gallery-package .modular-nav.package {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-package .modular-nav.package {
    display: none;
  }
}

.page-photo-gallery-package .category-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  border-bottom: 1px dotted #D3D6D9;
  margin: 0.66667em 0.66667em 0.66667em;
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-package .category-title {
    font-size: 1.73333em;
    margin-right: 0;
    margin-left: 0;
  }
}

.page-photo-gallery-package .package-index .package-summary,
.page-photo-gallery-package .gallery-package-more .package-summary {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  color: #000;
  text-transform: uppercase;
  text-align: center;
}

.page-photo-gallery-package .package-index .galleries,
.page-photo-gallery-package .gallery-package-more .galleries {
  text-align: left;
}

.page-photo-gallery-package .package-index .galleries li,
.page-photo-gallery-package .gallery-package-more .galleries li {
  display: inline-block;
  vertical-align: text-top;
  padding: 0.66667em 0.66667em;
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .page-photo-gallery-package .package-index .galleries li,
  .page-photo-gallery-package .gallery-package-more .galleries li {
    width: 49%;
  }
  .page-photo-gallery-package .package-index .galleries li .package-slides,
  .page-photo-gallery-package .gallery-package-more .galleries li .package-slides {
    display: none;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-package .package-index .galleries li,
  .page-photo-gallery-package .gallery-package-more .galleries li {
    width: 24.4%;
  }
  .page-photo-gallery-package .package-index .galleries li .package-slides,
  .page-photo-gallery-package .gallery-package-more .galleries li .package-slides {
    display: none;
  }
}

.page-photo-gallery-package .package-index .galleries a.gallery,
.page-photo-gallery-package .gallery-package-more .galleries a.gallery {
  text-decoration: none;
}

.page-photo-gallery-package .package-index .galleries a.gallery .gallery-title,
.page-photo-gallery-package .gallery-package-more .galleries a.gallery .gallery-title {
  margin: 0.33333em 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.page-photo-gallery-package .package-index .galleries a.gallery:hover .gallery-title,
.page-photo-gallery-package .gallery-package-more .galleries a.gallery:hover .gallery-title {
  color: #D3D6D9;
}

.page-photo-gallery-package .package-index .slide-link,
.page-photo-gallery-package .gallery-package-more .slide-link {
  display: inline-block;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid #E2E2E3;
  line-height: 2;
  background-color: #f4f4f5;
  font-size: 0.86667em;
  padding: 0.15385em 0.53846em;
  margin: 0 0.76923em 0.76923em 0;
}

.page-photo-gallery-package .package-index .slide-link:hover,
.page-photo-gallery-package .gallery-package-more .slide-link:hover {
  background-color: #fcfcfc;
}

.page-photo-gallery-package .package-index .section-block-title {
  margin: 1.06667em 0;
  background-image: none;
  text-align: left;
}

.page-photo-gallery-package .package-index .galleries + .ad-block {
  margin-top: 2.13333em;
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-package .package-index .galleries li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #D3D6D9;
    padding-bottom: 2.13333em;
  }
  .page-photo-gallery-package .package-index .galleries li + li {
    margin-top: 1.06667em;
  }
  .page-photo-gallery-package .package-index .galleries li .package-slides {
    display: block;
    float: right;
    width: 76%;
  }
  .page-photo-gallery-package .package-index .galleries li .package-slides h3 {
    font-size: 1.46667em;
  }
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-package .package-index .galleries a.gallery {
    float: left;
    width: 20%;
  }
  .page-photo-gallery-package .package-index .galleries a.gallery .gallery-title {
    display: none;
  }
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-package .package-additional {
    position: relative;
    z-index: 10;
    margin: -2.73333em 0 1.33333em 0;
    border: 1px solid #E2E2E3;
    border-top: none;
    background-color: #efeff0;
    padding: 0 2.66667em 2.66667em 2.66667em;
  }
}

.page-photo-gallery-package .package-additional .gallery-package-more-link img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.page-photo-gallery-package .package-additional .gallery-package-more-link:hover {
  background-color: transparent;
}

.page-photo-gallery-package .package-additional .gallery-package-more-link:hover img {
  opacity: 0.6;
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-package .package-additional .galleries li:first-child {
    margin-left: -0.66667em;
  }
}

.page-photo-gallery-package .package-additional .category-title .view-index {
  display: none;
  float: right;
  font-size: 0.66667em;
  padding-top: 0.33333em;
  text-decoration: none;
}

.page-photo-gallery-package .package-additional .category-title .view-index:hover {
  background-color: transparent;
  color: #9b1e25;
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-package .package-additional .category-title .view-index {
    display: block;
  }
}

@media only screen and (min-width: 59.375em) {
  .page-photo-gallery-package .package-additional .category-title {
    margin-top: 0;
    padding-top: 0.66667em;
  }
}

.page-photo-gallery-package .slides .gallery-title {
  margin: 0 0 0.33333em 0;
  color: #2C4989;
  text-transform: uppercase;
  font-size: 1.06667em;
}

.page-photo-gallery-package .slides .gallery-category {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.page-photo-gallery-package .slides .count {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  margin: 0 0 0.33333em 0;
}

.page-photo-gallery-package .slides .pg-slide-title {
  font-size: 28px;
  font-family: "Guardian Egyptian Web", Georgia, serif;
}

.page-photo-gallery-package .package-tabs {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.86667em;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-package .package-tabs {
    clear: both;
  }
}

.page-photo-gallery-package .package-tabs .modular-nav-see-all {
  width: 5em;
}

.page-photo-gallery-package .package-tabs .package-index-link {
  display: inline-block;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #E2E2E3;
  line-height: 2;
  background-color: #f4f4f5;
  width: 8.92308em;
  padding: 0.15385em 0.53846em;
  margin: 0 0 0.76923em 0;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-package .package-tabs .package-index-link {
    display: none;
  }
}

.page-photo-gallery-package .package-tabs .package-nav-all {
  display: none;
  overflow: hidden;
  border: 1px solid #E2E2E3;
  border-bottom: none;
}

@media only screen and (min-width: 43.75em) {
  .page-photo-gallery-package .package-tabs .package-nav-all {
    display: table;
    max-height: 2.66667em;
  }
}

.page-photo-gallery-package .package-tabs .package-nav-list-item {
  display: table-cell;
  vertical-align: bottom;
}

.page-photo-gallery-package .package-tabs .package-nav-list-item + .package-nav-list-item {
  border-left: 1px solid #E2E2E3;
}

.page-photo-gallery-package .package-tabs .package-nav-link {
  background-color: white;
  display: block;
  border-bottom: none;
  padding: 0.8em 1.33333em;
  text-decoration: none;
  float: left;
}

.page-photo-gallery-package .package-tabs .package-nav-link:after {
  content: "";
  display: table;
  clear: both;
}

.page-photo-gallery-package .package-tabs .package-nav-link .icon-grid {
  vertical-align: middle;
}

.page-photo-gallery-package .package-tabs .package-nav-link:hover {
  color: #9b1e25;
}

.page-photo-gallery-package .package-tabs .package-nav-link.active {
  background-color: #efeff0;
}

/**
 * Hero Slideshows with bottom caption
 */
.hero-slideshow:not(.slideshow__inset-caption) {
  background-color: transparent;
  overflow: visible;
  margin-bottom: 30px;
}

.hero-slideshow:not(.slideshow__inset-caption) .flex-direction-nav {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 0 56.25%;
}

.hero-slideshow:not(.slideshow__inset-caption) .flex-direction-nav li {
  margin-bottom: 0;
}

.hero-slideshow:not(.slideshow__inset-caption) .flex-direction-nav a {
  top: calc(50% - 50px);
  text-decoration: none;
}

@media only screen and (min-width: 50em) {
  .hero-slideshow:not(.slideshow__inset-caption) .flex-direction-nav a:before {
    font-size: 50px;
  }
}

.hero-slideshow:not(.slideshow__inset-caption) .ad-block-inner {
  position: relative;
  z-index: 1;
}

/**
 * Slideshows with inset captions (home & sponsored pages)
 */
.slideshow__inset-caption .flex-direction-nav a {
  top: 50%;
  margin-top: -52px;
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .sponsored-slideshow .flex-direction-nav a {
    top: 40%;
  }
}

.article-hero-slideshow {
  clear: both;
}

.article-col-inner .article-hero-slideshow {
  clear: both;
}

.article-col-inner .article-hero-slideshow .article-hero-slides,
.article-col-inner .article-hero-slideshow .flex-control-nav {
  padding-left: 0;
}

.article-col-inner .article-hero-slideshow .flex-control-nav {
  width: 100%;
}

.flex-control-nav {
  bottom: -26px;
}

.flex-control-nav li {
  margin: 0 2px;
}

.flex-control-nav li a {
  background-color: black;
}

.flex-control-nav li a.flex-active {
  background-color: #9b1e25;
}

.hero-slide {
  overflow: hidden;
  position: relative;
}

.hero-slide:before, .alpha-buyers-title:after, .bundle__1banger:before,
.page-channel .bundle-quizvid:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 190px;
  height: 11.875rem;
  background-color: transparent;
  background-image: -webkit-linear-gradient(transparent, black);
  background-image: linear-gradient(transparent, black);
  background-color: transparent;
}

.hero-slide.hero-slide-sp .eyebrow {
  text-transform: uppercase;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 600;
  color: white;
  display: inline-block;
  background-color: #08c;
  padding: 1px 4px;
  margin-bottom: 6px;
}

.hero-slide.hero-slide-sp .hero-slide-title, .hero-slide.hero-slide-sp .page-channel .hero-alpha-title, .page-channel .hero-slide.hero-slide-sp .hero-alpha-title, .hero-slide.hero-slide-sp .bundle__1banger .bundle__1banger__title, .bundle__1banger .hero-slide.hero-slide-sp .bundle__1banger__title, .hero-slide.hero-slide-sp
.bundle__1banger .bundle-quizvid-title,
.bundle__1banger .hero-slide.hero-slide-sp .bundle-quizvid-title, .hero-slide.hero-slide-sp
.page-channel .bundle-quizvid .bundle__1banger__title,
.page-channel .bundle-quizvid .hero-slide.hero-slide-sp .bundle__1banger__title, .hero-slide.hero-slide-sp
.page-channel .bundle-quizvid .bundle-quizvid-title,
.page-channel .bundle-quizvid .hero-slide.hero-slide-sp .bundle-quizvid-title {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  margin-top: 0;
  font-weight: bold;
}

.hero-slide.hero-slide-sp .hero-slide-dek, .hero-slide.hero-slide-sp .page-channel .hero-alpha-dek, .page-channel .hero-slide.hero-slide-sp .hero-alpha-dek {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
}

.hero-slide-link {
  display: block;
}

.no-slide-gradient.hero-slide:before, .no-slide-gradient.alpha-buyers-title:after, .no-slide-gradient.bundle__1banger:before,
.page-channel .no-slide-gradient.bundle-quizvid:before {
  background-image: none;
}

.hero-slide-content, .page-channel .hero-alpha-content, .page-channel .hero-alpha-news, .bundle__1banger__content,
.bundle-quizvid-content {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  z-index: 10;
  padding: 18px;
}

@media only screen and (min-width: 37.5em) {
  .hero-slide-content, .page-channel .hero-alpha-content, .page-channel .hero-alpha-news, .bundle__1banger__content,
  .bundle-quizvid-content {
    padding: 28px;
    width: 85%;
    background-color: transparent;
  }
}

.hero-slide-title, .page-channel .hero-alpha-title, .bundle__1banger .bundle__1banger__title,
.bundle__1banger .bundle-quizvid-title,
.page-channel .bundle-quizvid .bundle__1banger__title,
.page-channel .bundle-quizvid .bundle-quizvid-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: bold;
  text-transform: none;
  line-height: 1;
  color: white;
  margin-bottom: 0;
  font-size: 29px;
}

@media only screen and (min-width: 25em) {
  .hero-slide-title, .page-channel .hero-alpha-title, .bundle__1banger .bundle__1banger__title,
  .bundle__1banger .bundle-quizvid-title,
  .page-channel .bundle-quizvid .bundle__1banger__title,
  .page-channel .bundle-quizvid .bundle-quizvid-title {
    margin-bottom: 6px;
  }
}

@media only screen and (min-width: 37.5em) {
  .hero-slide-title, .page-channel .hero-alpha-title, .bundle__1banger .bundle__1banger__title,
  .bundle__1banger .bundle-quizvid-title,
  .page-channel .bundle-quizvid .bundle__1banger__title,
  .page-channel .bundle-quizvid .bundle-quizvid-title {
    font-size: 38px;
  }
}

@media only screen and (min-width: 43.75em) {
  .hero-slide-title, .page-channel .hero-alpha-title, .bundle__1banger .bundle__1banger__title,
  .bundle__1banger .bundle-quizvid-title,
  .page-channel .bundle-quizvid .bundle__1banger__title,
  .page-channel .bundle-quizvid .bundle-quizvid-title {
    font-size: 26px;
  }
}

@media only screen and (min-width: 56.25em) {
  .hero-slide-title, .page-channel .hero-alpha-title, .bundle__1banger .bundle__1banger__title,
  .bundle__1banger .bundle-quizvid-title,
  .page-channel .bundle-quizvid .bundle__1banger__title,
  .page-channel .bundle-quizvid .bundle-quizvid-title {
    font-size: 38px;
  }
}

.hero-slide-dek, .page-channel .hero-alpha-dek {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-style: italic;
  color: #E2E2E3;
  margin: 0;
  line-height: 1.4;
  font-size: 17px;
  display: none;
}

@media only screen and (min-width: 25em) {
  .hero-slide-dek, .page-channel .hero-alpha-dek {
    display: block;
  }
}

.home-hero-slideshow {
  margin-left: -1px;
  margin-right: -1px;
}

.home-hero-slideshow .slides img {
  width: auto;
}

/**
 * Social count for Packages
 */
@media only screen and (min-width: 59.375em) {
  .social-count__package {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 225px;
    margin-left: auto;
    padding-top: 10px;
  }
  .social-count__package .st-share-count {
    margin-right: 15px;
  }
  .social-count__package .st-share-count:after {
    display: none;
  }
  .social-count__package .st-share-count small {
    padding-bottom: 0;
  }
}

/*------------------------------------*    $CHANNEL ALPHA
\*------------------------------------*/
.channel-name {
  text-align: center;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-weight: 600;
  margin: 10px 0 8px;
  font-size: 20px;
}

@media only screen and (min-width: 59.375em) {
  .channel-name {
    margin-top: 0;
  }
}

.channel-hdr {
  padding: 20px;
}

.node-type-channel-alpha {
  position: relative;
}

@media only screen and (min-width: 62.5em) {
  .node-type-channel-alpha .main-content {
    padding-top: 10px;
  }
}

.node-type-channel-alpha .section-quote {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.node-type-channel-alpha .ad__billboard .ad-block {
  margin-bottom: 0;
}

/**
 * Features Hero
 */
.hero-alpha-channel {
  position: relative;
}

@media only screen and (min-width: 43.75em) {
  .hero-alpha-channel {
    margin-bottom: 60px;
  }
  .hero-alpha-channel:before {
    display: block;
    content: "";
    width: 100%;
    z-index: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    height: 250px;
    height: 15.625rem;
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, black);
    background-image: linear-gradient(transparent, black);
    background-color: transparent;
  }
}

@media only screen and (min-width: 56.25em) {
  .hero-alpha-channel:before {
    display: block;
    content: "";
    width: 100%;
    z-index: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    height: 300px;
    height: 18.75rem;
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, black);
    background-image: linear-gradient(transparent, black);
    background-color: transparent;
  }
}

.hero-alpha-channel:before {
  z-index: 5;
}

.hero-alpha-link {
  display: block;
  position: relative;
}

@media only screen and (min-width: 43.75em) {
  .hero-alpha-link .wrap:before {
    visibility: hidden;
  }
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .hero-alpha-link:before {
    display: block;
    content: "";
    width: 100%;
    z-index: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    height: 250px;
    height: 15.625rem;
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, black);
    background-image: linear-gradient(transparent, black);
    background-color: transparent;
  }
  .hero-alpha-link:before {
    z-index: 5;
  }
}

.hero-img-wrap {
  position: relative;
  overflow: hidden;
  max-height: 700px;
}

.hero-img-wrap img {
  width: 100%;
}

@media only screen and (min-width: 81.25em) {
  .hero-img-wrap img {
    margin-top: -4%;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-channel .hero-alpha-content {
    width: 65%;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-channel .hero-alpha-content {
    bottom: 5%;
  }
}

@media only screen and (min-width: 84.375em) {
  .page-channel .hero-alpha-content {
    bottom: 10%;
  }
}

.page-channel .hero-alpha-content .byline, .page-channel .hero-alpha-content .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news .hero-alpha-content .views-field-field-author-bio {
  margin-bottom: 0;
  display: none;
  margin-top: 5px;
}

@media only screen and (min-width: 25em) {
  .page-channel .hero-alpha-content .byline, .page-channel .hero-alpha-content .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news .hero-alpha-content .views-field-field-author-bio {
    display: block;
  }
}

@media only screen and (min-width: 31.25em) {
  .page-channel .hero-alpha-content .byline, .page-channel .hero-alpha-content .hero-alpha-news .views-field-field-author-bio, .page-channel .hero-alpha-news .hero-alpha-content .views-field-field-author-bio {
    margin: 16px 0;
  }
}

.page-channel .hero-alpha-title {
  margin-top: 0;
  font-size: 30px;
}

@media only screen and (min-width: 37.5em) {
  .page-channel .hero-alpha-title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 50em) {
  .page-channel .hero-alpha-title {
    font-size: 45px;
  }
}

@media only screen and (min-width: 56.25em) {
  .page-channel .hero-alpha-title {
    font-size: 50px;
  }
}

.page-channel .hero-alpha-title a {
  color: #fff;
  text-decoration: none;
}

.page-channel .hero-alpha-title a:hover {
  background: none;
  color: #ffd204;
}

.page-channel .hero-alpha-dek {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  text-align: left;
}

.page-channel .hero-alpha-news {
  position: relative;
  bottom: -1px;
  width: 100%;
  background: rgba(255, 210, 4, 0.9);
  text-align: center;
}

@media only screen and (min-width: 43.75em) {
  .page-channel .hero-alpha-news {
    position: absolute;
    left: -12px;
    padding: 16px;
    left: auto;
    right: 0;
    width: 35%;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-channel .hero-alpha-news {
    padding: 28px;
    padding: 1.75rem;
    width: 300px;
  }
}

.page-channel .hero-alpha-news .block-date {
  padding-bottom: 10px;
  margin: 0 auto;
  display: inline-block;
  width: 66%;
  color: #000;
  border-bottom: 4px solid #000;
}

@media only screen and (min-width: 43.75em) {
  .page-channel .hero-alpha-news .block-date {
    display: none;
  }
}

@media only screen and (min-width: 56.25em) {
  .page-channel .hero-alpha-news .block-date {
    display: block;
  }
}

.page-channel .hero-alpha-news .block-title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 30px;
}

@media only screen and (min-width: 43.75em) {
  .page-channel .hero-alpha-news .block-title {
    margin-top: 0;
  }
}

@media only screen and (min-width: 56.25em) {
  .page-channel .hero-alpha-news .block-title {
    margin-top: 12px;
    font-size: 35px;
  }
}

.page-channel .hero-alpha-news .views-field-title:last-child .byline, .page-channel .hero-alpha-news .views-field-title:last-child .views-field-field-author-bio {
  margin-bottom: 0;
}

@media only screen and (min-width: 56.25em) {
  .page-channel .hero-alpha-news .views-field-title:last-child .byline, .page-channel .hero-alpha-news .views-field-title:last-child .views-field-field-author-bio {
    margin-bottom: 16px;
  }
}

.page-channel .hero-alpha-news .views-label-field-author-bio {
  display: none;
}

.page-channel .hero-alpha-news .views-field-field-author-bio {
  white-space: normal;
  color: #000;
  padding-top: 4px;
}

@media only screen and (min-width: 43.75em) {
  .page-channel .hero-alpha-news .views-field-field-author-bio {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 56.25em) {
  .page-channel .hero-alpha-news .views-field-field-author-bio {
    margin-bottom: 16px;
  }
}

.page-channel .hero-alpha-news .views-field-field-author-bio .field-content {
  display: inline;
}

.page-channel .hero-alpha-news .views-field-field-author-bio a {
  color: #000;
}

.page-channel .hero-alpha-news .views-field-title a {
  font-size: 21px;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  color: #000;
  text-decoration: none;
}

.page-channel .hero-alpha-news .views-field-title a:hover {
  background: none;
  color: #fff;
}

@media only screen and (min-width: 43.75em) {
  .page-channel .hero-alpha-news .views-field-title a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 75em) {
  .page-channel .hero-alpha-news .views-field-title a {
    font-size: 21px;
  }
}

/**
 * Section Narrow
 */
section.trending {
  display: none;
}

@media only screen and (min-width: 31.25em) {
  section.trending {
    display: block;
  }
}

@media only screen and (min-width: 62.5em) {
  section.trending {
    margin-top: -30px;
    margin-bottom: -20px;
  }
}

.section-narrow .title-narrow-large {
  font-size: 35px;
  line-height: 0.85;
}

@media only screen and (min-width: 62.5em) {
  .section-narrow .title-narrow-large {
    width: 200px;
  }
}

@media only screen and (min-width: 62.5em) {
  .section-narrow .mp-list {
    position: relative;
    top: 18px;
  }
}

@media only screen and (min-width: 62.5em) {
  .section-narrow .mp-number {
    font-size: 90px;
  }
}

.section-narrow .mp-title {
  position: relative;
  line-height: 1.2;
  padding-left: 15px;
}

@media only screen and (min-width: 62.5em) {
  .section-narrow .mp-title {
    font-size: 22px;
    top: 0;
  }
}

/**
 * Newsletter Signup
 */
.section-newsletter {
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem;
  background-color: #ffd204;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 56.25em) {
  .section-newsletter {
    width: 85%;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
}

.section-newsletter .response {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-call {
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 43.75em) {
  .newsletter-call {
    text-align: left;
    width: 35%;
  }
}

.newsletter-call h3 {
  font-size: 27px;
}

.newsletter-call p {
  font-size: 18px;
  line-height: 1;
}

.newsletter-sign-form {
  position: relative;
  width: 100%;
  padding-top: 0.625rem;
}

@media only screen and (min-width: 43.75em) {
  .newsletter-sign-form {
    width: 65%;
    padding-top: 0;
  }
}

.newsletter-sign-form input {
  display: block;
  width: 100%;
  font-size: 18px;
  font-style: italic;
  text-align: center;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  padding: 6px 22px;
  height: 46px;
  border-bottom: 2px dotted #000;
  margin-bottom: 4px;
}

@media only screen and (min-width: 43.75em) {
  .newsletter-sign-form input {
    width: calc(100% - 160px);
    margin-bottom: 0;
  }
}

.alpha-channel .block-nl-signup .btn-newsletter {
  border: none;
  background: #333;
  color: white;
  text-align: center;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  background-color: black;
  letter-spacing: 1px;
  cursor: pointer;
  font-size: 0.8em;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  display: block;
  padding: 10px 0;
  width: 100%;
}

.alpha-channel .block-nl-signup .btn-newsletter:hover {
  background-color: #9b1e25;
  color: white;
}

.alpha-channel .block-nl-signup .btn-newsletter.full {
  width: 80%;
  margin: 0 auto;
  display: block;
  max-width: 400px;
  max-width: 25rem;
}

@media only screen and (min-width: 43.75em) {
  .alpha-channel .block-nl-signup .btn-newsletter {
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    width: 150px;
  }
}

/**
 * Gear Finder
 */
.gear-reviews {
  overflow: auto;
  font-family: "Guardian Egyptian Web", Georgia, serif;
}

.gear-reviews.section-bottom-margin {
  background: #E2E2E3;
}

@media only screen and (min-width: 43.75em) {
  .gear-reviews {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #000;
  }
}

.gear-reviews img {
  width: 100%;
}

.gear-reviews .gear-list,
.gear-reviews .gear-reviews-intro {
  width: 100%;
}

.gear-reviews .gear-reviews-intro {
  position: relative;
  color: #fff;
  padding-bottom: 75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 25px;
}

@media only screen and (min-width: 43.75em) {
  .gear-reviews .gear-reviews-intro {
    float: right;
    width: 70%;
    margin-right: 0;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 53.125em) {
  .gear-reviews .gear-reviews-intro {
    padding-bottom: 64%;
  }
}

@media only screen and (min-width: 62.5em) {
  .gear-reviews .gear-reviews-intro {
    padding-bottom: 62%;
    width: 75%;
  }
}

@media only screen and (min-width: 68.75em) {
  .gear-reviews .gear-reviews-intro {
    padding-bottom: 57%;
  }
}

@media only screen and (min-width: 75em) {
  .gear-reviews .gear-reviews-intro {
    padding-bottom: 52%;
  }
}

.gear-reviews .gear-reviews-intro h3 {
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1;
}

@media only screen and (min-width: 43.75em) {
  .gear-reviews .gear-reviews-intro h3 {
    font-size: 54px;
    margin-top: 0;
  }
}

.gear-reviews .gear-reviews-intro p {
  margin-bottom: 21px;
  font-size: 20px;
  line-height: 1.2;
}

.gear-reviews .gear-reviews-list {
  position: relative;
  background: #E2E2E3;
  padding-bottom: 18px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 43.75em) {
  .gear-reviews .gear-reviews-list {
    width: 30%;
  }
}

@media only screen and (min-width: 62.5em) {
  .gear-reviews .gear-reviews-list {
    min-height: 612px;
    width: 25%;
  }
}

.gear-reviews .gear-reviews-list .vertical-align--container {
  position: relative;
}

@media only screen and (min-width: 62.5em) {
  .gear-reviews .gear-reviews-list .vertical-align--container {
    position: absolute;
  }
}

.gear-reviews .all-cats {
  text-decoration: none;
  font-size: 24px;
  letter-spacing: 1px;
}

.gear-reviews .all-cats:hover {
  background-color: transparent;
}

.gear-reviews li {
  text-align: left;
}

.gear-reviews li:first-child {
  padding-top: 15px;
}

.gear-reviews .gear-review__link,
.gear-reviews .all-cats {
  padding: 10px 15px;
}

@media only screen and (min-width: 62.5em) {
  .gear-reviews .gear-review__link,
  .gear-reviews .all-cats {
    padding: 10px 30px;
  }
}

.gear-reviews .gear-review__link {
  display: block;
  overflow: auto;
  font-size: 20px;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  line-height: 1.4;
}

.gear-reviews li img {
  float: right;
  width: 28px;
}

/**
 * Buyer's Guide
 */
.alpha-buyers-guide {
  font-family: "Guardian Egyptian Web", Georgia, serif;
}

.alpha-buyers-guide h2,
.alpha-buyers-guide .alpha-buyers-links > p {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 8px;
}

.alpha-buyers-guide .hidden {
  position: absolute;
  top: 0;
}

.alpha-buyers-guide .active-img {
  position: relative;
}

.buyers-transition__image {
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 120px;
}

@media only screen and (min-width: 31.25em) {
  .buyers-transition__image {
    height: 180px;
  }
}

@media only screen and (min-width: 43.75em) {
  .buyers-transition__image {
    height: 300px;
  }
}

@media only screen and (min-width: 56.25em) {
  .buyers-transition__image {
    height: 330px;
  }
}

@media only screen and (min-width: 62.5em) {
  .buyers-transition__image {
    height: 366px;
  }
}

@media only screen and (min-width: 75em) {
  .buyers-transition__image {
    height: 442px;
  }
}

@media only screen and (min-width: 79.375em) {
  .buyers-transition__image {
    height: 450px;
  }
}

.buyers__img-item:last-child {
  display: none;
}

.buyers-transition__content ul {
  display: none;
}

.buyers-transition__content ul:first-child {
  display: block;
}

.alpha-buyers-title {
  position: relative;
}

.alpha-buyers-title img {
  width: 100%;
}

.alpha-buyers-title h2 {
  position: relative;
  clear: left;
  text-transform: none;
  font-weight: bold;
  margin: -5px 0 0 0;
  padding: 35px 0;
  width: 100%;
  font-size: 38px;
}

@media only screen and (min-width: 43.75em) {
  .alpha-buyers-title h2 {
    margin: 5px 0 0 0;
    background: rgba(255, 255, 255, 0.7);
  }
}

@media (min-width: 43.75em) and (max-width: 56.25em) {
  .alpha-buyers-title .bundle__channel-title {
    display: none;
  }
}

.alpha-buyers-title .bundle__name {
  margin: 0 0 6px;
}

@media (min-width: 43.75em) and (max-width: 56.25em) {
  .alpha-buyers-title .bundle__name {
    font-size: 30px;
  }
}

.alpha-buyers-title:after {
  z-index: 0;
  top: 0;
  height: 50%;
  background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.85) 0%, transparent 100%);
  background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.85) 0%, transparent 100%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.85) 0%, transparent 100%);
}

@media only screen and (min-width: 43.75em) {
  .alpha-buyers-title:after {
    background: none;
  }
}

@media only screen and (min-width: 43.75em) {
  .alpha-buyers-title .vertical-align--container {
    float: left;
    display: block;
    margin-right: 2%;
    width: 40.5%;
    margin: 0;
    padding: 24px 10px;
    padding: 1.5rem 0.625rem;
  }
  .alpha-buyers-title .vertical-align--container:last-child {
    margin-right: 0;
  }
  .alpha-buyers-title .vertical-align--container h2 {
    line-height: 1;
  }
}

@media only screen and (min-width: 62.5em) {
  .alpha-buyers-title .vertical-align--container {
    float: left;
    display: block;
    margin-right: 2%;
    width: 32%;
    padding: 75px 32px;
    padding: 4.6875rem 2rem;
  }
  .alpha-buyers-title .vertical-align--container:last-child {
    margin-right: 0;
  }
  .alpha-buyers-title .vertical-align--container h2 {
    font-size: 50px;
  }
}

.alpha-buyers-title .vertical-align--container.buyers-articles {
  position: relative;
  padding-top: 30px;
  left: auto;
  background-color: white;
}

@media (min-width: 43.75em) and (max-width: 56.25em) {
  .alpha-buyers-title .vertical-align--container.buyers-articles {
    padding-top: 10px;
  }
}

@media only screen and (min-width: 43.75em) {
  .alpha-buyers-title .vertical-align--container.buyers-articles {
    position: absolute;
    margin-top: 0;
    background-color: rgba(255, 255, 255, 0.85);
  }
}

@media only screen and (min-width: 62.5em) {
  .alpha-buyers-title .vertical-align--container.buyers-articles:not(.non-bundle) {
    width: auto;
  }
}

.alpha-buyers-title .vertical-align--outer {
  height: 38%;
}

@media only screen and (min-width: 31.25em) {
  .alpha-buyers-title .vertical-align--outer {
    height: 52%;
  }
}

@media only screen and (min-width: 43.75em) {
  .alpha-buyers-title .vertical-align--outer {
    height: 100%;
  }
}

.alpha-buyers-title .vertical-align--inner {
  background: rgba(255, 255, 255, 0.6);
}

@media only screen and (min-width: 43.75em) {
  .alpha-buyers-title .vertical-align--inner {
    background: none;
  }
}

@media only screen and (min-width: 62.5em) {
  .alpha-buyers-links ul {
    padding-top: 8px;
  }
}

.alpha-buyers-links li {
  margin-bottom: 5px;
  font-size: 21px;
}

@media only screen and (min-width: 43.75em) {
  .alpha-buyers-links li {
    font-size: 17px;
  }
}

@media only screen and (min-width: 62.5em) {
  .alpha-buyers-links li {
    margin-bottom: 8px;
    font-size: 21px;
  }
}

.alpha-buyers-links li:last-child {
  border-bottom: none;
}

.alpha-buyers-links li a {
  padding: 4px;
  overflow: hidden;
}

.no-cssanimations .alpha-channel .buyers-transition__content ul,
.no-cssanimations .alpha-channel .buyers-transition__image li {
  opacity: 1;
}

/**
 * Billboard Ad
 */
.ad-billboard {
  background: #E2E2E3;
}

.ad-billboard img {
  display: block;
  margin: 0 auto;
}

/**
 * Bundle Style
 */
.bundle-style {
  background: #000;
  overflow: hidden;
}

@media only screen and (min-width: 56.25em) {
  .bundle-style {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    background: #000;
  }
}

.bundle-style-content {
  padding: 10px 30px 30px;
  text-align: center;
  background: #E2E2E3;
  color: #000;
}

@media only screen and (min-width: 56.25em) {
  .bundle-style-content {
    width: 22.3%;
    margin-right: 0;
    padding-top: 20px;
  }
}

.bundle-style-content a {
  text-decoration: none;
}

.bundle-style-content h4 {
  margin: 0;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 32px;
  color: #000;
}

@media only screen and (min-width: 56.25em) {
  .bundle-style-content h4 {
    font-size: 21px;
  }
}

@media only screen and (min-width: 68.75em) {
  .bundle-style-content h4 {
    font-size: 29px;
  }
}

@media only screen and (min-width: 56.25em) {
  .bundle-style-image {
    float: right;
    width: 77.7%;
  }
}

.bundle-style-image img {
  display: block;
}

/**
 * Bundle Quiz/Video & 1 Banger
 */
.bundle__1banger__wrap,
.bundle-quizvid-wrap {
  margin: 0;
  height: auto;
}

.bundle__1banger,
.page-channel .bundle-quizvid {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 56.25em) {
  .bundle__1banger,
  .page-channel .bundle-quizvid {
    float: left;
    display: block;
    margin-right: 5px;
    margin-right: 0.3125rem;
    width: calc(100% - 305px);
  }
}

.bundle__1banger:before,
.page-channel .bundle-quizvid:before {
  z-index: 1;
}

.bundle__1banger .bundle-content-section,
.page-channel .bundle-quizvid .bundle-content-section {
  visibility: hidden;
  position: absolute;
  top: 0;
  padding: 0;
  width: 40%;
  height: 100%;
  text-align: center;
  z-index: 100;
}

@media only screen and (min-width: 31.25em) {
  .bundle__1banger .bundle-content-section,
  .page-channel .bundle-quizvid .bundle-content-section {
    visibility: visible;
    max-height: 170px;
    background: rgba(255, 255, 255, 0.6);
    padding: 20px 10px 10px;
  }
}

@media only screen and (min-width: 43.75em) {
  .bundle__1banger .bundle-content-section,
  .page-channel .bundle-quizvid .bundle-content-section {
    width: calc(25% + 20px);
  }
}

@media only screen and (min-width: 75em) {
  .bundle__1banger .bundle-content-section,
  .page-channel .bundle-quizvid .bundle-content-section {
    width: calc(20% + 20px);
    padding-top: 30px;
  }
}

.bundle__1banger .bundle__1banger__title,
.bundle__1banger .bundle-quizvid-title,
.page-channel .bundle-quizvid .bundle__1banger__title,
.page-channel .bundle-quizvid .bundle-quizvid-title {
  font-size: 24px;
  text-align: left;
}

@media only screen and (min-width: 37.5em) {
  .bundle__1banger .bundle__1banger__title,
  .bundle__1banger .bundle-quizvid-title,
  .page-channel .bundle-quizvid .bundle__1banger__title,
  .page-channel .bundle-quizvid .bundle-quizvid-title {
    font-size: 35px;
  }
}

.bundle__1banger .bundle__1banger__title a,
.bundle__1banger .bundle-quizvid-title a,
.page-channel .bundle-quizvid .bundle__1banger__title a,
.page-channel .bundle-quizvid .bundle-quizvid-title a {
  text-decoration: none;
  color: #fff;
}

.bundle__1banger .bundle__1banger__title a:hover,
.bundle__1banger .bundle-quizvid-title a:hover,
.page-channel .bundle-quizvid .bundle__1banger__title a:hover,
.page-channel .bundle-quizvid .bundle-quizvid-title a:hover {
  color: #ffd204;
  background: none;
}

.bundle__1banger a.highlight-video:after,
.page-channel .bundle-quizvid a.highlight-video:after {
  background: url(/sites/all/themes/outside/images/icons/play_white.svg);
}

.bundle__1banger a.highlight-podcast:after,
.page-channel .bundle-quizvid a.highlight-podcast:after {
  background: url(/sites/all/themes/outside/images/icons/headphones_white.svg);
}

.bundle__1banger img,
.page-channel .bundle-quizvid img {
  width: 100%;
}

.bundle__1banger p,
.page-channel .bundle-quizvid p {
  margin-bottom: 0;
}

@media only screen and (min-width: 62.5em) {
  .bundle__1banger__content,
  .bundle-quizvid-content {
    width: 66%;
  }
}

.group-ad-bundle .ad-block-quizvid {
  position: relative;
  z-index: 100;
  height: 600px;
  width: 300px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 56.25em) {
  .group-ad-bundle .ad-block-quizvid {
    float: left;
    display: inline-block;
    margin-top: 0;
  }
}

@media only screen and (min-width: 62.5em) {
  .group-ad-bundle .ad-block-quizvid {
    float: none;
  }
}

@media only screen and (min-width: 75em) {
  .group-ad-bundle .ad-block-quizvid {
    margin-bottom: 0;
  }
}

.bundle__1banger {
  width: 100%;
  float: none;
}

.bundle__1banger .bundle-content-section {
  height: auto;
  max-height: none;
  padding: 1.25rem;
  bottom: auto;
}

/**
 * Common Classes
 */
.button-clear, .button-clear--buyers {
  padding: 5px 36px 0 36px;
  padding: 0.3125rem 2.25rem 0 2.25rem;
  border: 2px solid #ffd204;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 24px;
  font-size: 1.5rem;
  text-decoration: none;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.6);
  color: #ffd204;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media only screen and (min-width: 43.75em) {
  .button-clear, .button-clear--buyers {
    padding: 10px 36px 5px 36px;
    padding: 0.625rem 2.25rem 0.3125rem 2.25rem;
  }
}

.button-clear:hover, .button-clear--buyers:hover {
  background: #ffd204;
}

.button-clear--buyers {
  position: relative;
  z-index: 2;
  top: 20px;
  width: 150px;
  border-color: #fff;
  color: #000;
  font-size: 20px;
  padding: 10px 10px 5px;
}

.button-clear--buyers.active {
  cursor: default;
  background: #fff;
  color: #ffd204;
}

@media only screen and (min-width: 43.75em) {
  .button-clear--buyers {
    display: block;
    float: left;
    top: 0;
    width: 50%;
  }
  .button-clear--buyers:nth-child(3n+3), .button-clear--buyers:nth-child(4n+4) {
    position: relative;
    top: 15px;
  }
}

.bundle__channel-title--sponsored {
  font-style: normal;
  font-size: 14px;
}

.bundle__channel-title--sponsored span:after {
  background: #08c;
}

/*------------------------------------*    $HOME PAGE SPECIFIC
\*------------------------------------*/
.page-home .main-content .main-content {
  padding-top: 0;
}

.page-home .main-content-wrap > .pad {
  padding: 12px;
  padding: 0.75rem;
}

@media only screen and (min-width: 43.75em) {
  .page-home .main-content-wrap > .pad {
    padding-top: 0;
  }
}

.page-home .home-section {
  position: relative;
}

.page-home .home-col {
  overflow: hidden;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.page-home .home-primary {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 43.75em) {
  .page-home .home-primary {
    float: left;
    width: 100%;
    margin-right: -21.875em;
  }
  .page-home .home-primary .home-col-inner {
    margin-right: 21.875em;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-home .home-primary .home-col-inner {
    margin-left: 14.625em;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-home .home-secondary {
    position: absolute;
    top: 0;
    right: 0;
    overflow: visible;
    width: 20em;
    padding-bottom: 220px;
    padding-bottom: 13.75rem;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-home .home-secondary {
    position: relative;
    float: right;
  }
}

.page-home .home-secondary .ad-block-300x250 {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.page-home .home-tertiary {
  width: 100%;
}

@media only screen and (min-width: 43.75em) {
  .page-home .home-tertiary {
    float: left;
    clear: left;
    margin-right: -21.875em;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-home .home-tertiary {
    clear: none;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 12.5em;
  }
}

@media only screen and (min-width: 43.75em) {
  .page-home .home-tertiary .home-col-inner {
    margin-right: 21.875em;
  }
}

@media only screen and (min-width: 62.5em) {
  .page-home .home-tertiary .home-col-inner {
    margin: 0;
  }
}

.page-home .part-group {
  overflow: hidden;
  clear: both;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 62.5em) {
  .page-home .part-group {
    clear: none;
    overflow: visible;
    margin-right: 21.875em;
    margin-left: 14.625em;
  }
}

.page-home .part {
  border-bottom: 1px solid #E2E2E3;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.page-home .part:last-child {
  border-bottom: none;
}

@media (min-width: 43.75em) and (max-width: 62.5em) {
  .page-home .part {
    float: left;
    margin-bottom: 10px;
    width: 32%;
    margin-right: 2%;
    border-bottom: none;
  }
  .page-home .part:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 75em) {
  .page-home .part {
    float: left;
    margin-bottom: 30px;
    width: calc(33.333% - 15px);
    margin-right: 20px;
    border-bottom: none;
  }
  .page-home .part:last-child {
    margin-right: 0;
  }
}

.page-home .part-img {
  display: table-cell;
  width: 130px;
  max-width: 130px !important;
}

@media only screen and (min-width: 75em) {
  .page-home .part-img {
    display: block;
    width: auto;
    max-width: 100% !important;
    padding: 0;
    margin-bottom: 6px;
  }
}

.page-home .part-title {
  color: black;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  background-color: transparent;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 17px;
  padding-left: 12px;
}

@media only screen and (min-width: 75em) {
  .page-home .part-title {
    display: block;
    padding-left: 0;
    margin-bottom: 8px;
  }
}

.page-home .part-link {
  display: table;
  overflow: hidden;
}

.page-home .part-link:hover {
  background-color: transparent;
}

.page-home .part-link:hover .part-title {
  color: #9b1e25;
  background-color: transparent;
}

@media only screen and (min-width: 75em) {
  .page-home .part-link {
    display: block;
  }
}

.page-home .block-list-latest {
  border-bottom: 3px solid #ffd204;
  overflow: hidden;
  margin: 0 auto;
}

.page-home .block-list-latest .block-title {
  margin-bottom: 0;
}

.page-home .block-list-latest .block-title a {
  display: block;
}

.page-home .block-list-latest .block-title a:hover {
  background: none;
}

.page-home .block-list-latest .block-date {
  display: block;
  color: #9ca3aa;
  text-align: center;
  font-weight: 600;
  font-style: italic;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  padding: 4px 6px;
  padding: 0.25rem 0.375rem;
  margin: 0 auto;
  margin: 0 auto;
}

@media only screen and (min-width: 62.5em) {
  .page-home .block-list-latest .block-date {
    max-width: 170px;
    max-width: 10.625rem;
  }
}

.page-home .block-list-latest .list {
  margin: 0;
  padding: 0;
}

.page-home .block-list-latest .list-item a {
  display: block;
  border-bottom: 1px solid #E2E2E3;
  padding: 18px 0;
}

.page-home .block-list-latest .list-item:last-child a {
  border-bottom: none;
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .page-home .block-list-latest .list-item:nth-child(4) a {
    border-bottom: none;
  }
  .page-home .block-list-latest .list-item:nth-last-child(3), .page-home .block-list-latest .list-item:nth-last-child(2), .page-home .block-list-latest .list-item:last-child {
    display: none;
  }
}

@media (min-width: 31.25em) and (max-width: 62.5em) {
  .page-home .block-list-latest .list-item {
    width: 48%;
    margin-right: 2.5%;
    display: inline-block;
  }
  .page-home .block-list-latest .list-item:nth-child(even) {
    margin-right: 0;
  }
  .page-home .block-list-latest .list-item:nth-last-child(2) a,
  .page-home .block-list-latest .list-item:last-child a {
    border-bottom: none;
  }
}

.page-home .block-list-latest .list-item-header {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  margin: 0;
  font-size: 17px;
}

.page-home .block-list-latest .list-item-dek {
  color: #aab0b6;
  font-size: 14px;
  margin: 0;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
}

.page-home .block-title,
.page-channel .block-title {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 34px;
  margin-bottom: 20px;
}

.page-home .block-title span,
.page-channel .block-title span {
  border-bottom: 4px solid #ffd204;
}

/**
 * Narrow in-between sections
 */
.section-narrow {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}

@media only screen and (min-width: 37.5em) {
  .section-narrow {
    text-align: center;
  }
}

.section-narrow h2 {
  text-align: center;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 22px;
}

@media only screen and (min-width: 37.5em) {
  .section-narrow h2 {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 62.5em) {
  .section-narrow h2 {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
  }
}

.section-narrow .mp-list {
  padding: 0 20px;
  padding: 0 1.25rem;
}

@media only screen and (min-width: 37.5em) {
  .section-narrow .mp-list {
    padding: 0;
  }
}

@media only screen and (min-width: 62.5em) {
  .section-narrow .mp-list {
    display: inline;
  }
}

.section-narrow .mp-list-item {
  float: none;
}

@media only screen and (min-width: 37.5em) {
  .section-narrow .mp-list-item {
    display: inline-block;
    text-align: left;
    width: 25%;
    margin: 0 3%;
    vertical-align: text-top;
  }
}

@media only screen and (min-width: 62.5em) {
  .section-narrow .mp-list-item {
    width: 20%;
    margin: 0 2%;
  }
}

.section-narrow .mp-link {
  text-decoration: none;
  display: table;
  color: #000;
}

.section-narrow .mp-link:hover .mp-title {
  color: #9b1e25;
}

.section-narrow .mp-number {
  display: table-cell;
  width: 36px;
  font-size: 74px;
}

.section-narrow .mp-title {
  display: table-cell;
  vertical-align: middle;
}

.section-narrow.section-social {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 270px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media only screen and (min-width: 43.75em) {
  .section-narrow.section-social {
    max-width: 500px;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .section-narrow.section-social {
    padding-top: 1.25rem;
  }
}

.section-narrow.section-social h2 {
  margin: 0;
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .section-narrow.section-social h2 {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 43.75em) {
  .section-narrow.section-social h2 {
    margin-right: 30px;
  }
}

.section-narrow.section-social .social-list:before,
.section-narrow.section-social .social-list:after {
  display: none;
}

.section-narrow.section-social .social-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 43.75em) {
  .section-narrow.section-social .social-list {
    width: calc(100% - 150px);
  }
}

.section-narrow.section-social .social-item {
  margin-right: 10px;
}

.section-narrow.section-social .social-item:last-child {
  margin-right: 0;
}

.section-narrow.section-social .social-item__link {
  display: block;
  height: 50px;
  width: 50px;
  padding: 8px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform .15s ease-out;
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out;
  transition: transform .15s ease-out, -webkit-transform .15s ease-out;
}

@media only screen and (min-width: 43.75em) {
  .section-narrow.section-social .social-item__link {
    height: 65px;
    width: 65px;
    padding: 12px;
  }
}

.section-narrow.section-social .social-item__link:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}

.section-narrow.section-social .social-facebook a {
  background-color: #4A66A3;
}

.section-narrow.section-social .social-twitter a {
  background-color: #13C4F8;
}

.section-narrow.section-social .social-instagram a {
  background-color: #b6a58e;
}

.section-narrow.section-social .social-pinterest a {
  background-color: #FF423E;
}

.section-narrow.section-quote {
  padding-top: 10px;
  padding-top: 0.625rem;
}

.section-narrow.section-quote blockquote {
  text-align: center;
  border: none;
  margin: 0 auto;
  padding: 0;
  font-style: normal;
  max-width: 700px;
  max-width: 43.75rem;
}

.section-narrow.section-quote blockquote a {
  color: black;
}

.section-narrow.section-quote blockquote a:hover {
  background-color: transparent;
}

.section-narrow.section-quote blockquote p {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  margin: 0 0 12px;
  margin: 0 0 0.75rem;
  font-size: 1.6em;
}

.section-narrow.section-quote blockquote p:before {
  content: "“";
}

.section-narrow.section-quote blockquote p:after {
  content: "”";
}

.section-narrow.section-quote blockquote .cite {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  color: #D3D6D9;
  font-style: italic;
  font-size: 1.06667em;
}

.icon-play--inline {
  position: relative;
  bottom: -1px;
}

/*------------------------------------*    $PODCAST
\*------------------------------------*/
/**
 * Podcast Main
 */
.podcast-main__welcome {
  padding: 30px 0;
}

.podcast-main__hero {
  background-image: url(/sites/all/themes/outside/images/sound-waves.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 80px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 62.5em) {
  .podcast-main__hero {
    padding-top: 80px;
    padding-bottom: 100px;
    background-size: 100% 100%;
  }
}

.podcast-main__logo {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 50em) {
  .podcast-main__logo {
    max-width: 200px;
  }
}

.podcast-main__tagline {
  margin: 0 0 10px;
}

.podcast-main__prx-logo {
  width: 54px;
  margin-left: auto;
  margin-right: auto;
}

.podcast-main__sponsor {
  padding: 10px 20px 0;
}

.podcasts {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 100px;
}

.podcasts .views-row, .podcasts__nav, .podcasts--max-width {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.podcasts .views-row:first-child .podcast-card {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.podcasts__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

@media only screen and (min-width: 0) and (max-width: 56.25em) {
  .podcasts__nav {
    overflow-x: scroll;
    margin-left: -20px;
    margin-right: -20px;
    -webkit-overflow-scrolling: touch;
  }
}

.podcasts__ad {
  margin-left: auto;
  margin-right: auto;
}

.podcasts__link {
  padding: 13px 15px;
  white-space: nowrap;
  font-size: 14px;
  display: inline-table;
}

.podcasts__link.subscribe-link {
  color: #9b1e25;
}

.podcasts__link.selected, .podcasts__link.selected:hover {
  background-color: #ffd204;
  color: #000;
}

.podcast-card,
.podcast-subscribe__page {
  padding: 10px;
  border-bottom: 7px solid #ffd204;
}

@media only screen and (min-width: 43.75em) {
  .podcast-card,
  .podcast-subscribe__page {
    padding: 25px;
  }
}

.podcast-card__inner,
.podcast-subscribe__page__inner {
  padding: 30px 10px;
}

@media only screen and (min-width: 43.75em) {
  .podcast-card__inner,
  .podcast-subscribe__page__inner {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.podcast-card__date,
.podcast-subscribe__page__date {
  position: absolute;
  right: 0;
  top: 0;
}

.podcast-card__thumb,
.podcast-subscribe__page__thumb {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 43.75em) {
  .podcast-card__thumb,
  .podcast-subscribe__page__thumb {
    margin-right: 30px;
    min-width: 270px;
  }
}

.podcast-card__sound-wave,
.podcast-subscribe__page__sound-wave {
  position: absolute;
  bottom: 8%;
  left: 0;
  width: 100%;
  padding-top: 22%;
  z-index: 20;
  background-image: url(/sites/all/themes/outside/images/sound-waves--small.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 75%;
}

.podcast-card__link .play-button,
.podcast-subscribe__page__link .play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5);
}

.podcast-card__link:hover .play-button,
.podcast-subscribe__page__link:hover .play-button {
  opacity: .8;
}

.podcast-card__text,
.podcast-subscribe__page__text {
  padding-top: 30px;
}

@media only screen and (min-width: 43.75em) {
  .podcast-card__text,
  .podcast-subscribe__page__text {
    padding-top: 40px;
    width: 100%;
  }
}

.podcast-card__body p,
.podcast-subscribe__page__body p {
  line-height: 1.35;
}

/**
 * Podcast Episode
 */
.node-type-podcast .wrap-leaderboard,
.page-podcasts .wrap-leaderboard,
.page-node-2157276 .wrap-leaderboard {
  display: none;
}

.node-type-podcast .main-content,
.page-podcasts .main-content,
.page-node-2157276 .main-content {
  background-color: rgba(226, 226, 227, 0.4);
}

.node-type-podcast .ad-block__mobile-leaderboard,
.page-podcasts .ad-block__mobile-leaderboard,
.page-node-2157276 .ad-block__mobile-leaderboard {
  margin: 10px 0 12px;
}

.node-type-podcast .footer,
.page-podcasts .footer,
.page-node-2157276 .footer {
  margin-top: -80px;
  background-color: transparent;
}

@media (min-width: 37.5em) and (max-width: 43.75em) {
  .node-type-podcast .footer,
  .page-podcasts .footer,
  .page-node-2157276 .footer {
    margin-top: -150px;
  }
}

@media (min-width: 43.75em) and (max-width: 62.5em) {
  .node-type-podcast .footer,
  .page-podcasts .footer,
  .page-node-2157276 .footer {
    margin-top: -120px;
  }
}

.node-type-podcast .main-content {
  padding-top: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 69.41 69.41"><circle cx="34.7" cy="34.7" r="34.7" fill="#fff"/></svg>');
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: center 65px;
}

@media only screen and (min-width: 62.5em) {
  .node-type-podcast .main-content {
    padding-top: 30px;
    background-size: 70%;
    background-position: calc(50% - 215px) 80px;
  }
}

@media only screen and (min-width: 62.5em) {
  .node-type-podcast .shift-left--inner--1000 {
    padding-right: 50px;
  }
}

@media only screen and (min-width: 62.5em) {
  .node-type-podcast .ad-block__mobile-leaderboard {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 62.5em) {
  .node-type-podcast .footer {
    background-color: #fff;
  }
}

.podcast {
  padding-top: 10px;
}

@media only screen and (min-width: 62.5em) {
  .podcast {
    padding: 30px 50px 100px 0;
  }
}

.podcast__links {
  position: absolute;
  left: 20px;
  z-index: 100;
}

@media only screen and (min-width: 0) and (max-width: 62.5em) {
  .podcast__links {
    left: 10px;
  }
  .podcast__links a {
    font-size: 15px;
  }
}

.podcast__social {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (min-width: 0) and (max-width: 62.5em) {
  .podcast__social {
    display: none;
  }
}

.podcast__social--bottom {
  display: none;
}

@media only screen and (min-width: 0) and (max-width: 62.5em) {
  .podcast__social--bottom {
    display: block;
    position: relative;
    margin-top: 20px;
  }
}

.podcast__social .share-buttons {
  margin-top: 0;
}

.podcast__social .share-toolbox__heading {
  display: none;
}

.podcast__welcome {
  padding: 30px 0;
}

@media only screen and (min-width: 50em) {
  .podcast__welcome {
    padding: 50px 0;
  }
}

.podcast__hero {
  background-image: url(/sites/all/themes/outside/images/sound-waves.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 120% 80%;
  padding: 60px 20px 70px;
}

@media only screen and (min-width: 37.5em) {
  .podcast__hero {
    margin-top: 20px;
    padding: 50px 50px 70px;
    background-size: auto 100%;
  }
}

@media only screen and (min-width: 62.5em) {
  .podcast__hero {
    margin-top: 0;
  }
}

.podcast__widget__hero {
  margin-bottom: 10px;
  padding: 30px 50px 45px;
  background-size: 116% 100%;
}

@media only screen and (min-width: 31.25em) {
  .podcast__widget__hero {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 43.75em) {
  .podcast__widget__hero {
    padding: 25px 60px 35px;
    background-size: 130% 100%;
    margin-top: 0;
  }
}

.podcast__logo {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 50em) {
  .podcast__logo {
    max-width: 250px;
  }
}

.podcast__widget__logo {
  max-width: 55%;
}

@media only screen and (min-width: 43.75em) {
  .podcast__widget__logo {
    max-width: 85%;
  }
}

.podcast__logo-img {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 31.25em) {
  .podcast__logo-img {
    max-width: 60%;
  }
}

.podcast__tagline {
  margin: 0;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .podcast__tagline {
    font-size: 14px;
  }
}

.podcast__widget__tagline {
  margin: 0 0 20px;
}

.podcast__cta {
  position: relative;
}

.podcast__cta:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: -10px;
  right: -10px;
  height: 4px;
  background-color: #ffd204;
}

@media only screen and (min-width: 0) and (max-width: 43.75em) {
  .podcast__cta {
    margin-bottom: 30px;
  }
}

.podcast__article {
  position: relative;
  z-index: 10;
  padding: 0 25px 30px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .podcast__article {
    background-color: #fff;
  }
}

.podcast__meta {
  margin-bottom: 6px;
}

.podcast__header-text {
  width: calc(100% - 74px);
  margin-left: auto;
}

@media only screen and (min-width: 50em) {
  .podcast__header-text {
    width: calc(100% - 90px);
  }
}

.podcast__category, .podcast__episode-number {
  margin-right: 10px;
}

.podcast__date {
  white-space: nowrap;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .podcast__title {
    font-size: 32px;
  }
}

.podcast__body {
  max-width: 550px;
}

.podcast__thumb {
  float: right;
  border-radius: 50%;
  overflow: hidden;
  margin: 90px -100px 70px 10px;
  max-width: 210px;
  max-height: 210px;
  -webkit-shape-outside: circle(40%);
          shape-outside: circle(40%);
}

@media only screen and (min-width: 25em) {
  .podcast__thumb {
    margin-right: -60px;
  }
}

@media only screen and (min-width: 37.5em) {
  .podcast__thumb {
    max-width: 270px;
    max-height: 270px;
    margin-left: 20px;
    margin-right: -10%;
  }
}

@media only screen and (min-width: 62.5em) {
  .podcast__thumb {
    width: 50%;
    max-width: 350px;
    max-height: 350px;
    -webkit-shape-outside: circle();
            shape-outside: circle();
    overflow: hidden;
    margin: 30px 0 20px 10px;
  }
}

@media only screen and (min-width: 0) and (max-width: 62.5em) {
  .podcast__subscribe {
    margin-bottom: 10px;
  }
}

.podcast__subscribe-item {
  margin-right: 5px;
  margin-left: 5px;
}

.podcast__subscribe-title {
  margin-left: 0;
}

.podcast .ad-block__mobile-leaderboard {
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 62.5em) {
  .podcast__aside {
    margin-top: -20px;
    padding-top: 20px;
  }
}

/**
 * Podcast Subscribe
 */
.podcast-subscribe__page {
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (min-width: 50em) {
  .podcast-subscribe__page {
    padding: 30px;
  }
}

.podcast-subscribe__title {
  visibility: hidden;
}

.podcast-subscribe__title:after {
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px;
  content: "Subscribe to the Outside Podcast";
}

@media only screen and (min-width: 50em) {
  .podcast-subscribe__title:after {
    padding: 30px;
  }
}

.podcast-subscribe__body {
  width: 100%;
  margin-bottom: 0;
}

@media only screen and (min-width: 50em) {
  .podcast-subscribe__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.podcast-subscribe__body > p > strong {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 18px;
}

@media only screen and (min-width: 50em) {
  .podcast-subscribe__body > p {
    width: 100%;
  }
}

.podcast-subscribe__body > p:nth-child(-n+4) > a:first-child,
.podcast-subscribe__body > p:nth-child(-n+4) > a:first-child:hover {
  box-shadow: none;
}

@media only screen and (min-width: 50em) {
  .podcast-subscribe__body > p:nth-child(-n+4) {
    width: 24%;
    text-align: center;
    padding: 10px;
    font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
    font-style: italic;
    font-size: 17px;
    line-height: 20px;
    font-weight: normal;
  }
  .podcast-subscribe__body > p:nth-child(-n+4):hover {
    background-color: rgba(226, 226, 227, 0.5);
  }
  .podcast-subscribe__body > p:nth-child(-n+4) a:first-child {
    margin-bottom: 6px;
  }
}

.podcast-subscribe__body > p:nth-child(-n+4) a:first-child {
  display: block;
}

.podcast-subscribe__body > p:nth-child(-n+4) a:first-child:hover {
  background-color: transparent;
}

.page-podcasts .podcast__episode-number {
  display: none;
}

body[class*="page-podcasts-"] .podcast__episode-number {
  display: inline;
}

/**
 * Podcast player icons for lists.
 */
.podcast-headphones_black {
  width: 18px;
  height: 18px;
  position: relative;
  top: 2px;
  background-image: url(/sites/all/themes/outside/images/icons/headphones_black.svg);
}

.podcast-headphones_white {
  width: 16px;
  height: 16px;
  background-image: url(/sites/all/themes/outside/images/icons/headphones_white.svg);
}

/**
 * Podcast Symbol Overlays
 */
.podcast-play-overlay:after {
  background-image: url(/sites/all/themes/outside/images/icons/headphones_white.svg);
}

/**
 * Podcast icon re-position in bundles.
 */
.bundle-podcast:after {
  top: 33%;
  left: 40%;
}

/**
 * Interactive play/pause button. Currently being used only on the
 * podcast player.
 */
.play-button {
  display: block;
  height: 60px;
  width: 60px;
  position: relative;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  border-radius: 100%;
  border: 2px solid #000;
  opacity: 1;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  z-index: 100;
}

.play-button:hover {
  opacity: .6;
  background-color: transparent;
}

@media only screen and (min-width: 50em) {
  .play-button {
    height: 73px;
    width: 73px;
  }
}

.play-button:not(.is-playing):before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  margin-left: 9px;
  border: 13px solid #000;
  border-color: transparent;
  border-left: 19px solid #000;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (min-width: 50em) {
  .play-button:not(.is-playing):before {
    margin-left: 11px;
    border: 15px solid #000;
    border-color: transparent;
    border-left: 22px solid #000;
  }
}

.play-button--white {
  border-color: #fff;
}

.play-button--white:not(.is-playing):before {
  border-left-color: #fff;
}

@media only screen and (min-width: 50em) {
  .play-button--white:not(.is-playing):before--white {
    border-left-color: #fff;
  }
}

.play-button.is-playing:before, .play-button.is-playing:after {
  content: '';
  width: 7px;
  height: 26px;
  left: 19px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  background-color: #000;
}

@media only screen and (min-width: 50em) {
  .play-button.is-playing:before, .play-button.is-playing:after {
    height: 30px;
    left: 23px;
    width: 8px;
  }
}

.play-button.is-playing:after {
  left: auto;
  right: 19px;
}

@media only screen and (min-width: 50em) {
  .play-button.is-playing:after {
    right: 23px;
  }
}

.play-button.is-playing.play-button--white:before, .play-button.is-playing.play-button--white:after {
  background-color: #fff;
}

/*------------------------------------*    $VIDEO
\*------------------------------------*/
.reversed-out {
  background-color: black;
}

.reversed-out .outside-logo:hover,
.reversed-out .mh-nav-btn:hover {
  background-color: transparent;
}

.reversed-out .mh-btm,
.reversed-out .main-nav {
  background-color: black;
}

.reversed-out .mh-btm .inner,
.reversed-out .main-nav .inner {
  border-color: #D3D6D9;
}

@media only screen and (min-width: 59.375em) {
  .reversed-out .mn-dropdown,
  .reversed-out .is-hovered.mn-has-sub .mn-sub-trigger {
    display: none;
  }
}

.reversed-out .mh-show-search,
.reversed-out .mh-show-profile,
.reversed-out .mn-top-link {
  background-color: #333333;
  color: #E2E2E3;
}

.reversed-out .mh-show-search:hover, .reversed-out .mh-show-search.is-active,
.reversed-out .mh-show-profile:hover,
.reversed-out .mh-show-profile.is-active,
.reversed-out .mn-top-link:hover,
.reversed-out .mn-top-link.is-active {
  background-color: #212121;
}

.reversed-out .mh-nav-btn {
  color: white;
}

.reversed-out .mh-nav-btn:hover {
  background-color: transparent;
  color: #9b1e25;
}

@media only screen and (min-width: 59.375em) {
  .reversed-out .mh-nav-btn {
    background-color: #333333;
  }
  .reversed-out .mh-nav-btn:hover {
    background-color: #212121;
  }
}

.reversed-out.menu-open .mh-nav-btn {
  color: #9b1e25;
  background-color: #212121;
}

.reversed-out .mh-search,
.reversed-out .mh-profile {
  background-color: #212121;
}

.reversed-out .mn-top-link {
  border-color: #E2E2E3;
  color: white;
  background-color: black;
  -webkit-transition: none;
  transition: none;
}

.reversed-out .is-hovered.mn-has-sub,
.reversed-out .is-hovered .mn-top-link {
  background-color: #333333;
}

.reversed-out a,
.reversed-out p a {
  color: #ffd204;
}

.reversed-out a:hover,
.reversed-out p a:hover {
  background-color: #9b1e25;
}

.reversed-out .mn-sub-link .mn-link {
  color: black;
}

.reversed-out .main-footer {
  background-color: #262626;
  color: white;
  border-top: 1px dotted white;
}

.reversed-out .main-footer .btn {
  background-color: #595959;
  color: white;
}

.reversed-out .channel-name,
.reversed-out .tray-header {
  color: #9ca3aa;
}

.reversed-out .hdr {
  color: #D3D6D9;
  background-color: #1a1a1a;
}

.reversed-out .origin,
.reversed-out .date,
.reversed-out .author {
  color: #818a92;
}

.reversed-out .subtitle {
  color: #9ca3aa;
}

.reversed-out .st-share-count:after {
  color: #D3D6D9;
  z-index: 1;
}

.channel-name {
  margin-bottom: 0.625rem;
}

@media only screen and (min-width: 31.25em) {
  .channel-name {
    float: left;
  }
}

.more-videos {
  float: right;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 2;
  margin-bottom: 0.33333em;
}

.video {
  clear: both;
}

.video-trays a {
  text-decoration: none;
}

.video-trays .tray-header {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 34px;
}

.video-trays .tray-header span {
  border-bottom: 4px solid #ffd204;
}

.video-trays div.video-carousel-sp .tray-header {
  padding: 2px 6px 3px 8px;
  padding: 0.125rem 0.375rem 0.1875rem 0.5rem;
}

.video-trays div.video-carousel-sp .tray-header span {
  border-color: #08c;
}

.video-trays .video-carousel {
  margin-bottom: 20px;
}

@media only screen and (min-width: 59.375em) {
  .video-trays .video-carousel {
    margin-bottom: 40px;
  }
}

.video-trays .video-carousel,
.video-trays .non-carousel {
  width: 100%;
  margin: 0;
  position: relative;
  margin-bottom: 30px;
}

@media only screen and (min-width: 59.375em) {
  .video-trays .video-carousel,
  .video-trays .non-carousel {
    margin-bottom: 40px;
  }
}

.video-trays .video-carousel .part-slide,
.video-trays .non-carousel .part-slide {
  margin-right: 15px;
  float: left;
}

.video-trays .video-carousel .flex-direction-nav a,
.video-trays .non-carousel .flex-direction-nav a {
  top: 46%;
  height: 70px;
  background-color: transparent;
}

.video-trays .video-carousel .flex-direction-nav a.flex-next,
.video-trays .non-carousel .flex-direction-nav a.flex-next {
  right: 0;
}

@media only screen and (min-width: 84.375em) {
  .video-trays .video-carousel .flex-direction-nav a.flex-next,
  .video-trays .non-carousel .flex-direction-nav a.flex-next {
    right: -40px;
  }
}

.video-trays .video-carousel .flex-direction-nav a.flex-prev,
.video-trays .non-carousel .flex-direction-nav a.flex-prev {
  left: 0;
}

@media only screen and (min-width: 84.375em) {
  .video-trays .video-carousel .flex-direction-nav a.flex-prev,
  .video-trays .non-carousel .flex-direction-nav a.flex-prev {
    left: -40px;
  }
}

.video-trays .non-carousel .flex-viewport {
  overflow: hidden;
  position: relative;
}

.video-trays .non-carousel .slides {
  margin: -15px -15px 0 -15px;
  margin: -0.9375rem -0.9375rem 0 -0.9375rem;
  overflow: hidden;
}

.video-trays .non-carousel .part-slide {
  display: block;
  margin-right: 0;
  width: 100%;
  max-height: 100%;
  padding: 10px;
}

@media only screen and (min-width: 25em) {
  .video-trays .non-carousel .part-slide {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 40.625em) {
  .video-trays .non-carousel .part-slide {
    width: 33.3333%;
  }
}

@media only screen and (min-width: 59.375em) {
  .video-trays .non-carousel .part-slide {
    width: 25%;
  }
  .video-trays .non-carousel .part-slide:nth-child(4n+1) {
    clear: both;
  }
  .video-trays .non-carousel .part-slide .part-title {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.video-trays .part-link {
  position: relative;
  display: block;
}

.video-trays .part-link:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 80px;
  height: 5rem;
  background-color: transparent;
  background-image: -webkit-linear-gradient(transparent, black);
  background-image: linear-gradient(transparent, black);
  background-color: transparent;
}

.video-trays .part-link:hover .part-title {
  background-color: transparent;
  color: #ffd204;
}

.video-trays .part-title {
  min-height: 0;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  color: white;
  position: absolute;
  z-index: 10;
  background-color: transparent;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 10px;
  font-size: 14px;
  line-height: 1.35;
}

@media only screen and (min-width: 59.375em) {
  .video-trays .part-title {
    font-size: 18px;
  }
}

.video-trays .tab-videos {
  float: left;
  cursor: pointer;
  background-color: #1a1a1a;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-right: 0.26667em;
}

.video-trays .tab-videos.is-active, .video-trays .tab-videos:hover {
  background-color: #333;
}

.video-trays .tab-videos span {
  color: #ffd204;
}

.video-trays .tab-videos-toggle-tray {
  float: right;
  margin-right: 0;
}

.video-trays.is-active {
  margin-top: 0;
}

.video-trays.is-active .toggle-tray {
  background-color: #333;
}

.js .page-featured-videos .video-carousel {
  display: none;
}

.video-carousel .flex-direction-nav a {
  background-color: #ffd204;
  text-align: center;
  top: 35%;
  height: 82px;
  width: 40px;
  padding: 7px 5px 10px;
}

.video-carousel .flex-direction-nav a:before {
  line-height: 1.8;
}

.video-carousel .flex-direction-nav a:hover {
  background-color: #d0ab00;
}

.video-carousel .flex-prev,
.video-carousel:hover .flex-prev {
  opacity: 1;
  left: -40px;
}

.video-carousel .flex-next,
.video-carousel:hover .flex-next {
  opacity: 1;
  right: -40px;
}

@media only screen and (min-width: 62.5em) {
  .page-channel-video.page-channel .main-content {
    padding-top: 1.25rem;
  }
}

@media only screen and (min-width: 31.25em) {
  .page-channel-video .channel-name {
    margin-bottom: 0;
    margin-top: 15px;
  }
}

.page-channel-video .fitvid {
  padding-top: 0;
}

.page-channel-video .hdr {
  overflow: hidden;
  float: none;
  width: auto;
}

@media only screen and (min-width: 25em) {
  .page-channel-video .hdr {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 59.375em) {
  .page-channel-video .hdr {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 59.375em) {
  .page-channel-video .hdr {
    background-color: #f4f4f5;
    padding-top: 1.25rem;
    padding-bottom: 2.5rem;
    margin-bottom: 1.25rem;
  }
}

.page-channel-video .hdr .subtitle {
  line-height: 1.35;
  font-size: 18px;
  font-family: Georgia, serif;
  font-style: normal;
  margin-bottom: 1.875rem;
}

@media only screen and (min-width: 59.375em) {
  .page-channel-video .hdr .subtitle {
    margin-bottom: 0;
  }
}

.page-channel-video .hdr .subtitle p {
  margin: 0;
}

.page-channel-video .hdr .subtitle a {
  color: inherit;
  box-shadow: inset 0 -4px 0 -1px #ffd204;
  -webkit-transition: box-shadow .15s ease-in-out;
  transition: box-shadow .15s ease-in-out;
}

.page-channel-video .hdr .subtitle a:hover {
  box-shadow: inset 0 -23px 0 -1px #ffd204;
}

@media only screen and (min-width: 59.375em) {
  .page-channel-video .hdr .unify {
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 61.9403%;
    padding: 20px 20px 0;
  }
  .page-channel-video .hdr .unify:last-child {
    margin-right: 0;
  }
}

.page-channel-video .hdr .ad-block-300x250 {
  border-bottom: none;
}

@media only screen and (min-width: 59.375em) {
  .page-channel-video .hdr .ad-block-300x250 {
    border-left: 1px solid #D3D6D9;
    margin: 30px 0px 0px 0px;
    padding: 30px 16px 30px 30px;
    float: left;
    display: block;
    margin-right: 1.49254%;
    width: 36.56716%;
    margin-right: 0;
  }
  .page-channel-video .hdr .ad-block-300x250:last-child {
    margin-right: 0;
  }
}

.page-channel-video .hdr .social {
  margin-bottom: 1.33333em;
  padding-top: 0.66667em;
  border-left: none;
}

@media only screen and (min-width: 59.375em) {
  .page-channel-video .hdr .social {
    text-align: left;
  }
}

.page-channel-video .hdr .social .st-share-count {
  display: none;
  text-align: center;
}

.video.fitvid > div {
  position: absolute;
}

.fitvid .fluid-width-video-wrapper {
  position: static;
}

.page-channel-video .channel-name {
  clear: both;
}

.youtube-embed-video-node {
  width: 100%;
  height: 100%;
}

.video__hero {
  clear: both;
  margin-bottom: 1.25rem;
}

/*
 * Native Video
 */
.video--native .sponsor-wrap {
  position: absolute;
  right: 0;
}

/**
 * Oversized hero video backgrounds
 */
.bg-vid {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * Video Symbol Overlays
 */
.icon-play,
.icon-play-overlay {
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  overflow: hidden;
  z-index: 10;
  margin-left: -35px;
  margin-top: -35px;
  font-size: 70px;
  opacity: 0.8;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.icon-play:hover,
.icon-play-overlay:hover {
  background-color: transparent;
  text-decoration: none;
}

/**
 * Video Player Icons
 */
.video-play_black {
  width: 18px;
  height: 18px;
  position: relative;
  top: 2px;
  background-image: url(/sites/all/themes/outside/images/icons/play_black.svg);
}

.video-play-overlay:after {
  background: url(/sites/all/themes/outside/images/icons/play_white.svg);
}

.has-video-overlay--abs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

/**
 * Transcripts
 */
.transcript__inner {
  border-bottom: 1px solid #E2E2E3;
  margin-bottom: 30px;
  padding: 10px 0 30px;
}

.transcript__header {
  text-align: center;
}

.transcript__heading {
  margin-bottom: 0;
}

.transcript__body {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.transcript__body p {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 1.75;
  font-size: 16px;
}

.clip__toggler {
  margin: -20px auto 0;
  text-align: center;
  position: relative;
  z-index: 10;
}

.clip {
  height: 100px;
  overflow: hidden;
  position: relative;
}

.clip:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(transparent, #fff);
  background: linear-gradient(transparent, #fff);
}

.clip-wrap .clip-opened {
  display: none;
}

.clip-wrap.is-active .clip__toggler {
  margin-top: 20px;
}

.clip-wrap.is-active .clip-opened {
  display: inline-block;
}

.clip-wrap.is-active .clip-closed {
  display: none;
}

.clip-wrap.is-active .clip {
  height: auto;
}

.clip-wrap.is-active .clip:after {
  display: none;
}

/**
 * JW Styles
 */
.article__longform .jwplayer .jw-dock {
  display: none;
}

.jwplayer .jw-flag-fullscreen {
  z-index: 8000050;
}

.jwplayer .jw-controls-right,
.jwplayer .jw-nextup-container,
.jwplayer .jw-controlbar {
  opacity: 0;
  @inlcude trans;
}

.jwplayer .jw-controlbar {
  z-index: -1;
  padding: 0 10px 0 3px;
}

@media only screen and (min-width: 31.25em) {
  .jwplayer .jw-controlbar {
    bottom: -7px;
  }
}

.jwplayer:not(.jw-flag-user-inactive):not(.jw-state-idle) .jw-controls-right,
.jwplayer:not(.jw-flag-user-inactive):not(.jw-state-idle) .jw-nextup-container,
.jwplayer:not(.jw-flag-user-inactive):not(.jw-state-idle) .jw-controlbar, .jwplayer.jw-state-playing .jw-controls-right,
.jwplayer.jw-state-playing .jw-nextup-container,
.jwplayer.jw-state-playing .jw-controlbar, .jwplayer.jw-state-buffering .jw-controls-right,
.jwplayer.jw-state-buffering .jw-nextup-container,
.jwplayer.jw-state-buffering .jw-controlbar {
  opacity: 1;
  z-index: 50;
}

.jwplayer .jw-icon {
  font-family: 'JW Icons';
}

.jwplayer .jw-icon-rewind,
.jwplayer .jw-icon-next,
.jwplayer.jw-flag-cast-available div.jw-icon-cast,
.jwplayer .jw-related-dock-btn {
  display: none;
}

.jwplayer .jw-controls:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 150px;
  height: 9.375rem;
  background-color: transparent;
  background-image: -webkit-linear-gradient(transparent, black);
  background-image: linear-gradient(transparent, black);
  background-color: transparent;
}

.jwplayer .jw-background-color {
  background-color: transparent;
}

.jwplayer .jw-icon-playback {
  padding: 0;
  min-width: 70px;
  font-size: 35px;
}

.jwplayer .jw-progress {
  background-color: #ffd204;
}

.jwplayer .jw-controlbar-right-group .jw-icon {
  font-size: 20px;
  min-width: 40px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.jwplayer .jw-controlbar-right-group .jw-icon-hd {
  font-size: 17px;
  text-align: right;
}

.jwplayer .jw-controlbar-right-group .jw-menu {
  background-color: #ffd204;
  padding: 3px;
  position: relative;
}

.jwplayer .jw-controlbar-right-group .jw-menu:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: calc(50% - 6px);
  height: 12px;
  width: 12px;
  background-color: #ffd204;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 0;
}

.jwplayer .jw-controlbar-right-group .jw-option {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}

.jwplayer .jw-controlbar-right-group .jw-option:last-child {
  margin-bottom: 0;
}

.jwplayer .jw-controlbar-right-group .jw-option:hover,
.jwplayer .jw-controlbar-right-group .jw-active-option {
  background-color: red;
  color: #fff;
}

.jwplayer .jw-button-color:focus,
.jwplayer :not(.jw-flag-touch) .jw-button-color:hover {
  color: #ffd204;
}

.jwplayer .jw-icon-volume.jw-off {
  position: relative;
}

.jwplayer .jw-icon-volume.jw-off:after {
  content: "";
  background-color: red;
  height: 2px;
  width: 34px;
  position: absolute;
  left: 6px;
  top: calc(50% - 1px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.jwplayer .jw-knob,
.jwplayer.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-knob {
  background-color: red;
}

.jwplayer .jw-controlbar-center-group .jw-time-tip {
  background-color: #ffd204;
  position: relative;
  left: calc(-50% - 12px);
}

.jwplayer .jw-controlbar-center-group .jw-time-tip:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: calc(50% - 6px);
  height: 12px;
  width: 12px;
  background-color: #ffd204;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 0;
}

.jwplayer .jw-controlbar-center-group .jw-time-tip .jw-text {
  font-weight: bold;
  color: #000;
  padding-top: 4px;
  display: block;
  position: relative;
  z-index: 10;
}

.jwplayer .jw-controlbar-center-group .jw-slider-horizontal {
  height: 6px;
}

.jwplayer .jw-controlbar-center-group .jw-buffer,
.jwplayer .jw-controlbar-center-group .jw-progress,
.jwplayer .jw-controlbar-center-group .jw-rail {
  height: 6px;
}

.jwplayer .jw-controlbar-center-group .jw-knob {
  width: 3px;
  height: 15px;
  top: 0;
  margin-left: 0;
  border-radius: none;
}

.jwplayer .jw-slider-vertical {
  padding-bottom: 0;
}

.jwplayer .jw-slider-vertical .jw-progress,
.jwplayer .jw-slider-vertical .jw-slider-container,
.jwplayer .jw-slider-vertical .jw-rail {
  width: 4px;
}

.jwplayer .jw-slider-vertical .jw-progress {
  background-color: #ffd204;
}

.jwplayer .jw-slider-vertical .jw-knob {
  background-color: red;
  left: -4px;
  opacity: 1;
}

.jwplayer .jw-display-controls .jw-display-icon-container .jw-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

@media only screen and (min-width: 59.375em) {
  .jwplayer .jw-display-controls .jw-display-icon-container .jw-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
}

.jwplayer .jw-display-controls .jw-display-icon-container .jw-icon-display:before {
  font-size: 50px;
}

@media only screen and (min-width: 59.375em) {
  .jwplayer .jw-display-controls .jw-display-icon-container .jw-icon-display:before {
    font-size: 100px;
  }
}

.jwplayer .jw-sharing-dock-btn .jw-dock-image {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><title>Share Icon</title><path d="M43.41,15c-.06-.06-.09-.12-.15-.15L30,3c-.63-.53-1.1-.33-1.1.5V8.3a1.47,1.47,0,0,1-1.45,1.48H23.29A40.12,40.12,0,0,0,12.81,11,16.39,16.39,0,0,0,3,17.29,17.66,17.66,0,0,0,.34,26.4C0,31.66,2.12,36.25,4.26,40.82l0,0c.06.06.12.09.18.15a.11.11,0,0,0,.09,0,.11.11,0,0,0,.09,0s0,0,.06,0a.9.9,0,0,0,.68,0l.06,0a1.16,1.16,0,0,0,.2-.33l.18-.56v0c.06-2.37-.15-4.75.06-7.09a13.38,13.38,0,0,1,.24-1.51l0-.15.06-.3a.35.35,0,0,0,0-.15,2.83,2.83,0,0,0,.09-.3s.12-.36.24-.77l.15-.36a9.73,9.73,0,0,1,2.67-3.8A12.31,12.31,0,0,1,15.56,23a76.6,76.6,0,0,1,13-.56h.09c.12,0,.2.68.2,1.48V28c0,.83.5,1,1.1.5L43.26,16.79a1.28,1.28,0,0,0,.16-1.8Z" fill="#cecece"/></svg>');
  background-size: 20px;
}

.jwplayer .jw-state-idle .jw-display-icon-container .jw-icon.jw-icon-display:before, .jwplayer .jw-state-paused .jw-display-icon-container .jw-icon.jw-icon-display:before {
  left: 0;
}

.jwplayer .jw-related-close {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.71 25.71"><title>close</title><polygon points="25.71 1.35 24.36 0 12.85 11.51 1.35 0 0 1.35 11.52 12.85 0 24.36 1.35 25.71 12.85 14.19 24.36 25.71 25.71 24.36 14.19 12.85 25.71 1.35" fill="#cecece"/></svg>');
  background-size: 20px;
}

.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) div.jw-display-icon-container:hover,
.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) div.jw-media:hover ~ .jw-controls .jw-display-icon-display {
  background-color: transparent;
}

.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) div.jw-display-icon-container:hover .jw-icon,
.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) div.jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #ffd204;
}

.jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-plugin-related-open, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-plugin-related-open {
  z-index: 10;
}

@media only screen and (min-width: 31.25em) {
  .jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-display, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-display {
    position: absolute;
    bottom: 10px;
    left: 10px;
    height: 60px;
    width: 60px;
    padding: 0;
    z-index: 5;
  }
}

@media only screen and (min-width: 59.375em) {
  .jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-display, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-display {
    bottom: 30px;
    left: 30px;
    height: 100px;
    width: 100px;
  }
}

.jwplayer.jw-state-idle:not(.jw-state-buffering) div.jw-title, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) div.jw-title {
  position: absolute;
  left: 0;
  bottom: 12px;
  height: auto;
  top: auto;
  width: 100%;
  padding: 0 15px !important;
  background: transparent;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  white-space: normal;
  z-index: 1;
}

@media only screen and (min-width: 31.25em) {
  .jwplayer.jw-state-idle:not(.jw-state-buffering) div.jw-title, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) div.jw-title {
    padding: 0 20px 0 80px !important;
    bottom: 17px;
  }
}

@media only screen and (min-width: 59.375em) {
  .jwplayer.jw-state-idle:not(.jw-state-buffering) div.jw-title, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) div.jw-title {
    padding: 0 50px 0 170px !important;
    bottom: 50px;
  }
}

.jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-category,
.jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-duration, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-category,
.jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-duration {
  text-transform: uppercase;
  color: #AAB1B7;
  margin-bottom: 6px;
  font-size: 12px;
}

@media only screen and (min-width: 59.375em) {
  .jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-category,
  .jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-duration, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-category,
  .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-duration {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

.jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-category, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-category {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}

.jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-category:after, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-category:after {
  content: "";
  border-right: 1px solid #D3D6D9;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
  width: 1px;
  position: absolute;
  right: -10px;
  bottom: 0;
}

.jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-duration, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-duration {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-primary, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-primary {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  padding: 0;
  min-height: 0;
  display: block;
  font-family: "Guardian Egyptian Web", Georgia, serif;
  font-size: 20px;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1.2;
}

@media only screen and (min-width: 0) and (max-width: 31.25em) {
  .jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-primary, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-primary {
    white-space: normal;
    text-overflow: initial;
  }
}

@media only screen and (min-width: 59.375em) {
  .jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-primary, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-primary {
    font-size: 32px;
  }
}

.jwplayer.jw-state-idle:not(.jw-state-buffering) .jw-title-secondary, .jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player) .jw-title-secondary {
  display: none;
}

.jwplayer.jw-flag-ads .jw-controlbar {
  bottom: 0;
}

.jwplayer.jw-flag-ads .jw-icon-playback {
  line-height: 0;
  height: 28px;
  min-width: 58px;
}

.jwplayer.jw-flag-ads .jw-text-alt {
  position: relative;
  top: -13px;
}

.jwplayer.jw-flag-ads .jw-controls {
  height: 37px;
  bottom: 0;
  top: auto;
  overflow: visible;
}

.jwplayer.jw-flag-ads .jw-controlbar-right-group {
  vertical-align: bottom;
  padding-bottom: 6px;
}

.jwplayer.jw-flag-ads .jw-controlbar-right-group .jw-icon-inline {
  height: 26px;
  vertical-align: middle;
  line-height: 1.3;
}

.jwplayer.jw-state-paused.jw-flag-user-inactive .jw-controls:before, .jwplayer.jw-flag-user-inactive:not(.jw-state-idle) .jw-controls:before, .jwplayer.jw-flag-ads .jw-controls:before, .jwplayer.jw-state-complete .jw-controls:before {
  display: none;
}

/*------------------------------------*    $BIO
\*------------------------------------*/
/**
 * Ambassadors
 */
.node-type-bio .footer {
  z-index: 100;
  position: relative;
}

.ambassador {
  /**
   * Header Hero
   */
  /**
   * Bubbles
   */
  /**
   * The Latest
   */
  /**
   * Curated Content
   */
  /**
   * About
   */
  /**
   * Archive
   */
}

.ambassador__nav {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 30;
  padding: 10px;
}

.ambassador__nav a {
  font-size: 11px;
  padding: 7px 4px;
  font-weight: bold;
}

@media only screen and (min-width: 21.25em) {
  .ambassador__nav a {
    font-size: 12px;
  }
}

@media only screen and (min-width: 37.5em) {
  .ambassador__nav a {
    font-size: 14px;
    padding: 10px;
  }
}

.ambassador__header {
  position: relative;
}

.ambassador__header:after {
  content: '';
  position: absolute;
  left: -1%;
  bottom: -75px;
  width: 102%;
  height: 150px;
  -webkit-transform: skewY(6deg);
          transform: skewY(6deg);
  background-color: #ececed;
  z-index: 20;
}

@media only screen and (min-width: 1400px) {
  .ambassador__header:after {
    height: 200px;
    bottom: -130px;
    -webkit-transform: skewY(5deg);
            transform: skewY(5deg);
  }
}

@media only screen and (min-width: 1600px) {
  .ambassador__header:after {
    -webkit-transform: skewY(4deg);
            transform: skewY(4deg);
  }
}

.ambassador__header-video {
  display: none;
}

.ambassador__header-video:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  height: 450px;
  height: 28.125rem;
  background-color: rgba(55, 45, 0, 0.6);
  background-image: -webkit-linear-gradient(rgba(55, 45, 0, 0.6), transparent);
  background-image: linear-gradient(rgba(55, 45, 0, 0.6), transparent);
  background-color: transparent;
}

.ambassador__header-video:before {
  z-index: 25;
}

.ambassador__header-video video {
  width: 100%;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__header-video {
    display: block;
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__header-img--with-video {
    display: none;
  }
}

.ambassador__header-img img {
  width: 100%;
}

.ambassador__logo--sq {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 31.25em) {
  .ambassador__logo--sq {
    display: none;
  }
}

.ambassador__logo--horiz {
  display: none;
}

@media only screen and (min-width: 31.25em) {
  .ambassador__logo--horiz {
    display: block;
  }
}

.ambassador__header-text {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 40%;
  width: 80%;
  max-width: 370px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 25;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__header-dek {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.ambassador__arrow {
  display: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media only screen and (min-width: 68.75em) {
  .ambassador__arrow {
    display: block;
  }
}

.ambassador__bubbles-wrap {
  margin-top: -110px;
  margin-left: -10px;
  padding-bottom: 50px;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__bubbles-wrap {
    margin: -150px auto 0;
    padding-left: 50px;
    padding-bottom: 20px;
  }
}

.ambassador__bubbles {
  z-index: 30;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ambassador__bubble {
  width: 123px;
  height: 123px;
  border: 2px solid #ececed;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.ambassador__bubble:hover {
  -webkit-transform: translateY(-10px) scale(1.03);
          transform: translateY(-10px) scale(1.03);
}

.ambassador__bubble:hover .ambassador__bubble-arrow {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
  color: #fff;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__bubble {
    width: 160px;
    height: 160px;
    border-width: 3px;
  }
}

.ambassador__bubble:first-child {
  margin-top: -40px;
  margin-right: -5px;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__bubble:first-child {
    margin-right: 10px;
    margin-top: -20px;
  }
}

.ambassador__bubble .image-overlay--yellow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ambassador__bubble-text {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 20;
  bottom: 0;
  left: 0;
  padding: 20px 15px;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__bubble-text {
    padding: 20px 25px;
  }
}

.ambassador__bubble-eyebrow {
  margin-bottom: 8px;
}

.ambassador__bubble-title {
  letter-spacing: 1px;
}

.ambassador__bubble-arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 20px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.ambassador__content {
  position: relative;
  z-index: 50;
}

.ambassador__section-heading {
  opacity: .2;
  color: #ffd204;
  margin: -6px 0 -6px -5px;
}

@media only screen and (min-width: 50em) {
  .ambassador__section-heading {
    margin-bottom: -20px;
    text-align: center;
  }
}

.ambassador__box {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}

.ambassador__sponsor-ad-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  position: absolute;
  right: 20px;
  bottom: -50px;
  z-index: 100;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .ambassador__sponsor-ad-block {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 95px;
    height: 50px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    text-align: right;
    bottom: 10px;
    right: 10px;
  }
}

@media only screen and (min-width: 81.25em) {
  .ambassador__sponsor-ad-block {
    right: 0;
  }
}

.ambassador__sponsor-ad-label {
  margin-right: 6px;
  font-size: 11px;
}

@media only screen and (min-width: 0) and (max-width: 50em) {
  .ambassador__sponsor-ad-label {
    margin-right: 0;
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ambassador__top .ambassador__promoted {
    margin-right: 60px;
  }
  .ambassador__top .ambassador__tweet {
    width: 340px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

.ambassador__promoted {
  padding: 10px 20px 50px;
  margin-bottom: 30px;
  overflow: hidden;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__promoted {
    padding: 0 40px 30px;
    margin-bottom: 0;
  }
}

.ambassador__promoted-inner {
  padding-top: 35px;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__promoted-inner {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 50em) {
  .ambassador__promoted-inner {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 68.75em) {
  .ambassador__promoted-inner {
    padding-top: 100px;
  }
}

.ambassador__promoted-heading {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  text-align: left;
}

.ambassador__tweet {
  padding: 50px;
  margin: 0 20px 30px;
}

.ambassador__tweet blockquote {
  margin: 0;
  font-style: normal;
  border: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 10;
}

.ambassador__tweet blockquote a {
  color: #000;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__tweet {
    margin: 100px 0 0;
  }
}

@media only screen and (min-width: 68.75em) {
  .ambassador__tweet {
    padding: 65px 50px;
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__tweet--no-promo {
    position: absolute;
    right: 20px;
    top: -300px;
    z-index: 100;
  }
}

.ambassador__tweet-date {
  position: absolute;
  right: 20px;
  top: 20px;
}

.ambassador__twitter-bird {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 40%;
  height: 40%;
  max-width: 130px;
}

.ambassador__twitter-bird .svg-fill {
  opacity: .2;
  fill: #ffd204;
}

.ambassador__latest {
  padding-top: 20px;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__latest {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
  }
}

.ambassador__latest-heading {
  text-align: center;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__latest-heading {
    margin-left: -20%;
  }
}

@media only screen and (min-width: 0) and (max-width: 37.5em) {
  .touch .ambassador .ambassador__latest-content {
    overflow-x: scroll;
    white-space: nowrap;
    padding: 0 20px;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-type: mandatory;
        -ms-scroll-snap-type: mandatory;
            scroll-snap-type: mandatory;
    scroll-snap-align: start;
    -webkit-scroll-snap-destination: 0% 100%;
        -ms-scroll-snap-destination: 0% 100%;
            scroll-snap-destination: 0% 100%;
    -webkit-scroll-snap-points-x: repeat(calc(90% + 10px));
        -ms-scroll-snap-points-x: repeat(calc(90% + 10px));
            scroll-snap-points-x: repeat(calc(90% + 10px));
  }
}

@media only screen and (min-width: 0) and (max-width: 37.5em) {
  .touch .ambassador .ambassador__latest-item {
    min-width: 90%;
    margin-right: 10px;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media only screen and (min-width: 0) and (max-width: 37.5em) {
  .touch .ambassador .ambassador__latest-item--6:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: auto;
    position: relative;
    right: -10px;
  }
}

.no-touch .ambassador .ambassador__latest-content {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 20px;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media only screen and (min-width: 56.25em) {
  .no-touch .ambassador .ambassador__latest-content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 37.5em) {
  .no-touch .ambassador .ambassador__latest-item {
    margin-bottom: 20px;
  }
}

.ambassador__latest-content {
  position: relative;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__latest-content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-thumb-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.ambassador__block-thumb-image {
  min-height: 250px;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-thumb-image {
    width: 45%;
  }
}

.ambassador__block-thumb-text {
  padding: 20px 30px;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-thumb-text {
    padding-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ambassador__block-thumb-text .ambassador__block-thumb-date {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  .ambassador__block-thumb-text .ambassador__block-thumb-group {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-thumb-text {
    width: 55%;
  }
}

.ambassador__block-inset {
  width: 100%;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-inset .video-play-overlay {
    top: calc(50% - 30px);
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-inset .ambassador__block-inset-title,
  .ambassador__block-inset .ambassador__block-inset-date,
  .ambassador__block-inset .ambassador__more-link {
    color: #fff;
  }
}

.ambassador__block-inset-link {
  overflow: hidden;
}

.ambassador__block-inset-link:hover .ambassador__block-inset-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.ambassador__block-inset-link:hover .ambassador__block-inset-group {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}

.ambassador__block-inset-image {
  min-height: 250px;
  -webkit-transition: -webkit-transform .5s ease-in-out;
  transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-inset-image {
    min-height: 350px;
  }
}

@media only screen and (min-width: 68.75em) {
  .ambassador__block-inset-image {
    min-height: 400px;
  }
}

.ambassador__block-inset-text {
  padding: 20px 30px;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-inset-text {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 20;
    padding-bottom: 30px;
  }
}

.ambassador__block-inset-group {
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-inset-group {
    max-width: 90%;
    position: absolute;
    padding: 20px 30px 30px;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__block-inset-dek {
    display: none;
  }
}

.ambassador__block-heading {
  padding: 20px 20px 40px 40px;
}

.ambassador__block-heading-group {
  padding-right: 20px;
}

.ambassador__latest-item {
  background-color: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
  white-space: normal;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

.ambassador__latest-item > a {
  min-height: 350px;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__latest-item {
    width: 48%;
    margin-bottom: 20px;
  }
}

.ambassador__latest-item--ad {
  background-color: transparent;
}

@media only screen and (min-width: 0) and (max-width: 56.25em) {
  .ambassador__latest-item--ad {
    box-shadow: none;
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__latest-item--ad {
    margin-top: 0;
    width: 300px;
  }
}

.ambassador__latest-item--7 {
  display: none;
}

@media only screen and (min-width: 56.25em) {
  .ambassador__latest-item--1, .ambassador__latest-item--3, .ambassador__latest-item--4, .ambassador__latest-item--5, .ambassador__latest-item--6 {
    width: 100%;
  }
  .ambassador__latest-item--1 {
    z-index: 5;
    margin-right: 400px;
  }
  .ambassador__latest-item--2 {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
  }
  .ambassador__latest-item--3 {
    margin-left: 430px;
    margin-top: -60px;
    z-index: 15;
  }
  .ambassador__latest-item--4 {
    max-width: 450px;
    margin-top: -240px;
    z-index: 20;
  }
  .ambassador__latest-item--5 {
    margin-left: 430px;
    margin-top: -110px;
    z-index: 25;
  }
  .ambassador__latest-item--6 {
    margin-left: 350px;
    margin-top: -25px;
    z-index: 25;
    max-width: 700px;
  }
  .ambassador__latest-item--7 {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.ambassador .ad-block-300x250--mobile {
  padding-top: 5px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 56.25em) {
  .ambassador .ad-block-300x250--mobile {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 56.25em) {
  .ambassador .ad-block-300x250 {
    display: none;
  }
}

.ambassador__curated {
  position: relative;
}

@media only screen and (min-width: 31.25em) {
  .ambassador__curated {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 43.75em) {
  .ambassador__curated {
    padding: 60px 30px 30px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 68.75em) {
  .ambassador__curated {
    padding-top: 90px;
  }
}

.ambassador__curated-heading {
  text-align: center;
  margin-bottom: -35px;
}

@media only screen and (min-width: 31.25em) {
  .ambassador__curated-heading {
    margin-bottom: -30px;
  }
}

@media only screen and (min-width: 43.75em) {
  .ambassador__curated-heading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
  }
}

@media only screen and (min-width: 31.25em) and (max-width: 43.75em) {
  .ambassador__curated-title {
    font-size: 20px;
    line-height: 1.2;
  }
}

.ambassador__curated-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 900px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (min-width: 31.25em) {
  .ambassador__curated-content {
    left: -1.5%;
  }
}

@media only screen and (min-width: 43.75em) {
  .ambassador__curated-content {
    margin-bottom: 80px;
  }
}

.ambassador__curated-item {
  position: relative;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.ambassador__curated-item .lazy {
  width: 100%;
  height: 100%;
}

.ambassador__curated-item:first-child {
  top: 30px;
}

@media only screen and (min-width: 31.25em) and (max-width: 43.75em) {
  .ambassador__curated-item:first-child {
    right: -15px;
  }
}

@media only screen and (min-width: 43.75em) {
  .ambassador__curated-item:first-child {
    top: 100px;
  }
}

.ambassador__curated-item:nth-child(2) {
  top: 15px;
}

@media only screen and (min-width: 31.25em) {
  .ambassador__curated-item:nth-child(2) {
    top: 25px;
  }
}

@media only screen and (min-width: 43.75em) {
  .ambassador__curated-item:nth-child(2) {
    top: 60px;
  }
}

@media only screen and (min-width: 31.25em) and (max-width: 43.75em) {
  .ambassador__curated-item:nth-child(3) {
    top: -15px;
  }
}

@media only screen and (min-width: 56.25em) {
  .ambassador__curated-item:hover {
    z-index: 50;
    -webkit-transform: translateY(-10px) scale(1.03);
            transform: translateY(-10px) scale(1.03);
  }
  .ambassador__curated-item:hover .text-arrow {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

@media only screen and (min-width: 31.25em) {
  .ambassador__curated-item {
    width: 50%;
  }
}

@media only screen and (min-width: 43.75em) {
  .ambassador__curated-item {
    width: 36%;
    max-width: 350px;
    margin-right: -3%;
  }
}

.ambassador__curated-link {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}

.ambassador__curated-text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 50;
  padding: 20px 35px;
}

.ambassador__curated-text .text-arrow {
  font-size: 45px;
  line-height: .6;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

@media only screen and (min-width: 31.25em) and (max-width: 43.75em) {
  .ambassador__curated-text .text-arrow {
    font-size: 35px;
  }
}

.ambassador .ad-block-billboard {
  margin-bottom: 0;
  padding: 30px 0;
}

.ambassador__about-wrap {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 105px;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__about-wrap {
    padding-top: 140px;
  }
}

@media only screen and (min-width: 50em) {
  .ambassador__about-wrap {
    padding-top: 150px;
  }
}

@media only screen and (min-width: 68.75em) {
  .ambassador__about-wrap {
    padding-top: 180px;
  }
}

.ambassador__about {
  margin: 0 auto;
  max-width: 960px;
  position: relative;
}

.ambassador__about:before {
  content: '';
  position: absolute;
  left: 0;
  top: -58px;
  height: 150px;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  box-shadow: -2px 2px 6px -5px rgba(0, 0, 0, 0.1);
  -webkit-transform: skewY(6deg);
          transform: skewY(6deg);
}

.ambassador__about-heading {
  position: absolute;
  left: 0;
  width: 100%;
  top: -105px;
  text-align: center;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__about-heading {
    top: -140px;
  }
}

@media only screen and (min-width: 50em) {
  .ambassador__about-heading {
    top: -150px;
  }
}

@media only screen and (min-width: 68.75em) {
  .ambassador__about-heading {
    top: -180px;
  }
}

.ambassador__about-inner {
  position: relative;
  z-index: 20;
  padding: 0 25px 25px;
}

.ambassador__about-inner:before {
  content: '';
  position: absolute;
  left: 0;
  top: -5px;
  height: 10px;
  width: 100%;
  z-index: 10;
  background-color: #fff;
}

@media only screen and (min-width: 43.75em) {
  .ambassador__about-inner {
    padding: 10px 100px 60px;
  }
}

@media only screen and (min-width: 37.5em) {
  .ambassador__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.ambassador__social .share-button__link {
  padding: 9px;
  width: 40px;
  height: 40px;
  overflow: visible;
  position: relative;
  z-index: 10;
}

.ambassador__social-link-wrap {
  display: inline-block;
}

.ambassador__social-link-wrap:not(:last-child) {
  margin-right: 3%;
}

@media only screen and (min-width: 25em) {
  .ambassador__social-link-wrap:not(:last-child) {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 37.5em) {
  .ambassador__social-link-wrap:not(:last-child) {
    margin-right: 40px;
  }
}

.ambassador__social-title {
  padding-top: 10px;
  margin-bottom: 25px;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__social-title {
    margin: 0 40px 0 0;
    padding-top: 0;
  }
}

.ambassador__social-count {
  position: absolute;
  z-index: 0;
  right: 0;
  width: 100%;
  text-align: center;
  top: -18px;
  opacity: .5;
}

@media only screen and (min-width: 37.5em) {
  .ambassador__social-count {
    right: -12px;
  }
}

.ambassador__archive {
  margin-bottom: -210px;
  padding-top: 50px;
}

.ambassador__archive #views_infinite_scroll-ajax-loader:before,
.ambassador__archive #views_infinite_scroll-ajax-loader:after,
.ambassador__archive #views_infinite_scroll-ajax-loader {
  -webkit-animation-name: loading-dots--light;
          animation-name: loading-dots--light;
  z-index: 100;
  margin-bottom: 210px;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
}

.ambassador__archive-heading {
  z-index: 20;
  margin-bottom: -5px;
  text-align: center;
}

.ambassador__archive-inner {
  -webkit-transform: skewY(-6deg);
          transform: skewY(-6deg);
  background-attachment: fixed;
  z-index: 20;
  overflow: hidden;
}

.ambassador__archive-inner:after, .ambassador__archive-inner:before {
  content: '';
  position: absolute;
  left: 0;
  top: -10%;
  bottom: -10%;
  width: 100%;
  height: 120%;
  background-color: #000;
  z-index: 5;
}

@media only screen and (min-width: 50em) {
  .ambassador__archive-inner:after, .ambassador__archive-inner:before {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

.ambassador__archive-inner:before {
  z-index: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  -webkit-transform: skewY(6deg);
          transform: skewY(6deg);
}

.ambassador__archive-content {
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 20px;
  z-index: 10;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: skewY(6deg);
          transform: skewY(6deg);
}

.type--huge {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: .9;
}

@media only screen and (min-width: 37.5em) {
  .type--huge {
    font-size: 100px;
  }
}

@media only screen and (min-width: 50em) {
  .type--huge {
    font-size: 120px;
  }
}

@media only screen and (min-width: 68.75em) {
  .type--huge {
    font-size: 150px;
  }
}

/*------------------------------------*    $FOOTER
\*------------------------------------*/
.footer {
  color: #fff;
  text-align: center;
  padding-top: 40px;
}

.footer__graphic {
  width: 100%;
  height: 170px;
  background-repeat: repeat-x;
  background-position: 30% bottom;
  background-size: 800px 170px;
  background-image: url(/sites/all/themes/outside/images/mountains.svg);
  position: relative;
  z-index: 10;
}

.footer__wrap {
  padding: 0 20px 50px;
  background-color: #000;
  position: relative;
  z-index: 15;
  top: -5px;
}

.footer__inner {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.footer__logo {
  width: 80px;
  display: block;
  margin: 0 auto 20px;
}

.footer__logo--40 {
  width: 130px;
  margin-top: -10px;
  margin-bottom: 40px;
}

.footer__mission {
  font-family: "Guardian Egyptian Web", Georgia, serif;
  margin-bottom: 40px;
}

.footer__mission-heading {
  margin: 0 0 10px;
  font-size: 18px;
  color: #6d6e70;
  letter-spacing: 1px;
}

.footer__mission-text {
  margin-top: 0;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 1.7;
}

.footer__social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 280px;
  margin: 0 auto 40px;
}

@media only screen and (min-width: 50em) {
  .footer__social {
    max-width: 440px;
  }
}

.footer__social-item {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #6d6e70;
  padding: 10px;
}

.footer__social-item path,
.footer__social-item circle {
  fill: #6d6e70;
}

.footer__social-item:hover {
  border-color: #ffd204;
  background-color: transparent;
}

.footer__social-item:hover path,
.footer__social-item:hover circle {
  fill: #ffd204;
}

.footer__nav {
  margin-bottom: 30px;
}

.footer__nav-list {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
}

.footer__nav-item {
  display: inline-block;
}

.footer__nav-link, .footer__nav-link.active {
  display: inline-block;
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 15px;
  color: #AAB1B7;
  text-decoration: none;
  padding: 8px;
}

.footer__nav-link:hover, .footer__nav-link.active:hover {
  color: #ffd204;
  background-color: transparent;
}

.footer .copyright {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 14px;
  color: #6d6e70;
}

/*------------------------------------*    $THIRD PARTY
\*------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.white-popup-block {
  background: #FFF;
  padding: 20px 30px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/*------------------------------------*    $TRUMPS
\*------------------------------------*/
/*------------------------------------*    $HELPER/TRUMP CLASSES
\*------------------------------------*/
.clear,
.cb {
  clear: both;
}

.cl {
  clear: left;
}

/**
 * Alignment
 */
.right {
  float: right;
}

.left {
  float: left;
}

.align-right,
.align-left {
  display: block;
  margin-bottom: 0.93333em;
}

@media only screen and (min-width: 25em) {
  .align-right,
  .align-left {
    float: right;
    margin: 0.4em 0em 0.26667em 0.66667em;
  }
}

@media only screen and (min-width: 25em) {
  .align-left {
    float: left;
    margin: 0.4em 0.66667em 0.26667em 0em;
  }
}

.align-center {
  text-align: center;
}

.ta--left {
  text-align: left;
}

.ta--right {
  text-align: right;
}

.center {
  display: inline-block;
  vertical-align: middle;
}

/**
 * Positioning
 */
.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.fixed {
  position: fixed;
}

/**
 * Display Classes
 */
.dn,
.hide {
  display: none;
}

.dib {
  display: inline-block;
}

.dn {
  display: none;
}

.db {
  display: block;
}

.dt {
  display: table;
}

.dtc {
  display: table-cell;
}

@media only screen and (min-width: 0) and (max-width: 25em) {
  .hide-xsmall {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 37.5em) {
  .hide-small {
    display: none;
  }
}

@media only screen and (min-width: 37.5em) and (max-width: 59.375em) {
  .hide-med {
    display: none;
  }
}

@media only screen and (min-width: 59.375em) {
  .hide-large {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 59.375em) {
  .hide-until--large {
    display: none;
  }
}

/**
 * Color Classes
 */
.white {
  color: #fff;
}

.black {
  color: black;
}

.red {
  color: #9b1e25;
}

.yellow {
  color: #ffd204;
}

.gray {
  color: #D3D6D9;
}

.gray--dark {
  color: #AAB1B7;
}

.gray--light {
  color: #E2E2E3;
}

.blue {
  color: #2C4989;
}

.sponsor-blue {
  color: #08c;
}

.bg--white {
  background-color: #fff;
}

.bg--red {
  background-color: #9b1e25;
}

.bg--gray {
  background-color: #D3D6D9;
}

.bg--medium-gray {
  background-color: #AAB1B7;
}

.bg--medium-gray {
  background-color: #AAB1B7;
}

.bg--light-gray {
  background-color: #E2E2E3;
}

.bg--yellow {
  background-color: #ffd204;
}

.bg--orange {
  background-color: #E1472C;
}

.bg--none,
.bg--none:hover {
  background-color: transparent;
}

.site-bg--gray {
  background-color: #ececed;
}

/**
 * SVG Paths Fills
 */
.path-fill--white .svg-fill,
.path-fill--white svg {
  fill: #fff;
}

.path-fill--dark-gray {
  fill: #AAB1B7;
}

/**
 * Background Images
 */
.bg--cover {
  background-size: cover;
}

.bg--no-repeat {
  background-repeat: no-repeat;
}

.bg--center {
  background-position: center center;
}

/**
 * Alignment
 */
.va--top {
  vertical-align: top;
}

.va--ttop {
  vertical-align: text-top;
}

.va--btm {
  vertical-align: bottom;
}

.va--tbtm {
  vertical-align: text-bottom;
}

.va--middle {
  vertical-align: middle;
}

.va--sub {
  vertical-align: sub;
}

/**
 * Vertical align elements
 */
.vertical-align--container {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 0;
}

.vertical-align--outer {
  display: table;
  width: 100%;
  height: 100%;
}

.vertical-align--inner {
  display: table-cell;
  padding-left: 0.83333em;
  padding-right: 0.83333em;
  vertical-align: middle;
  text-align: center;
}

/**
 * Links specific styles
 */
.hover--white:hover {
  color: #fff;
}

.hover--red:hover {
  color: #9b1e25;
}

.link--white {
  color: #fff;
  text-decoration: none;
}

.link--white:hover {
  color: #ffd204;
  background-color: transparent;
}

.link--black {
  color: #000;
  text-decoration: none;
}

.link--black:hover {
  color: #9b1e25;
  background-color: transparent;
}

.link--gray {
  color: #000;
  text-decoration: none;
}

.link--gray:hover {
  color: #9b1e25;
  background-color: transparent;
}

.link--med-gray {
  color: #D3D6D9;
  text-decoration: none;
}

.link--med-gray:hover {
  color: #9b1e25;
  background-color: transparent;
}

.redlink, .user__login .error a,
.link--red {
  color: #9b1e25;
  text-decoration: none;
}

.redlink:hover, .user__login .error a:hover,
.link--red:hover {
  color: #000;
  background-color: transparent;
}

/**
 * Text Styles
 */
.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.caps {
  text-transform: capitalize;
}

.font--alt,
.font--secondary {
  font-family: "Guardian Egyptian Web", Georgia, serif;
}

.t-serif {
  font-family: Georgia, serif;
}

.font--sans,
.t-sans {
  font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
}

.td--none {
  text-decoration: none;
}

.ls--1 {
  letter-spacing: 1px;
}

.ls--2 {
  letter-spacing: 2px;
}

/**
 * Text Sizing
 */
.text--tiny {
  font-size: 0.5625rem;
}

.text--xs {
  font-size: 0.6875rem;
}

.text--s {
  font-size: 0.875rem;
}

.text--sm {
  font-size: 1rem;
}

.text--m {
  font-size: 1.125rem;
}

.text--ml {
  font-size: 1.25rem;
}

.text--l {
  font-size: 1.375rem;
}

.text--xl {
  font-size: 1.75rem;
}

.text--xxl {
  font-size: 2.1875rem;
}

.no-td {
  text-decoration: none;
}

/**
 * Spacing/Padding
 */
@media only screen and (min-width: 59.375em) {
  .page--pad {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 76.25em) {
  .page--pad {
    padding: 12px;
  }
}

.pad {
  padding: 0 6.34328% 0 6.34328%;
}

@media only screen and (min-width: 31.25em) {
  .pad {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 59.375em) {
  .pad {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 76.25em) {
  .pad {
    padding: 12px;
  }
}

.pad--all {
  padding: 1.25rem;
}

.pad--half {
  padding: 0.625rem;
}

.pad--left {
  padding-left: 1.25rem;
}

.pad--right {
  padding-right: 1.25rem;
}

.pad--btm {
  padding-bottom: 1.25rem;
}

.pad--top {
  padding-top: 1.25rem;
}

.pad-half--top {
  padding-top: 0.625rem;
}

.pad-and-half {
  padding: 1.875rem;
}

.pad-and-half--btm {
  padding-bottom: 1.875rem;
}

.pad-and-half--top {
  padding-top: 1.875rem;
}

.pad-double--btm {
  padding-bottom: 2.5rem;
}

.pad-double--top {
  padding-top: 2.5rem;
}

.pad-double {
  padding: 2.5rem;
}

.space {
  margin: 1.25rem;
}

.space--half {
  margin: 0.625rem;
}

.space--btm {
  margin-bottom: 1.25rem;
}

.space--top {
  margin-top: 1.25rem;
}

.space--right {
  margin-right: 1.25rem;
}

.space--left {
  margin-left: 1.25rem;
}

.space-half--right {
  margin-right: 0.625rem;
}

.space-half--left {
  margin-left: 0.625rem;
}

.space-half--btm {
  margin-bottom: 0.625rem;
}

.space-half--top {
  margin-top: 0.625rem;
}

.space-and-half--btm {
  margin-bottom: 1.875rem;
}

.space-and-half--top {
  margin-top: 1.875rem;
}

.space-double--btm {
  margin-bottom: 2.5rem;
}

.space-double--top {
  margin-top: 2.5rem;
}

/**
 * Remove spacing/padding
 */
.no-space {
  margin: 0;
}

.no-space--btm {
  margin-bottom: 0;
}

.no-space--top {
  margin-top: 0;
}

.no-space--right {
  margin-right: 0;
}

.no-space--left {
  margin-left: 0;
}

.no-pad {
  padding: 0;
}

.no-pad--right {
  padding-right: 0;
}

.no-pad--left {
  padding-left: 0;
}

.no-pad--btm {
  padding-bottom: 0;
}

.no-pad--top {
  padding-top: 0;
}

.no-space-p p {
  margin: 0;
  line-height: 1.4;
}

.spacing > * + * {
  margin-top: 1.5625rem;
}

@media only screen and (min-width: 59.375em) {
  .spacing > * + * {
    margin-top: 1.875rem;
  }
}

.spacing--quarter > * + * {
  margin-top: 0.46875rem;
}

.spacing--half > * + * {
  margin-top: 0.9375rem;
}

.spacing--one-and-half > * + * {
  margin-top: 2.8125rem;
}

.spacing--double > * + * {
  margin-top: 3.125rem;
}

@media only screen and (min-width: 59.375em) {
  .spacing--double > * + * {
    margin-top: 3.75rem;
  }
}

.spacing--triple > * + * {
  margin-top: 4.6875rem;
}

@media only screen and (min-width: 59.375em) {
  .spacing--triple > * + * {
    margin-top: 5.625rem;
  }
}

.spacing--quad > * + * {
  margin-top: 6.25rem;
}

@media only screen and (min-width: 59.375em) {
  .spacing--quad > * + * {
    margin-top: 7.5rem;
  }
}

/**
 * Fade in when sticky is applied.
 */
.sticky-fade {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.sticky-fade.sticky {
  opacity: 1;
}

/**
 * Bottom Gradient
 */
.has-gradient {
  position: relative;
}

.has-gradient:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 200px;
  height: 12.5rem;
  background-color: transparent;
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  background-color: transparent;
}

@media only screen and (min-width: 40.625em) {
  .has-gradient:before {
    height: 180px;
  }
}

@media only screen and (min-width: 62.5em) {
  .has-gradient:before {
    height: 250px;
  }
}

.has-gradient--white:before {
  display: block;
  content: "";
  width: 100%;
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 200px;
  height: 12.5rem;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
  background-color: transparent;
}

@media only screen and (min-width: 50em) {
  .has-gradient--white:before {
    height: 300px;
  }
}

/**
 * Yellow gradient image effect.
 */
.thumb-highlight,
.image-overlay,
.image-overlay--yellow {
  display: block;
  position: relative;
  z-index: 20;
}

.thumb-highlight:after,
.image-overlay:after,
.image-overlay--yellow:after {
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(188, 154, 0, 0.8) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(188, 154, 0, 0.8) 100%);
  position: absolute;
  z-index: 10;
}

.thumb-highlight--black:after,
.image-overlay--black:after,
.image-overlay--yellow--black:after {
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
}

.thumb-highlight--deep:after,
.image-overlay--deep:after,
.image-overlay--yellow--deep:after {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(188, 154, 0, 0.8) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(188, 154, 0, 0.8) 100%);
}

/**
 * Tooltip floating box.
 */
.tooltip {
  display: none;
  padding: 10px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -120%);
          transform: translate(-50%, -120%);
  margin-bottom: 20px;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.tooltip:after, .tooltip:before {
  content: '';
  position: absolute;
  left: 50%;
  background-color: #fff;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  bottom: -5px;
  height: 12px;
  width: 12px;
  z-index: 10;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.tooltip:before {
  z-index: 15;
  -webkit-transform: translateX(-50%) rotate(0deg);
          transform: translateX(-50%) rotate(0deg);
  background-color: #fff;
  box-shadow: none;
  bottom: 0;
  height: 10px;
  width: 20px;
}

.arrow {
  position: relative;
  background-color: #000;
  height: 2px;
  width: 80px;
  display: inline-block;
  vertical-align: middle;
}

.arrow:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  right: 1px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.arrow--small {
  height: 2px;
  width: 16px;
  margin-top: -3px;
}

.arrow--small:after {
  width: 4px;
  height: 4px;
  top: -2px;
}

.arrow--white {
  background-color: #fff;
}

.arrow--white:after {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

.arrow--up {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.arrow--left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/**
 * Rounded
 */
.rounded {
  overflow: hidden;
  border-radius: 100%;
}

/**
 * Flexbox
 */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.fb--100 {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.flex-end {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/**
 * Transition
 */
.trans {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.width--100p {
  width: 100%;
}

/**
 * Animations
 */
/**
 * Reveal animations
 */
.js [data-animation] {
  opacity: 0;
}

.fade-up {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-animation: fade-up 1.4s cubic-bezier(0.885, -0.065, 0.085, 1.02) forwards;
          animation: fade-up 1.4s cubic-bezier(0.885, -0.065, 0.085, 1.02) forwards;
}

@-webkit-keyframes fade-up {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-up {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.has-odd-animation .fade-up:nth-child(even) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.has-delay-animation .fade-up:nth-child(1) {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.has-delay-animation .fade-up:nth-child(2) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.has-delay-animation .fade-up:nth-child(3) {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

.has-delay-animation .fade-up:nth-child(4) {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}

.has-delay-animation .fade-up:nth-child(5) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

.has-delay-animation .fade-up:nth-child(6) {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}

.has-delay-animation .fade-up:nth-child(7) {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}

.has-delay-animation .fade-up:nth-child(8) {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}

.has-delay-animation .fade-up:nth-child(9) {
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}

.has-delay-animation .fade-up:nth-child(10) {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}

.has-delay-animation .fade-up:nth-child(11) {
  -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms;
}

.has-delay-animation .fade-up:nth-child(12) {
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}

.has-delay-animation .fade-up:nth-child(13) {
  -webkit-animation-delay: 1300ms;
          animation-delay: 1300ms;
}

.has-delay-animation .fade-up:nth-child(14) {
  -webkit-animation-delay: 1400ms;
          animation-delay: 1400ms;
}

.has-delay-animation .fade-up:nth-child(15) {
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
}

.has-delay-animation .fade-up:nth-child(16) {
  -webkit-animation-delay: 1600ms;
          animation-delay: 1600ms;
}

.has-delay-animation .fade-up:nth-child(17) {
  -webkit-animation-delay: 1700ms;
          animation-delay: 1700ms;
}

.has-delay-animation .fade-up:nth-child(18) {
  -webkit-animation-delay: 1800ms;
          animation-delay: 1800ms;
}

.has-delay-animation .fade-up:nth-child(19) {
  -webkit-animation-delay: 1900ms;
          animation-delay: 1900ms;
}

.has-delay-animation .fade-up:nth-child(20) {
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}

.fade-in {
  -webkit-animation: fade-in 2s 1.5s cubic-bezier(0.885, -0.065, 0.085, 1.02) forwards;
          animation: fade-in 2s 1.5s cubic-bezier(0.885, -0.065, 0.085, 1.02) forwards;
}

@-webkit-keyframes fade-in {
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes swayX {
  0%, 100% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  50% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}

@keyframes swayX {
  0%, 100% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  50% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}

/**
 * Filters
 */
.filter--bw {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.filter--blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}

.filter--sepia {
  -webkit-filter: sepia(50%);
  -moz-filter: sepia(50%);
  -ms-filter: sepia(50%);
  -o-filter: sepia(50%);
  filter: sepia(50%);
}

/**
 * Aspect ratio containers
 */
.sixteen-nine {
  position: relative;
}

.sixteen-nine:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.sixteen-nine > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.angle {
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

@media only screen and (min-width: 59.375em) {
  .angle {
    -webkit-clip-path: none;
            clip-path: none;
  }
  .angle:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 150px;
    -webkit-transform: skewY(5deg);
            transform: skewY(5deg);
    background-color: #fff;
    z-index: 100000;
  }
}

@media only screen and (min-width: 59.375em) {
  .angle--bottom:after {
    bottom: -105px;
  }
}

/* Fix for homepage inlining bug */
* {
  box-sizing: border-box;
}