/*
Theme Name: The Indypendent
Theme URI: http://zakgreene.com
Description: Custom theme for The Indypendent
Author: Zak Greene
Author URI: http://zakgreene.com
Version: 2.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,700&display=swap");
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%; }

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  /* overflow-y: scroll; */ }

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

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

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
figure.issue h2, #title figure h2, .page main .social h3, .error404 main .social h3, .meta {
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.015em; }

#title .menu, figure.issue a, #title figure a, .navigation a, .navigation .current, .page main .social li a, .error404 main .social li a, .single-post article header .social a, article.top header .social a, .single-post article p.comments a, article.top p.comments a, .meta a, .related > ul > li .title a, .home article .title a, .archive article .title a, .search article .title a, .single-issue #post-list article .title a {
  color: #19191b;
  transition-duration: 0.25s;
  cursor: pointer;
  text-shadow: none; }
  #title .menu:hover, figure.issue a:hover, #title figure a:hover, .navigation a:hover, .navigation .current:hover, .page main .social li a:hover, .error404 main .social li a:hover, .single-post article header .social a:hover, article.top header .social a:hover, .single-post article p.comments a:hover, article.top p.comments a:hover, .meta a:hover, .related > ul > li .title a:hover, .home article .title a:hover, .archive article .title a:hover, .search article .title a:hover, .single-issue #post-list article .title a:hover {
    color: #db0241;
    border-color: #db0241; }
    #title .menu:hover .icon, figure.issue a:hover .icon, #title figure a:hover .icon, .navigation a:hover .icon, .navigation .current:hover .icon, .page main .social li a:hover .icon, .error404 main .social li a:hover .icon, .single-post article header .social a:hover .icon, article.top header .social a:hover .icon, .single-post article p.comments a:hover .icon, article.top p.comments a:hover .icon, .meta a:hover .icon, .related > ul > li .title a:hover .icon, .home article .title a:hover .icon, .archive article .title a:hover .icon, .search article .title a:hover .icon, .single-issue #post-list article .title a:hover .icon {
      fill: #db0241; }

.btn {
  display: inline-block;
  padding: 0.25em 0.5em 0.15em;
  border: 0.175em solid #19191b;
  background: #fff;
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.85em;
  font-weight: 700;
  color: #19191b; }
  .btn:hover {
    border-color: #db0241;
    color: #db0241;
    background-image: none; }

#main-nav .close, #title .announcement .close {
  display: inline-block;
  padding: 1em;
  height: 3.5em;
  width: 3.5em; }

html {
  font-family: "Greta Text", Georgia, serif;
  font-size: 18px; }

@media (min-width: 900px) {
  html {
    font-size: 21px; } }
body, select, input, textarea {
  color: #19191b; }

select, input, textarea {
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif; }

h1, h2, h3 {
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  color: #19191b;
  margin: 0.25em 0; }
  h1 a, h2 a, h3 a {
    text-decoration: none;
    color: #19191b; }
  h1 em, h2 em, h3 em {
    font-weight: 500; }

h1 {
  font-weight: bold;
  font-size: 1.75em;
  color: #19191b; }
  h1 span {
    display: inline-block;
    max-width: 22em; }
  h1 em {
    font-weight: bold; }

a {
  color: #db0241;
  transition: 0.15s;
  text-decoration: none; }
  a:hover .icon {
    fill: #db0241; }

.icon {
  fill: #19191b;
  height: 1.5em;
  width: 1.5em;
  vertical-align: middle;
  background: none;
  transition: 0.15s; }
  .icon + span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute; }

input[type=submit] {
  display: inline-block;
  padding: 0.25em 0.5em 0.15em;
  border: 0.175em solid #19191b;
  background: #fff;
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.85em;
  font-weight: 700;
  color: #19191b; }
  input[type=submit]:hover {
    border-color: #db0241;
    color: #db0241;
    background-image: none; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #19191b;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #19191b;
  color: #fff;
  text-shadow: none; }

/*  j.mp/webkit-tap-highlight-color
a:link {-webkit-tap-highlight-color: #fcd700;} */
ins {
  background-color: #96969c;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #96969c;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder {
  color: #a9a9a9; }

textarea:-moz-placeholder {
  color: #a9a9a9; }

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {
  font-size: 2em;
  line-height: normal;
  font-family: "Greta Text", Georgia, serif;
  font-weight: 700; }

html {
  height: 100%;
  overflow-y: visible; }

body {
  font-family: "Greta Text", Georgia, serif;
  min-height: 100%; }
  body.nav-open {
    overflow: hidden; }
    body.nav-open #title {
      -webkit-transform: translateY(-4rem); }
      body.nav-open #title .announcement.open {
        margin-top: -3.25em; }
  body > .wrapper {
    max-width: none;
    margin: 0;
    position: absolute;
    width: 100%;
    min-height: 100%;
    overflow: hidden; }

main {
  max-width: 1300px;
  margin: 0 auto; }

#main-nav {
  visibility: hidden;
  position: fixed;
  overflow: auto;
  top: 0;
  height: 100%;
  width: 100%;
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.4em;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.25s, z-index 0.5s;
  background: rgba(25, 25, 27, 0.25); }
  #main-nav nav {
    position: relative;
    margin-top: 0.25em;
    transform: translate3d(-100%, 0, 0);
    min-height: calc(100% - 3.5em);
    z-index: 500;
    transition: 0.25s;
    padding: 2rem;
    padding-top: 1.5rem;
    padding-right: 3rem;
    background: #fff; }
    #main-nav nav > * {
      position: relative;
      z-index: 10; }
  @media (min-width: 600px) {
    .admin-bar #main-nav {
      top: 44px; }
      .admin-bar #main-nav nav {
        min-height: calc(100% - 3.5em - 44px); } }
  @media (min-width: 780px) {
    .admin-bar #main-nav {
      top: 32px; }
      .admin-bar #main-nav nav {
        min-height: calc(100% - 3.5em - 32px); } }
  #main-nav .close {
    position: absolute;
    right: 0.75em;
    top: 0.75em;
    cursor: pointer;
    z-index: 800; }
    #main-nav .close span {
      display: none; }
  #main-nav .logo-wrap {
    display: block;
    z-index: 600;
    height: 3.25em;
    transform: translate3d(-100%, 0, 0);
    transition: 0.25s;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6); }
    #main-nav .logo-wrap .logo {
      z-index: 10;
      position: relative;
      left: 50%;
      top: 50%;
      margin-left: -600px;
      margin-top: -68px; }
      #main-nav .logo-wrap .logo .sm {
        width: 1200px;
        height: 135px;
        fill: #db0241; }
    #main-nav .logo-wrap:hover {
      background: #fff; }
  #main-nav a {
    text-decoration: none;
    color: #19191b;
    background: none; }
  #main-nav ul.main {
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 700;
    letter-spacing: -0.015em; }
    #main-nav ul.main a:hover {
      color: #db0241; }
    #main-nav ul.main li:last-child a {
      color: #db0241; }
      #main-nav ul.main li:last-child a:hover {
        color: #aa0b39; }
  #main-nav ul.sub {
    font-size: 0.85em;
    line-height: normal; }
    #main-nav ul.sub a {
      color: #19191b; }
      #main-nav ul.sub a:hover {
        color: #db0241; }
  #main-nav ul.social {
    font-size: 0.75em;
    margin-top: 1em;
    margin-left: -0.5em; }
    #main-nav ul.social li {
      display: inline-block; }
    #main-nav ul.social a {
      padding: 0.5em; }
      #main-nav ul.social a .icon {
        fill: #3e3e42; }
      #main-nav ul.social a:hover .icon {
        fill: #db0241; }
  #main-nav .icon-search {
    height: 1em;
    width: 1em; }
  #main-nav .icon {
    fill: #19191b; }
    #main-nav .icon:hover {
      fill: #db0241; }
  #main-nav #searchform {
    margin-bottom: 0.25em; }
    #main-nav #searchform input[type=submit] {
      display: none; }
    #main-nav #searchform input[type=search], #main-nav #searchform input[type=text] {
      font-size: 0.65em;
      font-weight: 500;
      outline: none;
      border: 0;
      border-bottom: 0.075em solid #19191b;
      display: inline-block;
      vertical-align: middle;
      width: 0;
      visibility: hidden;
      transition: width 0.5s, visibility 1s; }
    #main-nav #searchform.focused input[type=text] {
      visibility: visible;
      width: calc(100% - 3.5em);
      transition: width 0.5s, visibility 0; }
  #main-nav.open {
    visibility: visible;
    width: 100%;
    z-index: 450;
    opacity: 1;
    transition: opacity 0.25s, z-index 0.5s; }
    #main-nav.open nav, #main-nav.open .logo-wrap {
      transform: translate3d(0, 0, 0); }

