/*
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
-------------------------------------------------------------------------------*/
/* line 15, scss/_reset.scss */
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;
}

/* line 24, scss/_reset.scss */
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/ */
/* line 28, scss/_reset.scss */
html {
  box-sizing: border-box;
}

/* line 32, scss/_reset.scss */
*,
*: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 */
/* line 42, scss/_reset.scss */
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 */
/* line 57, scss/_reset.scss */
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 */
/* line 62, scss/_reset.scss */
ul {
  list-style: none;
}

/* line 64, scss/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 66, scss/_reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 71, scss/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 73, scss/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 75, scss/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
/* line 78, scss/_reset.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
}

/* line 79, scss/_reset.scss */
th {
  font-weight: bold;
  vertical-align: bottom;
}

/* line 80, scss/_reset.scss */
td {
  font-weight: normal;
  vertical-align: top;
}

/* line 82, scss/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 84, scss/_reset.scss */
input, select {
  vertical-align: middle;
}

/* line 86, scss/_reset.scss */
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 */
}

/* line 93, scss/_reset.scss */
input[type="radio"] {
  vertical-align: text-bottom;
}

/* line 94, scss/_reset.scss */
input[type="checkbox"] {
  vertical-align: bottom;
}

/* line 95, scss/_reset.scss */
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

/* line 96, scss/_reset.scss */
.ie6 input {
  vertical-align: text-bottom;
}

/* line 98, scss/_reset.scss */
select, input, textarea {
  font: 99% sans-serif;
}

/* line 100, scss/_reset.scss */
table {
  font-size: inherit;
  font: 100%;
}

/* line 102, scss/_reset.scss */
small {
  font-size: 85%;
}

/* line 104, scss/_reset.scss */
strong {
  font-weight: bold;
}

/* line 106, scss/_reset.scss */
td, td img {
  vertical-align: top;
}

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

/* line 110, scss/_reset.scss */
sup {
  top: -0.5em;
}

/* line 111, scss/_reset.scss */
sub {
  bottom: -0.25em;
}

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

/* hand cursor on clickable elements */
/* line 117, scss/_reset.scss */
.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 */
/* line 125, scss/_reset.scss */
button, input, select, textarea {
  margin: 0;
}

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

/* scale images in IE7 more attractively */
/* line 132, scss/_reset.scss */
.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));}
*/
/* line 41, scss/_global.scss */
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;
}

/* line 49, scss/_global.scss */
#title .menu, figure.issue a, #title figure a, .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, .single-issue article .title a, .search article .title a, body.design-preview li a {
  color: #19191b;
  transition-duration: 0.25s;
  cursor: pointer;
  background: none;
  text-shadow: none;
}
/* line 56, scss/_global.scss */
#title .menu:hover, figure.issue a:hover, #title figure a: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, .single-issue article .title a:hover, .search article .title a:hover, body.design-preview li a:hover {
  color: #db0241;
  background: none;
}
/* line 60, scss/_global.scss */
#title .menu:hover .icon, figure.issue a:hover .icon, #title figure a: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, .single-issue article .title a:hover .icon, .search article .title a:hover .icon, body.design-preview li a:hover .icon {
  fill: #db0241;
}

/* line 66, scss/_global.scss */
input[type=submit], .navigation a, .single-post article #article-title .post-categories a, article.top #article-title .post-categories a, .related > ul > li .post-categories a, .home article .post-categories a, .archive article .post-categories a, .single-issue article .post-categories a, .search article .post-categories a, body.archive .topics a, body.home .topics a, body.single-issue .topics a, body.search .topics a, .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;
}
/* line 76, scss/_global.scss */
input[type=submit]:hover, .navigation a:hover, .single-post article #article-title .post-categories a:hover, article.top #article-title .post-categories a:hover, .related > ul > li .post-categories a:hover, .home article .post-categories a:hover, .archive article .post-categories a:hover, .single-issue article .post-categories a:hover, .search article .post-categories a:hover, body.archive .topics a:hover, body.home .topics a:hover, body.single-issue .topics a:hover, body.search .topics a:hover, .btn:hover {
  border-color: #db0241;
  color: #db0241;
  background-image: none;
}

/* line 83, scss/_global.scss */
#main-nav .close, #title .announcement .close {
  display: inline-block;
  padding: 1em;
  height: 3.5em;
  width: 3.5em;
}

/* line 106, scss/_global.scss */
html {
  font-family: "Greta Text", Georgia, serif;
  font-size: 18px;
}

/* line 111, scss/_global.scss */
body, select, input, textarea {
  color: #19191b;
}

/* line 115, scss/_global.scss */
select, input, textarea {
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
}

/* line 119, scss/_global.scss */
h1, h2, h3 {
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  color: #19191b;
  margin: 0.25em 0;
}
/* line 125, scss/_global.scss */
h1 a, h2 a, h3 a {
  text-decoration: none;
  color: #19191b;
}
/* line 130, scss/_global.scss */
h1 em, h2 em, h3 em {
  font-weight: 500;
}

/* line 135, scss/_global.scss */
h1 {
  font-weight: bold;
  font-size: 1.75em;
  color: #19191b;
}
/* line 140, scss/_global.scss */
h1 span {
  display: inline-block;
  max-width: 22em;
}
/* line 145, scss/_global.scss */
h1 em {
  font-weight: bold;
}

/* line 150, scss/_global.scss */
a {
  color: #db0241;
  transition: 0.15s;
  text-decoration: none;
}

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

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

/* line 175, scss/_global.scss */
::selection {
  background: #19191b;
  color: #fff;
  text-shadow: none;
}

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

