@charset "UTF-8";
/*
Theme Name: The Daily Touch
Theme URI: http://www.thedailytouch.com
Description: Student-oriented news and listicle site. Design by Sean Talbot, quick 3 week implementation by Sam "By Jove He's Amazing" Thompson and integrated by Chris Clarke.
Version: 2.0.7
Author: Sam Thompson
Author URI: http://accidentalcreative.co.uk/
Text Domain: dailytouch
*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

iframe {
  border: 0; }

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
figure,
button,
blockquote {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
p {
  font-size: inherit; }

a,
button {
  color: inherit; }

a {
  text-decoration: none; }

button {
  overflow: visible;
  border: 0;
  font: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
  -webkit-font-smoothing: inherit; }
  button:focus {
    outline: 0; }

::-moz-focus-inner {
  padding: 0;
  border: 0; }

img {
  height: auto;
  border: 0; }

.clearFix:after {
  content: "";
  display: table;
  clear: both; }

body {
  font-size: 16px;
  font-family: "ff-enzo-web";
  line-height: 1.4;
  font-weight: 600;
  color: #3c3c3c;
  padding: 0 1rem; }

p + p,
ul + p,
ol + p,
blockquote + p,
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p, p +
ul,
ul +
ul,
ol +
ul,
blockquote +
ul,
h1 +
ul,
h2 +
ul,
h3 +
ul,
h4 +
ul,
h5 +
ul, p +
ol,
ul +
ol,
ol +
ol,
blockquote +
ol,
h1 +
ol,
h2 +
ol,
h3 +
ol,
h4 +
ol,
h5 +
ol, p +
blockquote,
ul +
blockquote,
ol +
blockquote,
blockquote +
blockquote,
h1 +
blockquote,
h2 +
blockquote,
h3 +
blockquote,
h4 +
blockquote,
h5 +
blockquote, p +
h1,
ul +
h1,
ol +
h1,
blockquote +
h1,
h1 +
h1,
h2 +
h1,
h3 +
h1,
h4 +
h1,
h5 +
h1, p +
h2,
ul +
h2,
ol +
h2,
blockquote +
h2,
h1 +
h2,
h2 +
h2,
h3 +
h2,
h4 +
h2,
h5 +
h2, p +
h3,
ul +
h3,
ol +
h3,
blockquote +
h3,
h1 +
h3,
h2 +
h3,
h3 +
h3,
h4 +
h3,
h5 +
h3, p +
h4,
ul +
h4,
ol +
h4,
blockquote +
h4,
h1 +
h4,
h2 +
h4,
h3 +
h4,
h4 +
h4,
h5 +
h4, p +
h5,
ul +
h5,
ol +
h5,
blockquote +
h5,
h1 +
h5,
h2 +
h5,
h3 +
h5,
h4 +
h5,
h5 +
h5 {
  margin-top: 1rem; }

img {
  width: 100%;
  height: auto;
  display: block; }

strong {
  color: black; }

h1, h2, h3, h4, h5 {
  line-height: 1.2;
  color: black; }

.s-tinymce .wp-caption,
.s-tinymce .embed,
.s-tinymce .oembed,
.s-tinymce img {
  width: 100% !important; }
  .s-tinymce .wp-caption img,
  .s-tinymce .embed img,
  .s-tinymce .oembed img,
  .s-tinymce img img {
    width: 100%;
    max-width: 30rem;
    box-sizing: border-box; }
  .s-tinymce .wp-caption iframe,
  .s-tinymce .embed iframe,
  .s-tinymce .oembed iframe,
  .s-tinymce img iframe {
    width: 100% !important;
    max-width: 30rem !important;
    box-sizing: border-box; }
  .s-tinymce .wp-caption + h1, .s-tinymce .wp-caption + h2, .s-tinymce .wp-caption + h3, .s-tinymce .wp-caption + h4, .s-tinymce .wp-caption + h5,
  .s-tinymce .embed + h1,
  .s-tinymce .embed + h2,
  .s-tinymce .embed + h3,
  .s-tinymce .embed + h4,
  .s-tinymce .embed + h5,
  .s-tinymce .oembed + h1,
  .s-tinymce .oembed + h2,
  .s-tinymce .oembed + h3,
  .s-tinymce .oembed + h4,
  .s-tinymce .oembed + h5,
  .s-tinymce img + h1,
  .s-tinymce img + h2,
  .s-tinymce img + h3,
  .s-tinymce img + h4,
  .s-tinymce img + h5 {
    margin-top: 2rem; }
  .s-tinymce .wp-caption + p,
  .s-tinymce .wp-caption + blockquote,
  .s-tinymce .wp-caption + ul,
  .s-tinymce .wp-caption + ol,
  .s-tinymce .wp-caption + figure,
  .s-tinymce .wp-caption + .embed,
  .s-tinymce .wp-caption + .oembed,
  .s-tinymce .wp-caption + .wp-caption,
  .s-tinymce .embed + p,
  .s-tinymce .embed + blockquote,
  .s-tinymce .embed + ul,
  .s-tinymce .embed + ol,
  .s-tinymce .embed + figure,
  .s-tinymce .embed + .embed,
  .s-tinymce .embed + .oembed,
  .s-tinymce .embed + .wp-caption,
  .s-tinymce .oembed + p,
  .s-tinymce .oembed + blockquote,
  .s-tinymce .oembed + ul,
  .s-tinymce .oembed + ol,
  .s-tinymce .oembed + figure,
  .s-tinymce .oembed + .embed,
  .s-tinymce .oembed + .oembed,
  .s-tinymce .oembed + .wp-caption,
  .s-tinymce img + p,
  .s-tinymce img + blockquote,
  .s-tinymce img + ul,
  .s-tinymce img + ol,
  .s-tinymce img + figure,
  .s-tinymce img + .embed,
  .s-tinymce img + .oembed,
  .s-tinymce img + .wp-caption {
    margin-top: 1rem; }
.s-tinymce .wp-caption-text {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #c7c7c7;
  font-style: italic;
        /*

        &:before {
            content: '(';
        }

        &:after {
            content: ')';
        }

        */ }
