@charset "UTF-8";
body.page-template-default.orbit, body.page-template-default.orbit.page, body.page-template-default.orbit.post {
  padding-top: 57px !important;
  width: 100vw;
  overflow-x: hidden; }

body.single-post .preheaderNotice,
body.category .preheaderNotice,
body.error404 .preheaderNotice,
body.single-campaign .preheaderNotice {
  margin-top: 57px;
}

.header-2020 {
  padding: 0px 10px;
  display: block;
  border-top: 2px solid var(--linkColour);
  border-bottom: 1px solid var(--linkColour);
  position: fixed;
  width: 100vw;
  z-index: 1001;
  top: 0;
  left: 0;
  background-color: var(--backgroundColour);
  background-color: #fafbf7d1; }
  .header-2020:hover {
    background-color: white; }
  .header-2020 .header-main {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto; }
    .header-2020 .header-main .header-main-link {
      display: flex;
      align-items: center; }
      .header-2020 .header-main .header-main-link svg {
        width: 100px;
        display: block; }
      .header-2020 .header-main .header-main-link .sub {
        font-family: var(--headingtype);
        font-size: 10px;
        color: var(--bodyColour);
        width: 160px;
        line-height: 1.2;
        border-left: 1px solid var(--linkColour);
        padding-left: 10px;
        margin-left: 10px;
        padding-top: 15px;
        padding-bottom: 15px; }
    .header-2020 .header-main .header-2020-toggle {
      width: 19px;
      height: 19px;
      padding-top: 15px;
      padding-bottom: 15px;
      cursor: pointer; }
      .header-2020 .header-main .header-2020-toggle svg path {
        stroke: var(--linkColour); }
    .header-2020 .header-main svg {
      display: block; }
  .header-2020 .header-2020-menu-overlay {
    background-color: rgba(255, 255, 255, 0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1001;
    display: none; }
    .header-2020 .header-2020-menu-overlay.show {
      display: block; }
  .header-2020 .header-2020-menu {
    font-family: var(--headingtype);
    position: fixed;
    top: 2px;
    right: 0;
    z-index: 1002;
    height: 100%;
    width: 90vw;
    max-width: 600px;
    background-color: var(--backgroundColour);
    border-left: 1px solid var(--linkColour);
    overflow-y: scroll; }
    .header-2020 .header-2020-menu .header-2020-menu-controls {
      padding: 15px;
      border-bottom: 1px solid var(--linkColour);
      position: relative; }
    .header-2020 .header-2020-menu .header-2020-menu-search-input {
      border: none;
      font-size: 18px;
      margin: 0;
      padding: 0;
      border: none;
      font-size: 18px;
      margin: 0;
      padding: 0;
      line-height: 24px;
      height: 24px;
      display: block;
      outline: none; }
    .header-2020 .header-2020-menu svg.close-toggle {
      stroke: var(--linkColour);
      height: 20px;
      width: 20px;
      cursor: pointer;
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 111; }
    .header-2020 .header-2020-menu ul {
      list-style: none;
      font-size: 30px;
      line-height: 1.4; }
      @media screen and (max-width: 766px) {
        .header-2020 .header-2020-menu ul {
          font-size: 20px; } }
  .header-2020 .menu-details {
    padding: var(--spacing-base);
    display: flex; }
    .header-2020 .menu-details .left-menu {
      width: 50%; }
      .header-2020 .menu-details .left-menu ul {
        font-size: 60px; }
        @media screen and (max-width: 766px) {
          .header-2020 .menu-details .left-menu ul {
            font-size: 30px; } }
    .header-2020 .menu-details .right-menu {
      text-align: right;
      width: 50%; }
      .header-2020 .menu-details .right-menu ul {
        font-size: 36px;
        line-height: 1.9; }
        @media screen and (max-width: 766px) {
          .header-2020 .menu-details .right-menu ul {
            font-size: 20px; } }
  .header-2020 .errata {
    border-top: 1px solid var(--linkColour);
    padding: 15px;
    padding-top: 60px; }
    @media screen and (max-width: 766px) {
      .header-2020 .errata {
        font-size: 20px; } }
  .header-2020 h3.menu-label {
    font-size: 12px;
    line-height: 1.2;
    font-weight: var(--bold);
    text-transform: uppercase; }
    @media screen and (max-width: 766px) {
      .header-2020 h3.menu-label {
        font-size: 10px; } }

@media screen and (max-width: 766px) {
  .featured-story-story-2020 .featured-story-image-2020 {
    width: calc(100% + 2rem);
    margin-left: -1rem; }
  .featured-story-story-2020 .featured-story-content-2020 {
    padding-bottom: 15px; }
    .featured-story-story-2020 .featured-story-content-2020 .featured-story-category-2020, .featured-story-story-2020 .featured-story-content-2020 .featured-story-kicker-2020 {
      font-size: 14px;
      font-family: var(--headingtype);
      line-height: 1;
      display: inline-block; }
    .featured-story-story-2020 .featured-story-content-2020 .featured-story-category-2020 {
      color: var(--linkColour); }
      .featured-story-story-2020 .featured-story-content-2020 .featured-story-category-2020:after {
        content: " / "; }
    .featured-story-story-2020 .featured-story-content-2020 .featured-story-title-2020 {
      font-size: 14px;
      font-family: var(--headingtype);
      font-weight: var(--bold);
      font-size: 30px;
      line-height: 1.2; }
    .featured-story-story-2020 .featured-story-content-2020 .featured-story-excerpt-2020 {
      font-size: 16px;
      line-height: 1.6; }
    .featured-story-story-2020 .featured-story-content-2020 .featured-story-author-2020:after {
      content: " • "; }
    .featured-story-story-2020 .featured-story-content-2020 .featured-story-author-2020, .featured-story-story-2020 .featured-story-content-2020 .featured-story-date-2020 {
      font-family: var(--headingtype);
      font-weight: var(--bold);
      font-size: 14px;
      display: inline-block; }

  .related-story-2020 {
    padding: 15px 0px;
    border-top: 1px solid var(--linkColour);
    display: flex;
    flex-direction: row-reverse; }
    .related-story-2020 .related-story-image-2020 {
      width: 20%; }
      .related-story-2020 .related-story-image-2020 img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .related-story-2020 .related-story-content-2020 {
      width: 80%;
      padding-right: 15px; }
      .related-story-2020 .related-story-content-2020.popular {
        width: 100%; }
    .related-story-2020 .related-story-category-2020 {
      color: var(--linkColour); }
      .related-story-2020 .related-story-category-2020:after {
        content: " / "; }
    .related-story-2020 .related-story-category-2020, .related-story-2020 .related-story-kicker-2020 {
      font-family: var(--headingtype);
      font-size: 12px;
      display: inline-block;
      line-height: 1.6; }
    .related-story-2020 .related-story-title-2020 {
      font-family: var(--bodytype);
      font-weight: bold;
      font-size: 24px;
      line-height: 1.2; }
    .related-story-2020 .related-story-author-2020:after {
      content: " • "; }
    .related-story-2020 .related-story-author-2020, .related-story-2020 .related-story-date {
      display: inline-block;
      font-family: var(--headingtype);
      font-size: 14px; } }
@media screen and (min-width: 766px) {
  .home-main {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    margin: 0 auto; }

  .the-day-2020 {
    display: flex; }
    .the-day-2020 .featured-story-2020 {
      width: 70%;
      padding: var(--spacing-base); }
    .the-day-2020 .related-stories-2020 {
      width: 30%;
      padding: var(--spacing-base);
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1); }

  .related-story-2020 {
    margin-bottom: var(--spacing-base);
    padding-bottom: var(--spacing-base);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .related-story-2020:last-child {
      border-bottom: 0px; }

  .featured-story-category-2020, .featured-story-kicker-2020, .related-story-category-2020, .related-story-kicker-2020,
  .featured-story-author-2020, .featured-story-date-2020, .related-story-author-2020, .related-story-date {
    display: inline-block;
    font-family: var(--headingtype);
    font-size: 14px;
    font-family: var(--headingtype);
    line-height: 1;
    display: inline-block; }

  .featured-story-author-2020, .related-story-author-2020 {
    color: var(--linkColour); }
    /* .related-story-author-2020:after, */
    .featured-story-author-2020:after {
      content: " • ";
      color: var(--bodyColour); }

  .featured-story-category-2020, .related-story-category-2020 {
    color: var(--linkColour); }
    .featured-story-category-2020:after, .related-story-category-2020:after {
      content: " / "; }

  .featured-story-title-2020 {
    font-family: var(--headingtype);
    font-weight: var(--bold);
    font-size: 40px; 
    margin-bottom: 40px; 
    margin-top: 20px;
    line-height: 40px;}

  .related-story-title-2020 {
    font-family: var(--bodytype);
    font-weight: var(--bold);
    font-size: 20px;
    margin: 0;
    padding: 0;
    line-height: 1; }

  .popular-stories-2020 {
    padding-top: var(--spacing-base);
    padding-left: var(--spacing-base);
    padding-right: var(--spacing-base); }

  p {
    font-size: 18px;
    line-height: 1.6; } }
.member-call-2020 {
  font-size: 16px;
  line-height: 1.6;
  background: var(--engageBackgroundColour);
  text-align: center;
  padding: var(--spacing-base);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: white;
  font-family: var(--headingtype); }
  .member-call-2020 .title {
    font-size: 30px;
    font-weight: var(--bold);
    font-family: var(--bodytype);
    margin-bottom: 10px; }
  .member-call-2020 .offer {
    display: flex;
    max-width: 1300px;
    margin: 0 auto; }
  .member-call-2020 .offer-item {
    width: 25%;
    padding: 30px; }
    .member-call-2020 .offer-item span.offer-item-title {
      font-family: var(--bodytype);
      display: BLOCK;
      font-size: 21px;
      font-weight: bold; }

.popular-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: var(--bold);
  border-bottom: 1px solid black;
  margin-bottom: var(--spacing-base); }

.popular-title {
  margin-bottom: 0px; }

.category-focus-title {
  margin-top: var(--spacing-base); }

.category-focus-description {
  font-family: var(--headingtype);
  font-size: 16px;
  margin-bottom: var(--spacing-base); }

.category-focus-article-info {
  font-size: 16px;
  font-family: var(--headingtype); }

.category-focus-article-title {
  font-weight: bold;
  font-size: 120%;
  line-height: 1.2 !important; }

.category-focus-article-article-meta figure {
  margin-bottom: 0px; }

.category-focus-article-description {
  display: none; }

.category-focus-article {
  margin-bottom: var(--spacing-base); }

.category-focus-article .author {
  font-family: var(--headingtype);
  font-size: 16px; }

figure[data-aspect-ratio="4:6"] {
  padding-top: calc(100% * (5 / 6)); }

a.see-all {
  display: block;
  padding-bottom: calc(1 * var(--spacing-base)); }

@media screen and (min-width: 700px) {
  .category-focus-description {
    font-size: 18px; }

  .popular-title {
    margin-bottom: var(--spacing-base); }

  .category-focus {
    display: grid;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 28%; }

  .category-focus-intro {
    grid-column-start: 1;
    grid-column-end: 3; }

  .popular-stories-2020 {
    grid-column-start: 1;
    grid-column-end: 3; } }
@media screen and (min-width: 1000px) {
  a.see-all {
    margin-top: calc(-0.5 * var(--spacing-base));
    display: block;
    padding-bottom: calc(0.5 * var(--spacing-base)); }

  .category-focus-intro {
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 0 var(--spacing-base);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1); }

  article.category-focus-article {
    grid-column-start: 1;
    grid-column-end: 2;
    padding: 0 calc(var(--spacing-base) / 2) var(--spacing-base) var(--spacing-base);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0; }

  article.category-focus-article + article.category-focus-article {
    grid-column-start: 2;
    grid-column-end: 3;
    padding: 0 var(--spacing-base) var(--spacing-base) calc(var(--spacing-base) / 2);
    border-left: 0px;
    border-right: 1px solid rgba(0, 0, 0, 0.1); }

  .category-focus .popular-stories-2020 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
    border-right: 1px solid rgba(0, 0, 0, 0.1); } }