/* line 181, scss/_global.scss */
mark {
  background-color: #96969c;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Mozilla dosen't style placeholders by default */
/* line 184, scss/_global.scss */
input:-moz-placeholder {
  color: #a9a9a9;
}

/* line 185, scss/_global.scss */
textarea:-moz-placeholder {
  color: #a9a9a9;
}

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

/* line 195, scss/_global.scss */
html {
  height: 100%;
  overflow-y: visible;
}

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

/* line 226, scss/_global.scss */
main {
  max-width: 1300px;
  margin: 0 auto;
}

/* line 231, scss/_global.scss */
#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);
}
/* line 246, scss/_global.scss */
.admin-bar #main-nav {
  top: 32px;
}
/* line 250, scss/_global.scss */
#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;
}
/* line 262, scss/_global.scss */
#main-nav nav > * {
  position: relative;
  z-index: 10;
}
/* line 267, scss/_global.scss */
.admin-bar #main-nav nav {
  min-height: calc(100% - 3.5em - 32px);
}
/* line 282, scss/_global.scss */
#main-nav .close {
  position: absolute;
  right: 0.75em;
  top: 0.75em;
  cursor: pointer;
  z-index: 800;
}
/* line 290, scss/_global.scss */
#main-nav .close span {
  display: none;
}
/* line 295, scss/_global.scss */
#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);
}
/* line 304, scss/_global.scss */
#main-nav .logo-wrap .logo {
  z-index: 10;
  opacity: 0.9;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -600px;
  margin-top: -68px;
}
/* line 313, scss/_global.scss */
#main-nav .logo-wrap .logo .sm {
  width: 1200px;
  height: 135px;
  min-width: 100%;
  fill: #db0241;
}
/* line 321, scss/_global.scss */
#main-nav .logo-wrap:hover {
  background: #fff;
}
/* line 326, scss/_global.scss */
#main-nav a {
  text-decoration: none;
  color: #19191b;
  background: none;
}
/* line 332, scss/_global.scss */
#main-nav ul.main {
  margin-bottom: 1em;
  font-size: 1.5em;
  line-height: 1.3em;
  font-weight: 700;
  letter-spacing: -0.015em;
}
/* line 341, scss/_global.scss */
#main-nav ul.main a:hover {
  color: #db0241;
}
/* line 346, scss/_global.scss */
#main-nav ul.main li:last-child a {
  color: #db0241;
}
/* line 349, scss/_global.scss */
#main-nav ul.main li:last-child a:hover {
  color: #aa0b39;
}
/* line 355, scss/_global.scss */
#main-nav ul.sub {
  font-size: 0.85em;
  line-height: normal;
}
/* line 359, scss/_global.scss */
#main-nav ul.sub a {
  color: #19191b;
}
/* line 362, scss/_global.scss */
#main-nav ul.sub a:hover {
  color: #db0241;
}
/* line 368, scss/_global.scss */
#main-nav ul.social {
  font-size: 0.75em;
  margin-top: 1em;
  margin-left: -0.5em;
}
/* line 373, scss/_global.scss */
#main-nav ul.social li {
  display: inline-block;
}
/* line 377, scss/_global.scss */
#main-nav ul.social a {
  padding: 0.5em;
}
/* line 380, scss/_global.scss */
#main-nav ul.social a .icon {
  fill: #3e3e42;
}
/* line 384, scss/_global.scss */
#main-nav ul.social a:hover .icon {
  fill: #db0241;
}
/* line 390, scss/_global.scss */
#main-nav .icon-search {
  height: 1em;
  width: 1em;
}
/* line 395, scss/_global.scss */
#main-nav .icon {
  fill: #19191b;
}
/* line 398, scss/_global.scss */
#main-nav .icon:hover {
  fill: #db0241;
}
/* line 403, scss/_global.scss */
#main-nav #searchform {
  margin-bottom: 0.25em;
}
/* line 406, scss/_global.scss */
#main-nav #searchform input[type=submit] {
  display: none;
}
/* line 410, scss/_global.scss */
#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;
}
/* line 424, scss/_global.scss */
#main-nav #searchform.focused input[type=text] {
  visibility: visible;
  width: calc(100% - 3.5em);
  transition: width 0.5s, visibility 0;
}
/* line 432, scss/_global.scss */
#main-nav.open {
  visibility: visible;
  width: 100%;
  z-index: 450;
  opacity: 1;
  transition: opacity 0.25s, z-index 0.5s;
}
/* line 439, scss/_global.scss */
#main-nav.open nav, #main-nav.open .logo-wrap {
  transform: translate3d(0, 0, 0);
}

