@charset "UTF-8";
/*
Theme Name: Lorem Ipsum
Theme URI: http://loremipsum.wtf
Author: Full Metal Workshop
Author URI: http://fullmetalworkshop.com
Description: Lorem Ipsum Theme
Version: 1.0.0
Tags: null
Text Domain: lorem ipsum

Lorem Ipsum WordPress Theme © 2017 Full Metal Workshop
Lorem Ipsum
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 16px;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
  font-family: 'Georgia', serif; }

input:focus {
  outline: none; }

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700; }

h1 {
  font-size: 2.4em; }

h2 {
  font-size: 1.6em; }

h4 {
  font-size: .9em; }

body {
  line-height: 1; }

#content p {
  line-height: 1.5; }

ol, ul {
  list-style: none; }

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

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

* {
  box-sizing: border-box; }

.clear {
  clear: both; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

.bg-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.bg-yellow {
  color: black;
  display: block;
  background-color: #ffd702; }

#header {
  display: flex;
  flex-direction: column;
  padding: 1em 1em; }

#site-title a {
  width: 150px;
  height: auto;
  display: block;
  position: relative; }

#site-title img {
  width: 100%;
  height: auto; }

#below-title {
  display: flex;
  align-items: center;
  margin-top: 15px; }
  #below-title .social-follow {
    display: flex; }
    #below-title .social-follow .social-follow-button {
      width: 22px;
      height: auto;
      margin-right: 12px; }
      #below-title .social-follow .social-follow-button img {
        width: 100%;
        height: auto; }

.social-follow-button, .social_share_button {
  transition: transform 0.2s linear; }
  .social-follow-button:hover, .social_share_button:hover {
    transform: scale(1.1); }

nav {
  margin-left: 8px; }
  nav ul {
    display: flex; }
    nav ul li {
      margin-right: 10px;
      padding: 4px 0;
      overflow: hidden; }
      nav ul li:hover a::after, nav ul li.current_page_item a::after {
        opacity: 1;
        transform: translateY(0); }
  nav a {
    font-family: "Open Sans Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    position: relative; }
    nav a::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: black;
      opacity: 0;
      transition: transform 0.1s linear;
      transform: translateY(3px); }

body.home nav ul li.home-link {
  display: none; }

#content {
  width: 90%;
  max-width: 900px;
  margin: 0 auto; }

.cover-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

/*-----------------------------*\
  Default page
\*-----------------------------*/
article.page {
  padding: 2em 0 3em; }
  article.page .entry-title {
    font-family: "Open Sans Condensed", sans-serif;
    text-align: center;
    text-transform: uppercase; }
  article.page h1, article.page h2, article.page h3, article.page h4, article.page h5, article.page h6 {
    font-family: "Open Sans Condensed", sans-serif;
    text-align: center;
    text-transform: uppercase; }
  article.page h2 {
    font-size: 1.8em; }
  article.page blockquote {
    margin: 1em auto 0 !important; }
    article.page blockquote p {
      font-size: 1em;
      font-family: "Open Sans Condensed", sans-serif; }
  article.page p {
    margin-bottom: 1em;
    font-family: 'Georgia', serif; }
    article.page p a {
      font-weight: 700;
      text-decoration: underline;
      font-family: 'Georgia', serif; }
  article.page img {
    max-width: 100%;
    height: auto; }
  article.page .alignnone {
    width: 100%;
    height: auto; }
  article.page .align-right {
    float: right; }
  article.page .align-left {
    float: left; }

/*-----------------------------*\
  Issues page
\*-----------------------------*/
blockquote {
  margin: 1em auto;
  width: 100%;
  font-size: 1.5em;
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  text-align: center; }

