#st-1 .st-btn > img {
    display: initial !important;
}
.blog-post__body img {
    margin-top: 50px;
    margin-bottom: 50px;
}

article.blog-post {
    margin-bottom: 80px;
}

.articles-roundup {
  margin-top: 200px
}

@media(max-width: 999px) {
  .articles-roundup {
    margin-top:150px
  }
}

@media(max-width: 599px) {
  .articles-roundup {
    margin-top:120px
  }
}

.quadtych-of-articles {
  text-align: center;
  color: #ff2395
}

.quadtych-of-articles .columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.quadtych-of-articles .article {
  width: 22.3618090452261%;
  display: flex
}

@media(min-width: 500px) and (max-width:999px) {
  .quadtych-of-articles .article {
    width:47%
  }

  .quadtych-of-articles .article:nth-of-type(1),.quadtych-of-articles .article:nth-of-type(2) {
    margin-bottom: 55px
  }
}

@media(max-width: 499px) {
  .quadtych-of-articles .article {
    width:100%;
    margin-bottom: 40px
  }

  .quadtych-of-articles .article:last-of-type {
    margin-bottom: 0
  }
}

.quadtych-of-articles a {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  -webkit-transition: all 250ms;
  transition: all 250ms;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 0 11px #fff,0 0 0 12px #fff,0 5px 5px -5px transparent;
  box-shadow: 0 0 0 11px #fff,0 0 0 12px #fff,0 5px 5px -5px transparent
}

.quadtych-of-articles a:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  z-index: 2;
  -webkit-box-shadow: 0 0 0 11px #fff,0 0 0 12px #ff2395,0 30px 40px -5px rgba(0,0,0,.2);
  box-shadow: 0 0 0 11px #fff,0 0 0 12px #ff2395,0 30px 40px -5px rgba(0,0,0,.2)
}

.quadtych-of-articles a:active {
  -webkit-transition: 0ms;
  transition: 0ms;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-box-shadow: 0 0 0 11px #fff,0 0 0 12px #ff2395,0 11px 10px 0 rgba(0,0,0,.3);
  box-shadow: 0 0 0 11px #fff,0 0 0 12px #ff2395,0 11px 10px 0 rgba(0,0,0,.3)
}

.quadtych-of-articles .art {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: gray;
  margin-bottom: 25px
}

.quadtych-of-articles .art:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 64.0449438202%
}

.quadtych-of-articles .art>.fill {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

@media(max-width: 1100px) {
  .quadtych-of-articles .art {
    position:relative
  }

  .quadtych-of-articles .art:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 80%
  }

  .quadtych-of-articles .art>.fill {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
}

@media(max-width: 999px) {
  .quadtych-of-articles .art {
    position:relative
  }

  .quadtych-of-articles .art:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 64.0449438202%
  }

  .quadtych-of-articles .art>.fill {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
}

@media(max-width: 499px) {
  .quadtych-of-articles .art {
    position:relative;
    margin-bottom: 20px
  }

  .quadtych-of-articles .art:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 40%
  }

  .quadtych-of-articles .art>.fill {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
}

.quadtych-of-articles .title {
  font-size: 1.375rem;
  line-height: 1.25;
  font-family: inherit;
  font-style: italic;
  padding: 0 17px;
  -webkit-font-variant-ligatures: contextual,discretionary-ligatures;
  font-variant-ligatures: contextual,discretionary-ligatures;
  -webkit-font-feature-settings: "calt","dlig";
  font-feature-settings: "calt","dlig"
}

.quadtych-of-articles .bylines {
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-single-article-median.png) no-repeat center top;
  background-size: 500px 10px;
  padding-top: 28px;
  padding-bottom: 15px;
  margin-top: 28px
}

@media(max-width: 499px) {
  .quadtych-of-articles .bylines {
    margin-top:20px
  }
}

.quadtych-of-articles .author {
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .875rem;
  line-height: 1.1;
  margin-left: .1em;
  margin-right: -.1em;
  -webkit-font-feature-settings: "smcp";
  font-feature-settings: "smcp";
  padding: 0 20px;
  margin-top: 13px
}

.quadtych-of-articles .author:first-of-type {
  margin-top: 0
}

.quadtych-titling {
  margin-bottom: 70px;
  text-align: center
}

@media(max-width: 499px) {
  .quadtych-titling {
    margin-bottom:40px
  }
}

.quadtych-titling.wreath .bound {
  position: relative
}