/* line 445, scss/_global.scss */
#title {
  position: fixed;
  top: -2px;
  width: 100%;
  z-index: 200;
  height: 2.75em;
  overflow: hidden;
  transition: 0.25s;
}
/* line 454, scss/_global.scss */
#title .wrapper {
  margin: 0 auto;
  max-width: 1300px;
}
/* line 459, scss/_global.scss */
#title .menu {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  cursor: pointer;
  padding: 0.75em 1.3em 0.7em;
  height: 2.75rem;
  width: 4em;
  z-index: 20;
}
/* line 471, scss/_global.scss */
#title .menu .icon {
  width: 100%;
  height: 100%;
  fill: #fff;
  transition: 0.15s;
}
/* line 478, scss/_global.scss */
#title .menu:hover .icon {
  fill: #19191b;
}
/* line 483, scss/_global.scss */
#title .logo {
  z-index: 10;
  opacity: 0.9;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -380px;
  margin-top: -45px;
}
/* line 492, scss/_global.scss */
#title .logo .sm {
  width: 800px;
  height: 92px;
  min-width: 100%;
  background: rgba(255, 255, 255, 0.7);
  fill: #db0241;
}
/* line 501, scss/_global.scss */
#title figure {
  display: none;
  position: absolute;
  top: 3.5em;
  left: 4.5em;
  z-index: 10;
}
/* line 509, scss/_global.scss */
#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;
}
/* line 519, scss/_global.scss */
#title .announcement a {
  text-shadow: none;
}
/* line 523, scss/_global.scss */
#title .announcement .wrapper {
  margin: 0 auto;
  padding: 0.75rem 3.75em 0.75rem 1.25rem;
}
/* line 527, scss/_global.scss */
#title .announcement .wrapper > div {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
/* line 534, scss/_global.scss */
#title .announcement h3 {
  color: #fff;
  font-size: 0.85em;
  margin-bottom: 0;
}
/* line 539, scss/_global.scss */
#title .announcement h3 a {
  color: #fff;
}
/* line 542, scss/_global.scss */
#title .announcement h3 a:hover {
  opacity: 0.9;
}
/* line 548, scss/_global.scss */
#title .announcement p {
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.85em;
}
/* line 553, scss/_global.scss */
#title .announcement .btn {
  font-weight: 500;
  border-color: transparent;
  line-height: 1.33em;
  border-radius: 0.2em;
}
/* line 559, scss/_global.scss */
#title .announcement .btn:hover {
  box-shadow: 0 0.1em 0.15em rgba(25, 25, 27, 0.25);
}
/* line 564, scss/_global.scss */
#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;
}
/* line 575, scss/_global.scss */
#title .announcement .close:hover {
  background: none;
  opacity: 0.75;
}
/* line 580, scss/_global.scss */
#title .announcement .close svg {
  fill: #fff;
  height: 1.25em;
  width: 1.25em;
}
/* line 586, scss/_global.scss */
#title .announcement .close span {
  display: none;
}
/* line 592, scss/_global.scss */
#title.announcement-open .announcement {
  margin-top: -0.33em;
}

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

/* line 644, scss/_global.scss */
footer {
  margin-top: 5em;
  background: #3e3e42;
  color: #fff;
  padding: 2em;
  clear: both;
  display: none;
}

/* line 653, scss/_global.scss */
.navigation {
  margin-bottom: 4em;
}
/* line 91, scss/_global.scss */
.navigation:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 660, scss/_global.scss */
.navigation .next-posts {
  float: left;
}
/* line 663, scss/_global.scss */
.navigation .prev-posts {
  float: right;
}

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

  /* line 698, scss/_global.scss */
  h1 {
    font-size: 2.5em;
  }

  /* line 702, scss/_global.scss */
  .admin-bar #title {
    top: 44px;
  }

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

  /* line 741, scss/_global.scss */
  #title {
    width: 50%;
  }
}
@media screen and (min-width: 900px) {
  /* line 750, scss/_global.scss */
  html {
    font-size: 21px;
  }

  /* line 756, scss/_global.scss */
  #title .logo {
    margin-left: -532px;
    margin-top: -60px;
    padding-left: 1em;
  }
  /* line 761, scss/_global.scss */
  #title .logo .sm {
    width: 1064px;
    height: 121px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 771, scss/_global.scss */
  #title {
    position: fixed;
    top: 0;
    width: 100%;
    height: 1.75em;
    overflow: visible;
    padding: 0;
    border-top: 0.33em solid #db0241;
  }
  /* line 780, scss/_global.scss */
  #title h2 {
    display: block;
  }
  /* line 784, scss/_global.scss */
  #title .wrapper {
    position: relative;
  }
  /* line 788, scss/_global.scss */
  #title .menu {
    top: 0;
    left: 0;
    right: auto;
    padding: 0.8em 1em 0.82em 1.25em;
    width: 4.25em;
    height: 3.1em;
  }
  /* line 796, scss/_global.scss */
  #title .menu .icon {
    fill: #db0241;
  }
  /* line 801, scss/_global.scss */
  #title .announcement {
    margin-top: -3.25em;
  }
  /* line 804, scss/_global.scss */
  #title .announcement .wrapper > div {
    margin-left: 3rem;
  }
  /* line 808, scss/_global.scss */
  #title .announcement h3 {
    font-weight: 500;
    margin-right: 1em;
  }
  /* line 812, scss/_global.scss */
  #title .announcement h3:after {
    content: ' ';
  }
  /* line 817, scss/_global.scss */
  #title .announcement h3, #title .announcement p {
    display: inline-block;
  }
  /* line 821, scss/_global.scss */
  #title .announcement .btn {
    float: right;
  }
  /* line 826, scss/_global.scss */
  #title .logo {
    position: absolute;
    top: -2.5em;
    left: 4.25rem;
    opacity: 1;
    transition: 0.25s;
    margin: 0;
    padding: 0;
  }
  /* line 835, scss/_global.scss */
  #title .logo:before {
    content: '';
    display: block;
    position: absolute;
    top: 2.5rem;
    width: 100%;
    height: 3px;
    background: #db0241;
  }
  /* line 845, scss/_global.scss */
  #title .logo .sm {
    display: none;
  }
  /* line 849, scss/_global.scss */
  #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;
  }
  /* line 859, scss/_global.scss */
  #title .logo:hover {
    transform: translateY(2.33rem);
  }
  /* line 862, scss/_global.scss */
  #title .logo:hover .icon-logo-top {
    background: #fff;
  }
  /* line 867, scss/_global.scss */
  #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);
  }
  /* line 886, scss/_global.scss */
  #title figure {
    display: block;
  }
  /* line 889, scss/_global.scss */
  #title figure img {
    max-height: 7em;
  }

  /* line 895, scss/_global.scss */
  .nav-open #title .logo:hover {
    -webkit-transform: none;
  }

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

/* line 8, scss/_article.scss */
.single-post main {
  max-width: none;
}

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