#issues-archive .issue {
  margin: 1.5em 0;
  padding: 1.5em 1em 1em;
  border: 2px solid black;
  position: relative; }
  #issues-archive .issue .issue-date {
    font-weight: 600;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 5px 5px 3px;
    text-transform: uppercase;
    font-family: 'Helvetica', Arial;
    transform: translate(-1.75em, -50%); }
  #issues-archive .issue .issue-image-wrapper {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.05); }
    #issues-archive .issue .issue-image-wrapper .issue-image-container {
      width: 100%;
      height: 0;
      padding-bottom: 65%;
      position: relative; }
      #issues-archive .issue .issue-image-wrapper .issue-image-container .issue-image-overflow {
        overflow: hidden; }
      #issues-archive .issue .issue-image-wrapper .issue-image-container .issue-image, #issues-archive .issue .issue-image-wrapper .issue-image-container .issue-image-overflow {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transition: all 0.3s linear; }
        #issues-archive .issue .issue-image-wrapper .issue-image-container .issue-image.hidden, #issues-archive .issue .issue-image-wrapper .issue-image-container .issue-image-overflow.hidden {
          opacity: 0; }
      #issues-archive .issue .issue-image-wrapper .issue-image-container .issue-image {
        transform: scale(1.1); }
      #issues-archive .issue .issue-image-wrapper .issue-image-container .issue-image-overflow:hover .issue-image {
        transform: scale(1); }
  #issues-archive .issue .issue-desc {
    margin-top: 1em; }
    #issues-archive .issue .issue-desc .issue-excerpt {
      margin-top: .75em;
      font-size: 1.2em; }
    #issues-archive .issue .issue-desc a {
      font-family: "Open Sans Condensed", sans-serif;
      font-weight: 700;
      text-transform: uppercase; }
    #issues-archive .issue .issue-desc .issue-title a {
      font-family: "Open Sans Condensed", sans-serif;
      font-weight: 700;
      text-transform: uppercase; }
    #issues-archive .issue .issue-desc .read-it-container {
      position: absolute;
      bottom: 1em;
      left: 1em;
      overflow: hidden;
      display: none; }
    #issues-archive .issue .issue-desc a.read-it {
      transition: transform 0.1s linear;
      transform: translateY(100%);
      font-size: .9em;
      padding: .5em .5em;
      background-color: black;
      color: white;
      text-transform: uppercase;
      margin-top: 1em;
      display: inline-block;
      font-family: "Open Sans Condensed", sans-serif;
      -webkit-font-smoothing: 'antialiased';
      font-smooth: 'antialiased';
      font-weight: 700;
      letter-spacing: 1px; }
  #issues-archive .issue:hover a.read-it {
    transform: translateY(0); }

.single-newsletter #branding, .single #branding {
  display: none;
  pointer-events: none; }

.single-newsletter #issue-wrapper, .single #issue-wrapper {
  padding: 2em 0 4em;
  max-width: 700px;
  margin: 0 auto; }

.single-newsletter .issue-header, .single .issue-header {
  width: 100%;
  height: auto; }
  .single-newsletter .issue-header a img, .single .issue-header a img {
    width: 100%;
    height: auto; }

.single-newsletter .entry-title, .single .entry-title {
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.5em;
  font-size: 1.5em; }
  .single-newsletter .entry-title .emoji, .single .entry-title .emoji {
    width: 25px !important;
    height: auto !important; }

.single-newsletter .article-thumb, .single .article-thumb {
  width: 100%;
  height: auto; }
  .single-newsletter .article-thumb img, .single .article-thumb img {
    width: 100%;
    height: auto; }
  .single-newsletter .article-thumb.portrait-thumb, .single .article-thumb.portrait-thumb {
    text-align: center; }
    .single-newsletter .article-thumb.portrait-thumb a, .single .article-thumb.portrait-thumb a {
      height: 60vw;
      max-height: 450px;
      width: auto;
      margin: 0 auto;
      position: relative;
      display: block; }
      .single-newsletter .article-thumb.portrait-thumb a img, .single .article-thumb.portrait-thumb a img {
        width: auto;
        height: 100%; }