@media(min-width: 450px) {
  .quadtych-titling.wreath .bound {
    background:url(https://support.currentaffairs.org/hubfs/images/ornament-dual-black-hairlines.png) repeat-x left center;
    background-size: 5px 6px
  }
}

@media(min-width: 450px) {
  .quadtych-titling.wreath .bound:after {
    content:"";
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 320px;
    height: 20px
  }
}

.quadtych-titling.wreath h2 {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: right center,left center;
  background-size: 165px 204px,166px 204px;
  background-image: url(https://support.currentaffairs.org/hubfs/images/ornament-wreath-east.png),url(https://support.currentaffairs.org/hubfs/images/ornament-wreath-west.png);
  max-width: 576px;
  min-height: 204px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto
}

@media(max-width: 549px) {
  .quadtych-titling.wreath h2 {
    background-size:130px auto,130px auto
  }
}

@media(max-width: 449px) {
  .quadtych-titling.wreath h2 {
    background-size:100px auto,100px auto
  }
}

@media(max-width: 399px) {
  .quadtych-titling.wreath h2 {
    background-size:70px auto,70px auto
  }
}

.quadtych-titling.wreath span {
  display: block;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.7;
  letter-spacing: .5em
}

@media(max-width: 610px) {
  .quadtych-titling.wreath span {
    font-size:1rem
  }
}

@media(max-width: 549px) {
  .quadtych-titling.wreath span {
    max-width:14em
  }
}

@media(max-width: 449px) {
  .quadtych-titling.wreath span {
    max-width:10em
  }
}

.quadtych-titling.wreath em {
  display: block;
  font-style: italic
}

.quadtych-titling.ribbon .bound {
  position: relative;
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-dual-black-hairlines.png) repeat-x left 23px;
  background-size: 5px 6px
}

.quadtych-titling.ribbon span {
  display: block;
  width: 238px;
  height: 53px;
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-more-in-ribbon.png) no-repeat center center;
  background-size: contain;
  margin: 0 auto 50px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap
}

@media(max-width: 599px) {
  .quadtych-titling.ribbon span {
    margin-bottom:35px
  }
}

