@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css");
@import url("https://use.typekit.net/ysd5wbi.css");
/* Units */
/* Rows */
.white {
  color: #FFFFFF; }

.white-bg {
  background: #FFFFFF; }

.white-fill {
  fill: #FFFFFF; }

.black {
  color: #121212; }

.black-bg {
  background: #121212; }

.black-fill {
  fill: #121212; }

.red {
  color: #CD2A2E; }

.red-bg, .home nav, .list nav {
  background: #CD2A2E; }

.red-fill {
  fill: #CD2A2E; }

.user {
  color: #A1BC50; }

.user-bg {
  background: #A1BC50; }

.user-underline a {
  border-color: #A1BC50; }

.red-underline a {
  border-color: #CD2A2E; }

.transparent-bg {
  background: transparent; }

/* Body Copy */
body {
  font-family: "semplicitapro", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #121212;
  letter-spacing: 0.025rem; }

@media screen and (min-width: 48.0625rem) {
  body {
    font-size: 1.125rem; } }

a {
  text-decoration: none;
  color: inherit; }

address {
  font-style: normal;
  margin-top: 0.75rem;
  margin-bottom: 1.875rem; }

.sans {
  font-family: "semplicitapro", sans-serif; }

.semplicita {
  font-family: "semplicitapro", sans-serif; }

.all-caps, .label, .topics-title, .module .module-title, .related-article .related-article-category, .list-article .list-article-category, .topic-list .topic-item .related-article-category, form input[type="submit"] {
  text-transform: uppercase;
  letter-spacing: 0.2rem; }

article {
  line-height: 2.125; }
  article .article-info {
    font-size: 1rem;
    line-height: 2.125; }
  article p {
    margin-top: 0;
    margin-bottom: 1.875rem; }
    article p.drop-cap:first-letter {
      font-size: 3.5rem;
      font-weight: 700;
      display: block;
      float: left;
      line-height: 1.125;
      margin-right: 0.75rem; }

/* Tombstone and Dropcap */
.article-content > p {
  margin-top: 0;
  margin-bottom: 1.875rem; }
  .article-content > p:first-of-type:first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    display: inline;
    float: left;
    line-height: 1.125;
    margin-right: 0.75rem; }
  .article-content > p.drop-cap:first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    display: inline;
    float: left;
    line-height: 1.125;
    margin-right: 0.75rem; }
  .article-content > p:last-of-type::after {
    display: inline-block;
    content: ' ';
    background-image: url(../img/tombstone.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-bottom: -2px; }

.locked .article-content > p:last-of-type ::after {
  display: none; }

#fader {
  height: 200px;
  position: relative;
  width: 100%;
  min-width: 300px;
  max-width: 640px;
  margin-left: 0;
  margin-right: 0;
  margin-top: -210px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 88%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(88%, #FFFFFF));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fcfcfc 88%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 88%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 88%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 88%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#FCFCFC',GradientType=0 ); }

blockquote, ul, ol {
  margin-right: 1.875rem;
  margin-left: 1.875rem;
  margin-right: 0;
  margin-bottom: 1.875rem; }

/* --- Links ---- */
.underline, main p a, footer p a, .article-info a, .author-link, .related-article .related-article-title, .list-article .list-article-title {
  color: inherit;
  text-decoration: none;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  transition: padding-bottom 0.125s linear; }
  .underline:hover, main p a:hover, footer p a:hover, .article-info a:hover, .author-link:hover, .related-article .related-article-title:hover, .list-article .list-article-title:hover {
    padding-bottom: 4px;
    transition: padding 0.125s linear; }

footer p a {
  border-bottom-width: 2px; }

/* --- Headlines --- */
/* Size */
h1, h2, h3, h4, h5 {
  font-weight: 600;
  margin-bottom: 1.875rem; }

h1, h2, h3, h4, h5 {
  margin-top: 0; }

h1 {
  font-size: 1.75rem; }

h2 {
  font-size: 1.444444rem; }

h3 {
  font-size: 1rem; }

h4 {
  font-size: 0.875rem; }

h5 {
  font-size: 0.62rem; }

h1 {
  line-height: 1.0175; }

h2 {
  line-height: 1.5; }

h3 {
  line-height: 1.5; }

h4 {
  line-height: 1.5; }

h2 {
  letter-spacing: 0.2rem; }

h4 {
  letter-spacing: 0.2rem; }

@media screen and (min-width: 48.0625rem) {
  h1 {
    font-size: 4.4vw; }
  h2 {
    font-size: 2rem; }
  h3 {
    font-size: 1.888888rem; }
  h4 {
    font-size: 1.625rem; }
  h5 {
    font-size: 1.125rem; }
  h1 {
    line-height: 2.125; }
  h2 {
    line-height: 1.5; }
  h3 {
    line-height: 1.5; }
  h4 {
    line-height: 1.75; } }

@media screen and (min-width: 101.1875rem) {
  h1 {
    font-size: 3.75rem; } }

/* Headlines */
.headline {
  margin: auto; }
  .headline.large {
    font-size: 2.5rem; }
  .headline.medium {
    font-size: 2.5rem;
    line-height: 1.5; }
  .headline.small {
    font-size: 2rem; }

@media screen and (min-width: 48.0625rem) {
  .headline.large {
    font-size: 5rem; }
  .headline.medium {
    font-size: 4.4vw;
    letter-spacing: 0.2rem; }
  .headline.small {
    font-size: 1.444444rem; } }

@media screen and (min-width: 101.1875rem) {
  .headline.medium {
    font-size: 3.75rem; } }

/* --- END Headlines --- */
/* Article */
.subtitle {
  font-style: italic;
  letter-spacing: 0.2rem;
  text-align: center; }

.section-title {
  font-style: normal; }

.article-reading-time, .article-meta {
  font-weight: 500; }

/* Tablet and Up */
@media screen and (min-width: 48.0625rem) {
  blockquote, ul, ol {
    margin-top: 0;
    margin-left: 3.75rem; }
  .article-content article {
    font-size: 1.125rem;
    line-height: 2.125; }
    .article-content article .article-info {
      font-size: 1.125rem;
      line-height: 2.125; }
    .article-content article p {
      margin-bottom: 1.875rem; }
      .article-content article p.drop-cap:first-letter, .article-content article p:first-of-type:first-letter {
        font-size: 4rem;
        margin-left: 0; } }

/* Page. */
.page-title {
  letter-spacing: 0.05rem; }

.topics-title {
  font-size: 0.875rem; }

/* Utilities */
.bold {
  font-weight: 600; }

strong {
  font-weight: 700; }

small {
  font-weight: normal; }

/* Links */
.subscribe-link, .subscribe-options .large-button .gift-link, .button {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.2rem;
  text-decoration: none;
  padding-right: 0;
  transition: all 0.25s linear;
  color: #CD2A2E;
  border-bottom: solid 2px #CD2A2E;
  padding-bottom: 0.5rem;
  background: transparent; }
  .subscribe-link:hover, .subscribe-options .large-button .gift-link:hover, .button:hover {
    padding-bottom: 0.33rem;
    transition: all 0.25s linear; }
  .subscribe-link.black, .subscribe-options .large-button .black.gift-link, .button.black {
    border-bottom-color: #121212; }

.module .module-title {
  font-weight: 600;
  font-size: 0.666666rem; }
  @media screen and (min-width: 48.0625rem) {
    .module .module-title {
      font-size: 0.875rem; } }

footer .footer-link {
  border-bottom: solid 4px transparent;
  padding-right: 0rem;
  transition: padding 0.25s ease-in-out;
  padding-bottom: 4px; }
  footer .footer-link:hover {
    border-bottom: solid 4px #CD2A2E;
    transition: padding 0.25s ease-in-out;
    padding-right: 1rem; }

footer .tagline p {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2.125;
  letter-spacing: 0.2rem;
  margin: 0.75rem 0; }

.footnotes, p.footer, p.foot_notes {
  font-size: 0.875rem; }

/* Units */
/* Rows */
.white {
  color: #FFFFFF; }

.white-bg {
  background: #FFFFFF; }

.white-fill {
  fill: #FFFFFF; }

.black {
  color: #121212; }

.black-bg {
  background: #121212; }

.black-fill {
  fill: #121212; }

.red {
  color: #CD2A2E; }

.red-bg, .home nav, .list nav {
  background: #CD2A2E; }

.red-fill {
  fill: #CD2A2E; }

.user {
  color: #A1BC50; }

.user-bg {
  background: #A1BC50; }

.user-underline a {
  border-color: #A1BC50; }

.red-underline a {
  border-color: #CD2A2E; }

.transparent-bg {
  background: transparent; }

body {
  border-bottom: 100px solid #CD2A2E; }

img {
  max-width: 100%; }

button {
  -webkit-appearance: none;
  -firefox-appearance: none;
  border: none; }

nav {
  height: 2.5rem;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0.75rem; }
  nav.red-bg, .home nav, .list nav {
    position: relative; }
  nav .subscribe-link, nav .subscribe-options .large-button .gift-link, .subscribe-options .large-button nav .gift-link {
    margin: auto auto auto 0;
    order: 1;
    display: none;
    border-bottom: none; }
  nav #logo {
    width: 7rem;
    height: auto;
    margin: auto;
    order: 2; }
  nav button {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer; }
  nav #searchToggle {
    height: auto;
    width: 1.333333rem;
    padding-top: 0.333333rem;
    margin-top: auto;
    margin-left: 0;
    margin-bottom: auto;
    margin-right: 0;
    order: 1; }
    nav #searchToggle .a {
      fill: none;
      stroke: #FFFFFF;
      stroke-linecap: square;
      stroke-linejoin: round;
      stroke-width: 3px; }
  nav #menuToggle {
    margin-top: auto;
    margin-left: 0;
    margin-bottom: auto;
    margin-right: 0;
    order: 4; }
    nav #menuToggle .menu-icon {
      display: flex;
      align-self: center;
      flex-direction: column;
      justify-content: space-between;
      width: 1.666666rem;
      height: 1.333333rem; }
    nav #menuToggle .menu-icon div {
      align-self: flex-end;
      height: 3px;
      width: 100%;
      background: #FFFFFF; }
    nav #menuToggle .menu-icon .menu-icon-middle {
      width: 100%;
      transition: all 200ms ease-in-out; }
    nav #menuToggle .menu-icon .menu-icon-bottom {
      width: 75%;
      transition: all 400ms ease-in-out; }
    nav #menuToggle .menu-icon:hover div {
      width: 100%; }
    nav #menuToggle .menu-icon:hover .menu-icon-bottom {
      -webkit-animation: burger-hover 1s once linear alternate forwards 200ms;
      animation: burger-hover 1s once linear alternate forwards 200ms; }

@-webkit-keyframes burger-hover {
  0% {
    width: 100%; }
  50% {
    width: 50%; }
  100% {
    width: 100%; } }

@keyframes burger-hover {
  0% {
    width: 100%; }
  50% {
    width: 50%; }
  100% {
    width: 100%; } }

header {
  height: 100vh;
  /* width: 100vw; */
  background: #CD2A2E;
  display: flex;
  align-items: center;
  z-index: 1; }
  header.half-height {
    height: auto;
    /* was 50vh*/ }
  header .article-header-content, header .page-header-content {
    margin: auto;
    width: 90vw;
    padding: 14vh 0 6vh 0;
    display: flex;
    flex-direction: column;
    align-items: stretch; }
    header .article-header-content .article-reading-time, header .article-header-content .page-title, header .page-header-content .article-reading-time, header .page-header-content .page-title {
      text-align: center;
      margin: 0 auto; }
    header .article-header-content .article-headline, header .article-header-content .page-headline, header .page-header-content .article-headline, header .page-header-content .page-headline {
      padding: 6vh 0;
      text-align: center; }
      @media screen and (min-width: 48.0625rem) {
        header .article-header-content .article-headline, header .article-header-content .page-headline, header .page-header-content .article-headline, header .page-header-content .page-headline {
          padding: 8vh 0;
          margin: auto; } }
    header .article-header-content .page-headline, header .page-header-content .page-headline {
      padding: 6vh 0;
      max-width: 48.0625rem; }
    header .article-header-content .article-meta, header .article-header-content .page-meta, header .page-header-content .article-meta, header .page-header-content .page-meta {
      text-align: center;
      margin: 0 auto; }
  header.longform .article-reading-time, header.longform .page-title {
    text-align: center;
    margin: 1.125rem auto 0 auto; }

main .fixed-navigation a, main .fixed-navigation button {
  font-size: 0.875rem;
  letter-spacing: 0.2rem;
  font-weight: 600;
  text-transform: uppercase; }

main .fixed-navigation button {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer; }

main .fixed-navigation .top-left, main .fixed-navigation .bottom-left {
  transform: rotate(-90deg);
  position: fixed; }

main .fixed-navigation .top-left {
  top: 3.875rem;
  left: -100px; }
  main .fixed-navigation .top-left span {
    margin-right: 1rem; }

main .fixed-navigation .bottom-left {
  bottom: 3.875rem;
  left: -100px; }

main .fixed-navigation .top-right {
  top: 2rem;
  right: -100px;
  transform: rotate(90deg);
  position: fixed; }

main .fixed-navigation .bottom-right {
  bottom: 0.875rem;
  right: -100px;
  position: fixed; }
  main .fixed-navigation .bottom-right .social-icon {
    display: block;
    margin: 0.25rem auto; }
    main .fixed-navigation .bottom-right .social-icon.facebook svg {
      height: 1.125rem;
      width: auto; }
    main .fixed-navigation .bottom-right .social-icon svg {
      height: auto;
      width: 1.125rem; }

main .fixed-navigation {
  opacity: 1; }
  main .fixed-navigation .top-left, main .fixed-navigation .bottom-left {
    transition: all 0.5s linear; }
  main .fixed-navigation .top-right, main .fixed-navigation .bottom-right {
    transition: all 0.5s linear; }

main:hover .fixed-navigation, main:focus .fixed-navigation {
  opacity: 1;
  transition: all 0.5s linear; }
  main:hover .fixed-navigation .top-left, main:hover .fixed-navigation .bottom-left, main:focus .fixed-navigation .top-left, main:focus .fixed-navigation .bottom-left {
    transition: all 0.5s linear; }
  main:hover .fixed-navigation .top-left, main:focus .fixed-navigation .top-left {
    left: -1.875rem; }
  main:hover .fixed-navigation .bottom-left, main:focus .fixed-navigation .bottom-left {
    left: -0.875rem; }
  main:hover .fixed-navigation .top-right, main:focus .fixed-navigation .top-right {
    right: 0;
    transition: all 0.5s linear; }
  main:hover .fixed-navigation .bottom-right, main:focus .fixed-navigation .bottom-right {
    right: 1.875rem;
    transition: all 0.5s linear; }

footer {
  max-width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  footer section.colophon p {
    text-align: center; }

/* Home */
.home main {
  margin-top: 0;
padding-top: 1px; }
.home main > .section-title:first-child {
  margin-top: 1em;
}

/* Hero Slider */
.hero-slider {
  /* width: 100vw; */
  height: auto;
  margin-bottom: 1.875rem; }
  .hero-slider .slick-list {
    height: 100% !important; }
  .hero-slider .slick-track {
    height: 100%; }
  .hero-slider article {
    max-width: 100%;
    height: 100%;
    margin-bottom: 0; }
    .hero-slider article .module-content {
      width: 100%;
      margin: auto;
      height: 100%;
      display: flex;
      flex-direction: column; }
      .hero-slider article .module-content > a {
        width: 100%;
        text-align: center;
        padding-bottom: 0;
        height: 100%; }
        .hero-slider article .module-content > a .list-article-image {
          max-height: 310px;
          height: 30vh;
          position: relative;
          border-bottom: 0;
          background-size: auto 100%;
          background-repeat: repeat;
          background-position: center center; }
          @media screen and (min-width: 48.0625rem) {
            .hero-slider article .module-content > a .list-article-image {
              height: 45vh;
              max-height: initial; } }
        .hero-slider article .module-content > a .list-article-text {
          height: 100%;
          display: flex;
          align-items: center;
          position: relative;
          z-index: 2;
          justify-content: center;
          padding: 4vh 8vw; }
          @media screen and (min-width: 48.0625rem) {
            .hero-slider article .module-content > a .list-article-text {
              height: 45%;
              max-height: initial;
              padding: 1.875rem 0 0 0; } }
        .hero-slider article .module-content > a .list-article-category {
          margin-top: 0; }
        .hero-slider article .module-content > a .hero-article-title {
          letter-spacing: 0.2rem;
          margin-bottom: 0; }
        .hero-slider article .module-content > a .hero-article-subtitle {
          font-style: italic;
          letter-spacing: 0.2rem; }
  .hero-slider .slick-slider-marker {
    text-transform: uppercase;
    font-size: 0.62rem;
    letter-spacing: 0.2rem;
    display: inline-block;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 600;
    padding: 0.42rem 0.62rem; }
    @media screen and (min-width: 48.0625rem) {
      .hero-slider .slick-slider-marker {
        font-size: 0.875rem;
        padding: 0.5rem 1rem; } }
  .hero-slider .slick-arrow img {
    width: 24px;
    height: auto; }
  .hero-slider .slick-arrow.article-slick-prev img {
    transform: rotateY(145deg); }

.hero-button .slick-arrow {
  top: 0;
  position: absolute;
  margin-top: 24.5vh;
  background-color: transparent; }
  @media screen and (min-width: 48.0625rem) {
    .hero-button .slick-arrow {
      top: 30%;
      margin-top: 45vh; } }
  .hero-button .slick-arrow img {
    width: 8.75px; }
    @media screen and (min-width: 48.0625rem) {
      .hero-button .slick-arrow img {
        width: 17.5px; } }

.hero-button .article-slick-prev {
  left: 0.5rem; }
  @media screen and (min-width: 48.0625rem) {
    .hero-button .article-slick-prev {
      left: 0.75rem; } }
  .hero-button .article-slick-prev img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH; }

.hero-button .article-slick-next {
  right: 0.5rem; }
  @media screen and (min-width: 48.0625rem) {
    .hero-button .article-slick-next {
      right: 0.75rem; } }

@media screen and (min-width: 48.0625rem) {
  .hero-button .article-slick-prev {
    left: 2rem; }
  .hero-button .article-slick-next {
    right: 2rem; } }

.section-title {
  width: 100%;
  text-align: center;
  margin-top: 5.625rem;
  margin-bottom: 3.75rem; }

.fake-ad-slider {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto; }
  .fake-ad-slider .fake-ad {
    max-width: 240px;
    width: 25%;
    padding-left: 1.875rem;
    padding-right: 1.875rem; }

.fake-ads {
  margin-bottom: 3.75rem; }
  .fake-ads .slick-arrow {
    top: 50%;
    position: absolute;
    background-color: transparent; }
    .fake-ads .slick-arrow img {
      width: 15px; }
      @media screen and (min-width: 48.0625rem) {
        .fake-ads .slick-arrow img {
          width: 20px; } }
  .fake-ads .ad-slick-prev {
    left: 0; }
    .fake-ads .ad-slick-prev img {
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH; }
  .fake-ads .ad-slick-next {
    right: 0; }

.fake-ads-share {
  margin: 1rem 0;
  float: right; }
  .fake-ads-share .social-icon {
    margin: .5rem; }
  .fake-ads-share svg {
    height: 20px;
    width: 20px;
    position: relative;
    transition: all 0.5s ease-in; }
  .fake-ads-share a:hover svg {
    top: -3px; }

.loupe-widget {
  position: relative;
  display: inline-block;
  will-change: transform; }
  .loupe-widget__loupe {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-repeat: no-repeat;
    border: 2px solid #222;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    background-color: white;
    display: none; }
  .loupe-widget:hover {
    cursor: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), auto; }
    .loupe-widget:hover .loupe-widget__loupe {
      display: block;
      pointer-events: none; }

.lity-active, .lity-active body, .lity-active.touch, .lity-active.touch body {
  overflow: hidden; }

.trending {
  grid-template-areas: "item item" "item item" "more more"; }
  .trending .list-article-image {
    position: relative; }
    .trending .list-article-image .trending-number {
      text-transform: uppercase;
      font-size: 0.875rem;
      letter-spacing: 0.2rem;
      display: inline-block;
      color: #FFFFFF;
      background: #121212;
      position: absolute;
      bottom: 0;
      left: 0;
      font-weight: 600;
      padding: 0.25rem;
      width: 2rem;
      height: 2rem; }

.current-issue .current-issue-module {
  border: 0;
  box-shadow: none !important; }
  .current-issue .current-issue-module:before {
    display: none; }
  .current-issue .current-issue-module:hover {
    box-shadow: none !important; }
  .current-issue .current-issue-module .current-issue-thumb {
    max-width: 200px;
    width: 100%;
    height: auto;
    box-shadow: 10px 10px 0 rgba(16, 16, 16, 0.1);
    margin: 0 auto; }
  .current-issue .current-issue-module .current-issue-title {
    font-size: 1.875rem; }
    @media screen and (min-width: 48.0625rem) {
      .current-issue .current-issue-module .current-issue-title {
        font-size: 3.75rem; } }
  .current-issue .current-issue-module .dual-links {
    width: 100%;
    text-align: center;
    padding-top: 2.5rem; }
    .current-issue .current-issue-module .dual-links a {
      text-transform: uppercase;
      letter-spacing: 0.2rem;
      border-bottom: 2px solid #CD2A2E;
      padding-bottom: 8px;
      font-weight: 600;
      font-size: 0.875rem;
      margin: 0 0.75rem; }

/* .more-articles {
	width: 100%;
	background: $black;
	color: $white;
	text-align: center;
	grid-area: more;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: $double-spacing;
	padding: $margin-30;
	font-size: 0.875rem;
} */
/* For Prototype, Delete In Production */
.more-articles {
  width: 100%;
  background: #121212;
  color: #FFFFFF;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.2rem;
  padding: 1.25rem;
  font-size: 0.62rem;
  max-width: 75rem;
  margin-top: 1.875rem;
  margin-left: auto;
  margin-bottom: 1.875rem;
  margin-right: auto; }
  @media screen and (min-width: 48.0625rem) {
    .more-articles {
      padding: 2.5rem;
      font-size: 0.875rem; } }
  .more-articles.link {
    padding: 0;
    margin-top: 0; }
    .more-articles.link a {
      width: 50%;
      height: 100%;
      padding: 2.5rem;
      display: inline-block; }

.dummy {
  display: grid;
  width: 100%; }
  .dummy.hide {
    display: none; }

.dummy2 {
  padding-top: 2rem !important; }

/* List */
.list header {
  background: #FFFFFF;
  height: auto;
  color: #121212;
  margin: auto;
  padding: 4.375rem 0rem 0rem 0rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "cover content"; }
  @media screen and (min-width: 48.0625rem) {
    .list header {
      max-width: 75rem;
      padding: 8.75rem 0rem 2.1875rem 0rem;
      grid-template-columns: 1fr 1fr;
      grid-gap: 2.444444rem; } }
  .list header.center-header {
    display: flex; }
    .list header.center-header .list-header-content {
      margin: auto;
      text-align: center; }
  .list header .list-header-cover {
    grid-area: cover;
    box-sizing: border-box; }
    .list header .list-header-cover img.issue-cover {
      width: 50%;
      max-width: 240px;
      height: auto; }
      @media screen and (min-width: 48.0625rem) {
        .list header .list-header-cover img.issue-cover {
          float: right; } }
  .list header .list-header-content {
    grid-area: content;
    box-sizing: border-box;
    max-width: 36.25rem;
    padding: 2rem;
    margin: 0; }
    @media screen and (min-width: 48.0625rem) {
      .list header .list-header-content {
        padding: 0rem; } }
    .list header .list-header-content .headline {
      letter-spacing: 0.025rem;
      line-height: 1.25; }
      .list header .list-header-content .headline.issue-title {
        margin-bottom: 1.875rem; }
    .list header .list-header-content .description {
      font-weight: 600;
      line-height: 2.125; }

.list main {
  margin-bottom: 4.6875rem; }

/* Search */
#search {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: #FFFFFF;
  overflow: scroll;
  text-align: left;
  padding: 0;
  top: 0;
  transition: all 0.5s ease-in; }
  #search.closed {
    display: flex;
    position: fixed;
    top: 0;
    transition: all 0.5s ease-out; }
  @media screen and (max-width: 48.0625rem) {
    #search {
      left: 0%; }
      #search.closed {
        left: -100vw; } }
  @media screen and (min-width: 48.0625rem) {
    #search {
      right: 0%; }
      #search.closed {
        right: -100vw; } }
  #search form {
    width: 50%;
    min-width: 20rem; }
  #search #searchClose {
    position: absolute;
    top: 1.5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: none;
    outline: none;
    transform: rotate(180deg);
    transform-origin: 50%; }
    @media screen and (max-width: 48.0625rem) {
      #search #searchClose {
        left: 1.5rem; } }
    @media screen and (min-width: 48.0625rem) {
      #search #searchClose {
        top: 3.5rem;
        right: 3.5rem;
        transform: rotate(0deg); } }
    #search #searchClose:hover span {
      width: 24px;
      transform-origin: 25px 1.5px;
      transition: all 0.125s linear; }
    #search #searchClose span {
      display: block;
      background: #121212;
      height: 3px;
      width: 32px;
      transform-origin: 18px 1.5px;
      transition: all 0.125s linear; }
      #search #searchClose span:first-of-type {
        transform: rotate(-45deg); }
      #search #searchClose span:last-of-type {
        transform: rotate(45deg); }

header.search-header {
  display: block; }
  @media screen and (min-width: 48.0625rem) {
    header.search-header {
      display: grid; } }
  header.search-header .list-header-cover {
    padding: 0 2rem; }
    @media screen and (min-width: 48.0625rem) {
      header.search-header .list-header-cover {
        padding: 0; } }
  header.search-header form {
    border-bottom: 2px dashed #121212;
    position: relative; }
    header.search-header form svg {
      position: absolute;
      right: 0;
      height: 15px;
      bottom: 17px; }
  header.search-header label {
    display: inline-block;
    font-size: 1rem;
    letter-spacing: 0.2rem;
    font-style: italic;
    font-weight: 600;
    color: #121212; }
  header.search-header select {
    border: 0;
    border-radius: 0 !important;
    height: 50px;
    outline: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 1rem;
    letter-spacing: 0.2rem;
    font-style: italic;
    font-weight: 600;
    color: #121212;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 24px; }

.pagination {
  font-weight: 600;
  color: #121212;
  text-align: center; }
  .pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .pagination li {
    display: inline-block;
    padding: 10px 18px; }
    .pagination li.active a {
      border-bottom: 3px solid #CD2A2E;
      transition: all 0.25s linear;
      padding: 5px;
      color: #CD2A2E; }
      .pagination li.active a:hover {
        color: #CD2A2E; }
    .pagination li a {
      border-bottom: 3px solid #121212;
      transition: all 0.25s linear;
      padding: 5px; }
      .pagination li a:hover {
        padding-bottom: 0;
        color: #CD2A2E;
        border-bottom: 3px solid #CD2A2E; }
  .pagination .arrow a {
    border-bottom: 0; }
    .pagination .arrow a:hover {
      border-bottom: 0; }
  .pagination .arrow svg {
    height: 16px;
    transition: all 0.25s linear; }
    .pagination .arrow svg:hover {
      fill: #CD2A2E; }

/* Menu */
#menu {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: #121212;
  overflow: scroll;
  text-align: left;
  padding: 0;
  top: 0;
  left: 0;
  transition: all 0.5s ease-in; }
  #menu.closed {
    display: flex;
    position: fixed;
    top: 0;
    left: 100%;
    transition: all 0.5s ease-out; }
  #menu #menuClose {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: block;
    width: 2rem;
    height: 2rem; }
    @media screen and (min-width: 48.0625rem) {
      #menu #menuClose {
        top: 3.5rem;
        right: 3.5rem; } }
    #menu #menuClose:hover span {
      width: 24px;
      transform-origin: 25px 1.5px;
      transition: all 0.125s linear; }
    #menu #menuClose span {
      display: block;
      background: #FFFFFF;
      height: 3px;
      width: 32px;
      transform-origin: 18px 1.5px;
      transition: all 0.125s linear; }
      #menu #menuClose span:first-of-type {
        transform: rotate(-45deg); }
      #menu #menuClose span:last-of-type {
        transform: rotate(45deg); }
  #menu .menu-nav-account {
    width: 80vw;
    margin: 3.75rem auto 1.875rem auto; }
    #menu .menu-nav-account .subscribe-link, #menu .menu-nav-account .subscribe-options .large-button .gift-link, .subscribe-options .large-button #menu .menu-nav-account .gift-link {
      display: inline-block;
      margin-left: 0;
      width: 100%;
      margin-right: auto;
      margin-bottom: 0.75rem;
      text-align: left; }
      #menu .menu-nav-account .subscribe-link:hover, #menu .menu-nav-account .subscribe-options .large-button .gift-link:hover, .subscribe-options .large-button #menu .menu-nav-account .gift-link:hover {
        padding-bottom: 0;
        border-bottom: none; }
    @media screen and (min-width: 48.0625rem) {
      #menu .menu-nav-account .subscribe-link, #menu .menu-nav-account .subscribe-options .large-button .gift-link, .subscribe-options .large-button #menu .menu-nav-account .gift-link {
        display: inline-block;
        margin-left: 0;
        margin-right: 1.875rem; } }
  #menu .menu-nav {
    display: flex;
    flex-direction: column;
    width: 83vw;
    margin: 0 auto auto auto; }
    @media screen and (min-width: 48.0625rem) {
      #menu .menu-nav {
        flex-direction: row; } }
    #menu .menu-nav .menu-nav-column {
      display: inline-block;
      width: 100%;
      border-top: solid 3px #FFFFFF;
      margin-right: auto;
      margin-left: auto; }
      #menu .menu-nav .menu-nav-column:last-of-type {
        margin-right: 0; }
      @media screen and (min-width: 48.0625rem) {
        #menu .menu-nav .menu-nav-column {
          width: 30%;
          border-top: solid 3px #FFFFFF; } }
      #menu .menu-nav .menu-nav-column a {
        color: #FFFFFF;
        font-size: 1.5rem;
        display: block;
        margin: 0.75rem 0;
        padding: 0.75rem 0;
        border-left: solid 0rem #FFFFFF;
        transition: border-width 0.125s linear, padding 0.25s linear; }
        @media screen and (min-width: 48.0625rem) {
          #menu .menu-nav .menu-nav-column a {
            font-size: 2rem; } }
        #menu .menu-nav .menu-nav-column a:hover {
          padding-left: 1rem;
          border-left: solid 1rem #FFFFFF;
          transition: border-width 0.125s linear, padding 0.125s linear; }