/* line 97, scss/_article.scss */
article .body h2, article .body h3 {
  margin: 2.5em 0 1em;
}
/* line 101, scss/_article.scss */
article .body a {
  border-bottom: 0.1em solid transparent;
}
/* line 104, scss/_article.scss */
article .body a:hover {
  border-bottom-color: #19191b;
}
/* line 109, scss/_article.scss */
article .body figure > a {
  border: none;
}
/* line 113, scss/_article.scss */
article .body > p, article .body > ul {
  line-height: 1.5em;
  margin: 1em 0;
}
/* line 118, scss/_article.scss */
article .body ul {
  list-style: square;
  margin-left: 2em;
}
/* line 122, scss/_article.scss */
article .body ul li {
  margin: 1em 0;
}
/* line 127, scss/_article.scss */
article .body *:first-child {
  margin-top: 0;
}
/* line 131, scss/_article.scss */
article .body *:last-child {
  margin-bottom: 0;
}
/* line 135, scss/_article.scss */
article .body blockquote {
  line-height: 1.25em;
  line-height: 1.2em;
  color: #19191b;
  clear: both;
}
/* line 141, scss/_article.scss */
article .body blockquote:before {
  display: block;
  content: '';
  margin: 0.25em 0 0.5em;
  width: 1.25em;
  border-bottom: 0.2em solid #19191b;
}
/* line 150, scss/_article.scss */
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;
}
/* line 160, scss/_article.scss */
article .body img {
  height: auto !important;
}
/* line 165, scss/_article.scss */
article .body .alignright {
  float: right;
  margin-left: 1em;
}
/* line 170, scss/_article.scss */
article .body .alignleft {
  float: left;
  margin-left: 1em;
}
/* line 175, scss/_article.scss */
article .body .wp-caption-text {
  font-size: 0.8em;
  margin-top: 0.25em;
  color: #96969c;
}

/* line 183, scss/_article.scss */
.single-post article, article.top {
  margin: 0 auto;
  padding-bottom: 4em;
  font-weight: 300;
}
/* line 188, scss/_article.scss */
.single-post article .wrapper, article.top .wrapper {
  padding: 0 1em;
  max-width: 35.5em;
  margin: 0 auto;
}
/* line 194, scss/_article.scss */
.single-post article .comments.wrapper, article.top .comments.wrapper {
  min-height: 20em;
}
/* line 198, scss/_article.scss */
.single-post article #article-title, article.top #article-title {
  position: relative;
  float: right;
  width: 100%;
  background: no-repeat center center;
  background-size: cover;
}
/* line 207, scss/_article.scss */
.single-post article #article-title:before, article.top #article-title:before {
  content: none;
}
/* line 211, scss/_article.scss */
.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;
}
/* line 222, scss/_article.scss */
.single-post article #article-title img, article.top #article-title img {
  display: block;
  width: auto !important;
  height: auto !important;
}
/* line 228, scss/_article.scss */
.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);
}
/* line 240, scss/_article.scss */
.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;
}
/* line 253, scss/_article.scss */
.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;
}
/* line 260, scss/_article.scss */
.single-post article #article-title .post-categories a, article.top #article-title .post-categories a {
  margin-top: 0.5em;
}
/* line 267, scss/_article.scss */
.single-post article header, article.top header {
  margin-bottom: 1.5em;
  position: relative;
  clear: right;
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.05em;
  font-weight: 400;
}
/* line 275, scss/_article.scss */
.single-post article header > p, article.top header > p {
  font-size: 1.1em;
  color: #19191b;
}
/* line 279, scss/_article.scss */
.single-post article header > p:first-of-type, article.top header > p:first-of-type {
  margin-top: 0;
}
/* line 284, scss/_article.scss */
.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;
}
/* line 292, scss/_article.scss */
.single-post article header .caption p, article.top header .caption p {
  line-height: 1.4em;
}
/* line 297, scss/_article.scss */
.single-post article header .cat, article.top header .cat {
  position: absolute;
  width: 12rem;
  top: -4.33rem;
  left: -15.5rem;
  text-align: right;
}
/* line 304, scss/_article.scss */
.single-post article header .cat li, article.top header .cat li {
  list-style: none;
  display: inline-block;
  margin: 0.15em;
}
/* line 311, scss/_article.scss */
.single-post article header .social, article.top header .social {
  position: absolute;
  width: 2.5em;
  top: 0;
  left: -90px;
  z-index: 300;
  margin: 0;
}
/* line 320, scss/_article.scss */
.single-post article header .social a, article.top header .social a {
  padding: 0.33em 0.5em;
  display: inline-block;
}
/* line 325, scss/_article.scss */
.single-post article header .social a:hover svg, article.top header .social a:hover svg {
  fill: #db0241;
}
/* line 330, scss/_article.scss */
.single-post article header .social svg, article.top header .social svg {
  fill: #19191b;
}
/* line 334, scss/_article.scss */
.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;
}
/* line 339, scss/_article.scss */
.single-post article header .social li, article.top header .social li {
  text-align: center;
}
/* line 343, scss/_article.scss */
.single-post article header .social.fixed, article.top header .social.fixed {
  position: fixed;
}
/* line 349, scss/_article.scss */
.single-post article .ad, article.top .ad {
  text-align: center;
}
/* line 353, scss/_article.scss */
.single-post article p.comments, article.top p.comments {
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
}
/* line 357, scss/_article.scss */
.single-post article p.comments svg, article.top p.comments svg {
  vertical-align: middle;
  margin-right: 0.5em;
  transition: 0.15s;
}
/* line 363, scss/_article.scss */
.single-post article p.comments a, article.top p.comments a {
  transition: 0.15s;
}
/* line 368, scss/_article.scss */
.single-post article p.comments a:hover svg, article.top p.comments a:hover svg {
  fill: #db0241;
}
/* line 374, scss/_article.scss */
.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;
}
/* line 383, scss/_article.scss */
.single-post article .related, article.top .related {
  margin: 3em 1.25rem 0;
  max-width: 41em;
}
/* line 387, scss/_article.scss */
.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;
}