.quadtych-titling.ribbon em {
  display: block;
  font: 300 italic 1rem/1 "essonnes-display",serif;
  text-transform: uppercase;
  letter-spacing: .5em;
  font-size: 2.4375rem;
  line-height: 1.2;
  margin-right: -.5rem;
  margin-left: .5rem;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

@media(max-width: 699px) {
  .quadtych-titling.ribbon em {
    font-size:2rem
  }
}

@media(max-width: 550px) {
  .quadtych-titling.ribbon em {
    font-size:1.75rem
  }
}

@media(max-width: 399px) {
  .quadtych-titling.ribbon em {
    font-size:1.625rem
  }
}

@media(max-width: 370px) {
  .quadtych-titling.ribbon em {
    font-size:1.5rem
  }
}

@media(max-width: 599px) {
  .quadtych-titling.ribbon em {
    padding-bottom:20px
  }
}

.article-afterword {
  margin-top: 80px
}
.article-biography p {
  font-size: 21px;
  font-family: garamond-premier-pro, serif;
  font-weight: 400;
  font-style: italic;
}
.article-afterword .article-biography {
  max-width: 454px;
  margin: 100px auto 0;
  text-align: center;
  font-style: italic;
  font-size: 1.1875rem;
  line-height: 1.6;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(https://support.currentaffairs.org/hubfs/images/ornament-biography-writer.png);
  background-size: 90px 88px;
  padding-top: 111px
}

.article-afterword .article-biography[data-biography-type=artist] {
  background-image: url(https://support.currentaffairs.org/hubfs/images/ornament-biography-artist.png);
  background-size: 145px 47px;
  padding-top: 73px
}

.article-afterword .article-biography:first-of-type {
  margin-top: 0
}

.article-afterword figcaption {
  margin-top: 20px;
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  text-transform: uppercase;
  font-size: .8125rem;
  line-height: 1;
  letter-spacing: .25em;
  margin-right: -.25em;
  font-size: 12px
}

.article-afterword figcaption a {
  color: #ff2395;
  -webkit-transition: all 180ms;
  transition: all 180ms
}

.article-afterword figcaption a:hover {
  -webkit-box-shadow: inset 0 -1px 0 #ff2395;
  box-shadow: inset 0 -1px 0 #ff2395
}

.article-petition {
  line-height: 1.58
}
.article-petition p {
  font-size: 21px;
}
.article-petition .bound {
  display: flex;
  align-items: center;
  justify-content: center
}

.article-petition .text {
  position: relative;
  max-width: 576px;
  padding-top: 110px;
  padding-bottom: 70px;
  -webkit-box-shadow: inset 0 10px 0 #fff,inset 0 11px 0 #000,inset 0 -1px 0 #000;
  box-shadow: inset 0 10px 0 #fff,inset 0 11px 0 #000,inset 0 -1px 0 #000
}

@media(max-width: 500px) {
  .article-petition .text {
    padding-top:90px
  }
}

.article-petition .text:after {
  position: absolute;
  content: "";
  display: block;
  left: 50%;
  top: 0;
  width: 350px;
  height: 90px;
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-doves.png) no-repeat center center;
  background-size: contain;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

@media(max-width: 500px) {
  .article-petition .text:after {
    width:260px;
    height: 70px;
    -webkit-transform: translate(-50%,-47%);
    transform: translate(-50%,-47%)
  }
}

.article-petition em {
  font-style: italic
}

.article-petition a {
  color: #ff2395;
  -webkit-transition: all 180ms;
  transition: all 180ms;
  -webkit-box-shadow: inset 0 -2px 0 #fff,inset 0 -3px 0 #fff;
  box-shadow: inset 0 -2px 0 #fff,inset 0 -3px 0 #fff
}

.article-petition a:hover {
  -webkit-box-shadow: inset 0 -4px 0 #fff,inset 0 -5px 0 #ff2395;
  box-shadow: inset 0 -4px 0 #fff,inset 0 -5px 0 #ff2395
}

.blog-post__body img {
  max-width: 800px;
  width: calc(100% - -10vw);
  height: auto;
  margin-left: -5vw;
}
.blog-post__body blockquote p em {
  font-family: garamond-premier-pro, serif;
  font-weight: 400;
  font-style: italic !important;
}

.article-output p {
  font-size: 1.3125rem;
  line-height: 1.58;
  overflow-wrap: break-word;
  word-break: break-word;
}


.article-output {
  font-size: 1.3125rem;
  line-height: 1.58;
  overflow-wrap: break-word;
  word-break: break-word
}

.article-output [data-essay-block-type=plain] p,.article-output [data-essay-block-type=plain] ul,.article-output [data-essay-block-type=plain] ol,.article-output [data-essay-block-type=plain] h1,.article-output [data-essay-block-type=plain] h2,.article-output [data-essay-block-type=plain] h3,.article-output [data-essay-block-type=plain] h4,.article-output [data-essay-block-type=plain] h5,.article-output [data-essay-block-type=plain] h6,.article-output [data-essay-block-type=plain] blockquote,.article-output [data-essay-block-type=plain] figure:not(.wp-block-image):not(.showcase-inner),.article-output [data-essay-block-type=plain] table,.article-output [data-essay-block-type=plain] object,.article-output [data-essay-block-type=plain] embed,.article-output [data-essay-block-type=plain] video,.article-output [data-essay-block-type=plain] audio,.article-output [data-essay-block-type=plain] iframe,.article-output [data-essay-block-type=plain] dl,.article-output [data-essay-block-type=plain] canvas,.article-output [data-essay-block-type=tint] p,.article-output [data-essay-block-type=tint] ul,.article-output [data-essay-block-type=tint] ol,.article-output [data-essay-block-type=tint] h1,.article-output [data-essay-block-type=tint] h2,.article-output [data-essay-block-type=tint] h3,.article-output [data-essay-block-type=tint] h4,.article-output [data-essay-block-type=tint] h5,.article-output [data-essay-block-type=tint] h6,.article-output [data-essay-block-type=tint] blockquote,.article-output [data-essay-block-type=tint] figure:not(.wp-block-image):not(.showcase-inner),.article-output [data-essay-block-type=tint] table,.article-output [data-essay-block-type=tint] object,.article-output [data-essay-block-type=tint] embed,.article-output [data-essay-block-type=tint] video,.article-output [data-essay-block-type=tint] audio,.article-output [data-essay-block-type=tint] iframe,.article-output [data-essay-block-type=tint] dl,.article-output [data-essay-block-type=tint] canvas,.article-output [data-essay-block-type=excerpt] p,.article-output [data-essay-block-type=excerpt] ul,.article-output [data-essay-block-type=excerpt] ol,.article-output [data-essay-block-type=excerpt] h1,.article-output [data-essay-block-type=excerpt] h2,.article-output [data-essay-block-type=excerpt] h3,.article-output [data-essay-block-type=excerpt] h4,.article-output [data-essay-block-type=excerpt] h5,.article-output [data-essay-block-type=excerpt] h6,.article-output [data-essay-block-type=excerpt] blockquote,.article-output [data-essay-block-type=excerpt] figure:not(.wp-block-image):not(.showcase-inner),.article-output [data-essay-block-type=excerpt] table,.article-output [data-essay-block-type=excerpt] object,.article-output [data-essay-block-type=excerpt] embed,.article-output [data-essay-block-type=excerpt] video,.article-output [data-essay-block-type=excerpt] audio,.article-output [data-essay-block-type=excerpt] iframe,.article-output [data-essay-block-type=excerpt] dl,.article-output [data-essay-block-type=excerpt] canvas {
  max-width: 576px;
  margin-right: auto;
  margin-left: auto
}

.article-output .essay-block:not([data-essay-block-type=excerpt]) {
  padding: 100px 0
}

.article-output .essay-block:first-of-type:not([data-essay-block-type=excerpt]) {
  padding-top: 0
}

.article-output blockquote p:first-letter,
.article-output ol p:first-letter {
    font-size: inherit !important;
    padding: inherit !important;
    display: initial !important;
    float: none !important;
    font: inherit !important;
}
.article-output blockquote p:first-child:first-line,
.article-output ol p:first-child:first-line{
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  font-family: 'garamond-premier-pro';
}
.article-output p:nth-child(1) {
  text-indent: 0
}
.article-output p:first-child:first-line {
  -webkit-font-feature-settings: "smcp";
  font-feature-settings: "smcp";
  font-variant: small-caps;
  font-family: 'garamond-premier-pro';
}
.article-output p:nth-child(1)::first-letter {
  font: 300 italic 1rem/1 "essonnes-display",serif;
  font-weight: 400;
  font-style: normal;
  font-size: 11.25rem;
  position: relative;
  display: block;
  float: left;
  line-height: .9;
  padding: 0 60px 38px 0
}

@media(max-width: 500px) {
  .article-output p:nth-child(1)::first-letter {
    font-size:7rem;
    padding-right: 30px;
    padding-bottom: 25px;
    line-height: 1
  }
}

.article-output [data-essay-block-type=excerpt] {
  -webkit-box-shadow: inset 0 0 0 1px #000;
  box-shadow: inset 0 0 0 1px #000;
  padding: 115px 50px 130px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.article-output [data-essay-block-type=excerpt]:before {
  content: "";
  display: block;
  position: absolute;
  width: 59px;
  height: 17px;
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-scribble-opaque.png) no-repeat center center;
  background-size: contain;
  left: 50%
}

.article-output [data-essay-block-type=excerpt]:before {
  top: 0;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.article-output [data-essay-block-type=excerpt] blockquote {
  text-align: center;
  font: 300 italic 1rem/1 "essonnes-display",serif;
  font-size: 3.125rem;
  line-height: 1.5;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  max-width: 15.5em;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0
}

.article-output [data-essay-block-type=excerpt] p {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  max-width: inherit;
  width: inherit;
  text-indent: 0;
  text-align: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0
}

@media(max-width: 750px) {
  .article-output [data-essay-block-type=excerpt] {
    padding:80px 35px 90px
  }

  .article-output [data-essay-block-type=excerpt] blockquote {
    font-size: 2.5rem
  }
}

@media(max-width: 499px) {
  .article-output [data-essay-block-type=excerpt] {
    padding:35px
  }

  .article-output [data-essay-block-type=excerpt] blockquote {
    font-size: 2.125rem
  }
}

.article-output p {
  text-indent: 2.5em
}

.article-output .essay-block:last-of-type p:last-of-type:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 19px;
  line-height: inherit;
  -webkit-transform: translate(6px,1px);
  transform: translate(6px,1px)
}

.article-output em,.article-output i {
  font-style: italic
}

.article-output strong,.article-output b {
  font-weight: 700
}

.article-output a {
  color: #ff2395;
  -webkit-transition: all 180ms;
  transition: all 180ms;
  -webkit-box-shadow: inset 0 -2px 0 #fff,inset 0 -3px 0 #fff;
  box-shadow: inset 0 -2px 0 #fff,inset 0 -3px 0 #fff
}

.article-output a:hover {
  -webkit-box-shadow: inset 0 -4px 0 #fff,inset 0 -5px 0 #ff2395;
  box-shadow: inset 0 -4px 0 #fff,inset 0 -5px 0 #ff2395
}

.article-output hr {
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-dual-black-hairlines.png) repeat-x 0;
  background-color: transparent;
  background-size: 5px 6px;
  border: none;
  display: block;
  height: 6px;
  margin: 100px 0 100px;
}

.article-output ul,.article-output ol {
  margin-top: 40px;
  margin-bottom: 50px
}

.article-output ul li,.article-output ol li {
  padding-left: 45px;
  padding-left: 2.5em;
  margin-bottom: 1em;
  position: relative
}

.article-output ol {
  counter-reset: orderedList
}

.article-output ol li:before {
  content: counter(orderedList);
  counter-increment: orderedList;
  display: block;
  position: absolute;
  left: 0;
  color: #ff2395;
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  font-size: 1.125rem;
  text-align: right;
  width: 30px;
  height: 20px;
  top: 0;
  -webkit-transform: translateY(0.38em);
  transform: translateY(0.38em)
}

.article-output ul li:before {
  content: "";
  display: block;
  width: 22px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(0.4em);
  transform: translateY(0.4em);
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-flourish-rightward.svg) no-repeat left top;
  background-size: contain
}

.article-output h1+p,.article-output h2+p,.article-output h3+p,.article-output h4+p,.article-output h5+p,.article-output h6+p {
  text-indent: 0
}

.article-output h2 {
  font: 300 italic 1rem/1 "essonnes-display",serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.5rem;
  margin-top: 90px;
  margin-bottom: 60px;
  padding-top: 20px;
  border-top: 1px solid #000
}

.article-output h3 {
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: .25em;
  line-height: 1;
  position: relative;
  margin-top: 50px;
  margin-bottom: 10px
}

.article-output h3:before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 50%;
  height: 1px;
  width: 30px;
  background: #ff2395;
  -webkit-transform: translate(-100%,-20%);
  transform: translate(-100%,-20%)
}