#title {
  position: fixed;
  top: -2px;
  width: 100%;
  z-index: 200;
  height: 2.2rem;
  overflow: hidden;
  transition: 0.25s; }
  @media (min-width: 600px) {
    .admin-bar #title {
      top: 44px; } }
  @media (min-width: 780px) {
    .admin-bar #title {
      top: 32px; } }
  #title .wrapper {
    margin: 0 auto;
    max-width: 1300px; }
  #title .menu {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    cursor: pointer;
    padding: 0.55em 1em;
    height: 2.2rem;
    width: 3.1em;
    z-index: 20; }
    @media (min-width: 1024px) {
      #title .menu {
        top: 0;
        left: 0;
        right: auto;
        padding: 0.8em 1em 0.82em 1.25em;
        width: 4.25em;
        height: 3.1em; } }
    #title .menu .icon {
      height: 1.1rem;
      width: 1.1rem;
      fill: #fff;
      transition: 0.15s; }
      @media (min-width: 1024px) {
        #title .menu .icon {
          fill: #db0241;
          width: 2rem;
          height: 1.475rem; } }
    #title .menu:hover .icon {
      fill: #19191b; }
  #title .logo {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -380px;
    margin-top: -45px; }
    #title .logo .sm {
      width: 800px;
      height: 92px;
      min-width: 100%;
      background: rgba(255, 255, 255, 0.6);
      fill: #db0241; }
  #title figure {
    display: none;
    position: absolute;
    top: 3.5em;
    left: 4.5em;
    z-index: 10; }
  #title .announcement {
    position: relative;
    z-index: 50;
    background: #db0241;
    color: #fff;
    height: 3.25em;
    margin-top: -3.25em;
    transition: margin-top 0.33s;
    overflow: hidden; }
    #title .announcement a {
      text-shadow: none; }
    #title .announcement .wrapper {
      margin: 0 auto;
      padding: 0.75rem 3.75em 0.75rem 1.25rem; }
      #title .announcement .wrapper > div {
        display: inline-block;
        vertical-align: middle;
        text-align: left; }
    #title .announcement h3 {
      color: #fff;
      font-size: 0.85em;
      margin-bottom: 0; }
      #title .announcement h3 a {
        color: #fff; }
        #title .announcement h3 a:hover {
          opacity: 0.9; }
    #title .announcement p {
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em; }
    #title .announcement .btn {
      font-weight: 500;
      border-color: transparent;
      line-height: 1.33em;
      border-radius: 0.2em; }
      #title .announcement .btn:hover {
        box-shadow: 0 0.1em 0.15em rgba(25, 25, 27, 0.25); }
    #title .announcement .close {
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer;
      z-index: 800;
      height: 3.25em;
      width: 3.25em;
      padding: 1rem 1.25rem 0.75rem 0.75rem; }
      #title .announcement .close:hover {
        background: none;
        opacity: 0.75; }
      #title .announcement .close svg {
        fill: #fff;
        height: 1.25em;
        width: 1.25em; }
      #title .announcement .close span {
        display: none; }
  #title.announcement-open .announcement {
    margin-top: -0.33em; }

figure.issue, #title figure {
  text-align: left; }
  figure.issue a, #title figure a {
    display: block;
    color: #db0241;
    text-decoration: none;
    font-weight: bold; }
    figure.issue a h1, #title figure a h1 {
      color: #19191b;
      transition: 0.15s; }
    figure.issue a:hover h1, #title figure a:hover h1 {
      color: #db0241; }
  figure.issue img, #title figure img {
    float: left;
    max-height: 5em;
    margin-right: 0.75em; }
  figure.issue h1, #title figure h1 {
    font-size: 1.75em;
    line-height: 1em;
    margin-bottom: 0; }
  figure.issue h2, #title figure h2 {
    font-size: 0.8em;
    margin: 0; }
  figure.issue.issue h1, #title figure.issue h1 {
    font-size: 1.25em; }

.navigation {
  display: flex;
  align-items: baseline;
  margin: 1em 1.25rem 0;
  padding-bottom: 2.5em;
  justify-content: center;
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500; }
  @media (min-width: 1024px) {
    .navigation {
      justify-content: flex-start;
      margin-left: 0;
      margin-right: 0;
      max-width: 41rem; } }
  .navigation .page-numbers {
    margin-right: 0.5em; }
    .navigation .page-numbers:last-child {
      margin-right: 0; }
  .navigation a, .navigation .current {
    transition-duration: 0.15s;
    font-size: 0.8em;
    border-radius: 3em;
    padding-top: 0.35em;
    height: 1.85em;
    width: 1.85em;
    text-align: center;
    background: #fff; }
  .navigation .current {
    background: #19191b;
    color: #fff; }
    .navigation .current:hover {
      color: #fff; }
    .navigation .current:first-child::before {
      content: '';
      width: 5em;
      margin-right: auto; }
  .navigation .prev, .navigation .next {
    font-weight: bold;
    font-size: 1.25em;
    text-shadow: 0.05em 0.05em 0 #fff, -0.05em -0.05em 0 #fff, -0.05em 0.05em 0 #fff, 0.05em -0.05em 0 #fff;
    padding-top: 0;
    border: none;
    height: auto;
    width: 5em;
    border-radius: none;
    background: none; }
  .navigation .prev {
    margin-right: auto;
    text-align: left; }
    @media (min-width: 1024px) {
      .navigation .prev {
        margin-right: 1em;
        width: auto; } }
  .navigation .next {
    margin-left: auto;
    text-align: right; }
    @media (min-width: 1024px) {
      .navigation .next {
        margin-left: 0.75em;
        width: auto; } }

.spu-box .spu-content {
  margin: 2rem 1.25rem 0; }
  .spu-box .spu-content p {
    margin-bottom: 1em;
    line-height: 1.33; }
    .spu-box .spu-content p:last-child {
      margin-bottom: 0; }
.spu-box h2, .spu-box h3 {
  margin-bottom: 0.5em; }
.spu-box h2 {
  font-size: 1.75em;
  font-weight: 700;
  line-height: 1.1; }
.spu-box h3 {
  font-size: 1.25em; }
.spu-box .button {
  margin: 1.25rem -1.25rem 0;
  display: block;
  vertical-align: middle;
  padding: 0.45em 1em 0.5em;
  border: 0;
  font-size: 1rem;
  color: #fff;
  background: #db0241;
  text-decoration: none;
  text-align: center;
  transition: 0.15s;
  cursor: pointer;
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  border-radius: 0; }
  .spu-box .button:hover, .spu-box .button:focus {
    color: #fff;
    background: #aa0b39; }
  .spu-box .button .icon {
    height: 1.25em;
    width: 1.25em;
    vertical-align: middle;
    margin: 0; }
  .spu-box .button.btn-inactive {
    opacity: 0.5; }
    .spu-box .button.btn-inactive:hover, .spu-box .button.btn-inactive:focus {
      background: #db0241; }

@media screen and (min-width: 360px) {
  #title .logo {
    margin-left: -400px; } }
@media screen and (min-width: 600px) {
  #main-nav nav, #main-nav .logo-wrap {
    margin-right: 4em; }
  #main-nav .logo-wrap .logo {
    margin-left: -700px;
    margin-top: -87px; }
    #main-nav .logo-wrap .logo .sm {
      width: 1400px;
      height: 174px; }

  h1 {
    font-size: 2.5em; }

  #title:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -0.05em;
    display: block;
    width: calc(50% - 33em/2 - 1.25rem);
    height: 13em;
    background: url(images/lines_bg_thin_40.png);
    content: ''; } }
@media screen and (min-height: 800px) {
  #main-nav ul.sub, #main-nav ul.social {
    position: absolute;
    bottom: 4.5rem; }
  #main-nav ul.social {
    bottom: 1.5rem; } }
@media screen and (min-width: 800px) {
  .admin-bar #title {
    top: 30px; }

  #title {
    width: 50%; } }
@media screen and (min-width: 900px) {
  #title .logo {
    margin-left: -532px;
    margin-top: -60px;
    padding-left: 1em; }
    #title .logo .sm {
      width: 1064px;
      height: 121px; } }
@media screen and (min-width: 1024px) {
  #title {
    position: fixed;
    top: 0;
    width: 100%;
    height: 1.75em;
    overflow: visible;
    padding: 0;
    border-top: 0.33em solid #db0241; }
    #title h2 {
      display: block; }
    #title .wrapper {
      position: relative; }
    #title .announcement {
      margin-top: -3.25em; }
      #title .announcement .wrapper > div {
        margin-left: 3rem; }
      #title .announcement h3 {
        font-weight: 500;
        margin-right: 1em; }
        #title .announcement h3:after {
          content: ' '; }
      #title .announcement h3, #title .announcement p {
        display: inline-block; }
      #title .announcement .btn {
        float: right; }
    #title .logo {
      position: absolute;
      top: -2.5em;
      left: 4.25rem;
      opacity: 1;
      transition: 0.25s;
      margin: 0;
      padding: 0; }
      #title .logo:before {
        content: '';
        display: block;
        position: absolute;
        top: 2.5rem;
        width: 100%;
        height: 3px;
        background: #db0241; }
      #title .logo .sm {
        display: none; }
      #title .logo .icon-logo-top {
        fill: #db0241;
        width: 381.2px;
        height: 116.16px;
        background: rgba(255, 255, 255, 0.75);
        display: inline-block;
        line-height: 0;
        transition: background 0.25s; }
      #title .logo:hover {
        transform: translateY(2.33rem); }
        #title .logo:hover .icon-logo-top {
          background: #fff; }
      #title .logo h2 {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        color: #fff;
        position: absolute;
        top: -2.33rem;
        width: 393.9px;
        z-index: 15;
        padding: 0.5rem 0.75rem;
        background: #db0241;
        font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 1.15em;
        font-weight: 300;
        margin-top: 0;
        text-shadow: 0 1px 0.05em rgba(25, 25, 27, 0.5); }
    #title figure {
      display: block; }
      #title figure img {
        max-height: 7em; }

  .nav-open #title .logo:hover {
    -webkit-transform: none; }

  #main-nav nav, #main-nav .logo-wrap {
    margin-right: 0;
    min-width: 450px;
    width: 33.33%; } }