/* line 397, scss/_article.scss */
.admin-bar .social.fixed {
  margin-top: 32px;
}

/* line 403, scss/_article.scss */
.meta {
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 1.5em;
  color: #19191b;
}
/* line 414, scss/_article.scss */
.meta span {
  font-weight: 500;
  margin-left: 0.75em;
  padding-left: 0.75em;
  text-transform: none;
  letter-spacing: 0;
}

/* line 432, scss/_article.scss */
.newsletter {
  background: #db0241;
  margin: 3em 0;
  padding: 1.5em 1.5em 1em;
  clear: both;
  font-size: 1.25em;
}
/* line 439, scss/_article.scss */
.newsletter .icon-logo-indy {
  width: 6em;
  height: 1.9em;
  fill: #fff;
  margin: 0 0.25em;
}
/* line 446, scss/_article.scss */
.newsletter > * {
  position: relative;
  z-index: 10;
}
/* line 451, scss/_article.scss */
.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;
}
/* line 463, scss/_article.scss */
.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;
}
/* line 472, scss/_article.scss */
.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;
}
/* line 485, scss/_article.scss */
.newsletter input[type=submit]:hover {
  color: #19191b;
}

/* line 492, scss/_article.scss */
.related > ul > li, .home article, .archive article, .single-issue article, .search article {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #cbcbce;
}
/* line 497, scss/_article.scss */
.related > ul > li .title, .related > ul > li figure:before, .home article .title, .home article figure:before, .archive article .title, .archive article figure:before, .single-issue article .title, .single-issue article figure:before, .search article .title, .search article figure:before {
  transition: 0.25s;
}
/* line 501, scss/_article.scss */
.related > ul > li > a, .home article > a, .archive article > a, .single-issue article > a, .search article > a {
  display: block;
  text-shadow: none;
  background: none;
}
/* line 508, scss/_article.scss */
.related > ul > li > a:hover figure:before, .home article > a:hover figure:before, .archive article > a:hover figure:before, .single-issue article > a:hover figure:before, .search article > a:hover figure:before {
  opacity: 1;
}
/* line 512, scss/_article.scss */
.related > ul > li > a:hover + div .title a, .home article > a:hover + div .title a, .archive article > a:hover + div .title a, .single-issue article > a:hover + div .title a, .search article > a:hover + div .title a {
  color: #db0241;
}
/* line 518, scss/_article.scss */
.related > ul > li ul, .home article ul, .archive article ul, .single-issue article ul, .search article ul {
  margin: 0;
}
/* line 522, scss/_article.scss */
.related > ul > li .title, .home article .title, .archive article .title, .single-issue article .title, .search 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;
}
/* line 535, scss/_article.scss */
.related > ul > li figure, .home article figure, .archive article figure, .single-issue article figure, .search article figure {
  display: block;
  line-height: 0;
  position: relative;
  margin-bottom: 1em;
}
/* line 553, scss/_article.scss */
.related > ul > li figure:before, .home article figure:before, .archive article figure:before, .single-issue article figure:before, .search article figure:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  border: 0.3em solid #db0241;
  opacity: 0;
}
/* line 566, scss/_article.scss */
.related > ul > li figure img, .home article figure img, .archive article figure img, .single-issue article figure img, .search article figure img {
  display: block;
  width: auto !important;
  height: auto !important;
  position: relative;
}
/* line 573, scss/_article.scss */
.related > ul > li p, .home article p, .archive article p, .single-issue article p, .search article p {
  line-height: 1.33em;
  color: #19191b;
}
/* line 578, scss/_article.scss */
.related > ul > li .meta, .home article .meta, .archive article .meta, .single-issue article .meta, .search article .meta {
  font-size: 0.75em;
  margin: 0.25em 0 1.25em;
  font-weight: 500;
  text-transform: none;
  color: #19191b;
}
/* line 588, scss/_article.scss */
.related > ul > li .post-categories li, .home article .post-categories li, .archive article .post-categories li, .single-issue article .post-categories li, .search article .post-categories li {
  display: inline-block;
}
/* line 592, scss/_article.scss */
.related > ul > li .post-categories a, .home article .post-categories a, .archive article .post-categories a, .single-issue article .post-categories a, .search article .post-categories a {
  font-size: 0.85em;
  margin-top: 1em;
  border-width: 0.1em;
  font-weight: 500;
}