@media(max-width: 500px) {
  .article-output h3:before {
    left:-10px
  }
}

.article-output h4 {
  font: 300 italic 1rem/1 "essonnes-display",serif;
  font-weight: 400;
  font-style: normal;
  text-transform: lowercase;
  -webkit-font-feature-settings: "smcp";
  font-feature-settings: "smcp";
  font-size: 1.375rem;
  letter-spacing: .125em;
  line-height: 1.2;
  margin-top: 2.5em;
  margin-bottom: 1.75em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: .5em 0 .625em
}

.article-output h5 {
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-top: 2.25em;
  margin-bottom: 1.5em;
  padding-bottom: .375em;
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.article-output h6 {
  -webkit-font-feature-settings: "smcp";
  font-feature-settings: "smcp";
  font-size: 1rem;
  line-height: 1.15;
  margin-top: 2.5em;
  margin-bottom: 2em;
  letter-spacing: .125em;
  position: relative;
  padding-bottom: .25em;
  border-bottom: 1px solid rgba(0,0,0,.15)
}

.article-output h6:before {
  position: absolute;
  content: "";
  display: block;
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-terminal.svg) no-repeat left center;
  width: 16px;
  height: 17px;
  background-size: contain;
  mix-blend-mode: multiply;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  left: -23px;
  top: -1px
}