.last-editorial-section {
  padding-top: var(--spacing-base); }

.this-week-in {
  color: var(--linkColour); }

.last-editorial-title {
  padding-top: calc(0.5 * var(--spacing-base));
  font-size: 18px;
  font-family: var(--headingtype);
  font-weight: var(--bold);
  font-size: 30px;
  line-height: 1.2; }

.last-editorial-description {
  font-size: 16px;
  line-height: 1.6;
  padding-bottom: calc(1 * var(--spacing-base)); }

.final-editorials {
  padding: var(--spacing-base) 0; }

@media screen and (min-width: 1000px) {
  .last-week {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }

  .last-editorial {
    grid-column-start: 1;
    grid-column-end: 2;
    padding: 0 var(--spacing-base);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

  .last-stories {
    grid-column-start: 2;
    grid-column-end: 4;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .last-stories .related-story-2020 {
      padding: var(--spacing-base);
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 0px;
      border-left: 0px;
      margin-bottom: 0px; }

  .final-editorials {
    padding: var(--spacing-base);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    font-weight: bold; } }
html {
  --spacing-base:10px; }

@media screen and (min-width: 700px) {
  html {
    --spacing-base:20px; } }
@media screen and (min-width: 1200px) {
  html {
    --spacing-base:40px; } }

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