@media screen and (min-width: 1450px) {
  #title .menu {
    left: -2.75rem; }
  #title figure {
    left: 1.75em; }
  #title .logo {
    left: 1.25em; } }
.single-post #title .wrapper, .archive #title .wrapper, .page #title .wrapper, .error404 #title .wrapper, .search #title .wrapper, .single-issue #title .wrapper {
  max-width: 1300px; }

.single-post main {
  max-width: none; }

.page, .error404 {
  background: fixed url(images/lines_bg_thin_40.png); }
  .page #title:before, .error404 #title:before {
    content: none; }
  .page #title .logo .icon-logo-top, .error404 #title .logo .icon-logo-top {
    background: rgba(255, 255, 255, 0.85); }
  .page main, .error404 main {
    max-width: none;
    margin-top: 0;
    padding-top: 4em;
    background: no-repeat center top;
    background-size: 100%; }
    .page main.thumb, .error404 main.thumb {
      padding-top: 8em; }
    .page main > .wrapper, .error404 main > .wrapper {
      max-width: 1300px;
      margin: 0 auto; }
    .page main header, .error404 main header {
      padding-left: 1.25rem; }
      .page main header h1, .error404 main header h1 {
        line-height: 1.175em; }
    .page main article, .error404 main article {
      background: #fff;
      padding: 1.25rem; }
    .page main .social, .error404 main .social {
      margin-top: 2em;
      border-top: 1px solid #cbcbce;
      padding-top: 1em; }
      .page main .social h3, .error404 main .social h3 {
        font-weight: normal;
        font-size: 0.75em;
        display: inline-block;
        margin-right: 1.5em; }
      .page main .social ul, .error404 main .social ul {
        display: inline-block; }
      .page main .social li, .error404 main .social li {
        display: inline-block; }
        .page main .social li:first-child, .error404 main .social li:first-child {
          margin-left: -0.5em; }
        .page main .social li a, .error404 main .social li a {
          padding: 0.5em; }
          .page main .social li a .icon, .error404 main .social li a .icon {
            height: 1.15em;
            width: 1.15em; }

article .body h2, article .body h3 {
  margin: 2.5em 0 1em; }