.article-output .wp-block-image,.article-output .essay-block>img {
  max-width: 782px;
  margin: 60px auto
}

.article-output figcaption {
  padding-top: 12px;
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: .6875rem;
  line-height: 1.45;
  color: rgba(0,0,0,.35);
  max-width: 576px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 70px;
  text-align: right
}

.article-output blockquote {
  margin-top: 60px;
  margin-bottom: 60px;
  -webkit-box-shadow: inset 4px 0 0 0 #ff2395;
  box-shadow: inset 4px 0 0 0 #ff2395;
  padding: 0 0 10px 2.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.article-output blockquote p {
  text-indent: 0
}

.article-output blockquote cite {
  display: block;
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .75rem;
  line-height: 1.1;
  padding-top: 40px
}

.article-output .wp-block-embed__wrapper {
  display: flex;
  justify-content: center
}

.article-output twitter-widget {
  display: block;
  margin: 25px auto!important
}

.article-output .twitter-tweet {
  margin-right: auto;
  margin-left: auto
}

.article-output iframe {
  margin: 50px auto!important
}

.article-output [data-essay-block-type=split-west],.article-output [data-essay-block-type=split-east],.article-output [data-essay-block-type=showcase] {
  -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 1px 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)
}

.article-output [data-essay-block-type=showcase] figcaption {
  max-width: 1194px;
  padding-top: 12px;
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  text-transform: uppercase;
  color: #d3d3d3;
  font-size: .75rem;
  line-height: 1.3;
  text-align: right;
  letter-spacing: .25em
}

