/**
 * * VARIABLES
 * * VARIABLES
 * * VARIABLES
 * * VARIABLES
 * * VARIABLES
 * */
.color-dark {
  color: #2b2631;
}

.color-light {
  color: #eaffbb;
}

.color-grey {
  color: #cccccc;
}

.color-white {
  color: #ffffff;
}

.color-nuked {
  color: #afff00;
}

.background-dark {
  background: #2b2631;
}

.background-light {
  background: #eaffbb;
}

.background-grey {
  background: #cccccc;
}

.background-white {
  background: #ffffff;
}

.background-nuked {
  background: #afff00;
}

@font-face {
  font-family: "Moderat";
  src: local("Moderat Regular"), local("Moderat--Regular");
  src: url("/assets/fonts/Moderat-Regular.woff2") format("woff2");
  src: url("/assets/fonts/Moderat-Regular.woff") format("woff");
  src: url("/assets/fonts/Moderat-Regular.ttf") format("truetype");
}
.font-display, .paywall a, article.post h1,
article.page h1, .font-nav, .gonzo-sidebar-col .gonzo-sidebar-row-signup, .gonzo-sidebar-col a h1, header .primary div,
footer .primary div {
  font-family: "Moderat", Helvetica, sans-serif;
}

.font-sans-serif, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.font-monospace, .post .kg-file-card a.kg-file-card-container .kg-file-card-title,
.post .kg-file-card a.kg-file-card-container .kg-file-card-caption,
.post .kg-file-card a.kg-file-card-container .kg-file-card-metadata, .post .kg-image-card figcaption, article.post .post-author,
article.post .post-datetime, header marquee,
footer marquee, header .tagline,
footer .tagline {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-serif {
  font-family: Garamond, "Times New Roman", Times, serif;
}

.font-nav, .gonzo-sidebar-col .gonzo-sidebar-row-signup, .gonzo-sidebar-col a h1, header .primary div,
footer .primary div {
  font-size: 1.5rem;
  font-weight: 500;
}

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

.border-top, body, .border-all, .paywall a, .post .kg-file-card a.kg-file-card-container {
  border-top: 4px solid #afff00 !important;
}

.border-right, .border-all, .paywall a, .post .kg-file-card a.kg-file-card-container {
  border-right: 4px solid #afff00 !important;
}

.border-bottom, body, .border-all, .paywall a, .post .kg-file-card a.kg-file-card-container {
  border-bottom: 4px solid #afff00 !important;
}

.border-left, .border-all, .paywall a, .post .kg-file-card a.kg-file-card-container {
  border-left: 4px solid #afff00 !important;
}

.tilt-span {
  display: block;
  transition: transform 0.2s;
}

.tilt-this:hover span {
  transform: rotate(3deg);
}

.tilt-that:hover span {
  transform: rotate(-3deg);
}

.tilt-zone span {
  pointer-events: none;
  transition: transform 0.5s;
}
.tilt-zone:hover span {
  transform: rotate(-360deg);
}

/**
 * * CORE
 * * CORE
 * * CORE
 * * CORE
 * * CORE
 * */
::selection {
  background: #afff00;
  color: #2b2631;
}

body {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #eaffbb;
  background: #2b2631;
}
@media (min-width: 1280px) {
  body {
    border-left: 4px solid #afff00;
    border-right: 4px solid #afff00;
  }
}
body.en .is-en {
  display: block;
}
body.en .is-sp {
  display: none;
}
body.sp .is-en {
  display: none;
}
body.sp .is-sp {
  display: block;
}

a {
  color: #afff00;
}
a:hover {
  color: #ffffff;
}

.container-fluid {
  max-width: 1200px;
}

/**
 * * HEADER & FOOTER
 * * HEADER & FOOTER
 * * HEADER & FOOTER
 * * HEADER & FOOTER
 * * HEADER & FOOTER
 * */
header .lettermark,
footer .lettermark {
  display: block;
  max-width: 100%;
}
header .lettermark img,
footer .lettermark img {
  width: 100%;
  max-width: 200px;
  margin: auto;
  display: block;
  height: auto;
}
header .tagline,
footer .tagline {
  font-weight: 700;
  color: #2b2631;
  text-align: center;
  padding: 0 0 0 8px;
}
@media (min-width: 768px) {
  header .tagline,
  footer .tagline {
    text-align: left;
  }
}
header .rss,
footer .rss {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  padding: 0;
}
header .rss:hover,
footer .rss:hover {
  background: #2b2631;
  color: #afff00;
}
header .rss:hover svg,
footer .rss:hover svg {
  fill: #afff00;
}
header .rss svg,
footer .rss svg {
  display: block;
  fill: #2b2631;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  header .rss,
  footer .rss {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    float: right;
  }
}
header .primary,
footer .primary {
  display: block;
  width: 100%;
  height: auto;
  background: none;
  text-decoration: none;
  border: none;
  text-align: left;
  margin: 0;
  padding: 0;
}
header .primary div,
footer .primary div {
  padding: 8px;
  color: #eaffbb;
}
header .primary div:hover,
footer .primary div:hover {
  background: #eaffbb;
  color: #2b2631;
}
header marquee,
footer marquee {
  font-weight: 700;
  border-right: 1px solid #2b2631;
  border-left: 1px solid #2b2631;
  padding: 4px 0;
}
header marquee a,
footer marquee a {
  color: #eaffbb;
}
header marquee a:hover,
footer marquee a:hover {
  color: #2b2631;
  background: #eaffbb;
}
header marquee span,
footer marquee span {
  margin-right: 10px;
}
header p,
footer p {
  padding: 0 8px;
  margin: 0;
}
header p a,
footer p a {
  color: #eaffbb;
}
header p a:hover,
footer p a:hover {
  color: #2b2631;
  background: #eaffbb;
}

/**
 * * SIDEBAR
 * * SIDEBAR
 * * SIDEBAR
 * * SIDEBAR
 * * SIDEBAR
 * */
.gonzo-sidebar-col a {
  text-decoration: none;
  padding: 8px;
  display: block;
}
.gonzo-sidebar-col a:hover {
  background: #eaffbb;
}
.gonzo-sidebar-col a:hover h1,
.gonzo-sidebar-col a:hover p {
  color: #2b2631;
}
.gonzo-sidebar-col a h1 {
  color: #eaffbb;
}
.gonzo-sidebar-col .magi {
  height: 300px;
}
.gonzo-sidebar-col .magi a {
  overflow: hidden;
  display: block;
  height: 100%;
  width: 100%;
}
.gonzo-sidebar-col .magi .logo {
  width: 100%;
  max-width: 400px;
  padding: 8px;
}
.gonzo-sidebar-col .magi .info {
  display: none;
}
.gonzo-sidebar-col .magi .info p {
  margin: 0;
}
.gonzo-sidebar-col .magi:hover .logo {
  display: none;
}
.gonzo-sidebar-col .magi:hover .info {
  display: block;
}
.gonzo-sidebar-col .gonzo-sidebar-row-signup a {
  color: #2b2631;
  background: #afff00;
}
.gonzo-sidebar-col .gonzo-sidebar-row-signup a:hover {
  background: #2b2631;
}
.gonzo-sidebar-col .gonzo-sidebar-row-signup a:hover p {
  color: #afff00;
}

/**
 * * PAGES & POSTS
 * * PAGES & POSTS
 * * PAGES & POSTS
 * * PAGES & POSTS
 * * PAGES & POSTS
 * */
article.post,
article.page {
  overflow: hidden;
}
article.post .post-author,
article.post .post-datetime {
  color: #cccccc;
  margin: 0;
}
article.post img,
article.post hr,
article.post p {
  margin-bottom: 2rem;
}
article.post hr {
  opacity: 1;
  color: #cccccc;
}
article.post img {
  border: 1px solid #cccccc;
  width: 100%;
  height: auto;
}
article.post iframe {
  width: 100%;
  margin: 0 auto 2rem auto;
}
@media (min-width: 768px) {
  article.post iframe {
    max-width: 500px;
  }
}

.index article.post a {
  text-decoration: none;
  display: block;
}
.index article.post a:hover .post-title {
  text-decoration: underline;
}
.index article.post a:hover .post-image {
  border-color: #ffffff !important;
}
.index article.post a .post-excerpt {
  color: #eaffbb;
}

/**
 * * SHAME
 * * SHAME
 * * SHAME 
 * * SHAME
 * * SHAME 
 * */
/* needed to stop ghost theme errors */
.kg-width-wide,
.kg-width-full {
  display: block;
}

/* these should only appear inside posts */
.post .kg-card {
  margin-bottom: 2rem;
}
.post .kg-embed-card {
  display: block;
  margin: auto;
}
.post .kg-video-card {
  border: 1px solid #eaffbb;
}
.post .kg-image-card {
  margin: 0 0 2rem 0;
}
.post .kg-image-card img {
  border: 1px solid #eaffbb;
  margin: 0;
}
.post .kg-image-card figcaption {
  color: #cccccc;
  text-align: center;
}
.post .kg-file-card a.kg-file-card-container {
  transition: none;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: #2b2631;
}
.post .kg-file-card a.kg-file-card-container .kg-file-card-title,
.post .kg-file-card a.kg-file-card-container .kg-file-card-caption,
.post .kg-file-card a.kg-file-card-container .kg-file-card-metadata {
  margin-bottom: 1rem;
}
.post .kg-file-card a.kg-file-card-container .kg-file-card-icon {
  background: #afff00;
}
.post .kg-file-card a.kg-file-card-container .kg-file-card-icon svg {
  color: #2b2631;
}
.post .kg-file-card a.kg-file-card-container:hover {
  color: #2b2631;
  background: #afff00;
}
.post .kg-file-card a.kg-file-card-container:hover .kg-file-card-icon {
  background: #2b2631;
}
.post .kg-file-card a.kg-file-card-container:hover .kg-file-card-icon svg {
  color: #afff00;
}

.paywall a {
  margin-top: 2rem;
  margin-bottom: 5rem;
  font-size: 1.5rem;
  text-decoration: none;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  display: block;
  background: #2b2631;
  color: #eaffbb;
}
.paywall a:hover {
  color: #2b2631;
  background: #afff00;
}

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