@media screen and (min-width: 600px) {
  /* line 605, scss/_article.scss */
  .single-post article #article-title, article.top #article-title {
    min-height: 29em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
  /* line 612, scss/_article.scss */
  .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;
  }
  /* line 625, scss/_article.scss */
  .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));
  }
  /* line 630, scss/_article.scss */
  .single-post article #article-title img, article.top #article-title img {
    display: none;
  }
  /* line 635, scss/_article.scss */
  .single-post article .ad, article.top .ad {
    float: right;
    clear: right;
    max-width: 300px;
    margin: 1.25em;
  }
  /* line 643, scss/_article.scss */
  .single-post article .body aside, article.top .body aside {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.65em;
    padding-right: 1.5em;
  }

  /* line 652, scss/_article.scss */
  .related > ul > li, .index article, .home article, .archive article, .single-issue article, .search article {
    display: flex;
    justify-content: space-between;
  }
  /* line 657, scss/_article.scss */
  .related > ul > li > a, .index article > a, .home article > a, .archive article > a, .single-issue article > a, .search article > a {
    flex: 1;
    margin-right: 1.25rem;
    margin-bottom: 0;
  }
  /* line 663, scss/_article.scss */
  .related > ul > li figure, .index article figure, .home article figure, .archive article figure, .single-issue article figure, .search article figure {
    margin-bottom: 0;
  }
  /* line 667, scss/_article.scss */
  .related > ul > li > *, .index article > *, .home article > *, .archive article > *, .single-issue article > *, .search article > * {
    flex: 2;
  }
  /* line 670, scss/_article.scss */
  .related > ul > li > *:last-child, .index article > *:last-child, .home article > *:last-child, .archive article > *:last-child, .single-issue article > *:last-child, .search article > *:last-child {
    margin-right: 0;
  }

  /* line 679, scss/_article.scss */
  body.page main header, body.error404 main header {
    padding-top: 0.5em;
  }
  /* line 683, scss/_article.scss */
  body.page main h1, body.error404 main h1 {
    font-size: 2.15em;
  }
}
@media screen and (min-width: 900px) {
  /* line 696, scss/_article.scss */
  .related > ul > li p, .index article p, .home article p, .archive article p, .single-issue article p, .search article p {
    font-size: 0.9em;
  }
  /* line 700, scss/_article.scss */
  .related > ul > li .btn, .related > ul > li .post-categories a, .index article .btn, .index article .post-categories a, .home article .btn, .home article .post-categories a, .archive article .btn, .archive article .post-categories a, .single-issue article .btn, .single-issue article .post-categories a, .search article .btn, .search article .post-categories a {
    font-size: 0.75em;
  }

  /* line 707, scss/_article.scss */
  body.page main, body.error404 main {
    transition: margin-top 0.15s;
    padding-top: 5em;
  }
  /* line 711, scss/_article.scss */
  body.page main.thumb, body.error404 main.thumb {
    padding-top: 12em;
  }
  /* line 715, scss/_article.scss */
  body.page main header, body.error404 main header {
    width: 68.5%;
    padding-left: 4.25rem;
  }
  /* line 720, scss/_article.scss */
  body.page main article, body.error404 main article {
    max-width: 36em;
    margin: 0 auto;
  }
  /* line 726, scss/_article.scss */
  body.page .announcement-open + main, body.error404 .announcement-open + main {
    padding-top: 8.25em;
  }
}
@media screen and (min-width: 1024px) {
  /* line 738, scss/_article.scss */
  article.top #article-title, .single-post article #article-title {
    width: calc(50% + 16.5em + 1.25em);
  }
  /* line 742, scss/_article.scss */
  article.top .ad, .single-post article .ad {
    margin: 0.33em -150px 1em 1.5em;
  }
  /* line 748, scss/_article.scss */
  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;
  }
  /* line 756, scss/_article.scss */
  article.top .related, .single-post article .related {
    margin-left: calc(50% - 33em/2);
    margin-right: 1.25em;
  }

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

  /* line 801, scss/_article.scss */
  .single-post article #article-title {
    min-height: 32em;
  }
  /* line 805, scss/_article.scss */
  .single-post article .ad {
    margin-right: -320px;
  }
}
/* line 2, scss/_index.scss */
.side {
  padding-top: 1.5em;
  padding-bottom: 1.25em;
  text-align: center;
}
/* line 7, scss/_index.scss */
.side > * {
  margin: 0 1.25em;
  display: inline-block;
}

/* line 17, scss/_index.scss */
body.archive, body.home, body.single-issue, body.search {
  background: fixed url(images/lines_bg_thin_40.png);
}
/* line 20, scss/_index.scss */
body.archive article.top, body.home article.top, body.single-issue article.top, body.search article.top {
  display: block;
  margin: 0;
}
/* line 24, scss/_index.scss */
body.archive article.top #article-title, body.home article.top #article-title, body.single-issue article.top #article-title, body.search article.top #article-title {
  float: none;
  width: auto;
  line-height: inherit;
}
/* line 29, scss/_index.scss */
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.single-issue article.top #article-title h1, body.single-issue article.top #article-title h2, body.search article.top #article-title h1, body.search article.top #article-title h2 {
  transition: 0.15s;
  border-bottom: 0 solid #db0241;
  font-size: 1.75em;
}
/* line 35, scss/_index.scss */
body.archive article.top #article-title:before, body.home article.top #article-title:before, body.single-issue article.top #article-title:before, body.search article.top #article-title:before {
  content: none;
}
/* line 41, scss/_index.scss */
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.single-issue article.top #article-title a:hover h1, body.single-issue 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 {
  color: #db0241;
}
/* line 46, scss/_index.scss */
body.archive article.top > div, body.home article.top > div, body.single-issue article.top > div, body.search article.top > div {
  margin: 0 1.25em;
}
/* line 49, scss/_index.scss */
body.archive article.top > div .meta, body.home article.top > div .meta, body.single-issue article.top > div .meta, body.search article.top > div .meta {
  margin: 0;
  margin-right: 1.5em;
}
/* line 53, scss/_index.scss */
body.archive article.top > div .meta:after, body.home article.top > div .meta:after, body.single-issue article.top > div .meta:after, body.search article.top > div .meta:after {
  display: none;
}
/* line 57, scss/_index.scss */
body.archive article.top > div .meta span, body.home article.top > div .meta span, body.single-issue article.top > div .meta span, body.search article.top > div .meta span {
  display: block;
  margin: 0;
  padding: 0;
}
/* line 67, scss/_index.scss */
body.archive .topics, body.home .topics, body.single-issue .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;
}
/* line 72, scss/_index.scss */
body.archive .topics li, body.home .topics li, body.single-issue .topics li, body.search .topics li {
  display: none;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
/* line 77, scss/_index.scss */
body.archive .topics li.menu-item-type-taxonomy, body.home .topics li.menu-item-type-taxonomy, body.single-issue .topics li.menu-item-type-taxonomy, body.search .topics li.menu-item-type-taxonomy {
  display: inline-block;
}
/* line 89, scss/_index.scss */
body.archive main article:last-child, body.home main article:last-child, body.single-issue main article:last-child, body.search main article:last-child {
  border-bottom: 0;
}
/* line 93, scss/_index.scss */
body.archive main > .wrapper, body.archive main > header, body.home main > .wrapper, body.home main > header, body.single-issue main > .wrapper, body.single-issue main > header, body.search main > .wrapper, body.search main > header {
  padding: 0 1.25rem 2.25rem;
}
/* line 97, scss/_index.scss */
body.archive main > .wrapper, body.home main > .wrapper, body.single-issue main > .wrapper, body.search main > .wrapper {
  background: #fff;
}
/* line 100, scss/_index.scss */
body.archive main > .wrapper > *, body.home main > .wrapper > *, body.single-issue main > .wrapper > *, body.search main > .wrapper > * {
  margin-bottom: 2em;
}
/* line 104, scss/_index.scss */
body.archive main > .wrapper .newsletter, body.home main > .wrapper .newsletter, body.single-issue main > .wrapper .newsletter, body.search main > .wrapper .newsletter {
  margin-bottom: 3em;
  clear: none;
}
/* line 110, scss/_index.scss */
body.archive main .ad, body.home main .ad, body.single-issue main .ad, body.search main .ad {
  text-align: center;
}

/* line 119, scss/_index.scss */
body.home article.top, body.single-issue article.top {
  padding-bottom: 0;
  border-bottom: 0;
}
/* line 123, scss/_index.scss */
body.home article.top #article-title, body.single-issue article.top #article-title {
  width: 100%;
  margin-bottom: 0;
}
/* line 127, scss/_index.scss */
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;
}
/* line 132, scss/_index.scss */
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;
}
/* line 142, scss/_index.scss */
body.home article.top #article-title .meta:after, body.single-issue article.top #article-title .meta:after {
  content: none;
}
/* line 146, scss/_index.scss */
body.home article.top #article-title .meta a, body.single-issue article.top #article-title .meta a {
  color: #fff;
}
/* line 149, scss/_index.scss */
body.home article.top #article-title .meta a:hover, body.single-issue article.top #article-title .meta a:hover {
  color: #db0241;
}
/* line 156, scss/_index.scss */
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;
}