.article-output [data-essay-block-type=showcase] figcaption a {
  -webkit-box-shadow: none;
  box-shadow: none
}

.article-output [data-essay-block-type=showcase] figcaption a:hover {
  color: #000
}

.article-output [data-essay-block-type=split-west] .art,.article-output [data-essay-block-type=split-east] .art {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #d3d3d3
}

@media(min-width: 950px) {
  .article-output [data-essay-block-type=split-west] .columns,.article-output [data-essay-block-type=split-east] .columns {
    display:flex;
    align-items: stretch;
    justify-content: space-between
  }

  .article-output [data-essay-block-type=split-west] .art,.article-output [data-essay-block-type=split-east] .art {
    width: 50%
  }

  .article-output [data-essay-block-type=split-west] .text,.article-output [data-essay-block-type=split-east] .text {
    width: 39.6147403685092%;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex
  }

  .article-output [data-essay-block-type=split-west] .text-inner,.article-output [data-essay-block-type=split-east] .text-inner {
    max-width: 370px
  }
}

@media(max-width: 949px) {
  .article-output [data-essay-block-type=split-west] .art,.article-output [data-essay-block-type=split-east] .art {
    position:relative;
    max-width: 576px;
    margin: 0 auto 70px
  }

  .article-output [data-essay-block-type=split-west] .art:before,.article-output [data-essay-block-type=split-east] .art:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
  }

  .article-output [data-essay-block-type=split-west] .art>.fill,.article-output [data-essay-block-type=split-east] .art>.fill {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }

  .article-output [data-essay-block-type=split-west] .text,.article-output [data-essay-block-type=split-east] .text {
    max-width: 576px;
    margin-right: auto;
    margin-left: auto
  }
}

.article-output [data-essay-block-type=split-west] .art {
  order: 2
}

.article-output [data-essay-block-type=split-west] .text {
  order: 1;
  justify-content: flex-end
}

.article-output [data-essay-block-type=split-east] .art {
  order: 1
}

.article-output [data-essay-block-type=split-east] .text {
  order: 2;
  justify-content: flex-start
}

.article-output [data-essay-block-type=tint] {
  background: #f0f0f0;
  width: 100vw;
  margin-left: calc(((100vw - 1194px)/2) * -1)
}

.article-output [data-essay-block-type=tint] .tint-wrapper {
  width: 87%;
  margin: 0 auto;
  max-width: 1194px
}

.article-output [data-essay-block-type=tint] a {
  color: #ef007c;
  -webkit-box-shadow: inset 0 -2px 0 #f0f0f0,inset 0 -3px 0 #f0f0f0;
  box-shadow: inset 0 -2px 0 #f0f0f0,inset 0 -3px 0 #f0f0f0
}

.article-output [data-essay-block-type=tint] a:hover {
  -webkit-box-shadow: inset 0 -4px 0 #f0f0f0,inset 0 -5px 0 #ff2395;
  box-shadow: inset 0 -4px 0 #f0f0f0,inset 0 -5px 0 #ff2395
}

@media(max-width: 1370px) {
  .article-output [data-essay-block-type=tint] {
    margin-left:calc(((100vw * 0.13)/2) * -1)
  }
}
.blog-post__body {
  max-width: 100%;
  width: 576px;
  margin: 0 auto;
}
.article-splash {
  margin-bottom: 186px;
}
.body-container.body-container--blog-post {
  box-shadow: inset 0 268px 0 #000;
}
.blog-post__image-wrapper img {
  width: 100%;
}
.blog-post__image-wrapper {
  margin-left: -2vw;
  margin-right: -2vw;
}
.blog-post__image-wrapper img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  margin-bottom: 36px;
}

.article-splash .cinematic-poster {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #d3d3d3;
  position: relative;
  position: relative;
  z-index: 1;
  width: 106%;
  margin-left: -3%;
  margin-bottom: 36px
}

.article-splash .cinematic-poster:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 42.0967741935%
}

.article-splash .cinematic-poster>.fill {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

@media(max-width: 1100px) {
  .article-splash .cinematic-poster {
    position:relative
  }

  .article-splash .cinematic-poster:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50%
  }

  .article-splash .cinematic-poster>.fill {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
}

@media(max-width: 740px) {
  .article-splash .cinematic-poster {
    width:108%;
    margin-bottom: 0;
    margin-left: -4%;
    position: relative
  }

  .article-splash .cinematic-poster:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.4516129032%
  }

  .article-splash .cinematic-poster>.fill {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
}

.article-splash .cinematic-poster:after {
  position: absolute;
  content: "";
  display: block;
  background: maroon;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 27%;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.55)));
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.55))
}