.single-newsletter .article-title a, .single .article-title a {
  font-size: 1em;
  margin-top: .5em;
  line-height: 1.3em;
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  text-decoration: underline; }
  .single-newsletter .article-title a:hover, .single .article-title a:hover {
    background-color: #ffd702; }

.single-newsletter .article-content, .single .article-content {
  padding: 1em 0; }
  .single-newsletter .article-content p, .single .article-content p {
    font-family: 'Georgia', serif;
    padding-bottom: 15px; }
  .single-newsletter .article-content a, .single .article-content a {
    font-family: 'Georgia', serif; }
  .single-newsletter .article-content .social_icons, .single .article-content .social_icons {
    margin-top: 10px; }
    .single-newsletter .article-content .social_icons .social_share_button, .single .article-content .social_icons .social_share_button {
      margin-left: 6px;
      width: 18px;
      height: auto; }
      .single-newsletter .article-content .social_icons .social_share_button img, .single .article-content .social_icons .social_share_button img {
        width: 100%;
        height: auto; }

.single-newsletter .spotify-link-container, .single .spotify-link-container {
  text-align: right; }
  .single-newsletter .spotify-link-container a, .single .spotify-link-container a {
    font-family: "Open Sans Condensed", sans-serif;
    font-size: .85em;
    font-weight: 700; }
    .single-newsletter .spotify-link-container a:hover, .single .spotify-link-container a:hover {
      text-decoration: underline; }

.single-newsletter .issue-article, .single .issue-article {
  margin-top: 3em; }
  .single-newsletter .issue-article:first-of-type, .single .issue-article:first-of-type {
    margin-top: 0; }

.single-newsletter .issue-date-container, .single .issue-date-container {
  display: flex;
  align-items: center;
  margin: 1em 0; }
  .single-newsletter .issue-date-container .issue-date, .single .issue-date-container .issue-date {
    text-transform: uppercase;
    flex-shrink: 0;
    padding: 0 .5em; }
  .single-newsletter .issue-date-container span, .single .issue-date-container span {
    width: 100%;
    height: 1px;
    background-color: black; }

.single-newsletter #signoff, .single #signoff {
  margin: 1em 0 4em 0; }
  .single-newsletter #signoff p, .single-newsletter #signoff a, .single #signoff p, .single #signoff a {
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 25px; }
  .single-newsletter #signoff h1, .single-newsletter #signoff h2, .single-newsletter #signoff h3, .single-newsletter #signoff h4, .single-newsletter #signoff h5, .single-newsletter #signoff h6, .single-newsletter #signoff p, .single #signoff h1, .single #signoff h2, .single #signoff h3, .single #signoff h4, .single #signoff h5, .single #signoff h6, .single #signoff p {
    margin-bottom: 15px; }

#issue-nav {
  width: 100%;
  margin-top: 2em; }
  #issue-nav .issue-nav-button {
    margin-bottom: 10px;
    position: relative;
    display: block; }
    #issue-nav .issue-nav-button a {
      color: white;
      background-color: black;
      text-transform: uppercase;
      font-family: "Open Sans Condensed", sans-serif;
      font-weight: 700;
      padding: 3px 5px;
      display: inline-block; }
    #issue-nav .issue-nav-button.next-issue {
      text-align: right; }
    #issue-nav .issue-nav-button.prev-issue {
      text-align: left; }

/*-----------------------------*\
  Sign up
\*-----------------------------*/
#li-signup {
  width: 100%;
  overflow: hidden; }
  #li-signup .li-signup-content {
    padding: .5em 1em 1em; }
  #li-signup .li-signup-text .response-text {
    margin-bottom: 10px; }
  #li-signup h2 {
    font-size: 2.7em;
    margin: 0 0 .1em;
    color: black;
    font-family: "Open Sans Condensed", sans-serif;
    display: inline-block; }
  #li-signup p {
    font-size: 1.2em;
    margin: 0 0 1em;
    color: black;
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 600;
    display: inline-block;
    margin-left: 5px; }
  #li-signup form {
    display: flex;
    align-items: center; }
    #li-signup form input[type='email'] {
      width: 100%;
      padding: 1em;
      border: none;
      font-size: 1em;
      border: 2px solid black; }
      #li-signup form input[type='email']:focus {
        border: 2px solid black !important; }
    #li-signup form input[type='submit'] {
      font-family: "Open Sans Condensed", sans-serif;
      -webkit-appearance: none;
      border: 0;
      display: inline-block;
      cursor: pointer;
      background-color: black;
      padding: 0 1em;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 0;
      color: white;
      font-size: 1.1em;
      margin-left: .75em;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 44px;
      border-radius: 22px; }

/*-----------------------------*\
  MC Popup
\*-----------------------------*/
#li-popup-container {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none; }
  #li-popup-container.active {
    display: block; }
  #li-popup-container #li-popup-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    #li-popup-container #li-popup-wrapper #li-popup {
      width: 90%;
      padding: 3em 1em 2em;
      background-color: white;
      text-align: center;
      position: relative; }
      #li-popup-container #li-popup-wrapper #li-popup h2 {
        text-transform: uppercase;
        line-height: 1.2em; }
      #li-popup-container #li-popup-wrapper #li-popup #li-popup-close {
        color: white;
        background-color: black;
        padding: .2em;
        position: absolute;
        top: 1em;
        right: 1em;
        cursor: pointer; }

footer.footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 1em 0;
  text-align: right; }
  footer.footer a.more-link {
    margin: 1em 0 2em 0;
    color: white;
    background-color: black;
    padding: .2em .5em;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    position: relative; }
    footer.footer a.more-link .loading {
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      pointer-events: none;
      color: white;
      top: 0;
      left: 0;
      font-size: 3em; }