/* Login */
.login {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: #121212;
  overflow: scroll;
  text-align: left;
  padding: 0;
  top: 0;
  right: 0;
  transition: all 0.5s ease-in; }
  .login.closed {
    display: flex;
    position: fixed;
    top: 0;
    right: 100%;
    transition: all 0.5s ease-out; }
  .login #loginClose {
    background: transparent;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    display: block;
    width: 2rem;
    height: 2rem; }
    @media screen and (min-width: 48.0625rem) {
      .login #loginClose {
        top: 3.5rem;
        right: 3.5rem; } }
    .login #loginClose:hover span {
      width: 24px;
      transform-origin: 3.5px 1.5px;
      transition: all 0.125s linear; }
    .login #loginClose span {
      display: block;
      background: #FFFFFF;
      height: 3px;
      width: 32px;
      transform-origin: 18px 1.5px;
      transition: all 0.125s linear; }
      .login #loginClose span:first-of-type {
        transform: rotate(-45deg); }
      .login #loginClose span:last-of-type {
        transform: rotate(45deg); }
  .login .login-content {
    width: 80vw;
    height: 50vh;
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: left; }
    .login .login-content h2.white a {
      background: #CD2A2E; }
      .login .login-content h2.white a:hover {
        background: #121212;
        border-bottom: 2px solid #FFFFFF; }
  .login form {
    max-width: 40rem;
    width: 80vw;
    margin: auto 0 auto; }
    .login form input.email {
      border-bottom: 0;
      text-indent: 10px;
      padding-top: 12px; }
    .login form input.zip {
      border-bottom: 0;
      text-indent: 10px;
      padding-top: 12px; }
    .login form input.submit {
      width: 100%;
      background: #CD2A2E;
      color: #FFFFFF;
      underline: none;
      padding: 15px;
      border-radius: 5px; }
  .login span a {
    border-bottom: 1px solid #FFFFFF; }
  .login .guest {
    display: none;
    height: 100vh;
    position: absolute;
    background: #121212; }
    .login .guest.hide {
      display: block; }

.double-border, article .article-content .author-bio, article .page-content .author-bio, .topics-section .topics-title {
  border-top: solid 2px #121212; }
  .double-border::before, article .article-content .author-bio::before, article .page-content .author-bio::before, .topics-section .topics-title::before {
    display: block;
    content: " ";
    height: 4px;
    background-color: #121212;
    margin-top: -0.95rem;
    margin-bottom: 2.5rem; }

.page article {
  margin-top: 5.15625rem; }

.locked .article-content > p:last-of-type ::after {
  display: none; }

article {
  max-width: 47.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin-bottom: 3.75rem;
  /* Article Info */
  /* Page Info */ }
  article aside.related-article {
    margin: 3.75rem auto 2.5rem auto; }
  article .module.last {
    margin: 3.75rem auto 0 auto; }
  article .article-info {
    background: white;
    margin-top: -1.25rem;
    padding-top: 2.5rem;
    margin-bottom: 2.5rem;
    text-align: center; }
    article .article-info .author-name {
      display: block;
      width: 100%; }
    article .article-info p {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
  article .page-info {
    background: white;
    margin-top: 0;
    padding-top: 2.5rem;
    margin-bottom: 2.5rem;
    text-align: center; }
  article .article-content, article .page-content {
    padding: 0 1.875rem; }
    article .article-content .author-bio, article .page-content .author-bio {
      margin-top: 3.75rem; }
    article .article-content .subtitle-image, article .page-content .subtitle-image {
      margin-bottom: 1.875rem; }
    article .article-content hr, article .page-content hr {
      border: none;
      background-color: #e6e6e6;
      height: 1px;
      margin-top: 1.875rem;
      margin-bottom: 1.875rem;
      -webkit-appearance: none; }
  @media screen and (min-width: 48.0625rem) {
    article .article-content, article .page-content {
      padding: 0 3.75rem; }
      article .article-content .subtitle, article .page-content .subtitle {
        padding-top: 0;
        padding-bottom: 0.375rem; } }
  article .article-footnote small {
    display: block; }
  article .article-footnote a {
    border-bottom: 2px solid #121212; }

.page-split h1 {
  background: #CD2A2E;
  padding: 8rem 0;
  text-align: center; }

@media screen and (min-width: 48.0625rem) {
  .two-col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; } }

figure {
  margin: 0 0 1.875rem 0; }

.related-articles {
  max-width: 75rem;
  padding: 0 2rem;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2.444444rem; }
  @media screen and (min-width: 48.0625rem) {
    .related-articles {
      grid-template-columns: 1fr 1fr; } }
  .related-articles .related-article {
    margin: 0 auto;
    box-shadow: 0px 0px 0px #121212; }
    .related-articles .related-article:hover {
      margin-top: -0.75rem;
      box-shadow: -0.75rem 0.75rem 0px #121212; }
      .related-articles .related-article:hover .related-article-title {
        padding-bottom: 0.125rem; }
    .related-articles .related-article::before {
      content: none; }

.module {
  border: 2px solid #121212;
  background: #FFFFFF;
  max-width: 36.25rem;
  width: 100%;
  height: fit-content;
  margin: 2.5rem auto;
  position: relative;
  transition: all 0.25s linear;
  box-sizing: border-box;
  display: flex; }
  .module:not(.wide) {
    min-height: 600px;
  }
  @media screen and (min-width: 48.0625rem) {
    .module {
      margin: 5.625rem auto 3.75rem auto; } }
  .module.subscribe .module-content {
    display: flex;
    flex-direction: row;
    width: 86%; }
    .module.subscribe .module-content .module-text {
      text-align: left;
      margin: auto;
      padding-right: 0.25rem; }
      .module.subscribe .module-content .module-text h4 {
        margin-bottom: 1rem; }
    .module.subscribe .module-content .module-issue {
      text-align: right;
      margin: auto;
      width: 33.333333%;
      display: flex; }
      .module.subscribe .module-content .module-issue img {
        box-shadow: 10px 10px 0 rgba(16, 16, 16, 0.1);
        min-width: 139px;
        max-width: 139px;
        max-height: 184px;
        margin: auto; }
  .module.subscribe.wide {
    grid-column: auto / span 2;
    grid-row: row 5;
    width: 90%;
    max-width: 75rem; }
    .module.subscribe.wide .module-content {
      width: 100%;
      padding: 0 0.75rem; }
      @media screen and (min-width: 48.0625rem) {
        .module.subscribe.wide .module-content {
          padding: 0 1.875rem; } }
      .module.subscribe.wide .module-content .module-logo {
        width: 25%;
        margin: auto;
        display: none; }
        @media screen and (min-width: 48.0625rem) {
          .module.subscribe.wide .module-content .module-logo {
            display: flex; } }
        .module.subscribe.wide .module-content .module-logo svg {
          width: 217px;
          margin: auto auto auto 0; }
      .module.subscribe.wide .module-content .module-text {
        width: 100%;
        margin: auto;
        text-align: center; }
        @media screen and (min-width: 48.0625rem) {
          .module.subscribe.wide .module-content .module-text {
            width: 50%; } }
      .module.subscribe.wide .module-content .module-issue {
        width: 100%;
        margin: auto;
        display: flex; }
        @media screen and (min-width: 48.0625rem) {
          .module.subscribe.wide .module-content .module-issue {
            width: 25%; } }
        .module.subscribe.wide .module-content .module-issue img {
          min-width: auto;
          max-width: 80%;
          margin: auto; }
          @media screen and (min-width: 48.0625rem) {
            .module.subscribe.wide .module-content .module-issue img {
              min-width: 139px;
              max-width: 139px;
              max-height: 184px; } }
  .module.newsletter .module-content {
    width: 80%; }
    .module.newsletter .module-content .module-title {
      margin: 2rem auto -2rem auto; }
  .module::before {
    display: block;
    background-image: url(../img/corner.svg);
    background-repeat: no-repeat;
    background-position: 0.75rem 0.75rem;
    background-size: 20.414px;
    content: " ";
    max-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    border: 2px solid #121212;
    background-color: #FFFFFF;
    position: relative;
    margin-top: -1rem;
    margin-left: -1rem;
    z-index: -1;
    transition: all 0.25s linear;
    box-sizing: border-box;
    position: absolute; }
  .module:hover {
    transition: all 0.25s linear; }
    .module:hover::before {
      margin-top: -1rem;
      margin-left: -1rem; }
  @media screen and (min-width: 48.0625rem) {
    .module::before {
      margin-top: -2rem;
      margin-left: -2rem; } }
  .module .module-content {
    width: 100%;
    /* height: fit-content; */
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column; }

.topics-section {
  max-width: 75rem;
  padding: 0 2rem;
  margin: 4.6875rem auto;
  grid-template-columns: 100%;
  background-color: #FFFFFF;
  display: grid;
  grid-template-areas: "title" "topics"; }
  .topics-section .topics {
    display: grid;
    grid-area: topics;
    grid-gap: 40px;
    grid-template-columns: repeat(auto-fill, minmax(140px, 2.333333fr)); }
    @media screen and (min-width: 48.0625rem) {
      .topics-section .topics {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        grid-gap: 2.5rem 0.25rem; } }
  .topics-section a.topic-link {
    text-align: center;
    text-decoration: none;
    color: #121212;
    font-weight: 600;
    padding: 0; }
    @media screen and (min-width: 48.0625rem) {
      .topics-section a.topic-link {
        padding: 0.75rem; } }
    .topics-section a.topic-link:hover::after {
      display: block;
      content: " ";
      height: 4px;
      margin-top: -64px;
      transform: rotate(45deg);
      width: 72px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      z-index: 1;
      background-color: #CD2A2E;
      animation-duration: 0.25s;
      animation-name: slidein; }
  .topics-section .topics-title {
    grid-area: title;
    text-align: center;
    padding-bottom: 1.5rem; }
    .topics-section .topics-title::before {
      margin-bottom: 3rem; }

@keyframes slidein {
  from {
    width: 0rem; }
  to {
    width: 72px; } }

.topic-label {
  display: block;
  font-weight: 700; }

.topic-icon {
  height: 1.5rem;
  max-width: 3.25rem;
  margin-bottom: 0.75rem; }
  @media screen and (min-width: 48.0625rem) {
    .topic-icon {
      margin-bottom: 1.25rem; } }

@media screen and (min-width: 48.0625rem) {
  .topic-icon {
    height: 2.125rem;
    width: auto;
    max-width: 4.5rem; }
    .topic-icon.large-icon {
      height: 4.125rem; } }

/* Page */
.page-headline {
  margin: auto;
  padding: 8vh 0 8vh 0; }

/* Tablet and Up */
@media only screen and (orientation: landscape) {
  header.half-height {
    height: auto;
    /*was 80vh*/ }
    header.half-height .article-headline, header.half-height .page-headline {
      margin: auto;
      padding: 8vh 0 8vh 0; } }

@media screen and (min-width: 48.0625rem) {
  header {
    height: 100vh;
    /* width: 100vw; */
    background: #CD2A2E;
    /* Article Info */ }
    header.half-height {
      height: auto;
      /*was 60vh*/ }
    header .article-header-content, header .page-header-content {
      width: 90vw; }
      header .article-header-content .article-meta, header .article-header-content .page-meta, header .page-header-content .article-meta, header .page-header-content .page-meta {
        text-align: center;
        align-self: stretch; }
    header main {
      padding: 0 3.75rem; }
    header .article-info, header .page-info {
      margin-top: -1.25rem;
      padding-top: 1.25rem; }
      header .article-info p, header .page-info p {
        padding-top: 2.5rem;
        padding-bottom: 0.75rem; }
  nav {
    height: 5.125rem;
    padding: 0.75rem 2rem; }
    nav .subscribe-link, nav .subscribe-options .large-button .gift-link, .subscribe-options .large-button nav .gift-link {
      display: inline-block;
      border-bottom-color: transparent;
      padding-bottom: 0; }
      nav .subscribe-link:hover, nav .subscribe-options .large-button .gift-link:hover, .subscribe-options .large-button nav .gift-link:hover {
        padding-right: 0;
        padding-bottom: 0.25rem;
        border-bottom-color: #CD2A2E; }
    nav #searchToggle {
      height: auto;
      width: 1.666666rem;
      margin-top: auto;
      margin-left: auto;
      margin-bottom: auto;
      margin-right: 2rem;
      order: 3; }
      nav #searchToggle .a {
        fill: none;
        stroke: #FFFFFF;
        stroke-linecap: square;
        stroke-linejoin: round;
        stroke-width: 3px; }
    nav #menuToggle {
      margin-top: auto;
      margin-left: 0;
      margin-bottom: auto;
      margin-right: 0;
      order: 4; }
      nav #menuToggle .menu-icon {
        display: flex;
        align-self: center;
        flex-direction: column;
        justify-content: space-between;
        width: 2.0321rem;
        height: 1.5rem; }
    nav #logo {
      width: 11.125rem;
      max-height: 3.666666rem;
      margin: auto;
      order: 2;
      position: absolute;
      top: 1.25rem; }
      nav #logo::before {
        display: inline-block;
        margin-top: -0.125rem; } }

.load-more-container {
  display: flex;
  width: 100%;
  padding-top: 1.875rem; }
  .load-more-container .load-more {
    margin: auto; }

/* Related Articles */
.related-article {
  /* .module-content > a {
		margin: auto;
	} */ }
  .related-article .related-article-category {
    font-size: 0.75rem;
    margin-top: 0; }
    @media screen and (min-width: 48.0625rem) {
      .related-article .related-article-category {
        font-size: 0.875rem; } }
    .related-article .related-article-category .related-article-category-name {
      border-bottom: 2px solid #121212; }
  .related-article .related-article-title {
    font-weight: 600;
    letter-spacing: 0.2rem;
    font-size: 1.125rem;
    display: inline;
    border-bottom-color: #CD2A2E;
    margin: 0 auto 1.5rem; }
    @media screen and (min-width: 48.0625rem) {
      .related-article .related-article-title {
        font-size: 1.625rem; } }
    .related-article .related-article-title svg {
      height: 15px; }
      @media screen and (min-width: 48.0625rem) {
        .related-article .related-article-title svg {
          height: 20px; } }
  .related-article .related-article-subtitle {
    font-weight: 600;
    letter-spacing: 0.05rem;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0 auto 1.875rem;
    padding: 0 2.5rem; }
    @media screen and (min-width: 48.0625rem) {
      .related-article .related-article-subtitle {
        font-size: 1.125rem;
        line-height: 1.75;
        margin: 1.875rem auto; } }
  .related-article .related-article-author {
    font-weight: 600;
    margin: 0 auto; }

.author-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin-bottom: 0.75rem; }

.author-social-bookmarks {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem; }
  .author-social-bookmarks a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #121212;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    letter-spacing: 0.05rem; }
    .author-social-bookmarks a:hover {
      color: #CD2A2E;
      border-bottom: 2px solid #CD2A2E; }

/* Department */
.department .department-name {
  text-transform: uppercase;
  letter-spacing: 0.2rem; }

.department .articles-count-total {
  margin-left: 0 !important; }

/* Subscribe */
.subscribe-options {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1.875rem; }
  @media screen and (min-width: 48.0625rem) {
    .subscribe-options {
      flex-direction: row; } }
  .subscribe-options .large-button {
    text-align: center;
    display: block;
    height: 100%;
    border: solid 2px #e6e6e6;
    margin: 0.75rem;
    padding: 1.875rem;
    max-width: 100%; }
    @media screen and (min-width: 48.0625rem) {
      .subscribe-options .large-button {
        max-width: 23.75rem;
        width: 50%; } }
    .subscribe-options .large-button:hover {
      border-color: #CD2A2E; }
    .subscribe-options .large-button .price {
      font-size: 1.25rem;
      color: #CD2A2E;
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
    .subscribe-options .large-button .subscribe-link, .subscribe-options .large-button .gift-link {
      padding-left: 0;
      margin-bottom: 0.75rem;
      display: inline-block; }
      .subscribe-options .large-button .subscribe-link:hover, .subscribe-options .large-button .gift-link:hover {
        padding-right: 0; }
    .subscribe-options .large-button .gift-link {
      color: #121212;
      border-bottom: #121212;
      margin-bottom: 0; }
    .subscribe-options .large-button p {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
      .subscribe-options .large-button p::after {
        background-image: none;
        content: none;
        height: 0;
        margin-bottom: 0;
        padding-bottom: 0; }

@media screen and (min-width: 48.0625rem) {
  .student-subscribe .large-button {
    width: 100%;
    max-width: none; } }

@media screen and (min-width: 48.0625rem) {
  .student-subscribe .large-button img {
    max-width: 23.75rem; } }

/* List of Articles */
.list .topic-item-article-count {
  font-weight: 600;
  margin: 2.5rem auto;
  width: 100%; }
  .list .topic-item-article-count .articles-count-total {
    margin: auto;
    width: 100%;
    margin-left: 1rem; }
    .list .topic-item-article-count .articles-count-total:after {
      display: inline-block;
      content: " ";
      width: 1rem;
      background: #FFFFFF; }
  .list .topic-item-article-count .articles-count-new {
    background: #CD2A2E;
    padding: 0.5rem;
    font-size: 0.75rem;
    letter-spacing: 0.05rem;
    margin: auto;
    color: #FFFFFF; }

.list-articles, .dummy {
  max-width: 75rem;
  padding: 0 2rem;
  margin: auto;
  display: block; }
  @media screen and (min-width: 48.0625rem) {
    .list-articles, .dummy {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 2.444444rem; } }
  .list-articles .list-article, .dummy .list-article {
    margin: 0 auto 1.875rem auto;
    box-shadow: 0px 0px 0px #121212; }
    @media screen and (min-width: 48.0625rem) {
      .list-articles .list-article, .dummy .list-article {
        margin: 0 auto; } }
    .list-articles .list-article:hover, .dummy .list-article:hover {
      box-shadow: -0.75rem 0.75rem 0px #121212; }
      .list-articles .list-article:hover .list-article-title, .dummy .list-article:hover .list-article-title {
        padding-bottom: 0.25rem; }
    .list-articles .list-article::before, .dummy .list-article::before {
      content: none; }
  .list-articles .subscribe.wide, .dummy .subscribe.wide {
    margin: 2.5rem auto 0.75rem auto;
    grid-row: 3; }
    .list-articles .subscribe.wide:first-of-type, .dummy .subscribe.wide:first-of-type {
      grid-row: 3; }
    .list-articles .subscribe.wide:nth-of-type(2), .dummy .subscribe.wide:nth-of-type(2) {
      grid-row: 9; }
    .list-articles .subscribe.wide:nth-of-type(3), .dummy .subscribe.wide:nth-of-type(3) {
      grid-row: 15; }
  .list-articles .fake-ad-module, .dummy .fake-ad-module {
    border: 0;
    box-shadow: none !important; }
    .list-articles .fake-ad-module:before, .dummy .fake-ad-module:before {
      display: none; }
    .list-articles .fake-ad-module .list-article-link, .dummy .fake-ad-module .list-article-link {
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: column;
      padding: 0;
      margin: 0; }
    .list-articles .fake-ad-module:hover, .dummy .fake-ad-module:hover {
      box-shadow: none !important; }
    .list-articles .fake-ad-module .fake-ad-thumb, .dummy .fake-ad-module .fake-ad-thumb {
      max-width: 200px;
      width: 100%;
      height: auto;
      box-shadow: 10px 10px 0 rgba(16, 16, 16, 0.1);
      margin: 0 auto; }
    .list-articles .fake-ad-module .fake-ad-title, .dummy .fake-ad-module .fake-ad-title {
      font-weight: 600;
      letter-spacing: 0.2rem;
      font-size: 1.125rem;
      display: inline;
      margin: 0 auto 1.125rem; }
      @media screen and (min-width: 48.0625rem) {
        .list-articles .fake-ad-module .fake-ad-title, .dummy .fake-ad-module .fake-ad-title {
          font-size: 1.625rem;
          margin: 0 auto 1.875rem; } }
    .list-articles .fake-ad-module .dual-links, .dummy .fake-ad-module .dual-links {
      width: 100%;
      text-align: center;
      padding-top: 2.5rem; }
      .list-articles .fake-ad-module .dual-links a, .dummy .fake-ad-module .dual-links a {
        text-transform: uppercase;
        letter-spacing: 0.2rem;
        border-bottom: 2px solid #CD2A2E;
        padding-bottom: 8px;
        font-weight: 600;
        font-size: 0.875rem;
        margin: 0 0.75rem; }

.list-article.no-image .module-content > a {
  margin: auto;
  transition: all 0.25s linear; }

.list-article.no-image .trending-number {
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.2rem;
  display: inline-block;
  color: #FFFFFF;
  background: #121212;
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 600;
  padding: 0.25rem;
  width: 2rem;
  height: 2rem; }

.list-article .module-content > a {
  margin: 0 0 0 0;
  padding-bottom: 1.125rem;
  width: 100%;
  background-repeat: repeat; }
  @media screen and (min-width: 48.0625rem) {
    .list-article .module-content > a {
      padding-bottom: 2.5rem; } }

.list-article .list-article-category {
  font-size: 0.62rem;
  text-transform: uppercase;
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
  padding: 0; }
  @media screen and (min-width: 48.0625rem) {
    .list-article .list-article-category {
      font-size: 0.875rem;
      margin-top: 1.875rem;
      padding: 0 2.5rem; } }
  .list-article .list-article-category .related-article-category-name {
    border-bottom: 2px solid #121212; }

.list-article .list-article-image {
  border-bottom: 2px solid #121212;
  height: 8.7009375rem;
  width: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media screen and (min-width: 48.0625rem) {
    .list-article .list-article-image {
      height: 17.401875rem; } }

.list-article .list-article-title {
  font-weight: 600;
  letter-spacing: 0.2rem;
  font-size: 1.125rem;
  display: inline;
  border-bottom-color: #CD2A2E;
  margin: 0 auto 1.125rem; }
  .list-article .list-article-title svg {
    height: 15px; }
    @media screen and (min-width: 48.0625rem) {
      .list-article .list-article-title svg {
        height: 20px; } }
  @media screen and (min-width: 48.0625rem) {
    .list-article .list-article-title {
      font-size: 1.625rem;
      margin: 0 auto 1.875rem; } }
  .list-article .list-article-title::after {
    display: block;
    margin-left: auto;
    margin-top: 0;
    position: relative;
    content: " ";
    height: 1.5rem; }
    @media screen and (min-width: 48.0625rem) {
      .list-article .list-article-title::after {
        height: 1.875rem; } }
  .list-article .list-article-title::before {
    display: block;
    margin-left: auto;
    margin-top: 0;
    position: relative;
    content: " ";
    height: 0; }
    @media screen and (min-width: 48.0625rem) {
      .list-article .list-article-title::before {
        height: 0.125rem; } }

.list-article .list-article-subtitle {
  font-weight: 600;
  letter-spacing: 0.05rem;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0 auto 1.125rem;
  padding: 0 2.5rem; }
  @media screen and (min-width: 48.0625rem) {
    .list-article .list-article-subtitle {
      font-size: 1.125rem;
      line-height: 1.75; } }

.list-article .list-article-author {
  font-weight: 600;
  margin: 0 auto; }

.module-content {
  display: flex;
  flex-direction: row;
  width: 86%; }
  .module-content .module-text {
    text-align: left;
    margin: auto;
    padding-right: 0.25rem; }
    .module-content .module-text h4 {
      margin-bottom: 1rem; }
  .module-content .module-issue {
    text-align: right;
    margin: auto;
    width: 33.333333%; }

.newsletter.wide {
  width: 90%;
  max-width: 75rem;
  text-align: left; }
  .newsletter.wide .module-content {
    flex-direction: column;
    text-align: left;
    width: 90%;
    padding: 1.875rem; }
    @media screen and (min-width: 48.0625rem) {
      .newsletter.wide .module-content {
        flex-direction: row;
        width: 100%; } }
    .newsletter.wide .module-content .module-title {
      text-align: left;
      margin: 0 0 1.125rem 0; }
      @media screen and (min-width: 48.0625rem) {
        .newsletter.wide .module-content .module-title {
          margin: 0 0 1.875rem 0; } }
    .newsletter.wide .module-content .module-text {
      text-align: left;
      margin: auto auto 0 auto;
      padding-right: 0.25rem;
      width: 100%;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 48.0625rem) {
        .newsletter.wide .module-content .module-text {
          width: 45%;
          margin: auto auto auto auto; } }
      .newsletter.wide .module-content .module-text h4 {
        margin-bottom: 1rem; }
    .newsletter.wide .module-content form {
      width: 100%;
      margin-left: 0;
      margin-top: 0;
      padding-top: 0.75rem; }
      @media screen and (min-width: 48.0625rem) {
        .newsletter.wide .module-content form {
          width: 40%;
          padding-top: 1.875rem; } }

/* Topic List */
.topic-list {
  max-width: 75rem;
  padding: 0 2rem;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, [row] auto);
  grid-gap: 2.444444rem; }
  @media screen and (min-width: 48.0625rem) {
    .topic-list {
      grid-template-columns: repeat(2, [col] 1fr); } }
  .topic-list .newsletter {
    grid-column: auto / span 2;
    grid-row: row 3;
    width: 90%;
    max-width: 75rem;
    text-align: left; }
    .topic-list .newsletter .module-content {
      flex-direction: column;
      text-align: left;
      width: 90%;
      padding: 1.875rem; }
      @media screen and (min-width: 48.0625rem) {
        .topic-list .newsletter .module-content {
          flex-direction: column;
          width: 90%; } }
      .topic-list .newsletter .module-content .module-title {
        text-align: left;
        margin: 0 0 1.125rem 0; }
        @media screen and (min-width: 48.0625rem) {
          .topic-list .newsletter .module-content .module-title {
            margin: 0 0 1.875rem 0; } }
      .topic-list .newsletter .module-content .module-text {
        text-align: left;
        margin: auto auto 0 auto;
        padding-right: 0.25rem;
        width: 100%;
        display: flex;
        flex-direction: column; }
        @media screen and (min-width: 48.0625rem) {
          .topic-list .newsletter .module-content .module-text {
            width: 86%;
            margin: auto auto auto auto; } }
        .topic-list .newsletter .module-content .module-text h4 {
          margin-bottom: 1rem; }
      .topic-list .newsletter .module-content form {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        padding-top: 0.75rem; }
        @media screen and (min-width: 48.0625rem) {
          .topic-list .newsletter .module-content form {
            width: 86%;
            padding-top: 1.875rem; } }
  .topic-list .topic-item {
    margin: 0 auto;
    height: auto !important;
    max-height: 420px;
    border-color: #e6e6e6;
    grid-column: auto / span 2; }
    @media screen and (min-width: 48.0625rem) {
      .topic-list .topic-item {
        grid-column: auto / span 1; } }
    .topic-list .topic-item:hover {
      margin-top: -0.75rem;
      border-color: #121212;
      border-width: 4px;
      transition: margin 0.25s linear, border-width 0.25s linear; }
      .topic-list .topic-item:hover .topic-item-title {
        padding-bottom: 0.125rem; }
    .topic-list .topic-item::before {
      content: none; }
    .topic-list .topic-item .module-content {
      min-height: auto;
      padding: 0; }
      @media screen and (min-width: 48.0625rem) {
        .topic-list .topic-item .module-content {
          min-height: 420px;
          padding: 0 2.5rem; } }
      .topic-list .topic-item .module-content > a {
        margin: auto; }
    .topic-list .topic-item .related-article-category {
      font-size: 0.75rem;
      margin-top: 0; }
      @media screen and (min-width: 48.0625rem) {
        .topic-list .topic-item .related-article-category {
          font-size: 0.875rem; } }
      .topic-list .topic-item .related-article-category .related-article-category-name {
        border-bottom: 2px solid #121212; }
    .topic-list .topic-item .topic-item-title {
      font-weight: 600;
      letter-spacing: 0.2rem;
      font-size: 1.125rem;
      display: block;
      border-bottom-color: #CD2A2E;
      margin: 0 auto 1.5rem; }
      @media screen and (min-width: 48.0625rem) {
        .topic-list .topic-item .topic-item-title {
          font-size: 1.625rem; } }
    .topic-list .topic-item .topic-item-description {
      font-weight: 600;
      letter-spacing: 0.05rem;
      font-size: 0.875rem;
      line-height: 1.5;
      margin: 0 auto 1.125rem;
      padding: 0 0.75rem; }
      @media screen and (min-width: 48.0625rem) {
        .topic-list .topic-item .topic-item-description {
          font-size: 1.125rem;
          line-height: 1.75;
          padding: 0 2.5rem; } }
    .topic-list .topic-item .topic-item-article-count {
      font-weight: 600;
      margin: 1.875rem auto 0 auto;
      width: 100%; }
      .topic-list .topic-item .topic-item-article-count .articles-count-total {
        margin: auto;
        width: 100%;
        margin-left: 1rem; }
        .topic-list .topic-item .topic-item-article-count .articles-count-total:after {
          display: inline-block;
          content: " ";
          width: 1rem;
          background: #FFFFFF; }
      .topic-list .topic-item .topic-item-article-count .articles-count-new {
        background: #CD2A2E;
        padding: 0.5rem;
        font-size: 0.75rem;
        letter-spacing: 0.05rem;
        margin: auto;
        color: #FFFFFF; }

.gateway {
  width: 100%; }
  .gateway .gateway-link {
    margin-top: 4rem; }
    .gateway .gateway-link h4 {
      margin-bottom: 0; }
  .gateway a {
    border-bottom-color: #CD2A2E !important; }

/* Ad List */
.ad-list {
  margin-left: 1.125rem;
  margin-right: 1.125rem; }
  @media screen and (min-width: 48.0625rem) {
    .ad-list {
      margin-left: 0;
      margin-right: 0; } }
  .ad-list .ad-list-row {
    max-width: 75rem;
    margin: 2.5rem auto;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media screen and (min-width: 48.0625rem) {
      .ad-list .ad-list-row {
        flex-direction: row; } }
    .ad-list .ad-list-row .ad-list-cell {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 48.0625rem) {
        .ad-list .ad-list-row .ad-list-cell {
          flex-direction: row; } }
      .ad-list .ad-list-row .ad-list-cell .ad {
        /*max-width: 200px;*/
        height: auto;
        text-align: center;
        margin-left: 0.75rem;
        margin-right: 0.75rem;
        margin-bottom: 2.5rem; }
        @media screen and (min-width: 48.0625rem) {
          .ad-list .ad-list-row .ad-list-cell .ad {
            width: 22%; } }
        .ad-list .ad-list-row .ad-list-cell .ad:hover img {
          transition: all 0.125s ease-in-out;
          box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.333);
          margin-top: -5px; }
        @media screen and (min-width: 48.0625rem) {
          .ad-list .ad-list-row .ad-list-cell .ad {
            margin-left: 0.75rem;
            margin-right: 0.75rem; } }
        .ad-list .ad-list-row .ad-list-cell .ad > .ad-name {
          font-weight: 600;
          letter-spacing: 0.05rem; }
        .ad-list .ad-list-row .ad-list-cell .ad p {
          font-weight: 600;
          line-height: 1.5; }
    .ad-list .ad-list-row img {
      transition: all 0.125s ease-in-out; }

.fakead h1 {
  margin-bottom: 2.5rem; }

/* Component CSS */
.nav-thumbflip a {
  position: absolute;
  top: 35rem;
  display: block;
  outline: none;
  text-align: left;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media screen and (min-width: 62.5rem) {
    .nav-thumbflip a {
      top: 50rem; } }
  .nav-thumbflip a.prev {
    left: 0; }
  .nav-thumbflip a.next {
    right: 0; }
  .nav-thumbflip a svg {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 16px;
    height: 16px; }
    @media screen and (min-width: 62.5rem) {
      .nav-thumbflip a svg {
        width: 32px;
        height: 32px; } }

/* Individual styles */
/*--------------------*/
/* Thumb flip */
/*--------------------*/
.nav-thumbflip a {
  -webkit-perspective: 1000px;
  perspective: 1000px; }
  .nav-thumbflip a.prev {
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%; }
  .nav-thumbflip a.next {
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%; }

.nav-thumbflip .icon-wrap {
  display: block;
  width: 25px;
  height: 50px;
  background-color: #CD2A2E;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border: 1px #db404b solid; }
  @media screen and (min-width: 37.5rem) {
    .nav-thumbflip .icon-wrap {
      width: 50px; } }
  @media screen and (min-width: 62.5rem) {
    .nav-thumbflip .icon-wrap {
      width: 100px;
      height: 100px; } }

.nav-thumbflip svg.icon {
  position: relative;
  top: 50%;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: #FFFFFF; }

.nav-thumbflip img {
  display: none;
  position: absolute;
  top: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media screen and (min-width: 62.5rem) {
    .nav-thumbflip img {
      display: block; } }

.nav-thumbflip a.prev img {
  left: 100%;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.nav-thumbflip a.next img {
  right: 100%;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.nav-thumbflip a:hover .icon-wrap {
  background-color: #fff;
  border: 1px #CD2A2E solid; }
  @media screen and (min-width: 62.5rem) {
    .nav-thumbflip a:hover .icon-wrap {
      border-right: transparent;
      border-left: transparent; } }
  .nav-thumbflip a:hover .icon-wrap svg {
    fill: #CD2A2E; }

.next img {
  border: 1px #CD2A2E solid;
  border-right: transparent; }

.prev img {
  border: 1px #CD2A2E solid;
  border-left: transparent; }

.nav-thumbflip a:hover svg.icon {
  fill: #db404b; }

.nav-thumbflip a:hover img {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }

/* Archive List */
.archive-list .archive-list-year {
  max-width: 75rem;
  margin: 2.5rem auto;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 48.0625rem) {
    .archive-list .archive-list-year {
      flex-direction: row; } }
  .archive-list .archive-list-year .archive-list-year-number {
    display: flex;
    width: 100%; }
    @media screen and (min-width: 48.0625rem) {
      .archive-list .archive-list-year .archive-list-year-number {
        width: 25%; } }
    .archive-list .archive-list-year .archive-list-year-number .year-number {
      margin: auto;
      font-size: 1.222222rem;
      border-bottom: 2px solid #CD2A2E; }
      @media screen and (min-width: 48.0625rem) {
        .archive-list .archive-list-year .archive-list-year-number .year-number {
          border-right: 2px solid #CD2A2E;
          border-bottom: 0;
          width: 50%;
          display: inline;
          font-size: 1.888888rem; } }
  .archive-list .archive-list-year .archive-list-year-issues {
    width: 75%;
    display: flex;
    flex-direction: row; }
    .archive-list .archive-list-year .archive-list-year-issues .issue {
      max-width: 200px;
      height: auto;
      margin: auto;
      text-align: center;
      margin-left: 0.75rem; }
      .archive-list .archive-list-year .archive-list-year-issues .issue:hover img {
        transition: all 0.125s ease-in-out;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.333);
        margin-top: -5px; }
      @media screen and (min-width: 48.0625rem) {
        .archive-list .archive-list-year .archive-list-year-issues .issue {
          margin-left: 0;
          margin-right: 1.875rem; } }
      .archive-list .archive-list-year .archive-list-year-issues .issue:last-of-type {
        margin-right: 0; }
      .archive-list .archive-list-year .archive-list-year-issues .issue > .issue-number, .archive-list .archive-list-year .archive-list-year-issues .issue > .issue-season {
        font-weight: 600;
        font-size: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.2rem; }
      .archive-list .archive-list-year .archive-list-year-issues .issue > .issue-number {
        display: none; }
        @media screen and (min-width: 48.0625rem) {
          .archive-list .archive-list-year .archive-list-year-issues .issue > .issue-number {
            display: inline; } }
      .archive-list .archive-list-year .archive-list-year-issues .issue > .issue-name {
        font-weight: 600;
        letter-spacing: 0.05rem; }
  .archive-list .archive-list-year img {
    transition: all 0.125s ease-in-out; }

.archive-list .related-articles {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem; }

/* Footer. */
footer {
  border-top: 4px solid #121212;
  max-width: 75rem;
  padding: 1.875rem 0 1.875rem 0;
  margin: 0 auto; }
  @media screen and (min-width: 48.0625rem) {
    footer {
      display: grid;
      padding-top: 4.6875rem;
      padding-bottom: 1.875rem;
      grid-template-columns: 20fr 20fr 20fr 20fr 20fr;
      grid-template-areas: "brand-mark brand-mark footer-nav footer-nav footer-nav"  "colophon colophon colophon credit credit"; } }
  footer .magazine {
    display: flex;
    flex-direction: row;
    margin-top: 1.5rem; }
    footer .magazine .tagline {
      box-sizing: border-box;
      padding-left: 1.875rem;
      min-width: 50%;
      max-width: 100%; }
      @media screen and (min-width: 48.0625rem) {
        footer .magazine .tagline {
          max-width: 50%; } }
    footer .magazine img {
      width: 110px;
      height: auto; }
  footer .brand-mark {
    padding-left: 1.875rem;
    padding-bottom: 1.875rem;
    grid-area: brand-mark;
    text-align: left; }
    footer .brand-mark #logo {
      max-width: 217px;
      width: 75%; }
    @media screen and (min-width: 48.0625rem) {
      footer .brand-mark {
        grid-row: 1; } }
  footer .footer-nav {
    padding: 1.875rem 0 1.125rem 0;
    border-top: solid 3px black;
    margin: 0 1.875rem; }
    footer .footer-nav:first-of-type {
      margin-top: 3.75rem; }
    @media screen and (min-width: 48.0625rem) {
      footer .footer-nav {
        grid-row: 1;
        padding: 0 1.875rem;
        border-top: 0;
        margin: 0; } }
  footer .footer-link {
    font-weight: 600;
    color: #121212;
    text-decoration: none;
    display: block;
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 48.0625rem) {
      footer .footer-link {
        display: inline-block;
        width: auto;
        float: left;
        clear: both; } }
  footer p a {
    display: inline-block; }
  footer p.copyright {
    text-align: center;
    width: 100%;
    padding-bottom: 0.75rem;
    padding-right: 1.875rem; }
  footer p.credit {
    text-align: center;
    width: 100%; }
  @media screen and (min-width: 48.0625rem) {
    footer p {
      grid-row: 2;
      grid-column: 1 / 3; }
      footer p.copyright {
        grid-area: colophon;
        padding-left: 1.875rem;
        padding-bottom: 0;
        text-align: left;
        width: 100%; }
      footer p.credit {
        text-align: right;
        grid-area: credit;
        width: 100%;
        padding-right: 0; } }

/* Forms */
form {
  text-align: right;
  margin: auto; }
  form input[type="submit"] {
    background-color: #FFFFFF;
    -appearance: none;
    -webkit-appearance: none;
    -firefox-appearance: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #CD2A2E;
    border-bottom: 2px solid #CD2A2E;
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0 0 0.666666rem 0;
    text-align: center; }
  form input[type="email"], form input[type="search"], form input[type="text"], form input[type="password"] {
    outline: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px dashed #121212;
    width: 100%;
    font-size: 1rem;
    letter-spacing: 0.2rem;
    font-style: italic;
    font-weight: 600;
    color: #121212;
    padding-bottom: 1rem;
    margin-bottom: 1rem; }
    @media screen and (min-width: 48.0625rem) {
      form input[type="email"], form input[type="search"], form input[type="text"], form input[type="password"] {
        font-size: 1.625rem; } }
    form input[type="email"]::placeholder, form input[type="search"]::placeholder, form input[type="text"]::placeholder, form input[type="password"]::placeholder {
      color: #121212;
      font-size: 1rem; }
      @media screen and (min-width: 48.0625rem) {
        form input[type="email"]::placeholder, form input[type="search"]::placeholder, form input[type="text"]::placeholder, form input[type="password"]::placeholder {
          font-size: 1.625rem; } }
  form input:focus::-webkit-input-placeholder {
    color: transparent !important; }
  form input:focus::-moz-placeholder {
    color: transparent !important; }
  form input:focus:-moz-placeholder {
    color: transparent !important; }

/* Print */
@media print {
  body {
    border-bottom: none; }
  nav, #fader, footer, #search, .login, .search, .related-articles, .topics-section, .fixed-navigation {
    display: none !important; }
  header {
    height: auto;
    background: none; }
    header .article-header-content {
      padding: 0 !important; }
    header .topic-icon, header .article-meta img {
      display: none !important; }
    header .article-headline {
      padding: 2em 0 1em 0 !important; }
    header h1, header a, header .white {
      color: #121212 !important; } }

.text-align-left {
  text-align: left; }

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }




/* WINTER CMS CORE STYLES */
.loading-indicator {padding:20px 20px 20px 60px;color:#999;font-size:14px;font-weight:500;text-align:left;z-index:10}
.loading-indicator >span {background:transparent url('/themes/salvo/assets/images/loader.gif') no-repeat 0 50%;position:absolute;width:40px;height:40px;top:50%;margin-top:-20px;left:0;display:block}
.form-buttons .loading-indicator {background:#f9f9f9}
.loading-indicator-container {position:relative;min-height:40px}
.loading-indicator-container .loading-indicator {position:absolute;left:0;top:0;width:100%;height:100%;padding-top:0}
.loading-indicator-container .loading-indicator >div {position:absolute;top:50%;margin-top:-0.65em}
html.cssanimations .loading-indicator >span {background-image:url('/themes/salvo/assets/images/loader-transparent.svg');background-size:35px 35px;background-position:50% 50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}
html.cssanimations .loading-indicator.is-opaque >span,
html.cssanimations .loading-indicator-container.is-opaque .loading-indicator >span {background-image:url('/themes/salvo/assets/images/loader.svg')}
.loading-indicator-container.size-small {min-height:20px}
.loading-indicator.size-small,
.loading-indicator-container.size-small .loading-indicator {padding:16px 16px 16px 30px;font-size:11px}
.loading-indicator.size-small >span,
.loading-indicator-container.size-small .loading-indicator >span {height:20px;width:20px;margin-top:-10px}
html.cssanimations .loading-indicator.size-small >span,
html.cssanimations .loading-indicator-container.size-small .loading-indicator >span {background-size:20px 20px}
.loading-indicator.indicator-center,
.loading-indicator-container.indicator-center .loading-indicator {padding:20px}
.loading-indicator.indicator-center >span,
.loading-indicator-container.indicator-center .loading-indicator >span {left:50%;margin-left:-20px;margin-top:-20px}
.loading-indicator.indicator-center >div,
.loading-indicator-container.indicator-center .loading-indicator >div {text-align:center;position:relative;margin-top:30px}
.loading-indicator.indicator-inset,
.loading-indicator-container.indicator-inset .loading-indicator {padding-left:80px}
.loading-indicator.indicator-inset >span,
.loading-indicator-container.indicator-inset .loading-indicator >span {left:20px}
.loading-indicator-container.size-form-field,
.loading-indicator-container.size-input-text {min-height:0}
.loading-indicator-container.size-form-field .loading-indicator,
.loading-indicator-container.size-input-text .loading-indicator {background-color:transparent;padding:0;margin:0}
.loading-indicator-container.size-form-field .loading-indicator >span,
.loading-indicator-container.size-input-text .loading-indicator >span {padding:0;margin:0;left:auto;right:7px;top:6px;width:23px;height:23px;background-size:23px 23px}
.loading-indicator-container.size-form-field .loading-indicator >span {top:0;right:0;width:20px;height:20px;background-size:20px 20px}
html.cssanimations .cursor-loading-indicator {background:transparent url('/themes/salvo/assets/images/loader-transparent.svg') no-repeat 50% 50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:20px 20px;position:fixed;width:20px;height:20px}
html.cssanimations .cursor-loading-indicator.hide {display:none}
.bar-loading-indicator {-webkit-transition:opacity 0.4s linear;-moz-transition:opacity 0.4s linear;-ms-transition:opacity 0.4s linear;-o-transition:opacity 0.4s linear;transition:opacity 0.4s linear}
.bar-loading-indicator .progress-bar {-webkit-animation:infinite-loader 90s ease-in forwards;animation:infinite-loader 90s ease-in forwards;-webkit-transition-duration:0s;transition-duration:0s}
.bar-loading-indicator.bar-loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition-delay:0.3s;transition-delay:0.3s}
.bar-loading-indicator.bar-loaded .progress-bar {width:100% !important;-webkit-transition:width 0.3s linear;-moz-transition:width 0.3s linear;-ms-transition:width 0.3s linear;-o-transition:width 0.3s linear;transition:width 0.3s linear;-webkit-animation:none;animation:none}
.stripe-loading-indicator {height:4px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:10300}
.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {height:4px;display:block;background:#3498db;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe {width:100%;-webkit-animation:infinite-loader 60s linear;animation:infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded {width:0;opacity:0;filter:alpha(opacity=0)}
.stripe-loading-indicator.loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;-moz-transition:opacity 0.4s linear;-ms-transition:opacity 0.4s linear;-o-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.stripe-loading-indicator.loaded .stripe-loaded {opacity:1;filter:alpha(opacity=100);-webkit-transition:width 0.3s linear;-moz-transition:width 0.3s linear;-ms-transition:width 0.3s linear;-o-transition:width 0.3s linear;transition:width 0.3s linear;width:100% !important}
.stripe-loading-indicator.hide {display:none}
@-moz-keyframes infinite-loader {0% {width:0% }10% {width:42% }20% {width:63% }30% {width:78.75% }40% {width:88.59375% }50% {width:94.13085938% }60% {width:97.07244873% }70% {width:98.58920574% }80% {width:99.35943391000001% }90% {width:99.7475567% }100% {width:99.94237615% }}
@-webkit-keyframes infinite-loader {0% {width:0% }10% {width:42% }20% {width:63% }30% {width:78.75% }40% {width:88.59375% }50% {width:94.13085938% }60% {width:97.07244873% }70% {width:98.58920574% }80% {width:99.35943391000001% }90% {width:99.7475567% }100% {width:99.94237615% }}
@-o-keyframes infinite-loader {0% {width:0% }10% {width:42% }20% {width:63% }30% {width:78.75% }40% {width:88.59375% }50% {width:94.13085938% }60% {width:97.07244873% }70% {width:98.58920574% }80% {width:99.35943391000001% }90% {width:99.7475567% }100% {width:99.94237615% }}
@-ms-keyframes infinite-loader {0% {width:0% }10% {width:42% }20% {width:63% }30% {width:78.75% }40% {width:88.59375% }50% {width:94.13085938% }60% {width:97.07244873% }70% {width:98.58920574% }80% {width:99.35943391000001% }90% {width:99.7475567% }100% {width:99.94237615% }}
@keyframes infinite-loader {0% {width:0% }10% {width:42% }20% {width:63% }30% {width:78.75% }40% {width:88.59375% }50% {width:94.13085938% }60% {width:97.07244873% }70% {width:98.58920574% }80% {width:99.35943391000001% }90% {width:99.7475567% }100% {width:99.94237615% }}
@-moz-keyframes spin {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(359deg) }}
@-webkit-keyframes spin {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(359deg) }}
@-o-keyframes spin {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(359deg) }}
@-ms-keyframes spin {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(359deg) }}
@keyframes spin {0% {transform:rotate(0deg) }100% {transform:rotate(359deg) }}
@-moz-keyframes rspin {0% {-moz-transform:rotate(359deg) }100% {-moz-transform:rotate(0deg) }}
@-webkit-keyframes rspin {0% {-webkit-transform:rotate(359deg) }100% {-webkit-transform:rotate(0deg) }}
@-o-keyframes rspin {0% {-o-transform:rotate(359deg) }100% {-o-transform:rotate(0deg) }}
@-ms-keyframes rspin {0% {-ms-transform:rotate(359deg) }100% {-ms-transform:rotate(0deg) }}
@keyframes rspin {0% {transform:rotate(359deg) }100% {transform:rotate(0deg) }}
.close {float:right;font-size:27px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;font-family:sans-serif;opacity:0.2;filter:alpha(opacity=20)}
.close:hover,
.close:focus {color:#000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
button.close {padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#layout-canvas .flash-message {display:none}
.flash-message {position:fixed;width:500px;left:50%;top:50px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.flash-message.fade {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;-moz-transition:all 0.5s,width 0s;-ms-transition:all 0.5s,width 0s;-o-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}
.flash-message.fade.in {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.flash-message.success {background:#8da85e}
.flash-message.error {background:#c30}
.flash-message.warning {background:#f0ad4e}
.flash-message.info {background:#5fb6f5}
.flash-message button {float:none;position:absolute;right:10px;top:4px;color:white;outline:none}
.flash-message button:hover {color:white}
.flash-message.static {position:static !important;width:auto !important;display:block !important;margin-left:0 !important;-webkit-box-shadow:none;box-shadow:none}
@media (max-width:768px) {.flash-message {left:10px;right:10px;top:10px;margin-left:0;width:auto }}