@media(max-width: 740px) {
  .article-splash .cinematic-poster:after {
    display:none
  }
}

.article-splash .attribution {
  position: relative;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 3
}

@media(max-width: 740px) {
  .article-splash .attribution {
    display:none
  }
}

.article-splash .attribution .columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

.article-splash .attribution .notch {
  display: block;
  width: 68.1451612903226%;
  height: 34px;
  background: #fff;
  order: 1
}

@media(max-width: 999px) {
  .article-splash .attribution .notch {
    width:40%;
    height: 25px
  }
}

.article-splash .attribution .source {
  text-align: right;
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: .75rem;
  line-height: 1.2;
  letter-spacing: .2em;
  width: 28.6290322580645%;
  order: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 24px 13px 0;
  text-shadow: 0 1px 6px rgba(0,0,0,.8)
}

@media(max-width: 999px) {
  .article-splash .attribution .source {
    width:55%;
    font-size: .625rem;
    padding-bottom: 10px
  }
}

.article-splash .extraneous-attribution {
  display: none
}

@media(max-width: 740px) {
  .article-splash .extraneous-attribution {
    display:block;
    text-align: right;
    color: #000;
    font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
    text-transform: uppercase;
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .2em;
    padding-top: 8px;
    color: rgba(0,0,0,.35)
  }
}

.article-splash .titling {
  position: relative;
  padding-bottom: 59px;
  -webkit-box-shadow: inset 0 -1px 0 #ff2395;
  box-shadow: inset 0 -1px 0 #ff2395
}

@media(max-width: 999px) {
  .article-splash .titling {
    padding-bottom:100px
  }
}

@media(max-width: 490px) {
  .article-splash .titling {
    padding-bottom:60px
  }
}

.article-splash .titling .title {
  font: 300 italic 1rem/1 "essonnes-display",serif;
  font-size: 6.5625rem;
  line-height: .95;
  font-weight: 400;
  font-style: normal;
  min-height: 2em
}

@media(max-width: 1150px) {
  .article-splash .titling .title {
    font-size:6rem
  }
}

@media(max-width: 1080px) {
  .article-splash .titling .title {
    font-size:5.5rem
  }
}

@media(max-width: 740px) {
  .article-splash .titling .title {
    padding-top:55px;
    font-size: 4.75rem;
    text-align: center
  }
}

@media(max-width: 640px) {
  .article-splash .titling .title {
    font-size:4.125rem
  }
}

@media(max-width: 560px) {
  .article-splash .titling .title {
    font-size:3.5rem;
    overflow-wrap: break-word;
    word-break: break-word
  }
}

@media(max-width: 490px) {
  .article-splash .titling .title {
    padding-top:45px;
    font-size: 3.25rem
  }
}

@media(max-width: 415px) {
  .article-splash .titling .title {
    font-size:3rem
  }
}

@media(max-width: 374px) {
  .article-splash .titling .title {
    font-size:2.5rem
  }
}

.article-splash .titling .title span {
  display: block;
  width: calc(100% - 260px)
}

@media(max-width: 999px) {
  .article-splash .titling .title span {
    width:100%
  }
}

.article-splash .details {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 40px 0 56px;
  -webkit-box-shadow: inset 0 -1px 0 #ff2395;
  box-shadow: inset 0 -1px 0 #ff2395
}

@media(max-width: 740px) {
  .article-splash .details {
    display:block;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 40px
  }
}

.article-splash .details .primary {
  width: 56.8676716917923%
}

@media(max-width: 740px) {
  .article-splash .details .primary {
    width:100%;
    padding-bottom: 65px;
    background: url(https://support.currentaffairs.org/hubfs/images/ornament-scribble.svg) no-repeat center bottom;
    background-size: 45px auto;
    margin-bottom: 45px
  }
}

.article-splash .details .tagline p{
  font-size: 1.5rem;
  line-height: 1.4;
  max-width: 21.5em;
  margin-bottom: 35px
}

@media(max-width: 999px) {
  .article-splash .details .tagline p {
    min-height:3em
  }
}

@media(max-width: 740px) {
  .article-splash .details .tagline p {
    font-size:1.25rem;
    max-width: 11em;
    min-height: 1em;
    text-align: center;
    margin: 0 auto 40px
  }
}

.article-splash .details .bylines ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

@media(max-width: 740px) {
  .article-splash .details .bylines ul {
    display:block;
    text-align: center
  }
}

.article-splash .details .bylines li {
  display: block;
  background: rgba(0,255,255,.4);
  font: 300 italic 1rem/1 "essonnes-display",serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.875rem;
  line-height: 1.1;
  position: relative;
  padding-left: 28px;
  padding-right: 15px;
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-ampersand.svg) no-repeat left center;
  background-size: 13px 13px;
  margin-top: 3px
}