article .body a {
  border-bottom: 0.1em solid transparent; }
  article .body a:hover {
    border-bottom-color: #19191b; }
article .body figure > a {
  border: none; }
article .body > p, article .body > ul {
  line-height: 1.5em;
  margin: 1em 0; }
article .body ul {
  list-style: square;
  margin-left: 2em; }
  article .body ul li {
    margin: 1em 0; }
article .body *:first-child {
  margin-top: 0; }
article .body *:last-child {
  margin-bottom: 0; }
article .body blockquote {
  line-height: 1.25em;
  line-height: 1.2em;
  color: #19191b;
  clear: both; }
  article .body blockquote:before {
    display: block;
    content: '';
    margin: 0.25em 0 0.5em;
    width: 1.25em;
    border-bottom: 0.2em solid #19191b; }
article .body aside {
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.9em;
  padding: 1.5em 1em 1em;
  margin-bottom: 1.5em;
  border-top: 0.5em solid #f2f2f3;
  border-left: 0.5em solid #f2f2f3; }
  article .body aside p {
    margin: 1em 0; }
    article .body aside p:first-child {
      margin-top: 0; }
    article .body aside p:last-child {
      margin-bottom: 0; }
article .body img {
  height: auto !important; }
@media (max-width: 599px) {
  article .body .wp-caption, article .body .alignright, article .body .alignleft {
    width: auto !important; } }
@media (min-width: 600px) {
  article .body .alignright {
    float: right;
    clear: right;
    margin-left: 1em; } }
@media (min-width: 1024px) {
  article .body .alignright {
    max-width: calc(50% + 150px - 1.25em);
    margin: 0.33em -150px 1em 1.25em; } }
@media (min-width: 600px) {
  article .body .alignleft {
    float: left;
    clear: left;
    margin-right: 1.25em; } }
@media (min-width: 1024px) {
  article .body .alignleft {
    max-width: calc(50% - 1.25em); } }
article .body .wp-caption-text, article .body figcaption {
  font-size: 0.8em;
  margin-top: 0.25em;
  color: #96969c; }

.single-post article, article.top {
  margin: 0 auto;
  padding-bottom: 4em;
  font-weight: 300; }
  .single-post article .wrapper, article.top .wrapper {
    padding: 0 1em;
    max-width: 35rem;
    margin: 0 auto; }
  .single-post article .comments.wrapper, article.top .comments.wrapper {
    min-height: 20em; }
  .single-post article #article-title, article.top #article-title {
    position: relative;
    background: #fff no-repeat center top;
    background-size: cover; }
    @media (min-width: 600px) {
      .single-post article #article-title, article.top #article-title {
        min-height: 29em;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1.25em;
        background-position: center center; } }
    @media (min-width: 1024px) {
      .single-post article #article-title, article.top #article-title {
        float: right;
        width: calc(50% + 17.75rem); } }
    @media (min-width: 1350px) {
      .single-post article #article-title, article.top #article-title {
        min-height: 32em; } }
    .single-post article #article-title:before, article.top #article-title:before {
      content: none; }
    .single-post article #article-title:after, article.top #article-title:after {
      display: block;
      height: 2em;
      width: 100%;
      content: '';
      background: #fff;
      margin-top: -2em;
      position: static;
      opacity: 1; }
    .single-post article #article-title img, article.top #article-title img {
      display: block;
      width: auto !important;
      height: auto !important; }
      @media (min-width: 600px) {
        .single-post article #article-title img, article.top #article-title img {
          display: none; } }
    .single-post article #article-title h1, .single-post article #article-title h2, article.top #article-title h1, article.top #article-title h2 {
      position: relative;
      top: -0.85em;
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-weight: 500;
      line-height: 1.2em;
      margin: 0;
      padding: 1.25rem;
      color: #fff;
      z-index: 10;
      text-shadow: 0 0.05em 0.1em rgba(25, 25, 27, 0.75); }
      .single-post article #article-title h1:before, .single-post article #article-title h2:before, article.top #article-title h1:before, article.top #article-title h2:before {
        background: linear-gradient(to bottom, transparent, #19191b 0.85em);
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        height: 100%;
        width: 100%;
        z-index: -1; }
      @media (min-width: 600px) {
        .single-post article #article-title h1, .single-post article #article-title h2, article.top #article-title h1, article.top #article-title h2 {
          position: absolute;
          bottom: 0;
          top: auto;
          width: 100%;
          padding: 2em 1.25rem 1.5rem;
          background: none;
          font-weight: bold;
          text-shadow: 0 0.1em 0.33em rgba(25, 25, 27, 0.25);
          line-height: 1.025em; }
          .single-post article #article-title h1:before, .single-post article #article-title h2:before, article.top #article-title h1:before, article.top #article-title h2:before {
            background: linear-gradient(to bottom, transparent, rgba(25, 25, 27, 0.33), rgba(25, 25, 27, 0.5)); } }
    .single-post article #article-title.no-img, article.top #article-title.no-img {
      min-height: 0;
      margin-top: 6rem; }
      .single-post article #article-title.no-img h1, article.top #article-title.no-img h1 {
        position: static;
        padding-top: 0;
        padding-bottom: 0;
        text-shadow: none;
        color: #19191b;
        max-width: 41rem; }
        .single-post article #article-title.no-img h1:before, article.top #article-title.no-img h1:before {
          content: none; }
    .single-post article #article-title .post-categories, article.top #article-title .post-categories {
      position: absolute;
      width: 12em;
      bottom: 2em;
      left: -13.25em;
      text-align: right; }
      .single-post article #article-title .post-categories a, article.top #article-title .post-categories a {
        display: inline-block;
        padding: 0.25em 0.5em 0.15em;
        border: 0.175em solid #19191b;
        background: #fff;
        font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 0.85em;
        font-weight: 700;
        color: #19191b;
        margin-top: 0.5em; }
        .single-post article #article-title .post-categories a:hover, article.top #article-title .post-categories a:hover {
          border-color: #db0241;
          color: #db0241;
          background-image: none; }
    .single-post article #article-title .issue, article.top #article-title .issue {
      font-size: 2.5em;
      font-weight: 700;
      position: fixed;
      top: 12.5em;
      width: 10em;
      transform: rotate(-90deg);
      transform-origin: top left;
      margin-left: -3.75rem;
      margin-bottom: 0;
      text-align: right;
      position: absolute;
      width: 6em;
      top: 8.9em;
      z-index: 300;
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif; }
      .single-post article #article-title .issue a:hover, article.top #article-title .issue a:hover {
        color: #19191b; }
  .single-post article .featured-caption, article.top .featured-caption {
    position: relative;
    margin: -0.75rem 1rem 1.25rem;
    font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.78em;
    line-height: normal; }
    @media (min-width: 900px) {
      .single-post article .featured-caption, article.top .featured-caption {
        font-size: 0.715em; } }
    @media (min-width: 1024px) {
      .single-post article .featured-caption, article.top .featured-caption {
        float: right;
        width: calc(50% + 17.5rem);
        margin: -0.75rem 0 -1.25rem 0;
        padding: 0 2rem 0 19.75rem; } }
    .single-post article .featured-caption .credit, article.top .featured-caption .credit {
      color: #96969c; }
    .single-post article .featured-caption .caption + .credit, article.top .featured-caption .caption + .credit {
      margin-left: 0.25rem; }
  .single-post article header, article.top header {
    margin-bottom: 1rem;
    position: relative;
    clear: right;
    font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.9em; }
    @media (min-width: 1024px) {
      .single-post article header .excerpt:first-child, article.top header .excerpt:first-child {
        padding-top: 1.75em; } }
    .single-post article header > p, article.top header > p {
      font-size: 1.1em;
      color: #19191b; }
      @media (min-width: 1024px) {
        .single-post article header > p, article.top header > p {
          max-width: calc(50% + 16.5rem + 0.25rem); } }
    .single-post article header .caption, article.top header .caption {
      position: absolute;
      width: 12rem;
      bottom: 11rem;
      left: -15.5rem;
      font-size: 0.9em;
      text-align: right; }
      .single-post article header .caption p, article.top header .caption p {
        line-height: 1.4em; }
    .single-post article header .cat, article.top header .cat {
      position: absolute;
      width: 12rem;
      top: -4.33rem;
      left: -15.5rem;
      text-align: right; }
      .single-post article header .cat li, article.top header .cat li {
        list-style: none;
        display: inline-block;
        margin: 0.15em; }
    .single-post article header .social, article.top header .social {
      position: absolute;
      width: 2.5em;
      top: 0;
      left: -90px;
      z-index: 300;
      margin: 0; }
      .single-post article header .social a, article.top header .social a {
        padding: 0.33em 0.5em;
        display: inline-block; }
        .single-post article header .social a:hover svg, article.top header .social a:hover svg {
          fill: #db0241; }
      .single-post article header .social svg, article.top header .social svg {
        fill: #19191b; }
      .single-post article header .social .icon-mail, .single-post article header .social .icon-speech-bubble, article.top header .social .icon-mail, article.top header .social .icon-speech-bubble {
        height: 1.33em;
        width: 1.33em; }
      .single-post article header .social li, article.top header .social li {
        text-align: center; }
      .single-post article header .social.fixed, article.top header .social.fixed {
        position: fixed; }
  .single-post article .ad, article.top .ad {
    text-align: center; }
  .single-post article p.comments, article.top p.comments {
    font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700; }
    .single-post article p.comments svg, article.top p.comments svg {
      vertical-align: middle;
      margin-right: 0.5em;
      transition: 0.15s; }
    .single-post article p.comments a, article.top p.comments a {
      transition: 0.15s; }
      .single-post article p.comments a:hover svg, article.top p.comments a:hover svg {
        fill: #db0241; }
    .single-post article p.comments:before, article.top p.comments:before {
      display: block;
      content: '';
      margin: 2em 0 1.5em;
      width: 1.5em;
      border-bottom: 0.33em solid #19191b; }
  .single-post article .related, article.top .related {
    margin: 3em 1.25rem 0;
    max-width: 41rem; }
    .single-post article .related h1, article.top .related h1 {
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-weight: 500;
      font-size: 1em;
      margin-bottom: 1.5em; }

.admin-bar .social.fixed {
  margin-top: 32px; }

.meta {
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 1.25em;
  color: #19191b; }
  .meta span {
    font-weight: 500;
    margin-left: 0.75em;
    text-transform: none;
    letter-spacing: 0; }

.newsletter {
  background: #db0241;
  margin: 3em 0;
  padding: 1.5em 1.5em 1em;
  clear: both;
  font-size: 1.25em; }
  .newsletter .icon-logo-indy {
    width: 6em;
    height: 1.9em;
    fill: #fff;
    margin: 0 0.25em; }
  .newsletter > * {
    position: relative;
    z-index: 10; }
  .newsletter h2 {
    border: 0;
    padding-top: 0;
    font-family: "Greta Text", Georgia, serif;
    font-weight: 500;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.2em;
    max-width: 16em;
    margin: 0 0 0.5em; }
  .newsletter input[type=email] {
    padding: 0.33em 0.5em 0.1em;
    border: 0;
    outline: none;
    margin-right: 0.25em;
    width: calc(100% - 5.5em);
    font-family: "Greta Text", Georgia, serif; }
  .newsletter input[type=submit] {
    color: #db0241;
    border-color: #db0241;
    font-size: 0.9em;
    margin-right: -0.3em;
    border-width: 0.3em;
    width: 5.33em;
    padding-left: 0;
    padding-right: 0;
    letter-spacing: -0.015em; }
    .newsletter input[type=submit]:hover {
      color: #19191b; }

.related > ul > li, .home article, .archive article, .search article, .single-issue #post-list article {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #cbcbce; }
  .related > ul > li .title, .related > ul > li figure:before, .home article .title, .home article figure:before, .archive article .title, .archive article figure:before, .search article .title, .search article figure:before, .single-issue #post-list article .title, .single-issue #post-list article figure:before {
    transition: 0.25s; }
  .related > ul > li > a, .home article > a, .archive article > a, .search article > a, .single-issue #post-list article > a {
    display: block;
    text-shadow: none;
    background: none; }
    .related > ul > li > a:hover figure:before, .home article > a:hover figure:before, .archive article > a:hover figure:before, .search article > a:hover figure:before, .single-issue #post-list article > a:hover figure:before {
      opacity: 1; }
    .related > ul > li > a:hover + div .title a, .home article > a:hover + div .title a, .archive article > a:hover + div .title a, .search article > a:hover + div .title a, .single-issue #post-list article > a:hover + div .title a {
      color: #db0241; }
  .related > ul > li ul, .home article ul, .archive article ul, .search article ul, .single-issue #post-list article ul {
    margin: 0; }
  .related > ul > li .title, .home article .title, .archive article .title, .search article .title, .single-issue #post-list article .title {
    text-decoration: none;
    font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.33em;
    line-height: 1.1em;
    color: #19191b; }
  .related > ul > li figure, .home article figure, .archive article figure, .search article figure, .single-issue #post-list article figure {
    display: block;
    line-height: 0;
    position: relative;
    margin-bottom: 1em; }
    .related > ul > li figure:before, .home article figure:before, .archive article figure:before, .search article figure:before, .single-issue #post-list article figure:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      border: 0.3em solid #db0241;
      opacity: 0; }
  .related > ul > li figure img, .home article figure img, .archive article figure img, .search article figure img, .single-issue #post-list article figure img {
    display: block;
    width: auto !important;
    height: auto !important;
    position: relative; }
  .related > ul > li p, .home article p, .archive article p, .search article p, .single-issue #post-list article p {
    line-height: 1.33em;
    color: #19191b; }
  .related > ul > li .meta, .home article .meta, .archive article .meta, .search article .meta, .single-issue #post-list article .meta {
    font-size: 0.75em;
    margin: 0.25em 0 1.25em;
    font-weight: 500;
    text-transform: none;
    color: #19191b; }
  .related > ul > li .post-categories li, .home article .post-categories li, .archive article .post-categories li, .search article .post-categories li, .single-issue #post-list article .post-categories li {
    display: inline-block; }
  .related > ul > li .post-categories a, .home article .post-categories a, .archive article .post-categories a, .search article .post-categories a, .single-issue #post-list article .post-categories a {
    display: inline-block;
    padding: 0.25em 0.5em 0.15em;
    border: 0.175em solid #19191b;
    background: #fff;
    font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.85em;
    font-weight: 700;
    color: #19191b;
    font-size: 0.9em;
    border-width: 0.1em;
    font-weight: 500;
    margin-top: 1em; }
    .related > ul > li .post-categories a:hover, .home article .post-categories a:hover, .archive article .post-categories a:hover, .search article .post-categories a:hover, .single-issue #post-list article .post-categories a:hover {
      border-color: #db0241;
      color: #db0241;
      background-image: none; }
    @media (min-width: 900px) {
      .related > ul > li .post-categories a, .home article .post-categories a, .archive article .post-categories a, .search article .post-categories a, .single-issue #post-list article .post-categories a {
        font-size: 0.75em; } }

@media screen and (min-width: 600px) {
  .single-post article .ad, article.top .ad {
    float: right;
    clear: right;
    max-width: 300px;
    margin: 1.25em; }
  .single-post article .body aside, article.top .body aside {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.65em;
    padding-right: 1.5em; }

  .related > ul > li, .index article, .home article, .archive article, .search article, .single-issue #post-list article {
    display: flex;
    justify-content: space-between; }
    .related > ul > li > a, .index article > a, .home article > a, .archive article > a, .search article > a, .single-issue #post-list article > a {
      flex: 1;
      margin-right: 1.25rem;
      margin-bottom: 0; }
    .related > ul > li figure, .index article figure, .home article figure, .archive article figure, .search article figure, .single-issue #post-list article figure {
      margin-bottom: 0; }
    .related > ul > li > *, .index article > *, .home article > *, .archive article > *, .search article > *, .single-issue #post-list article > * {
      flex: 2; }
      .related > ul > li > *:last-child, .index article > *:last-child, .home article > *:last-child, .archive article > *:last-child, .search article > *:last-child, .single-issue #post-list article > *:last-child {
        margin-right: 0; }

  body.page main header, body.error404 main header {
    padding-top: 0.5em; }
  body.page main h1, body.error404 main h1 {
    font-size: 2.15em; } }