/* line 171, scss/_index.scss */
body.single-issue article.top #article-title .wrapper {
  max-width: 1300px;
}
/* line 175, scss/_index.scss */
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;
}
/* line 187, scss/_index.scss */
body.single-issue article.top #article-title h1:before {
  content: none;
}

/* line 196, scss/_index.scss */
body.search main {
  margin-top: 5em;
}
/* line 199, scss/_index.scss */
body.search main article:first-of-type {
  padding-top: 2em;
}
/* line 204, scss/_index.scss */
body.search .announcement-open + main {
  margin-top: 8.25em;
}

@media screen and (min-width: 600px) {
  /* line 220, scss/_index.scss */
  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;
  }
  /* line 225, scss/_index.scss */
  body.home article.top #article-title .meta, body.single-issue article.top #article-title .meta {
    bottom: 1.5rem;
  }
  /* line 236, scss/_index.scss */
  body.home main article:first-child, body.single-issue main article:first-child {
    margin-top: 2.5em;
  }

  /* line 246, scss/_index.scss */
  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;
  }
  /* line 253, scss/_index.scss */
  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;
  }
  /* line 265, scss/_index.scss */
  body.archive main .wrapper > h2 span, body.search main .wrapper > h2 span {
    position: relative;
  }
  /* line 269, scss/_index.scss */
  body.archive main .wrapper > h2 span:before, body.search main .wrapper > h2 span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    height: calc(50% - 33em/2 - 1.25rem);
    background: url(images/lines_bg_thin.png);
  }

  /* line 286, scss/_index.scss */
  body.single-issue article.top #article-title h1 {
    font-size: 1.75em;
    top: 3.5em;
  }
}
@media screen and (min-width: 600px) {
  /* line 299, scss/_index.scss */
  .archive article.issue {
    display: inline-block;
    width: 31.5%;
    margin-right: 2.75%;
    margin-left: -0.25em;
  }
  /* line 305, scss/_index.scss */
  .archive article.issue:nth-child(3n-2) {
    margin-left: 0;
  }
  /* line 309, scss/_index.scss */
  .archive article.issue:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  /* line 320, scss/_index.scss */
  .side {
    float: right;
    width: 31.5%;
    padding-top: 0;
  }
  /* line 325, scss/_index.scss */
  .side > * {
    margin: 2em 0;
    display: block;
  }
  /* line 329, scss/_index.scss */
  .side > *:first-child {
    margin-top: 0;
  }
  /* line 334, scss/_index.scss */
  .side figure.issue {
    font-weight: 300;
    position: relative;
    z-index: 20;
    font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  }
  /* line 340, scss/_index.scss */
  .side figure.issue a {
    color: #19191b;
  }
  /* line 343, scss/_index.scss */
  .side figure.issue a:hover {
    color: #db0241;
  }
  /* line 348, scss/_index.scss */
  .side figure.issue > a {
    transition: none;
  }
  /* line 352, scss/_index.scss */
  .side figure.issue > a:hover h3 {
    background: #db0241;
  }
  /* line 356, scss/_index.scss */
  .side figure.issue > a:hover .title {
    -webkit-text-fill-color: #db0241;
    color: #db0241;
  }
  /* line 364, scss/_index.scss */
  .side figure.issue > a > div {
    background: #fff;
    border-left: 1px solid #19191b;
    border-right: 1px solid #19191b;
    padding: 1em 1.5em 0;
  }
  /* line 371, scss/_index.scss */
  .side figure.issue > a > div > p {
    font-weight: 700;
    font-size: 1.33em;
  }
  /* line 378, scss/_index.scss */
  .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;
  }
  /* line 387, scss/_index.scss */
  .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;
  }
  /* line 400, scss/_index.scss */
  .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;
  }
  /* line 411, scss/_index.scss */
  .side figure.issue p {
    margin-bottom: 1em;
  }
  /* line 414, scss/_index.scss */
  .side figure.issue p:last-child {
    margin: 0;
  }
  /* line 419, scss/_index.scss */
  .side figure.issue .date {
    font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    margin-bottom: 0.5em;
  }
  /* line 426, scss/_index.scss */
  .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;
  }
  /* line 437, scss/_index.scss */
  .side figure.issue ul li a {
    padding: 0.5em 0;
    display: block;
  }
  /* line 442, scss/_index.scss */
  .side figure.issue ul li:first-child {
    border-top: 1px solid #19191b;
    padding-top: 1.5em;
  }
  /* line 450, scss/_index.scss */
  .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;
  }
  /* line 461, scss/_index.scss */
  .side figure.download a:hover, .side figure.issue-nav a:hover {
    border-color: #db0241;
    color: #db0241;
  }
  /* line 466, scss/_index.scss */
  .side figure.download a p.download, .side figure.issue-nav a p.download {
    font-size: 1.33em;
    line-height: 1.085em;
    margin-top: 1em;
  }
  /* line 472, scss/_index.scss */
  .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;
  }
  /* line 480, scss/_index.scss */
  .side figure.download a img, .side figure.issue-nav a img {
    max-width: 200px;
  }
  /* line 484, scss/_index.scss */
  .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%;
  }
  /* line 491, scss/_index.scss */
  .side figure.download a div, .side figure.issue-nav a div {
    margin-left: -0.25em;
    margin-right: 0;
  }
  /* line 497, scss/_index.scss */
  .side figure.issue-nav {
    position: relative;
    z-index: 20;
    margin-bottom: 0.66em;
    text-align: left;
  }
  /* line 503, scss/_index.scss */
  .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;
  }
  /* line 517, scss/_index.scss */
  .side figure.issue-nav a:nth-child(even) {
    margin-left: -0.33em;
    margin-right: 0;
  }
  /* line 524, scss/_index.scss */
  .side figure.download {
    margin-top: 0;
  }

  /* line 531, scss/_index.scss */
  body.archive main > .wrapper, body.home main > .wrapper, body.single-issue main > .wrapper, body.search main > .wrapper {
    padding-left: 4.25rem;
  }
  /* line 535, scss/_index.scss */
  body.archive .topics, body.home .topics, body.single-issue .topics, body.search .topics {
    margin-left: -4.25rem;
    padding-left: 4.25rem;
  }

  /* line 544, scss/_index.scss */
  body.archive main, body.search main {
    margin-left: calc(50% - 33em/2 - 1.25rem);
  }
  /* line 547, scss/_index.scss */
  body.archive main > *, body.search main > * {
    max-width: 41em;
  }
  /* line 553, scss/_index.scss */
  body.archive main article.top #article-title, body.search main article.top #article-title {
    min-height: 26.5em;
  }
  /* line 557, scss/_index.scss */
  body.archive main article.top > div, body.search main article.top > div {
    padding: 0;
    display: flex;
    margin: 0;
  }
  /* line 562, scss/_index.scss */
  body.archive main article.top > div > *, body.search main article.top > div > * {
    flex: 1;
  }

  /* line 572, scss/_index.scss */
  body.home main, body.single-issue main {
    margin-left: auto;
    float: none;
    width: auto;
  }
  /* line 578, scss/_index.scss */
  body.home main article > a, body.single-issue main article > a {
    max-width: 381.2px;
  }
  /* line 583, scss/_index.scss */
  body.home main .wrapper, body.single-issue main .wrapper {
    width: 68.5%;
  }
  /* line 590, scss/_index.scss */
  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);
  }
  /* line 600, scss/_index.scss */
  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;
  }
  /* line 607, scss/_index.scss */
  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;
  }
  /* line 615, scss/_index.scss */
  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));
  }
  /* line 620, scss/_index.scss */
  body.home article.top #article-title .meta, body.single-issue article.top #article-title .meta {
    padding-left: 4.25rem;
  }
  /* line 627, scss/_index.scss */
  body.home .side figure.issue, body.single-issue .side figure.issue {
    margin-top: -9.66em;
  }

  /* line 639, scss/_index.scss */
  body.single-issue .side {
    padding-right: 1.25em;
  }
  /* line 645, scss/_index.scss */
  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;
  }
  /* line 653, scss/_index.scss */
  body.single-issue article.top #article-title .meta {
    padding-left: 4.25rem;
  }

  /* line 663, scss/_index.scss */
  .single-issue #title:before, .home #title:before, .archive #title:before, .search #title:before {
    content: none;
  }
}
@media screen and (min-width: 1350px) {
  /* line 712, scss/_index.scss */
  body.home article.top #article-title .meta, body.single-issue article.top #article-title .meta {
    bottom: 1.5rem;
    left: 50%;
    margin-left: -650px;
  }
  /* line 718, scss/_index.scss */
  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%;
  }
}
/* line 3, scss/_design-preview.scss */
body.design-preview > .wrapper {
  margin: 4em auto;
  max-width: 800px;
  position: static;
}
/* line 9, scss/_design-preview.scss */
body.design-preview ul {
  margin: 2em 0;
  text-align: center;
}
/* line 14, scss/_design-preview.scss */
body.design-preview li {
  vertical-align: top;
  display: inline-block;
  font-family: "Plan Grotesque", "Greta Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  margin-left: -0.25em;
  margin-right: 1.83%;
  margin-bottom: 2em;
  width: 31.5%;
  text-align: center;
}
/* line 24, scss/_design-preview.scss */
body.design-preview li:nth-child(3n - 2) {
  margin-left: 0;
}
/* line 28, scss/_design-preview.scss */
body.design-preview li a {
  display: block;
  padding: 2em;
  height: 6em;
  background: #f2f2f3;
}
/* line 35, scss/_design-preview.scss */
body.design-preview li a:hover {
  background: #e5e5e7;
}