.s-tinymce h1, .s-tinymce h2, .s-tinymce h3, .s-tinymce h4, .s-tinymce h5 {
  font-weight: bold;
  color: black; }
  .s-tinymce h1 > p, .s-tinymce h1 + blockquote, .s-tinymce h1 + ul, .s-tinymce h1 + ol, .s-tinymce h1 + figure, .s-tinymce h1 + .embed, .s-tinymce h1 + .oembed, .s-tinymce h1 + .wp-caption, .s-tinymce h1 + img, .s-tinymce h1 + .s-tinymce h1, .s-tinymce h2 > p, .s-tinymce h2 + blockquote, .s-tinymce h2 + ul, .s-tinymce h2 + ol, .s-tinymce h2 + figure, .s-tinymce h2 + .embed, .s-tinymce h2 + .oembed, .s-tinymce h2 + .wp-caption, .s-tinymce h2 + img, .s-tinymce h2 + .s-tinymce h1, .s-tinymce h3 > p, .s-tinymce h3 + blockquote, .s-tinymce h3 + ul, .s-tinymce h3 + ol, .s-tinymce h3 + figure, .s-tinymce h3 + .embed, .s-tinymce h3 + .oembed, .s-tinymce h3 + .wp-caption, .s-tinymce h3 + img, .s-tinymce h3 + .s-tinymce h1, .s-tinymce h4 > p, .s-tinymce h4 + blockquote, .s-tinymce h4 + ul, .s-tinymce h4 + ol, .s-tinymce h4 + figure, .s-tinymce h4 + .embed, .s-tinymce h4 + .oembed, .s-tinymce h4 + .wp-caption, .s-tinymce h4 + img, .s-tinymce h4 + .s-tinymce h1, .s-tinymce h5 > p, .s-tinymce h5 + blockquote, .s-tinymce h5 + ul, .s-tinymce h5 + ol, .s-tinymce h5 + figure, .s-tinymce h5 + .embed, .s-tinymce h5 + .oembed, .s-tinymce h5 + .wp-caption, .s-tinymce h5 + img, .s-tinymce h5 + .s-tinymce h1, .s-tinymce h1 + .s-tinymce h2, .s-tinymce h2 + .s-tinymce h2, .s-tinymce h3 + .s-tinymce h2, .s-tinymce h4 + .s-tinymce h2, .s-tinymce h5 + .s-tinymce h2, .s-tinymce h1 + .s-tinymce h3, .s-tinymce h2 + .s-tinymce h3, .s-tinymce h3 + .s-tinymce h3, .s-tinymce h4 + .s-tinymce h3, .s-tinymce h5 + .s-tinymce h3, .s-tinymce h1 + .s-tinymce h4, .s-tinymce h2 + .s-tinymce h4, .s-tinymce h3 + .s-tinymce h4, .s-tinymce h4 + .s-tinymce h4, .s-tinymce h5 + .s-tinymce h4, .s-tinymce h1 + .s-tinymce h5, .s-tinymce h2 + .s-tinymce h5, .s-tinymce h3 + .s-tinymce h5, .s-tinymce h4 + .s-tinymce h5, .s-tinymce h5 + .s-tinymce h5 {
    margin-top: 1rem;
    margin-bottom: 3rem; }
.s-tinymce p + h1, .s-tinymce p + h2, .s-tinymce p + h3, .s-tinymce p + h4, .s-tinymce p + h5, .s-tinymce blockquote + h1, .s-tinymce blockquote + h2, .s-tinymce blockquote + h3, .s-tinymce blockquote + h4, .s-tinymce blockquote + h5, .s-tinymce ul + h1, .s-tinymce ul + h2, .s-tinymce ul + h3, .s-tinymce ul + h4, .s-tinymce ul + h5, .s-tinymce ol + h1, .s-tinymce ol + h2, .s-tinymce ol + h3, .s-tinymce ol + h4, .s-tinymce ol + h5, .s-tinymce figure + h1, .s-tinymce figure + h2, .s-tinymce figure + h3, .s-tinymce figure + h4, .s-tinymce figure + h5 {
  margin-top: 1.5rem; }