@media screen and (min-width: 900px) {
  .related > ul > li p, .index article p, .home article p, .archive article p, .search article p, .single-issue #post-list article p {
    font-size: 0.9em; }

  body.page main, body.error404 main {
    transition: margin-top 0.15s;
    padding-top: 5em; }
    body.page main.thumb, body.error404 main.thumb {
      padding-top: 12em; }
    body.page main header, body.error404 main header {
      width: 68.5%;
      padding-left: 4.25rem; }
    body.page main article, body.error404 main article {
      max-width: 36rem;
      margin: 0 auto; }
  body.page .announcement-open + main, body.error404 .announcement-open + main {
    padding-top: 8.25em; } }
@media screen and (min-width: 1024px) {
  article.top .ad, .single-post article .ad {
    margin: 0.33em -150px 1em 1.25em; }
  article.top .body blockquote, .single-post article .body blockquote {
    padding: 0 0 0.5em 1em;
    margin: -0.1em -200px 0 0;
    width: 75%;
    float: right; }
  article.top .related, .single-post article .related {
    margin-left: calc(50% - 33rem/2);
    margin-right: 1.25em; }

  .related > ul > li, .index article, .home article, .archive article, .search article, .single-issue #post-list article {
    margin-bottom: 2em; }
    .related > ul > li > *, .index article > *, .home article > *, .archive article > *, .search article > *, .single-issue #post-list article > * {
      flex: 1;
      margin-right: 1.25rem; }
      .related > ul > li > *:last-child, .index article > *:last-child, .home article > *:last-child, .archive article > *:last-child, .search article > *:last-child, .single-issue #post-list article > *:last-child {
        margin-right: 0; }
    .related > ul > li > a, .index article > a, .home article > a, .archive article > a, .search article > a, .single-issue #post-list article > a {
      width: 33%; } }
@media screen and (min-width: 1400px) {
  #title .menu {
    left: 0; }
  #title figure {
    left: 4.5em; }
  #title .logo {
    left: 4.25rem; }

  .single-post article .ad {
    margin-right: -320px; } }
.side {
  padding-top: 1.5em;
  padding-bottom: 1.25em;
  text-align: center; }
  .side > * {
    margin: 0 1.25em;
    display: inline-block; }

body.archive article.top, body.home article.top, body.search article.top, .single-issue article.top {
  display: block;
  margin: 0; }
  body.archive article.top #article-title, body.home article.top #article-title, body.search article.top #article-title, .single-issue article.top #article-title {
    float: none;
    width: auto;
    line-height: inherit; }
    body.archive article.top #article-title h1, body.archive article.top #article-title h2, body.home article.top #article-title h1, body.home article.top #article-title h2, body.search article.top #article-title h1, body.search article.top #article-title h2, .single-issue article.top #article-title h1, .single-issue article.top #article-title h2 {
      transition: 0.15s;
      border-bottom: 0 solid #db0241;
      font-size: 1.75em; }
    body.archive article.top #article-title:before, body.home article.top #article-title:before, body.search article.top #article-title:before, .single-issue article.top #article-title:before {
      content: none; }
  body.archive article.top #article-title a:hover h1, body.archive article.top #article-title a:hover h2, body.home article.top #article-title a:hover h1, body.home article.top #article-title a:hover h2, body.search article.top #article-title a:hover h1, body.search article.top #article-title a:hover h2, .single-issue article.top #article-title a:hover h1, .single-issue article.top #article-title a:hover h2 {
    color: #db0241; }
  body.archive article.top > div, body.home article.top > div, body.search article.top > div, .single-issue article.top > div {
    margin: 0 1.25em; }
    body.archive article.top > div .meta, body.home article.top > div .meta, body.search article.top > div .meta, .single-issue article.top > div .meta {
      margin: 0;
      margin-right: 1.5em; }
      body.archive article.top > div .meta:after, body.home article.top > div .meta:after, body.search article.top > div .meta:after, .single-issue article.top > div .meta:after {
        display: none; }
      body.archive article.top > div .meta span, body.home article.top > div .meta span, body.search article.top > div .meta span, .single-issue article.top > div .meta span {
        display: block;
        margin: 0;
        padding: 0; }

body.archive, body.home, body.search {
  background: fixed url(images/lines_bg_thin_40.png); }
  body.archive .topics, body.home .topics, body.search .topics {
    background: url(images/lines_bg_thin_40.png);
    padding: 2em 1.25em 0.5em;
    margin: 0 -2.5em 2em -1.25em; }
    body.archive .topics li, body.home .topics li, body.search .topics li {
      display: none;
      margin-right: 0.5em;
      margin-bottom: 0.5em; }
      body.archive .topics li.menu-item-type-taxonomy, body.home .topics li.menu-item-type-taxonomy, body.search .topics li.menu-item-type-taxonomy {
        display: inline-block; }
    body.archive .topics a, body.home .topics a, body.search .topics a {
      display: inline-block;
      padding: 0.25em 0.5em 0.15em;
      border: 0.175em solid #19191b;
      background: #fff;
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      font-weight: 700;
      color: #19191b; }
      body.archive .topics a:hover, body.home .topics a:hover, body.search .topics a:hover {
        border-color: #db0241;
        color: #db0241;
        background-image: none; }
  body.archive main article:last-child, body.home main article:last-child, body.search main article:last-child {
    border-bottom: 0; }
  body.archive main > .wrapper, body.archive main > header, body.home main > .wrapper, body.home main > header, body.search main > .wrapper, body.search main > header {
    padding: 0 1.25rem 2.25rem; }
  body.archive main > .wrapper, body.home main > .wrapper, body.search main > .wrapper {
    background: #fff; }
    body.archive main > .wrapper > article, body.home main > .wrapper > article, body.search main > .wrapper > article {
      margin-bottom: 2em; }
      body.archive main > .wrapper > article:last-child, body.home main > .wrapper > article:last-child, body.search main > .wrapper > article:last-child {
        margin-bottom: 0;
        padding-bottom: 0; }
    body.archive main > .wrapper .newsletter, body.home main > .wrapper .newsletter, body.search main > .wrapper .newsletter {
      margin-bottom: 3em;
      clear: none; }
  body.archive main .ad, body.home main .ad, body.search main .ad {
    text-align: center; }

body.home article.top, body.single-issue article.top {
  padding-bottom: 0;
  border-bottom: 0; }
  body.home article.top #article-title, body.single-issue article.top #article-title {
    width: 100%;
    margin-bottom: 0; }
    body.home article.top #article-title h1, body.home article.top #article-title h2, body.single-issue article.top #article-title h1, body.single-issue article.top #article-title h2 {
      padding-bottom: 1.75em;
      transition: 0.25s; }
    body.home article.top #article-title .meta, body.single-issue article.top #article-title .meta {
      position: absolute;
      bottom: 2.75rem;
      z-index: 10;
      color: #fff;
      width: 100%;
      max-width: 1300px;
      margin: 0;
      padding: 0 30% 0 1.3rem; }
      body.home article.top #article-title .meta:after, body.single-issue article.top #article-title .meta:after {
        content: none; }
      body.home article.top #article-title .meta a, body.single-issue article.top #article-title .meta a {
        color: #fff; }
        body.home article.top #article-title .meta a:hover, body.single-issue article.top #article-title .meta a:hover {
          color: #db0241; }
    body.home article.top #article-title a:hover h1, body.home article.top #article-title a:hover h2, body.single-issue article.top #article-title a:hover h1, body.single-issue article.top #article-title a:hover h2 {
      color: #db0241;
      text-shadow: none; }

body.single-issue article.top #article-title .wrapper {
  max-width: 1300px; }
body.single-issue article.top #article-title h1 {
  position: absolute;
  top: 2em;
  bottom: auto;
  padding: 0;
  margin: 0 auto;
  width: auto;
  padding-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500; }
  body.single-issue article.top #article-title h1:before {
    content: none; }

body.archive main, body.search main {
  margin-top: 2.5rem; }
  body.archive main .wrapper, body.search main .wrapper {
    padding-top: 0.25rem; }
  @media (min-width: 600px) {
    body.archive main, body.search main {
      margin-top: 0; }
      body.archive main .wrapper, body.search main .wrapper {
        padding-top: 0; } }
  body.archive main h2, body.search main h2 {
    margin-top: 0;
    font-size: 1.25em;
    text-align: center; }
    @media (min-width: 600px) {
      body.archive main h2, body.search main h2 {
        display: none; } }
    @media (min-width: 1024px) {
      body.archive main h2, body.search main h2 {
        display: block; } }

body.archive article.top {
  margin: 0 -1.25rem; }
  @media (min-width: 1024px) {
    body.archive article.top {
      margin: 0; } }
  body.archive article.top #article-title {
    margin-bottom: 0; }
    @media (min-width: 600px) {
      body.archive article.top #article-title {
        margin-bottom: 1rem; } }
    @media (min-width: 1024px) {
      body.archive article.top #article-title {
        min-height: 26.5em;
        margin-right: -1.25rem; } }
  @media (min-width: 1024px) {
    body.archive article.top > div {
      padding: 0;
      display: flex;
      margin: 0; }
      body.archive article.top > div > * {
        flex: 1; } }
  body.archive article.top > div .meta {
    margin-bottom: 1.25em; }
    @media (min-width: 1024px) {
      body.archive article.top > div .meta {
        margin-bottom: 0; } }