@media(max-width: 740px) {
  .article-splash .details .bylines li {
    padding:20px 0 0;
    display: block;
    background-position: center top;
    margin-top: 13px
  }

  .article-splash .details .bylines li:first-of-type {
    margin-top: 0
  }
}

.article-splash .details .bylines li:first-of-type {
  background-image: none;
  padding-left: 0
}

.article-splash .details .bylines a {
  color: #ff2395;
  -webkit-transition: all 180ms;
  transition: all 180ms;
  display: inline-block
}

.article-splash .details .bylines a:hover {
  -webkit-box-shadow: inset 0 -1px 0 #ff2395;
  box-shadow: inset 0 -1px 0 #ff2395
}

.article-splash .details .secondary {
  width: 34%;
  text-align: right
}

@media(max-width: 740px) {
  .article-splash .details .secondary {
    width:100%;
    text-align: center
  }
}

.article-splash .details .dateline {
  line-height: 1;
  display: block
}

.article-splash .details .dateline span {
  font-style: italic;
  font-size: 1rem
}

.article-splash .details .dateline a {
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  text-transform: uppercase;
  font-size: .8125rem;
  letter-spacing: .2em;
  display: inline-block;
  color: #ff2395;
  -webkit-transition: all 180ms;
  transition: all 180ms;
  margin-top: 3px
}

.article-splash .details .dateline a:hover {
  color: #000
}

.article-splash .stamp {
  position: absolute;
  right: 10px;
  bottom: -21px;
  background: url(https://support.currentaffairs.org/hubfs/images/ornament-stamp-print.png) no-repeat center center;
  background-size: contain;
  width: 219px;
  height: 219px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg)
}

.article-splash .stamp[data-stamp-type=web] {
  background-image: url(https://support.currentaffairs.org/hubfs/images/ornament-stamp-web.png)
}

@media(max-width: 999px) {
  .article-splash .stamp {
    bottom:-100px;
    right: 0;
    -webkit-transform: rotate(25deg) scale(.85);
    transform: rotate(25deg) scale(.85);
    background-color: #fff;
    border-radius: 100%
  }
  .article-splash .stamp[data-stamp-type=animals] {
  background-image: url(https://support.currentaffairs.org/hubfs/stamp-animals-TEST.png)
}

@media(max-width: 999px) {
  .article-splash .stamp {
    bottom:-100px;
    right: 0;
    -webkit-transform: rotate(25deg) scale(.85);
    transform: rotate(25deg) scale(.85);
    background-color: #fff;
    border-radius: 100%
  }
}

.article-splash .stamp .stamp-inner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.article-splash .stamp span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 75%;
  position: absolute
}

.article-splash .stamp .accessibility {
  display: block;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
  overflow: hidden
}

.article-splash .stamp .year,.article-splash .stamp .month,.article-splash .stamp .product-link {
  text-transform: uppercase;
  text-align: center;
  left: 50%;
  top: 50%
}

.article-splash .stamp .year {
  -webkit-transform: translate(-50%,-70px);
  transform: translate(-50%,-70px)
}

.article-splash .stamp .month {
  font: 300 italic 1rem/1 "essonnes-display",serif;
  font-size: 2.0625rem;
  line-height: 1;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.article-splash .stamp .product-link {
  font: 700 normal 1rem/1 "futura-pt-bold",sans-serif;
  font-size: .6875rem;
  line-height: 1;
  letter-spacing: .25em;
  color: #29abe2;
  -webkit-transform: translate(-50%,35px);
  transform: translate(-50%,35px);
  width: auto
}

.article-splash .stamp .product-link a {
  display: inline-block;
  padding: 10px 13px;
  background: 0 0;
  -webkit-transition: all 180ms;
  transition: all 180ms
}

.article-splash .stamp .product-link a:hover {
  color: #fff;
  background: #ff2395
}

@media(max-width: 740px) {
  .article-splash .titling .stamp {
    display:none
  }
}

.article-splash .extraneous-stamp-container {
  display: none
}

.article-splash .extraneous-stamp-container .stamp {
  position: static;
  margin: 0 auto
}

@media(max-width: 740px) {
  .article-splash .extraneous-stamp-container {
    display:block
  }
}

/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 1194px;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}