.s-tinymce p + p,
.s-tinymce p + blockquote,
.s-tinymce p + ul,
.s-tinymce p + ol,
.s-tinymce p + figure,
.s-tinymce p + .embed,
.s-tinymce p + .oembed,
.s-tinymce p + .wp-caption,
.s-tinymce p + img, .s-tinymce blockquote + p,
.s-tinymce blockquote + blockquote,
.s-tinymce blockquote + ul,
.s-tinymce blockquote + ol,
.s-tinymce blockquote + figure,
.s-tinymce blockquote + .embed,
.s-tinymce blockquote + .oembed,
.s-tinymce blockquote + .wp-caption,
.s-tinymce blockquote + img, .s-tinymce ul + p,
.s-tinymce ul + blockquote,
.s-tinymce ul + ul,
.s-tinymce ul + ol,
.s-tinymce ul + figure,
.s-tinymce ul + .embed,
.s-tinymce ul + .oembed,
.s-tinymce ul + .wp-caption,
.s-tinymce ul + img, .s-tinymce ol + p,
.s-tinymce ol + blockquote,
.s-tinymce ol + ul,
.s-tinymce ol + ol,
.s-tinymce ol + figure,
.s-tinymce ol + .embed,
.s-tinymce ol + .oembed,
.s-tinymce ol + .wp-caption,
.s-tinymce ol + img, .s-tinymce figure + p,
.s-tinymce figure + blockquote,
.s-tinymce figure + ul,
.s-tinymce figure + ol,
.s-tinymce figure + figure,
.s-tinymce figure + .embed,
.s-tinymce figure + .oembed,
.s-tinymce figure + .wp-caption,
.s-tinymce figure + img {
  margin-top: 1rem; }
.s-tinymce p, .s-tinymce blockquote, .s-tinymce li {
  color: #3c3c3c;
  line-height: 1.6rem; }
.s-tinymce h1 {
  font-size: 2.618rem; }
.s-tinymce h2 {
  font-size: 1.618rem; }