body.search h2, body.post-type-archive-issue h2 {
  font-size: 1.85em;
  font-weight: bold; }
body.search main, body.post-type-archive-issue main {
  margin-top: 3.25rem; }
  body.search main > .wrapper, body.post-type-archive-issue main > .wrapper {
    padding-top: 0.75rem; }
    @media (min-width: 1024px) {
      body.search main > .wrapper, body.post-type-archive-issue main > .wrapper {
        padding-top: 1.5rem; } }
  @media (min-width: 1024px) {
    body.search main, body.post-type-archive-issue main {
      margin-top: 5rem; } }
body.search .announcement-open + main, body.post-type-archive-issue .announcement-open + main {
  margin-top: 8.25em; }

.issues {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2rem; }
  .issues article {
    display: block;
    border-bottom: 0;
    padding-bottom: 0; }
    @media (min-width: 370px) {
      .issues article {
        margin-bottom: 1.5em;
        margin-right: 1.5em;
        width: calc(50% - 0.75em); }
        .issues article:nth-child(1n) {
          margin-right: 1.5em; }
        .issues article:nth-child(2n) {
          margin-right: 0; } }
    @media (min-width: 600px) {
      .issues article {
        margin-bottom: 1.5em;
        margin-right: 1.5em;
        width: calc(33.3333333333% - 1em); }
        .issues article:nth-child(2n) {
          margin-right: 1.5em; }
        .issues article:nth-child(3n) {
          margin-right: 0; } }
    .issues article > * {
      margin-right: 0; }
    .issues article a {
      width: auto;
      margin: 0; }
      .issues article a:hover .date, .issues article a:hover .issue {
        color: #db0241;
        border-color: #db0241; }
    .issues article figure {
      position: relative;
      margin-bottom: 0.33em; }
      .issues article figure:before {
        content: none; }
    .issues article .date {
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 1.15em;
      font-weight: bold;
      transition: 0.15s; }
    .issues article .issue {
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 1.15em;
      font-weight: 500;
      position: absolute;
      bottom: -0.75em;
      right: 0;
      z-index: 100;
      border: 0.1em solid #19191b;
      border-radius: 3em;
      padding-top: 0.575em;
      height: 2.5em;
      width: 2.5em;
      text-align: center;
      background: #fff;
      transition: 0.15s; }
    .issues article .view, .issues article .download {
      display: inline-block;
      padding: 0.25em 0.5em 0.15em;
      border: 0.175em solid #19191b;
      background: #fff;
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      font-weight: 700;
      color: #19191b;
      font-size: 0.9em;
      border-width: 0.1em;
      font-weight: 500;
      display: block;
      background: none;
      border: none;
      padding: 0;
      line-height: 1.5em; }
      .issues article .view:hover, .issues article .download:hover {
        border-color: #db0241;
        color: #db0241;
        background-image: none; }
      @media (min-width: 900px) {
        .issues article .view, .issues article .download {
          font-size: 0.75em; } }
    .issues article .download .icon {
      width: 1.1em;
      height: 1.1em;
      margin-top: -0.15em; }

@media screen and (min-width: 600px) {
  body.home article.top #article-title h1, body.home article.top #article-title h2, body.single-issue article.top #article-title h1, body.single-issue article.top #article-title h2 {
    font-size: 2.25em;
    padding-bottom: 1.5em; }
  body.home article.top #article-title .meta, body.single-issue article.top #article-title .meta {
    bottom: 1.5rem; }
  body.home main #post-list article:first-child, body.single-issue main #post-list article:first-child {
    margin-top: 2.5em; }

  body.archive article.top #article-title h1, body.archive article.top #article-title h2, body.search article.top #article-title h1, body.search article.top #article-title h2 {
    font-size: 2.25em; }

  body.single-issue article.top #article-title h1 {
    font-size: 1.75em;
    top: 3.5em; } }
@media screen and (min-width: 1024px) {
  .side {
    float: right;
    width: 31.5%;
    padding-top: 0; }
    .side > * {
      margin: 2em 0;
      display: block; }
      .side > *:first-child {
        margin-top: 0; }
    .side figure.issue {
      font-weight: 300;
      position: relative;
      z-index: 20;
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif; }
      .side figure.issue a {
        color: #19191b; }
        .side figure.issue a:hover {
          color: #db0241; }
      .side figure.issue > a {
        transition: none; }
        .side figure.issue > a:hover h3 {
          background: #db0241; }
        .side figure.issue > a:hover .title {
          -webkit-text-fill-color: #db0241;
          color: #db0241; }
        .side figure.issue > a > div {
          background: #fff;
          border-left: 1px solid #19191b;
          border-right: 1px solid #19191b;
          padding: 1em 1.5em 0; }
          .side figure.issue > a > div > p {
            font-weight: 700;
            font-size: 1.33em; }
      .side figure.issue h3, .side figure.issue .title {
        color: #fff;
        margin: 0;
        line-height: 1.125em;
        letter-spacing: -0.015em;
        font-weight: 700;
        font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif; }
      .side figure.issue h3 {
        margin-bottom: 0.2em;
        margin: 0 0.65em;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1.33em;
        letter-spacing: 0.05em;
        background: none;
        display: inline-block;
        padding: 0.5em 0.5em 0.25em;
        transition: 0.15s; }
      .side figure.issue .title {
        font-size: 3em;
        text-transform: none;
        background-repeat: no-repeat;
        background-size: 1400px;
        background-position: calc(50% - 430px - 0.5em) calc(50% - 220px);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        color: #19191b; }
      .side figure.issue p {
        margin-bottom: 1em; }
        .side figure.issue p:last-child {
          margin: 0; }
      .side figure.issue .date {
        font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
        font-weight: normal;
        margin-bottom: 0.5em; }
      .side figure.issue ul {
        font-size: 0.85em;
        list-style: square;
        line-height: 1.2em;
        border: 1px solid #19191b;
        border-top: 0;
        padding: 1em 2em 1.5em 2.5em;
        background: #fff; }
        .side figure.issue ul li a {
          padding: 0.5em 0;
          display: block; }
        .side figure.issue ul li:first-child {
          border-top: 1px solid #19191b;
          padding-top: 1.5em; }
    .side figure.download a, .side figure.issue-nav a {
      display: block;
      border: 0.1em solid #19191b;
      color: #19191b;
      text-align: left;
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-weight: bold;
      padding: 1em;
      margin: 0 auto; }
      .side figure.download a:hover, .side figure.issue-nav a:hover {
        border-color: #db0241;
        color: #db0241; }
      .side figure.download a p.download, .side figure.issue-nav a p.download {
        font-size: 1.33em;
        line-height: 1.085em;
        margin-top: 1em; }
      .side figure.download a p.issue, .side figure.download a p.date, .side figure.issue-nav a p.issue, .side figure.issue-nav a p.date {
        text-transform: uppercase;
        letter-spacing: 0.025em;
        font-weight: 500;
        font-size: 0.9em;
        line-height: 1.2em; }
      .side figure.download a img, .side figure.issue-nav a img {
        max-width: 200px; }
      .side figure.download a img, .side figure.download a div, .side figure.issue-nav a img, .side figure.issue-nav a div {
        display: inline-block;
        vertical-align: middle;
        width: 47.5%;
        margin-right: 5%; }
      .side figure.download a div, .side figure.issue-nav a div {
        margin-left: -0.25em;
        margin-right: 0; }
    .side figure.issue-nav {
      position: relative;
      z-index: 20;
      margin-bottom: 0.66em;
      text-align: left; }
      .side figure.issue-nav a {
        background: #fff;
        display: inline-block;
        vertical-align: middle;
        width: 48.5%;
        margin-right: 3%;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.025em;
        font-size: 0.9em;
        padding: 1.1em;
        padding-bottom: 1em;
        text-align: center; }
        .side figure.issue-nav a:nth-child(even) {
          margin-left: -0.33em;
          margin-right: 0; }
    .side figure.download {
      margin-top: 0; }

  body.archive main > .wrapper, body.home main > .wrapper, body.search main > .wrapper, body.single-issue main > .wrapper {
    padding-left: 4.25rem; }
  body.archive .topics, body.home .topics, body.search .topics, body.single-issue .topics {
    margin-left: -4.25rem;
    padding-left: 4.25rem; }

  body.archive main, body.search main {
    margin-left: calc(50% - 33rem/2 - 1.25rem); }
    body.archive main > *, body.search main > * {
      max-width: 41rem; }
    body.archive main .wrapper > h2, body.search main .wrapper > h2 {
      font-size: 2.5em;
      font-weight: 700;
      position: fixed;
      top: 12.5em;
      width: 10em;
      transform: rotate(-90deg);
      transform-origin: top left;
      margin-left: -3.75rem;
      margin-bottom: 0;
      text-align: right; }
      body.archive main .wrapper > h2 span, body.search main .wrapper > h2 span {
        position: relative; }
      body.archive main .wrapper > h2 span:before, body.search main .wrapper > h2 span:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        height: calc(50% - 33rem/2 - 1.25rem);
        background: url(images/lines_bg_thin.png); }
      .admin-bar body.archive main .wrapper > h2, .admin-bar body.search main .wrapper > h2 {
        top: calc(12.5em + 32px); }

  body.home main, body.single-issue main {
    margin-left: auto;
    float: none;
    width: auto; }
    body.home main article > a, body.single-issue main article > a {
      max-width: 381.2px; }
    body.home main #post-list, body.single-issue main #post-list {
      width: 68.5%; }
  body.home article.top:before, body.single-issue article.top:before {
    position: absolute;
    width: 100%;
    content: '';
    height: 8em;
    z-index: 100;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.33), transparent); }
  body.home article.top #article-title h1, body.home article.top #article-title h2, body.single-issue article.top #article-title h1, body.single-issue article.top #article-title h2 {
    font-size: 3em;
    letter-spacing: -0.01em;
    text-shadow: 0 0.1em 0.33em rgba(25, 25, 27, 0.25);
    line-height: 1.025em;
    padding-bottom: 1em; }
    body.home article.top #article-title h1 span, body.home article.top #article-title h2 span, body.single-issue article.top #article-title h1 span, body.single-issue article.top #article-title h2 span {
      max-width: 1300px;
      margin: 0 auto;
      display: block;
      padding-right: 33%;
      padding-left: 2.75rem; }
    body.home article.top #article-title h1:before, body.home article.top #article-title h2:before, body.single-issue article.top #article-title h1:before, body.single-issue article.top #article-title h2:before {
      background: linear-gradient(to bottom, transparent, rgba(25, 25, 27, 0.33)); }
  body.home article.top #article-title .meta, body.single-issue article.top #article-title .meta {
    padding-left: 4.25rem; }
  body.home .side figure.issue, body.single-issue .side figure.issue {
    margin-top: -9.66em; }

  body.single-issue .side {
    padding-right: 1.25em; }
  body.single-issue article.top #article-title h1 {
    font-size: 1.9em;
    top: 3.1em;
    letter-spacing: 0.025em;
    margin-left: 2.15em;
    font-weight: 700; }
  body.single-issue article.top #article-title .meta {
    padding-left: 4.25rem; }

  .home #title:before, .archive #title:before, .search #title:before, body.single-issue #title:before {
    content: none; } }