@media only screen and (min-width: 37.5em) {
  #site-title a {
    width: 250px; }
  blockquote {
    width: 80%;
    font-size: 2.2em; }
  #issues-archive {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    #issues-archive .issue {
      width: calc(100% / 2 - 1em);
      margin: 1em .5em 1.5em;
      position: relative;
      padding-bottom: 4em; }
      #issues-archive .issue .issue-image-wrapper {
        width: 100%;
        flex-shrink: 0; }
        #issues-archive .issue .issue-image-wrapper .issue-image-container {
          padding-bottom: 100%; }
      #issues-archive .issue .issue-desc {
        margin-top: .5em; }
        #issues-archive .issue .issue-desc .issue-title a {
          font-size: .9em; }
      #issues-archive .issue .read-it-container {
        display: block !important; }
  .single-newsletter #issue-wrapper, .single #issue-wrapper {
    padding-top: 4em; }
  .single-newsletter .article-title a, .single .article-title a {
    font-size: 1.6em; }
  #li-signup {
    width: 90%;
    max-width: 900px;
    margin: 0 auto 2em; }
  .content-inner #li-signup {
    text-align: left; }
    .content-inner #li-signup .li-signup-content {
      padding-left: 0; }
      .content-inner #li-signup .li-signup-content form {
        max-width: 400px; } }

@media only screen and (min-width: 48em) {
  #issues-archive .issue {
    width: calc(100% / 3 - 1em); } }

@media only screen and (min-width: 64em) {
  .page-template-issues #content {
    width: 90%;
    max-width: 900px; }
  #issues-archive {
    justify-content: space-between; }
    #issues-archive .issue {
      width: calc(100% / 3 - 1em);
      display: block;
      left: auto;
      transform: translate(0, 0); } }

.home #header, .error404 #header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }

.home #container, .error404 #container {
  width: 100vw;
  height: 100vh; }
  .home #container #content, .error404 #container #content {
    width: 100%;
    height: 100%; }
    .home #container #content #gif-background, .error404 #container #content #gif-background {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      background-size: cover !important;
      transition: opacity 0.5s linear;
      opacity: 0; }

.home #li-signup, .error404 #li-signup {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0; }
  .home #li-signup .li-signup-content, .error404 #li-signup .li-signup-content {
    background-color: rgba(0, 0, 0, 0.75);
    transition: transform 0.3s linear;
    transform: translateY(100%);
    transition-delay: 2s; }
  .home #li-signup h2, .home #li-signup p, .error404 #li-signup h2, .error404 #li-signup p {
    color: white; }

.home #container #content.loaded #gif-background, .error404 #container #content.loaded #gif-background {
  opacity: 1; }

.home #container #content.loaded #li-signup .li-signup-content, .error404 #container #content.loaded #li-signup .li-signup-content {
  transform: translateY(0); }

.error404 .entry-title {
  position: absolute;
  top: 40%;
  width: 30%;
  right: 5%;
  z-index: 10;
  text-align: right;
  color: white;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif; }

@media only screen and (min-width: 37.5em) {
  .home #li-signup, .error404 #li-signup {
    position: fixed;
    bottom: 4em;
    right: 5em;
    left: auto;
    max-width: 300px; }
    .home #li-signup .li-signup-content, .error404 #li-signup .li-signup-content {
      background-color: transparent;
      padding: 0; }
    .home #li-signup h2, .error404 #li-signup h2 {
      font-size: 3.5em;
      text-align: right;
      color: black;
      display: block; }
    .home #li-signup p, .error404 #li-signup p {
      text-align: right;
      font-size: 1.5em;
      color: black;
      display: block; }
    .home #li-signup form, .error404 #li-signup form {
      flex-direction: column;
      align-items: flex-end; }
      .home #li-signup form input[type='email'], .error404 #li-signup form input[type='email'] {
        width: 100%;
        border: none; }
        .home #li-signup form input[type='email']:focus, .error404 #li-signup form input[type='email']:focus {
          border: none !important; }
        .home #li-signup form input[type='email'].error, .error404 #li-signup form input[type='email'].error {
          outline: 2px solid red; }
      .home #li-signup form input[type='submit'], .error404 #li-signup form input[type='submit'] {
        display: block;
        padding: 0 1em;
        margin-top: 1em; } }

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