.s-tinymce h3 {
  text-transform: uppercase;
  color: #cc3333; }
.s-tinymce a {
  font-weight: 600;
  color: #cc3333;
  text-decoration: underline; }
.s-tinymce ul, .s-tinymce ol {
  list-style-position: inside; }

/*
    Gonna have to simply redesign the template
*/
.s-tinymce--longform blockquote {
  font-size: 1.618rem;
  position: relative;
  font-weight: 200; }
  @media (max-width: 77em) {
    .s-tinymce--longform blockquote {
      padding-left: 4rem; } }
  .s-tinymce--longform blockquote:after {
    content: '\201c';
    color: #cc3333;
    font-size: 6.853rem;
    position: absolute;
    top: 0;
    line-height: 1;
    font-family: georgia; }
    @media (max-width: 77em) {
      .s-tinymce--longform blockquote:after {
        left: 0; } }
    @media (min-width: 77em) {
      .s-tinymce--longform blockquote:after {
        right: 100%;
        margin-right: 2rem;
        font-size: 11.089rem; } }
.s-tinymce--longform img {
  max-width: none !important; }
.s-tinymce--longform > img {
  position: relative; }
  @media (min-width: 48.62rem) {
    .s-tinymce--longform > img {
      width: 100vw !important;
      left: calc( -.5 * ( 100vw - 46.62rem ) );
      max-width: 90rem !important; } }
  @media (min-width: 92rem) {
    .s-tinymce--longform > img {
      left: calc( -.5* ( 90rem - 46.62rem ) ); } }
@media (min-width: 66.62rem) {
  .s-tinymce--longform .wp-caption.alignright {
    width: 75% !important;
    position: relative;
    left: 25%;
    margin-left: -25%;
    padding: 2rem;
    padding-right: 0;
    float: right; } }
@media (min-width: 66.62rem) {
  .s-tinymce--longform .wp-caption.alignleft {
    width: 75% !important;
    position: relative;
    left: -25%;
    margin-right: -25%;
    padding: 2rem;
    padding-left: 0;
    float: left; } }
@media (min-width: 66.62rem) {
  .s-tinymce--longform .wp-caption.aligncenter {
    width: 150% !important;
    position: relative;
    left: -25%;
    right: -25%; } }

.s-inverted * {
  color: white; }

.l-15,
.l-14,
.l-13,
.l-12,
.l-23,
.l-34,
.l-45,
.l-1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.l-15,
.l-14,
.l-13,
.l-12,
.l-23,
.l-34,
.l-45,
.l-1 {
  width: 100%;
  box-sizing: border-box; }
  @media (max-width: 58em) {
    .l-15 + .l-15,
    .l-14 + .l-15,
    .l-13 + .l-15,
    .l-12 + .l-15,
    .l-23 + .l-15,
    .l-34 + .l-15,
    .l-45 + .l-15,
    .l-1 + .l-15, .l-15 +
    .l-14,
    .l-14 +
    .l-14,
    .l-13 +
    .l-14,
    .l-12 +
    .l-14,
    .l-23 +
    .l-14,
    .l-34 +
    .l-14,
    .l-45 +
    .l-14,
    .l-1 +
    .l-14, .l-15 +
    .l-13,
    .l-14 +
    .l-13,
    .l-13 +
    .l-13,
    .l-12 +
    .l-13,
    .l-23 +
    .l-13,
    .l-34 +
    .l-13,
    .l-45 +
    .l-13,
    .l-1 +
    .l-13, .l-15 +
    .l-12,
    .l-14 +
    .l-12,
    .l-13 +
    .l-12,
    .l-12 +
    .l-12,
    .l-23 +
    .l-12,
    .l-34 +
    .l-12,
    .l-45 +
    .l-12,
    .l-1 +
    .l-12, .l-15 +
    .l-23,
    .l-14 +
    .l-23,
    .l-13 +
    .l-23,
    .l-12 +
    .l-23,
    .l-23 +
    .l-23,
    .l-34 +
    .l-23,
    .l-45 +
    .l-23,
    .l-1 +
    .l-23, .l-15 +
    .l-34,
    .l-14 +
    .l-34,
    .l-13 +
    .l-34,
    .l-12 +
    .l-34,
    .l-23 +
    .l-34,
    .l-34 +
    .l-34,
    .l-45 +
    .l-34,
    .l-1 +
    .l-34, .l-15 +
    .l-45,
    .l-14 +
    .l-45,
    .l-13 +
    .l-45,
    .l-12 +
    .l-45,
    .l-23 +
    .l-45,
    .l-34 +
    .l-45,
    .l-45 +
    .l-45,
    .l-1 +
    .l-45, .l-15 +
    .l-1,
    .l-14 +
    .l-1,
    .l-13 +
    .l-1,
    .l-12 +
    .l-1,
    .l-23 +
    .l-1,
    .l-34 +
    .l-1,
    .l-45 +
    .l-1,
    .l-1 +
    .l-1 {
      margin-top: 2rem; } }

.l-wrap--max {
  max-width: 90rem;
  margin: 0 auto; }

.l-wrap--m {
  max-width: 70rem; }

.l-wrap--sm {
  max-width: 45rem; }

.l-module + .l-module {
  margin-top: 2rem; }

.l-main {
  padding-top: 2rem; }
  .c-hero + .l-main, .l-module + .l-main {
    padding: 0; }
  @media (min-width: 49em) {
    .l-main {
      display: flex;
      justify-content: space-between; } }

.l-main--longform {
  margin-left: auto;
  margin-right: auto; }

.l-centered {
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 49em) {
  .l-main__item + .l-main__item {
    margin-top: 2rem; } }
@media (min-width: 58em) {
  .c-hero--overlaid + .l-main .l-main__item:first-child {
    margin-top: -26.5rem;
    position: relative;
    box-shadow: 2rem 0 0 white, -2rem 0 0 white, 2rem -2rem 0 white, -2rem -2rem 0 white;
    background: white; } }

@media (min-width: 49em) {
  .l-main__item--primary {
    width: calc( 66.6% - 2rem ); } }

.l-main__item--mono {
  max-width: 46.62rem;
  margin-left: auto;
  margin-right: auto; }

.l-main__item--secondary {
  margin-top: 2rem; }
  @media (min-width: 49em) {
    .l-main__item--secondary {
      width: calc( 33.3% - 2rem );
      margin-top: 0; } }

@media (min-width: 77em) {
  .l-offset {
    margin-left: 10rem !important; } }

@media (min-width: 77em) {
  .l-offset--block {
    padding-left: 10rem !important; } }

@media (min-width: 77em) {
  .l-deoffset {
    position: relative;
    left: -10rem !important; } }

.l-static-bottom {
  display: none; }
  @media (max-width: 49em) {
    .l-static-bottom {
      position: fixed;
      width: 100%;
      left: 0;
      bottom: 0;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      z-index: 1; } }

.b-icon {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: .01rem;
  overflow: hidden; }
  .b-icon + .b-icon {
    margin-left: 1rem; }

.b-icon--menu {
  background-image: url(img/i-menu.png); }
  .b-icon--menu.b-icon--inverted {
    background-image: url(img/i-menu--inverted.png); }

.b-icon--facebook {
  background-image: url(img/i-facebook.png); }
  .b-icon--facebook.b-icon--inverted {
    background-image: url(img/i-facebook--inverted.png); }

.b-icon--twitter {
  background-image: url(img/i-twitter.png); }
  .b-icon--twitter.b-icon--inverted {
    background-image: url(img/i-twitter--inverted.png); }

.b-icon--search {
  background-image: url(img/i-search.png); }
  .b-icon--search.b-icon--inverted {
    background-image: url(img/i-search--inverted.png); }

img.emoji {
  width: auto !important; }

.b-input {
  font-family: "ff-enzo-web";
  font-weight: 100;
  color: #3c3c3c;
  font-size: 16px;
  line-height: 2rem;
  box-sizing: border-box;
  padding: 0 0.5rem;
  background: transparent; }
  .b-input::-webkit-input-placeholder {
    color: #3c3c3c; }
  .b-input::-moz-placeholder {
    color: #3c3c3c; }
  .b-input::-ms-input-placeholder {
    color: #3c3c3c; }
  .b-input::-moz-placeholder {
    color: #3c3c3c; }

.b-input--full {
  width: 100%; }
  .b-input--full + .b-input--full {
    margin-top: 0.5rem; }

.b-input--minimalist {
  border: none;
  border-bottom: 2px black solid;
  padding: 0; }
  .b-input--minimalist:focus, .b-input--minimalist:active {
    outline: none;
    box-shadow: none;
    border-bottom-color: #cc3333; }

.b-input--inv {
  border-color: white;
  color: white; }
  .b-input--inv::-webkit-input-placeholder {
    color: white; }
  .b-input--inv::-moz-placeholder {
    color: white; }
  .b-input--inv::-ms-input-placeholder {
    color: white; }
  .b-input--inv::-moz-placeholder {
    color: white; }

@media (min-width: 49em) {
  .b-list--horizontal {
    display: flex;
    justify-content: space-between; } }

.b-list--plain {
  list-style: none; }

.b-title1, .s-tinymce .b-title1 {
  font-size: 2.618rem; }
  @media (min-width: 32em) {
    .b-title1, .s-tinymce .b-title1 {
      font-size: 4.236rem; } }

.b-title2 {
  font-size: 1.618rem; }

.b-title--invert {
  padding: 0.5rem; }
  .b-title--invert span {
    display: inline;
    background: black;
    color: white;
    line-height: 1;
    box-shadow: 0 0 0 0.5rem black; }
  .c-interstitial + .b-title--invert {
    margin-top: -0.25rem; }

.b-title--coloured {
  color: #cc3333 !important; }

.b-title__inner--light {
  font-weight: 300; }

.b-button {
  font-family: "ff-enzo-web";
  font-weight: 600;
  border: none;
  line-height: 2rem;
  padding: 0 1rem;
  display: inline-block;
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-appearance: none; }

.b-button--bg {
  background-color: #cc3333;
  color: white; }
  .s-inverted .b-button--bg {
    background: white;
    color: #cc3333; }

.b-button--sm {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 700; }

@media (min-width: 49em) {
  .b-button--lg {
    font-size: 1.618rem; } }

.b-button--cta {
  width: 100%;
  line-height: 4rem;
  text-align: center; }

.b-punctuation {
  color: #cc3333; }

.c-header {
  padding: 1rem 0;
  position: relative; }
  @media (max-width: 49em) {
    .c-header {
      padding-left: calc( 2rem + 2rem ); } }

.c-header--longform {
  position: absolute;
  top: 0;
  left: 1rem;
  right: 1rem;
  z-index: 101;
  padding-left: .5; }

.c-header__innerWrap {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (min-width: 49em) {
    .c-header__innerWrap {
      flex-wrap: wrap; } }
  @media (max-width: 32em) {
    .c-header__innerWrap {
      flex-direction: column;
      align-items: flex-end; } }

.c-header__menuIcon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  cursor: pointer; }
  @media (min-width: 49em) {
    .c-header__menuIcon {
      display: none; } }

@media (min-width: 49em) {
  .c-header__menuIcon--longform {
    display: block;
    position: static;
    transform: none; } }

.c-header__logo {
  cursor: pointer;
  background: url(https://s3-eu-west-1.amazonaws.com/www.thedailytouch.com/i-logo.png) center center no-repeat;
  background-size: contain;
  padding-bottom: 41.4px;
  width: 230px;
  display: block;
  position: relative;
  top: 3px; }
  @media (min-width: 32em) {
    .c-header__logo {
      width: 300px;
      padding-bottom: 54px; } }
  @media (min-width: 49em) {
    .c-header__logo {
      width: 380px;
      padding-bottom: 68.4px; } }

.c-header__logo--inverted {
  background-image: url(img/i-logo--inverted.png); }

.c-header__misc {
  display: flex; }
  @media (max-width: 32em) {
    .c-header__misc {
      display: none; } }

.b-icon + .c-header__search {
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 1px #f0f0f0 solid; }
@media (max-width: 49em) {
  .c-header__search {
    display: none !important; } }

@media (min-width: 49em) {
  .c-header--std .c-header__search--nav {
    display: none !important; } }

.c-interstitial {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10; }
  @media (max-width: 77em) {
    .c-interstitial {
      justify-content: space-between;
      box-sizing: border-box; } }
  @media (min-width: 77em) {
    .c-interstitial.l-offset--block {
      padding-right: 0; } }

.c-interstitial--bg {
  background-color: #cc3333;
  padding: 1rem; }

.c-interstitial--sm {
  font-size: 0.8rem; }

@media (min-width: 49em) {
  .c-interstitial--lg {
    font-size: 1.618rem; } }

@media (min-width: 49em) {
  .c-interstitial--break {
    flex-wrap: wrap; } }

@media (max-width: 77em) {
  .c-interstitial--ext {
    width: calc( 100% + 2rem );
    position: relative;
    left: -1rem; } }

@media (min-width: 49em) {
  .c-interstitial--cta {
    height: 3.5rem;
    line-height: 3.5rem; } }
@media (min-width: 77em) {
  .c-interstitial--cta {
    padding: 0; } }

.c-interstitial__text {
  font-weight: 600;
  font-size: 1.2rem; }
  @media (max-width: 77em) {
    .c-interstitial__text {
      flex-grow: 10;
      min-width: 50%; } }

.c-interstitial__text--highlight {
  color: #cc3333; }

.c-interstitial__text + .c-interstitial__misc {
  margin-left: 2rem; }
@media (min-width: 49em) {
  .c-interstitial--break .c-interstitial__text + .c-interstitial__misc {
    margin: 0;
    margin-top: 1rem; } }

.c-hero {
  background: #f0f0f0 right center no-repeat;
  background-size: cover;
  min-height: 24rem;
  padding-bottom: 2rem;
  box-sizing: border-box;
  position: relative;
  display: block; }
  @media (min-width: 32em) {
    .c-hero {
      min-height: 30rem; } }
  @media (min-width: 49em) {
    .c-interstitial--cta + .c-hero {
      margin-top: -3.5rem; } }
  @media (max-width: 77em) {
    .c-hero {
      width: calc( 100% + 2rem );
      left: -1rem;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 2rem; } }

@media (max-width: 32em) {
  .c-hero--decorative {
    min-height: 12rem; } }
@media (min-width: 32em) and (max-width: 49em) {
  .c-hero--decorative {
    min-height: 15rem; } }

.c-hero--longform {
  width: calc( 100% + 2rem );
  left: -1rem; }
  @media (min-width: 58em) {
    .c-hero--longform {
      height: 100vh;
      max-height: 56rem; } }

.c-hero__text {
  max-width: 50rem; }
  @media (min-width: 49em) {
    .c-interstitial--cta + .c-hero .c-hero__text {
      padding-top: 3.1rem; } }

.c-tile {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between; }
  .c-tile + .c-tile {
    margin-top: 2rem; }
  .c-tile--featured + .c-tile {
    padding-top: 2rem;
    border-top: 1px #f0f0f0 solid; }

.c-tile__imgWrap {
  display: block;
  width: 100%; }
  .c-tile--split .c-tile__imgWrap {
    width: 50%;
    width: calc( 50% - 0.5rem ); }

.c-tile__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: stretch; }
  .c-tile--split .c-tile__content {
    width: 50%;
    width: calc( 50% - 0.5rem );
    margin-top: 0 !important; }
  .c-tile__imgWrap + .c-tile__content {
    margin-top: 1rem; }

.c-tile__title {
  width: 100%; }
  @media (min-width: 32em) {
    .c-tile__title {
      font-size: 1.618rem; } }

.c-tile__title--featured {
  font-size: 1.618rem; }

.c-tile__meta {
  width: 100%;
  align-self: flex-end;
  margin-top: 1rem; }

.c-meta {
  display: flex; }

.c-meta__wrap--outer {
  display: flex;
  flex-grow: 10; }
  .c-meta__wrap--outer .slider-count .count-span {
    display: flex; }
    .c-meta__wrap--outer .slider-count .count-span .viralSymbol {
      width: 40px;
      height: 40px; }

.c-meta__wrap--inner {
  align-items: flex-start; }
  .c-meta__wrap--inner + .c-meta__wrap--inner {
    margin-left: 1rem; }

.c-meta__wrap--text {
  flex-grow: 10;
  align-self: center; }

.c-meta__wrap--media {
  display: flex; }

.c-meta__item--sep {
  display: inline-block; }
  .c-meta__item--sep:after {
    color: #cc3333;
    font-weight: 100;
    content: ' // '; }
  .s-inverted .c-meta__item--sep:after {
    color: white; }
  .c-meta__item--sep:last-child:after {
    content: none; }

.c-meta__item--shares {
  margin-left: 0.8rem;
  text-align: left;
  width: 4rem; }

.c-meta__item--bold {
  font-weight: 700;
  font-size: 1.2rem; }

.c-meta__item {
  display: block; }
  .c-meta__item:before {
    color: black;
    font-weight: 700;
    text-transform: uppercase; }

.c-meta__item--small {
  font-size: 0.8rem; }

.c-meta__item--publishDate:before {
  content: 'Published: '; }

.c-meta__img {
  width: 3rem; }
  .c-meta__img + .c-meta__img {
    margin-left: 0.5rem; }

@media (max-width: 49em) {
  .c-sidebar__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; } }

@media (max-width: 49em) {
  .c-sidebar__listItem {
    width: 50%;
    width: calc( 50% - 0.5rem ); }
    .c-sidebar__listItem:nth-child(1), .c-sidebar__listItem:nth-child(2) {
      margin: 0; } }
@media (min-width: 49em) {
  .c-sidebar__listItem .c-tile__title {
    font-size: 1rem; } }

.c-search {
  display: flex;
  align-items: center; }

.c-search__input {
  flex-grow: 10;
  -webkit-appearance: none; }
  .b-icon + .c-search__input {
    margin-left: 1rem; }

/**
***     This file has become very unDRY as a result of
***     implementing an alternate responsive-only menu.
***
***     Given some time IÔÇÖm sure there would be a much better
***     way of writing it. As of the time of writing IÔÇÖm not sure
***     what that should look like.
***
***     Sam Thompson, July 2016
**/
.c-header--longform .c-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 75%;
  max-width: 20rem;
  transform: translate3d(-110%, 0, 0);
  background: white;
  z-index: 11;
  padding: 1rem;
  padding-right: 2rem;
  box-sizing: border-box;
  overflow: scroll;
  transition: 0.5s;
  box-shadow: 0.5rem 0 0.5rem rgba(0, 0, 0, 0.25); }
  .c-header--longform .c-menu::-webkit-scrollbar {
    width: 0.25rem; }
  .c-header--longform .c-menu::-webkit-scrollbar-track-piece {
    background: white; }
  .c-header--longform .c-menu::-webkit-scrollbar-thumb {
    background: #cc3333; }
  .c-header--longform .c-menu::-webkit-scrollbar-corner {
    background: white; }
  .js-navOpen .c-header--longform .c-menu {
    transform: translate3d(0, 0, 0); }
@media (max-width: 49em) {
  .c-header--std .c-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 75%;
    max-width: 20rem;
    transform: translate3d(-110%, 0, 0);
    background: white;
    z-index: 11;
    padding: 1rem;
    padding-right: 2rem;
    box-sizing: border-box;
    overflow: scroll;
    transition: 0.5s;
    box-shadow: 0.5rem 0 0.5rem rgba(0, 0, 0, 0.25); }
    .c-header--std .c-menu::-webkit-scrollbar {
      width: 0.25rem; }
    .c-header--std .c-menu::-webkit-scrollbar-track-piece {
      background: white; }
    .c-header--std .c-menu::-webkit-scrollbar-thumb {
      background: #cc3333; }
    .c-header--std .c-menu::-webkit-scrollbar-corner {
      background: white; }
    .js-navOpen .c-header--std .c-menu {
      transform: translate3d(0, 0, 0); } }
@media (min-width: 49em) {
  .c-header--std .c-menu {
    width: 100%; } }

.c-header--longform .c-menu__list {
  margin-top: 1.5rem; }
@media (max-width: 49em) {
  .c-header--std .c-menu__list {
    margin-top: 1.5rem; } }
@media (min-width: 49em) {
  .c-header--std .c-menu__list {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between; } }

@media (min-width: 49em) {
  .c-menu__item--hasSubMenu {
    position: relative; } }

.c-menu__link {
  color: black;
  display: block;
  font-weight: bold;
  text-transform: capitalize;
  transition: 0.15s color; }
  .c-header--longform .c-menu__link {
    padding: 1rem 0;
    border-top: 1px #f0f0f0 solid; }
    .c-menu__item:first-child .c-header--longform .c-menu__link {
      border: none; }
  @media (max-width: 49em) {
    .c-header--std .c-menu__link {
      padding: 1rem 0;
      border-top: 1px #f0f0f0 solid; }
      .c-menu__item:first-child .c-header--std .c-menu__link {
        border: none; } }
  @media (min-width: 49em) and (max-width: 58em) {
    .c-header--std .c-menu__link {
      font-size: 0.8rem; } }
  .c-menu__link:hover, .c-menu__link:focus, .c-menu__link:active {
    color: #cc3333; }

.c-menu__link--siblingMenu {
  position: relative;
  padding-right: 2rem; }
  .c-menu__link--siblingMenu:after {
    content: '\2b';
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 0;
    transform: translate3d(0, -50%, 0) rotate(0);
    line-height: 1;
    font-size: 1.6em;
    font-weight: 100;
    transition: 0.5s;
    transform-origin: center; }
  .c-menu__item--hasSubMenu:hover .c-menu__link--siblingMenu:after, .js-submenuOpen .c-menu__link--siblingMenu:after {
    transform: translate3d(0, -50%, 0) rotate(45deg);
    color: #cc3333; }

.c-menu__subList {
  max-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  transition: 0.15s; }
  @media (min-width: 49em) {
    .c-header--std .c-menu__subList {
      position: absolute;
      top: 1.35rem;
      right: .7rem;
      text-align: right;
      z-index: 11;
      box-shadow: 0.25rem 0 0 #cc3333; } }
  .c-menu__item--hasSubMenu:hover .c-menu__subList, .js-submenuOpen .c-menu__subList {
    max-height: 150rem; }
  @media (max-width: 49em) {
    .c-header--std .c-menu__item--hasSubMenu:hover .c-menu__subList, .js-submenuOpen .c-header--std .c-menu__subList {
      margin-top: -0.25rem;
      margin-bottom: 0.75rem; } }
  @media (min-width: 49em) {
    .c-header--std .c-menu__item--hasSubMenu:hover .c-menu__subList, .js-submenuOpen .c-header--std .c-menu__subList {
      padding-bottom: 0.25rem;
      padding-top: 1rem; } }
  .c-header--longform .c-menu__item--hasSubMenu:hover .c-menu__subList, .js-submenuOpen .c-header--longform .c-menu__subList {
    margin-top: -0.25rem;
    margin-bottom: 0.75rem; }

.c-menu__subLink {
  display: inline-block;
  transition: 0.15s color; }
  .c-menu__subLink:hover, .c-menu__subLink:focus, .c-menu__subLink:active {
    color: #cc3333; }
  .c-header--longform .c-menu__subLink {
    width: 100%;
    padding: 0.25rem 0;
    text-transform: uppercase; }
  @media (max-width: 49em) {
    .c-header--std .c-menu__subLink {
      width: 100%;
      padding: 0.25rem 0;
      text-transform: uppercase; } }
  @media (min-width: 49em) {
    .c-header--std .c-menu__subLink {
      padding: 0.5rem 1.25rem;
      background: white;
      white-space: nowrap; }
      .c-menu__subItem:last-child .c-header--std .c-menu__subLink {
        box-shadow: 0 0.25rem 0 #cc3333; } }

.c-menu__overlay {
  display: none;
  position: fixed;
  z-index: 10;
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .js-navOpen .c-menu__overlay {
    display: block; }
  @media (min-width: 49em) {
    .c-header--std .c-menu__overlay {
      display: none !important; } }

.c-group__title {
  color: #cc3333;
  display: inline-block;
  line-height: 2rem; }

.c-group__title--popular {
  padding-right: 3rem;
  background: url(img/i-popular.png) center right no-repeat;
  background-size: 2rem; }

.c-article--post > p:first-of-type,
.c-article--longform > p:first-of-type {
  font-size: 1.618rem;
  font-weight: 400;
  color: black; }
  .c-article--post > p:first-of-type strong,
  .c-article--longform > p:first-of-type strong {
    font-weight: 400; }

.c-article__meta {
  max-width: 30rem; }
  .c-article__meta + *, * + .c-article__meta {
    margin-top: 2rem; }

.c-banner {
  display: flex; }
  @media (max-width: 49em) {
    .c-banner {
      width: calc( 100% + 2rem );
      position: relative;
      left: -1rem; } }

.c-banner__media {
  background: white;
  align-self: stretch;
  background: white url(img/diagonals.png) top left no-repeat;
  max-width: 25%;
  min-width: 2rem; }
  @media (max-width: 49em) {
    .c-banner__media {
      margin-left: 1rem; }
      * + .c-banner__media {
        margin-left: 0;
        margin-right: 1rem; } }

.c-banner__img {
  width: calc( 100% + 4px );
  position: relative;
  top: -2px;
  left: -2px;
  box-shadow: 0 1rem 0 0 white; }

.c-banner__content {
  background-color: #cc3333;
  flex-grow: 10;
  padding: 1rem; }
  @media (min-width: 49em) {
    .c-banner__content {
      padding: 2rem; } }
  * + .c-banner__content {
    margin-left: 1rem; }

.c-banner__item + .c-banner__item {
  margin-top: 0.5rem; }

.c-banner__title {
  line-height: 1; }

@media (min-width: 32em) {
  .c-banner__meta,
  .c-banner__copy {
    font-size: 1.618rem; } }

.c-banner__copy {
  font-weight: 100; }
  .c-banner__meta + .c-banner__copy {
    margin-top: 2rem; }

.c-awards__title {
  min-width: initial;
  flex-grow: 0; }

.c-awards__badges {
  flex-grow: 10; }

.c-awards__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.5rem; }

.c-award {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-size: 2rem;
  padding: 0.5rem;
  position: relative; }

.c-award__name {
  position: absolute;
  display: none;
  background: #cc3333;
  color: white;
  bottom: -2rem;
  right: 0;
  line-height: 2rem;
  padding: 0 1rem;
  z-index: 1;
  white-space: nowrap;
  font-size: 0.8rem; }
  .c-award:hover .c-award__name {
    display: block; }
    .c-award:hover .c-award__name:after {
      content: '';
      position: absolute;
      border: 0.5rem transparent solid;
      border-bottom-color: #cc3333;
      top: -1rem;
      right: 1.25rem; }

.c-award__img {
  width: 100%;
  height: auto; }

.c-signUp {
  padding: 1rem;
  border: 2px black solid;
  box-sizing: border-box; }
  @media (min-width: 49em) {
    .c-signUp {
      padding: 1.5rem; } }

.c-signUp__form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.c-signUp__formItem {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 49em) {
    .c-signUp__formItem {
      width: 100%; }
      .c-signUp__formItem + .c-signUp__formItem {
        margin-top: 1rem; } }
  @media (min-width: 49em) {
    .c-signUp__formItem {
      width: 45%;
      width: calc( 50% - 1rem ); }
      .c-signUp__formItem:first-child {
        position: relative;
        top: -2px; } }

@media (max-width: 49em) {
  .c-signUp__submit {
    font-size: 1rem; } }
@media (min-width: 49em) {
  .c-signUp__submit {
    width: 100%;
    font-size: 1.618rem; } }

.b-form__title + .b-form {
  margin-top: 1rem; }

@media (min-width: 49em) {
  .c-articleActions {
    display: flex;
    justify-content: space-between; } }

@media (max-width: 49em) {
  .c-articleAction + .c-articleAction {
    margin-top: 1rem; } }
@media (min-width: 49em) {
  .c-articleAction {
    text-align: center;
    width: 50%;
    width: calc( 50% - 1rem ); } }

.c-articleAction--static {
  width: calc( 33% ); }

.c-articleAction__link {
  display: block;
  text-align: center;
  line-height: 3rem; }

.c-articleAction__link--facebook {
  background: #3b5998; }

.c-articleAction__link--twitter {
  background: #00aced; }

.c-articleAction__link--whatsapp {
  display: none; }
  @media (max-width: 49em) {
    .c-articleAction__link--whatsapp {
      display: block;
      background: #0fae09; } }

.c-articleAction__linkText {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 2rem;
  padding-left: 3rem;
  display: inline-block;
  line-height: 3rem;
  color: white; }
  .c-articleAction__link--facebook .c-articleAction__linkText {
    background-image: url(img/i-facebook--minimalist.png); }
  .c-articleAction__link--twitter .c-articleAction__linkText {
    background-image: url(img/i-twitter--minimalist.png); }
  .c-articleAction__link--whatsapp .c-articleAction__linkText {
    background-image: url(img/i-whatsapp--minimalist.png); }

@media (min-width: 58em) {
  .c-related__list {
    width: calc( 150.15015% + 3.003rem );
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media (min-width: 58em) {
  .c-related__list .c-tile {
    width: 50%;
    width: calc( 50% - 1rem ); }
    .c-related__list .c-tile + .c-tile {
      margin-top: 0; }
    .c-related__list .c-tile:nth-child(n + 3) {
      margin-top: 1rem; } }
@media (min-width: 58em) {
  .l-main__item--mono .c-related__list {
    width: 100%; } }

.c-footer {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2rem;
  padding-bottom: 1rem;
  margin-top: 2rem;
  position: relative;
  text-align: center;
  justify-content: space-between; }
  .c-footer:after {
    content: '';
    position: absolute;
    top: 0;
    left: 2rem;
    right: 2rem;
    border-top: 2px #f0f0f0 solid; }

@media (max-width: 32em) {
  .c-footer__misc {
    width: 100%; } }

.c-footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 32em) {
    .c-footer__list {
      width: 100%; }
      .c-footer__misc + .c-footer__list {
        margin-top: 1rem; } }

@media (min-width: 32em) {
  .c-footer__listItem + .c-footer__listItem {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px #f0f0f0 solid; } }

.c-comments {
  display: block !important; }

.c-listicle {
  counter-reset: list-count; }

.c-listicle__title {
  counter-increment: list-count; }

.c-listicle__title p {
  color: black; }
  .c-listicle__title p:before {
    content: counter(list-count) ". "; }

.c-404__img {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto; }

.gform_fields .gfield {
  display: inline; }
  .gform_fields .gfield .ginput_container_profile_photo {
    float: right;
    width: 50%; }
.gform_fields .gfield_html .image_preview {
  float: left;
  width: 50% !important;
  background-image: url(img/blank-profile-picture.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 20rem;
  margin: 0 1rem 1rem 0; }

#gform_submit_button_11 {
  width: 50%;
  padding: 2.5rem;
  background-color: #cc3333;
  color: #fff;
  font-size: 2rem !important;
  font-weight: 700;
  border: none; }

.ginput_preview .gform_delete {
  width: auto !important; }

.c-advert {
  border: 2px #f0f0f0 solid;
  height: 12rem; }

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