@charset "UTF-8";
@font-face { font-family: 'hoodie_blocksregular'; src: url("hoodie_blocks-webfont.eot"); src: url("hoodie_blocks-webfont.eot?#iefix") format("embedded-opentype"), url("hoodie_blocks-webfont.woff2") format("woff2"), url("hoodie_blocks-webfont.woff") format("woff"), url("hoodie_blocks-webfont.ttf") format("truetype"), url("hoodie_blocks-webfont.svg#hoodie_blocksregular") format("svg"); font-weight: normal; font-style: normal; }

meta.foundation-version { font-family: "/5.5.2/"; }

meta.foundation-mq-small { font-family: "/only screen/"; width: 0; }

meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; }

meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; }

meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; }

meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; }

meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; }

meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; }

meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; }

meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; }

meta.foundation-data-attribute-namespace { font-family: false; }

html, body { height: 100%; }

html { box-sizing: border-box; }

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

html, body { font-size: 100%; }

body { background: #502d37; color: #dcca81; cursor: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; }

a:hover { cursor: pointer; }

img { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.hide { display: none; }

.invisible { visibility: hidden; }

.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

.reveal-modal-bg { background: #000000; background: rgba(28, 31, 26, 0.85); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1004; left: 0; }

.reveal-modal { border-radius: 0.6rem; display: none; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1005; left: 0; background-color: transparent; padding: 1.875rem; border: none 1px #666666; box-shadow: none; }

@media only screen and (max-width: 40em) { .reveal-modal { min-height: 100vh; } }

.reveal-modal .column, .reveal-modal .columns { min-width: 0; }

.reveal-modal > :first-child { margin-top: 0; }

.reveal-modal > :last-child { margin-bottom: 0; }

@media only screen and (min-width: 40.0625em) { .reveal-modal { left: 0; margin: 0 auto; max-width: 100rem; right: 0; width: 80%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal { top: 6.25rem; } }

.reveal-modal.radius { border-radius: 0.6rem; }

.reveal-modal.round { border-radius: 1000px; }

.reveal-modal.collapse { padding: 0; }

@media only screen and (min-width: 40.0625em) { .reveal-modal.tiny { left: 0; margin: 0 auto; max-width: 100rem; right: 0; width: 30%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal.small { left: 0; margin: 0 auto; max-width: 100rem; right: 0; width: 40%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal.medium { left: 0; margin: 0 auto; max-width: 100rem; right: 0; width: 60%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal.large { left: 0; margin: 0 auto; max-width: 100rem; right: 0; width: 70%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal.xlarge { left: 0; margin: 0 auto; max-width: 100rem; right: 0; width: 95%; } }

.reveal-modal.full { height: 100vh; height: 100%; left: 0; margin-left: 0 !important; max-width: none !important; min-height: 100vh; top: 0; }

@media only screen and (min-width: 40.0625em) { .reveal-modal.full { left: 0; margin: 0 auto; max-width: 100rem; right: 0; width: 100%; } }

.reveal-modal.toback { z-index: 1003; }

.reveal-modal .close-reveal-modal { color: #AAAAAA; cursor: pointer; font-size: 2.5rem; font-weight: bold; line-height: 1; position: absolute; top: 0.625rem; right: 1.375rem; }

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

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

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

.text-justify { text-align: justify !important; }

@media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; }
  .small-only-text-right { text-align: right !important; }
  .small-only-text-center { text-align: center !important; }
  .small-only-text-justify { text-align: justify !important; } }

@media only screen { .small-text-left { text-align: left !important; }
  .small-text-right { text-align: right !important; }
  .small-text-center { text-align: center !important; }
  .small-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) { .medium-only-text-left { text-align: left !important; }
  .medium-only-text-right { text-align: right !important; }
  .medium-only-text-center { text-align: center !important; }
  .medium-only-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 40.0625em) { .medium-text-left { text-align: left !important; }
  .medium-text-right { text-align: right !important; }
  .medium-text-center { text-align: center !important; }
  .medium-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 64.0625em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; }
  .large-only-text-right { text-align: right !important; }
  .large-only-text-center { text-align: center !important; }
  .large-only-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 64.0625em) { .large-text-left { text-align: left !important; }
  .large-text-right { text-align: right !important; }
  .large-text-center { text-align: center !important; }
  .large-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 90.0625em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; }
  .xlarge-only-text-right { text-align: right !important; }
  .xlarge-only-text-center { text-align: center !important; }
  .xlarge-only-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 90.0625em) { .xlarge-text-left { text-align: left !important; }
  .xlarge-text-right { text-align: right !important; }
  .xlarge-text-center { text-align: center !important; }
  .xlarge-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) { .xxlarge-only-text-left { text-align: left !important; }
  .xxlarge-only-text-right { text-align: right !important; }
  .xxlarge-only-text-center { text-align: center !important; }
  .xxlarge-only-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 120.0625em) { .xxlarge-text-left { text-align: left !important; }
  .xxlarge-text-right { text-align: right !important; }
  .xxlarge-text-center { text-align: center !important; }
  .xxlarge-text-justify { text-align: justify !important; } }

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

/* Default Link Styles */
a { color: #008CBA; line-height: inherit; text-decoration: none; }

a:hover, a:focus { color: #0078a0; }

a img { border: none; }

/* Default paragraph styles */
p { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }

p.lead { font-size: 1.21875rem; line-height: 1.6; }

p aside { font-size: 0.875rem; font-style: italic; line-height: 1.35; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 { color: #dcca81; font-family: "hoodie_blocksregular"; font-style: normal; font-weight: normal; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: optimizeLegibility; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #e8ddad; font-size: 60%; line-height: 0; }

h1 { font-size: 3.375rem; }

h2 { font-size: 2.375rem; }

h3 { font-size: 1.375rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1.125rem; }

h6 { font-size: 1rem; }

.subheader { line-height: 1.4; color: #e8ddad; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; }

hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; }

/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { background-color: #d5b5be; border-color: #c79ca8; border-style: solid; border-width: 1px; color: #333333; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul, ol, dl { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; }

ul { margin-left: 1.1rem; }

ul.no-bullet { margin-left: 0; }

ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; }

/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; }

ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }

ul.square { list-style-type: square; margin-left: 1.1rem; }

ul.circle { list-style-type: circle; margin-left: 1.1rem; }

ul.disc { list-style-type: disc; margin-left: 1.1rem; }

ul.no-bullet { list-style: none; }

/* Ordered Lists */
ol { margin-left: 1.4rem; }

ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; }

/* Definition Lists */
dl dt { margin-bottom: 0.3rem; font-weight: bold; }

dl dd { margin-bottom: 0.75rem; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #dcca81; cursor: help; }

abbr { text-transform: none; }

abbr[title] { border-bottom: 1px dotted #DDDDDD; }

/* Blockquotes */
blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; }

blockquote cite { display: block; font-size: 0.8125rem; color: #e4d69e; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited { color: #e4d69e; }

blockquote, blockquote p { line-height: 1.6; color: #e8ddad; }

/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem; }

.vcard li { margin: 0; display: block; }

.vcard .fn { font-weight: bold; font-size: 0.9375rem; }

.vevent .summary { font-weight: bold; }

.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; }

@media only screen and (min-width: 40.0625em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
  h1 { font-size: 4rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 1.6875rem; }
  h4 { font-size: 1.4375rem; }
  h5 { font-size: 1.125rem; }
  h6 { font-size: 1rem; } }

html { height: auto; }

body { height: auto; background-image: url("../images/bg-texture.jpg"); background-size: 200px 200px; background-attachment: fixed; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

body .chapter-background { background: transparent no-repeat left 150px; background-attachment: fixed; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; }

body .fade-overlay { position: fixed; z-index: -1; top: -250px; left: 0; width: 100%; height: 950px; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65), transparent); background: linear-gradient(top, rgba(0, 0, 0, 0.65), transparent); }

@media only screen and (max-width: 40em) { body { background-size: 59px 109px, 75px 75px; } }

.row { margin: 0 auto; max-width: 100rem; width: 100%; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.row .row { margin: 0 -1.3125rem; max-width: none; width: auto; }

.row .row:before, .row .row:after { content: " "; display: table; }

.row .row:after { clear: both; }

.full-width { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 100%; float: none; }

hr { border: none; background: url("../images/nav-decor.png") no-repeat center center/contain; height: 2rem; margin: 1.3125rem 0; }

@media only screen and (min-width: 40.0625em) { hr { margin: 2.625rem 0 1.3125rem; height: 3rem; } }

header { padding: 1.3125rem 0 0; -webkit-filter: drop-shadow(0.4rem 0.4rem 0 rgba(0, 0, 0, 0.15)); filter: drop-shadow(0.4rem 0.4rem 0 rgba(0, 0, 0, 0.15)); }

header p { margin: 0.65625rem 0 0; font-size: 60%; text-align: center; }

@media only screen and (min-width: 40.0625em) { header { padding: 2.625rem 0 0; }
  header p { display: none; } }

nav { text-align: center; padding: 1.3125rem 0; font-family: "hoodie_blocksregular"; }

nav a { display: inline-block; color: #dcca81; text-decoration: none; text-transform: uppercase; letter-spacing: 0.4em; -webkit-transition: -webkit-transform 0.2s, letter-spacing 0.2s, margin 0.2s; transition: transform 0.2s, letter-spacing 0.2s, margin 0.2s; }

nav a:hover { color: inherit; -webkit-transform: scale(1.2) rotate(-3deg); -ms-transform: scale(1.2) rotate(-3deg); transform: scale(1.2) rotate(-3deg); letter-spacing: 0.3em; margin: 0 0.3em; }

nav a.special { color: #e34f75; }

nav span { display: inline-block; content: '•'; margin: 0 0.5rem; cursor: default; }

@media only screen and (min-width: 40.0625em) { nav { padding: 2.625rem 0; }
  nav a, nav span { font-size: 1.6875rem; }
  nav span { margin: 0 1rem; } }

h6 { font-weight: normal; text-align: center; }

.left-column, .right-column { display: none; }

.comic-column, .middle-column { position: relative; padding-left: 1.3125rem; padding-right: 1.3125rem; width: 100%; float: none; }

canvas { position: absolute; z-index: -1; top: -25px; left: -25px; }

@media only screen and (min-width: 40.0625em) { .comic-column { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 75%; float: left; }
  .right-column { display: block; padding-left: 1.3125rem; padding-right: 1.3125rem; width: 25%; float: left; }
  .middle-column { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 75%; float: left; margin-left: auto; margin-right: auto; float: none; }
  .double-spread .right-column { display: none; }
  .double-spread .comic-column { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 100%; float: none; } }

@media only screen and (min-width: 64.0625em) { .comic-column { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 62.5%; float: left; }
  .left-column, .right-column { display: block; padding-left: 1.3125rem; padding-right: 1.3125rem; width: 18.75%; float: left; }
  .middle-column { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 58.3333333333%; float: left; margin-left: auto; margin-right: auto; float: none; }
  .double-spread .right-column { display: none; }
  .double-spread .comic-column { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 100%; float: none; } }

.comic-column { background: #231a20; padding: 0.65625rem; border-radius: 0.6rem; }

@media only screen and (min-width: 40.0625em) { .comic-column { padding: 1.3125rem; } }

@media only screen and (max-width: 40em) { .info { overflow: hidden; } }

.info .subscribe { min-height: 12rem; position: relative; top: -2.625rem; padding: 2.625rem; }

@media only screen and (min-width: 40.0625em) { .info { margin-top: 2.625rem; }
  .info .notes { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 58.3333333333%; float: left; }
  .info .subscribe { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 41.6666666667%; float: left; top: 0; margin-top: -6.5625rem; margin-bottom: -2.625rem; } }

@media only screen and (min-width: 64.0625em) { .info { margin-top: 2.625rem; }
  .info .notes { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 50%; float: left; margin-left: 12.5% !important; }
  .info .subscribe { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 29.1666666667%; float: left; margin-left: 2.0833333333% !important; top: -5.5125rem; } }

.notes { position: relative; padding: 1.3125rem; }

.notes h3 { display: inline-block; padding: 0.5rem 2rem; text-transform: uppercase; margin: 0; position: relative; top: -3rem; left: 1.6rem; }

.notes p { color: #000000; }

@media only screen and (max-width: 40em) { .notes { margin-top: 2.625rem; }
  .notes h3 { font-size: 1.6875rem; left: 3rem; padding: 0.5rem 1rem; } }

@media only screen and (min-width: 40.0625em) { .notes { padding: 1.3125rem 2.625rem !important; } }

.subscribe { position: relative; -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }

.subscribe .links { position: absolute; bottom: 20%; left: 2.625rem; display: table; width: 100%; padding: 0 1.3125rem; -webkit-perspective: 45px; perspective: 45px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.subscribe .links a { text-decoration: none; display: table-cell; padding: 0 7%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

.subscribe .links a:hover { -webkit-transform: rotate(-3deg) scale(1.2); -ms-transform: rotate(-3deg) scale(1.2); transform: rotate(-3deg) scale(1.2); }

@media only screen and (max-width: 40em) { .subscribe { margin-top: -1.96875rem; } }

@media only screen and (min-width: 40.0625em) { .subscribe .links { left: 1.3125rem; bottom: 5.775rem; padding: 0 2.625rem; } }

.subscribe-modal { position: fixed; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); outline: none !important; max-width: 32rem; }

.subscribe-modal .subscribe { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }

.subscribe-modal .subscribe .links { left: 0; bottom: 2.625rem; }

@media only screen and (min-width: 40.0625em) { .subscribe-modal .subscribe .links { bottom: 3.28125rem; } }

.comments { position: relative; }

@media only screen and (max-width: 40em) { .comments { overflow: hidden; top: -35px; margin-top: -60px; }
  .comments canvas { top: 0; }
  .comments #disqus_thread { position: relative; top: 35px; } }

.comments .middle-column { padding: 1.3125rem; }

@media only screen and (min-width: 40.0625em) { .comments .middle-column { padding: 2.625rem; }
  .comments #disqus_thread { position: relative; top: 15px; /* transform: rotateY(-10deg) rotateX(5deg) rotateZ(360deg); transform-style: preserve-3d; backface-visibility: hidden; */ } }

.widget { border-radius: 0.6rem; overflow: hidden; margin-bottom: 1.3125rem; }

.shriek-ad { background: #1c1f1a; padding: 1rem; }

.shriek-ad ul { list-style: none; padding: 0; margin: 1.3rem 0 0; }

.shriek-ad ul a { display: block; color: #dcca81; line-height: 1; margin: 0.65rem 0 0; }

.shriek-ad ul a:before { display: inline-block; content: '»'; margin-right: 0.5rem; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }

.shriek-ad ul a:hover { color: #FFFFFF; text-decoration: underline; }

.shriek-ad ul a:hover:before { text-decoration: none; -webkit-transform: rotate(320deg) scale(1.6); -ms-transform: rotate(320deg) scale(1.6); transform: rotate(320deg) scale(1.6); }

.pagination { padding-left: 1.3125rem; padding-right: 1.3125rem; width: 100%; float: none; text-align: center; font-family: "hoodie_blocksregular"; font-size: 2.3625rem; text-transform: uppercase; }

.pagination a { display: inline-block; padding: 0.5rem; text-decoration: none; color: #dcca81; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; }

.pagination a:first-child { color: #92c23f; }

.pagination a:last-child { color: #e34f75; }

.pagination a:hover { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }

@media only screen and (min-width: 40.0625em) { .pagination { font-size: 2.55rem; } }

@media only screen and (min-width: 64.0625em) { .pagination { font-size: 3rem; } }

footer { padding: 2.625rem 0; }

footer h4 { text-align: center; text-transform: uppercase; letter-spacing: 0.25em; }

@media only screen and (min-width: 40.0625em) { footer { padding: 5.25rem 0; } }