@media screen and (min-width: 1350px) {
  body.home article.top #article-title .meta, body.single-issue article.top #article-title .meta {
    bottom: 1.5rem;
    left: 50%;
    margin-left: -650px; }
  body.home article.top #article-title h1 span, body.home article.top #article-title h2 span, body.single-issue article.top #article-title h1 span, body.single-issue article.top #article-title h2 span {
    padding-left: 4.25rem;
    padding-right: 33%; } }
.single-issue #post-list {
  padding-left: 4.25rem; }

.postid-27219 {
  background: #FAF9EC; }
  .postid-27219 #title:before {
    content: none; }
  .postid-27219 #title .logo .sm {
    fill: #0068FF;
    background: #FAF9EC; }
  .postid-27219 #title .announcement {
    display: none; }
  @media (min-width: 1024px) {
    .postid-27219 #title {
      border-top: 0;
      height: 0;
      position: absolute; }
      .postid-27219 #title .wrapper {
        max-width: 1350px; }
      .postid-27219 #title .logo {
        display: none; }
      .postid-27219 #title .menu {
        top: 1.75rem; }
        .postid-27219 #title .menu .icon {
          fill: #0068FF; }
        .postid-27219 #title .menu:hover .icon {
          fill: #19191b; } }

.bloomberg {
  max-width: none;
  margin-top: 2rem; }
  @media (min-width: 1024px) {
    .bloomberg {
      margin-top: 0; } }
  .bloomberg a {
    color: #0068FF; }
    .bloomberg a img {
      opacity: 1;
      transition: 0.15s; }
    .bloomberg a .title {
      color: #19191b; }
    .bloomberg a:hover {
      color: #0053cc; }
      .bloomberg a:hover img {
        opacity: 0.9; }
      .bloomberg a:hover .title {
        color: #0068FF; }
      .bloomberg a:hover .icon {
        fill: #0068FF; }
  .bloomberg h1, .bloomberg h2 {
    color: #0068FF;
    font-size: 1.712rem;
    line-height: 1.1em;
    font-weight: bold;
    margin: 0; }
  .bloomberg h2 {
    font-size: 1.5rem; }
    @media (min-width: 900px) {
      .bloomberg h2 {
        font-size: 1.712rem; } }
  .bloomberg h3 {
    font-family: "Inconsolata";
    font-size: 0.778rem;
    font-weight: normal;
    line-height: 1.33;
    font-size: 0.76rem;
    color: #76746D;
    border: 1px solid #19191b;
    border-radius: 0.5rem;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0.5em 0.85em 0.25em;
    display: inline-block;
    margin-left: 0.5em;
    background: #FAF9EC; }
    @media (min-width: 900px) {
      .bloomberg h3 {
        font-size: 0.67rem; } }
  .bloomberg .title {
    font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    transition: 0.15s; }
    .bloomberg .title a {
      color: #19191b; }
      .bloomberg .title a:hover {
        color: #0068FF; }
  .bloomberg .meta, .bloomberg .source {
    font-family: "Inconsolata";
    font-size: 0.778rem;
    font-weight: normal;
    line-height: 1.33;
    text-transform: none;
    margin-top: 0.25em; }
    @media (min-width: 900px) {
      .bloomberg .meta, .bloomberg .source {
        font-size: 0.67rem; } }
  .bloomberg .wrapper {
    max-width: 1160px;
    padding: 0 1rem;
    margin: 0 auto; }
  .bloomberg article {
    margin-bottom: 1.5rem; }
    @media (min-width: 600px) {
      .bloomberg article {
        margin-bottom: 1.25em; }
        .bloomberg article:last-child {
          margin-bottom: 0; } }
  .bloomberg > header {
    background: url(images/bloomberg-files-top.png) no-repeat -315px 0;
    background-size: 1400px;
    min-height: 120px;
    position: relative;
    z-index: 20;
    padding-top: 0.5rem;
    margin-bottom: 1rem; }
    @media (min-width: 370px) {
      .bloomberg > header {
        background-size: 1550px;
        background-position: -345px 0;
        padding-top: 0.75rem; } }
    @media (min-width: 600px) {
      .bloomberg > header {
        background-position: -474px 0;
        background-size: auto; } }
    @media (min-width: 1024px) {
      .bloomberg > header {
        background-position: -430px 0;
        padding-top: 1.3rem; } }
    @media (min-width: 1024px) {
      .bloomberg > header > .wrapper {
        display: flex;
        align-items: flex-start; } }
    .bloomberg > header h1 {
      margin-left: 0.5em;
      margin-bottom: 1em; }
      @media (min-width: 370px) {
        .bloomberg > header h1 {
          margin-left: 1em; } }
      @media (min-width: 600px) {
        .bloomberg > header h1 {
          font-size: 2.2rem; } }
      @media (min-width: 1024px) {
        .bloomberg > header h1 {
          margin-left: 2.25em;
          margin-right: auto; } }
      @media (min-width: 1160px) {
        .bloomberg > header h1 {
          margin-left: calc(2.25em - (100vw - 1160px)/2); } }
      .bloomberg > header h1 span {
        display: block;
        font-size: 1rem;
        line-height: 1em;
        font-family: "Inconsolata"; }
    @media (min-width: 1024px) {
      .bloomberg > header .top__intro {
        display: none; } }
    .bloomberg > header .social {
      display: flex;
      margin-right: 0.375rem; }
      .bloomberg > header .social a {
        padding: 0.33em 0.5em;
        display: inline-block; }
        .bloomberg > header .social a:hover .icon {
          fill: #19191b; }
      .bloomberg > header .social__comment {
        display: none; }
      .bloomberg > header .social .icon {
        fill: #0068FF;
        height: 1.25rem;
        width: 1.25rem; }
    @media (min-width: 1024px) {
      .bloomberg > header .logo-wrap {
        width: 24.25%;
        padding-left: 0.75rem; } }
    .bloomberg > header .logo {
      display: none; }
      @media (min-width: 1024px) {
        .bloomberg > header .logo {
          display: block;
          font-family: "Inconsolata";
          font-size: 0.778rem;
          font-weight: normal;
          line-height: 1.33;
          width: 220px;
          position: fixed;
          top: 0;
          z-index: 20;
          border: 2px solid #0068FF;
          transform: translate(0, -0.5em);
          transition: 0.15s; } }
  @media (min-width: 1024px) and (min-width: 900px) {
    .bloomberg > header .logo {
      font-size: 0.67rem; } }
      @media (min-width: 1024px) {
          .admin-bar .bloomberg > header .logo {
            top: 32px; }
          .bloomberg > header .logo:hover {
            transform: translate(0, 0); }
          .bloomberg > header .logo p {
            background: #0068FF;
            padding: 1em 0 0.1em 0.5em;
            color: #FAF9EC; }
          .bloomberg > header .logo .icon {
            width: 216px;
            height: 35px;
            fill: #0068FF; } }
    @media (min-width: 1325px) {
      .bloomberg > header {
        background-position: 50% 0; }
        .bloomberg > header h1 {
          margin-left: 0; } }
  .bloomberg .top {
    position: relative; }
    @media (min-width: 600px) {
      .bloomberg .top {
        margin-top: -0.85rem; } }
    .bloomberg .top__intro {
      font-family: "Inconsolata";
      font-size: 0.778rem;
      font-weight: normal;
      line-height: 1.33;
      color: #76746D;
      margin-bottom: 0.5rem; }
      @media (min-width: 900px) {
        .bloomberg .top__intro {
          font-size: 0.67rem; } }
      @media (min-width: 1024px) {
        .bloomberg .top__intro {
          margin-bottom: 1.5rem; } }
    .bloomberg .top .top__intro {
      display: none; }
      @media (min-width: 1024px) {
        .bloomberg .top .top__intro {
          display: block;
          flex: 2 2 100%; } }
    .bloomberg .top__featured article {
      margin-bottom: 1.25rem; }
      @media (min-width: 1024px) {
        .bloomberg .top__featured article {
          margin-bottom: 1rem; } }
    .bloomberg .top__featured img {
      margin-bottom: 0.15em; }
    .bloomberg .top__featured article:first-child {
      margin-left: -1rem;
      margin-right: -1rem; }
      .bloomberg .top__featured article:first-child img {
        margin-bottom: 0.5em; }
      .bloomberg .top__featured article:first-child h2, .bloomberg .top__featured article:first-child .meta {
        margin-left: 1rem;
        margin-right: 1rem; }
      @media (min-width: 1024px) {
        .bloomberg .top__featured article:first-child {
          margin-left: 0;
          margin-right: 0; }
          .bloomberg .top__featured article:first-child h2, .bloomberg .top__featured article:first-child .meta {
            margin-left: 0;
            margin-right: 0; } }
    .bloomberg .top__featured .meta {
      margin-top: 0.5em; }
    @media (min-width: 1024px) {
      .bloomberg .top__featured .title {
        line-height: 1.1; }
      .bloomberg .top__featured article:last-child {
        border-top: 1px solid #19191b;
        padding-top: 1rem; }
        .bloomberg .top__featured article:last-child img {
          float: right;
          max-width: calc(50% - 0.75rem);
          max-height: 7rem;
          margin-left: 1rem; }
        .bloomberg .top__featured article:last-child .title {
          font-size: 1.144rem;
          line-height: 1.2; } }
    @media (min-width: 1024px) {
      .bloomberg .top__secondary {
        display: flex;
        flex-flow: row wrap;
        margin-left: 1.5rem; } }
    .bloomberg .top__secondary img {
      margin-bottom: 0.15em; }
    .bloomberg .top__col {
      margin-bottom: 3em; }
    .bloomberg .top__elsewhere h3 + article {
      border-top: 1px solid #19191b;
      padding-top: 1.5em;
      padding-left: 0.75rem;
      margin-left: -0.75rem;
      margin-top: -0.25em; }
    @media (min-width: 1024px) {
      .bloomberg .top {
        padding-bottom: 1rem; }
        .bloomberg .top > .wrapper {
          display: flex; }
          .bloomberg .top > .wrapper > * {
            flex: 1; }
        .bloomberg .top__col {
          flex: 1;
          margin-bottom: 0; }
          .bloomberg .top__col .title {
            font-size: 0.95rem; }
        .bloomberg .top__elsewhere {
          margin-left: 1.5rem;
          flex: 1; }
          .bloomberg .top__elsewhere .title {
            font-size: 0.86rem; }
          .bloomberg .top__elsewhere h3 + article {
            border-top-right-radius: 0.5rem;
            padding-top: 0.75em; }
          .bloomberg .top__elsewhere article {
            border-right: 1px solid #19191b;
            margin-bottom: 0;
            padding-bottom: 1.25rem;
            padding-right: 0.75em; }
            .bloomberg .top__elsewhere article:last-child {
              border-right: 0; } }
  .bloomberg .category {
    padding: 3rem 0; }
    .bloomberg .category + .category {
      padding-top: 0; }
    .bloomberg .category header {
      border-top: 1px solid #19191b;
      position: relative;
      margin-bottom: 1rem; }
      .bloomberg .category header:after {
        border-top: 1px solid #19191b;
        content: '';
        width: 100%;
        position: absolute;
        top: 6px;
        left: 0;
        z-index: 0; }
      .bloomberg .category header .wrapper {
        margin-top: -1px;
        position: relative;
        z-index: 10;
        padding: 0; }
      .bloomberg .category header h2 {
        padding: 0.15em 1.2rem;
        background-image: url(images/bloomberg-cat-header-left.svg), url(images/bloomberg-cat-header-right.svg);
        background-position: top left, top right;
        background-color: #FAF9EC;
        background-repeat: no-repeat;
        display: inline-block; }
        @media (min-width: 900px) {
          .bloomberg .category header h2 {
            padding: 0.15em 1.1rem; } }
      .bloomberg .category header span {
        border-bottom: 1px solid #19191b;
        display: inline-block;
        margin-left: 1px;
        padding: 0.325em 0.25em 0.3em; }
        @media (min-width: 900px) {
          .bloomberg .category header span {
            padding: 0 0.25em 0.15em; } }
    .bloomberg .category__more {
      display: inline-block;
      margin-top: 1rem;
      border: 0.15em solid #0068FF;
      padding: 0.5em 0.5em 0.6em;
      line-height: 1.25; }
      .bloomberg .category__more:hover {
        color: #19191b;
        border-color: #19191b; }
    .bloomberg .category__description {
      font-family: "Inconsolata";
      font-size: 0.778rem;
      font-weight: normal;
      line-height: 1.33;
      margin-bottom: 2rem; }
      @media (min-width: 900px) {
        .bloomberg .category__description {
          font-size: 0.67rem; } }
      @media (min-width: 900px) {
        .bloomberg .category__description {
          font-size: 0.71rem; } }
    @media (min-width: 600px) {
      .bloomberg .category__stories {
        display: flex;
        flex-flow: row wrap; }
      .bloomberg .category__description {
        flex: 3 100%; }
      .bloomberg .category article {
        margin-left: 1.5rem;
        flex: 1 calc(33.33% - 1.5rem); }
        .bloomberg .category article:nth-child(3n - 1) {
          margin-left: 0; } }
    @media (min-width: 1024px) {
      .bloomberg .category__description {
        flex: 2 calc(50% - 1.5rem);
        margin-right: 1.5rem; }
      .bloomberg .category article {
        margin-left: 1.5rem;
        flex: 1 calc(25% - 1.5rem); }
        .bloomberg .category article:nth-child(3n - 1) {
          margin-left: 1.5rem; }
        .bloomberg .category article:nth-child(2), .bloomberg .category article:nth-child(4n) {
          margin-left: 0; } }
  @media (min-width: 600px) {
    .bloomberg section {
      position: relative;
      z-index: 5;
      background: #FAF9EC; } }
  @media (min-width: 600px) {
    .bloomberg section:last-of-type {
      margin-bottom: 15rem; } }
  @media (min-width: 900px) {
    .bloomberg section:last-of-type {
      margin-bottom: 12rem; } }
  .bloomberg .footer {
    background: #D8D8D8;
    padding: 2rem 0;
    font-family: "Inconsolata";
    font-size: 0.778rem;
    font-weight: normal;
    line-height: 1.33;
    line-height: 1.45; }
    @media (min-width: 900px) {
      .bloomberg .footer {
        font-size: 0.67rem; } }
    @media (min-width: 900px) {
      .bloomberg .footer {
        font-size: 0.71rem; } }
    @media (min-width: 600px) {
      .bloomberg .footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 0;
        padding-top: 8rem; } }
    .bloomberg .footer .icon-logo {
      width: 242px;
      height: 28px; }
    .bloomberg .footer .home {
      display: block;
      margin-bottom: 1.5rem; }
    .bloomberg .footer p {
      margin-bottom: 1em; }
    .bloomberg .footer .wrapper > * {
      margin-bottom: 1rem; }
    .bloomberg .footer .main a:hover, .bloomberg .footer .sub a:hover {
      color: #19191b; }
    .bloomberg .footer .main {
      font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
      font-weight: bold;
      font-size: 1.05rem;
      line-height: 1.3; }
      .bloomberg .footer .main li:not(:last-child) a {
        color: #19191b; }
        .bloomberg .footer .main li:not(:last-child) a:hover {
          color: #0068FF; }
    @media (min-width: 600px) {
      .bloomberg .footer .wrapper {
        display: flex; }
      .bloomberg .footer__credits {
        flex: 2;
        margin-right: 1.5rem; }
        .bloomberg .footer__credits dl {
          display: flex;
          flex-flow: row wrap; }
        .bloomberg .footer__credits dt {
          flex: 1 8em; }
        .bloomberg .footer__credits dd {
          flex: 3 calc(100% - 8em); }
      .bloomberg .footer .main, .bloomberg .footer .sub {
        flex: 1; }
      .bloomberg .footer .main {
        margin-right: 1.5rem; } }

.single-post .category-bloomberg-files #article-title .issue {
  font-size: 2rem;
  width: 15rem;
  top: 10.5em;
  margin-left: -3.25rem; }
  .single-post .category-bloomberg-files #article-title .issue a {
    color: #0068FF; }
.single-post .category-bloomberg-files #article-title .post-categories li:first-child {
  display: none; }

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