@import "pico.min.css";
@import "flexboxgrid.min.css";
@import "magnific-popup.css";
body {
  color: #000;
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: normal;
}

[data-theme=dark] {
  background: #2d3138;
}
[data-theme=dark] h1, [data-theme=dark] h2, [data-theme=dark] h3, [data-theme=dark] h4 {
  color: #fff;
}
[data-theme=dark] a {
  color: #fff;
  text-decoration-color: #fff;
}
[data-theme=dark] a.contrast {
  color: #191c20;
}

[data-theme=light] {
  background: #f0f1f3;
}
[data-theme=light] #places > article h2 {
  color: #fff;
}

address, blockquote, dl, ol, p, pre, table, ul {
  font-weight: 300;
}

h1, h2, h3, h4 {
  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

h2 {
  font-size: 62px;
}

h3 {
  font-size: 42px;
}

h4 {
  font-family: "Space Grotesk", monospace, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
}

strong {
  font-weight: 700;
}

p.mono, figcaption {
  font-family: "Space Grotesk", monospace, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

figcaption {
  margin-bottom: 1em;
}

[data-tooltip]::after, [data-tooltip]::before, [data-tooltip][data-placement=top]::after, [data-tooltip][data-placement=top]::before {
  font-family: "Arial", sans-serif;
  font-size: 14px;
}

img {
  border-radius: 6px;
}

footer {
  font-size: 24px;
  margin: 1em 0;
  text-align: center;
}
footer > a {
  text-decoration: none;
}

nav {
  font-family: sans-serif;
  margin: 0.5em 0 0;
  padding-left: 0;
}
nav > h1 {
  font-size: 62px;
  margin: 0;
}
nav a {
  display: block;
  text-decoration: none;
}
nav a > svg {
  stroke: #c2c7d0;
}
nav a:hover {
  cursor: pointer;
}
nav a:hover > svg {
  stroke: #fff;
}
nav #theme-switcher {
  padding-left: 10px;
}
nav .home-link {
  padding-right: 10px;
}
nav.home #theme-switcher {
  height: 34px;
  top: 12px;
}

[data-theme=light] nav > a > svg {
  stroke: #5d6370;
}
[data-theme=light] nav > a:hover > svg {
  stroke: #191c20;
}

#places > article {
  background: none;
  box-shadow: none;
  height: 350px;
  margin-bottom: 0;
}
#places > article h2 {
  color: #e0e3e7;
  font-size: 2.7em;
}
#places > article > a {
  border-radius: 6px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  display: block;
  height: 100%;
  position: relative;
  text-decoration: none;
  transition: transform 0.2s ease-in-out;
}
#places > article > a:hover {
  background: none;
  transform: scale(1.03);
}
#places > article > a:hover h2, #places > article > a:hover p {
  color: #fff;
}
#places > article hgroup {
  background: linear-gradient(rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.4) 50%, rgba(33, 33, 33, 0.8) 100%);
  border-radius: 0 0 6px 6px;
  bottom: 0;
  margin-bottom: 0;
  padding: 6em 1.5em 1.5em;
  position: absolute;
  text-align: center;
  width: 100%;
}

#post-summary {
  position: relative;
}
#post-summary > img {
  border-radius: 6px;
}
#post-summary > hgroup {
  background: linear-gradient(rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.4) 50%, rgba(33, 33, 33, 0.8) 100%);
  border-radius: 0 0 6px 6px;
  bottom: 0;
  margin: 0 -1px -1px 0;
  max-width: 1600px;
  padding: 2em;
  position: absolute;
  width: calc(100% + 1px);
}
#post-summary > hgroup > h1 {
  color: #fff;
  font-size: 10vw;
}
#post-summary > hgroup > span {
  background: #1a1c20;
  border-radius: 15px;
  color: #fff;
  font-family: "Space Grotesk", monospace, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25vw;
  padding: 5px 15px;
}

@media screen and (min-width: 1024px) {
  #post-summary > hgroup {
    padding: 10em 10em 2em 2em;
  }
}
#post {
  background: none;
  box-shadow: none;
  margin: 2em auto 0;
  padding: 0;
}
#post > section:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0;
}
#post a:hover {
  text-decoration: none;
}

.post-content {
  margin: 0 auto;
  max-width: 40em;
  padding-bottom: 2em;
}
.post-content:last-child {
  padding-bottom: 0;
}
.post-content figure {
  text-align: center;
}

.post-media {
  padding-bottom: 2em;
}
.post-media.solo {
  margin-top: -30px;
  padding-bottom: 1em;
}
.post-media > figure {
  padding: 0.25rem;
}
.post-media iframe {
  border-radius: 6px;
}

.youtube {
  aspect-ratio: 16/9;
  width: 100%;
}
.youtube > iframe {
  display: block;
  height: 100%;
  width: 100%;
}

.mfp-img {
  padding: 1em 0;
}

.mfp-close {
  display: none !important;
}

.mfp-figure figcaption {
  padding: 0;
}

.mfp-bottom-bar {
  background: linear-gradient(rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.7) 50%, rgb(33, 33, 33) 100%);
  bottom: 18px;
  padding: 5em 1em 1em;
  top: revert;
}

.mfp-counter {
  display: none;
}

.mfp-title, .mfp-counter {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.mfp-title {
  padding-right: 0;
}

.callout {
  background: #1a1c20;
  border-radius: 6px;
  margin-top: 2em;
  padding: 2em;
}
.callout > h4 {
  font-family: "Space Grotesk", monospace, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-top: -10px;
  text-transform: uppercase;
}
.callout ul {
  margin-bottom: 0;
  padding-left: 20px;
}
.callout li {
  margin-bottom: 1em;
}
.callout li:last-child {
  margin-bottom: 0;
}
.callout a {
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.callout a:hover {
  transform: scale(1.03);
}

[data-theme=light] .callout {
  background: #e0e3e7;
}
[data-theme=light] .callout .chapters a {
  color: #5d6370;
}
[data-theme=light] .callout .chapters a:hover {
  color: #1a1c20;
}

.chapters a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.chapters img {
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px;
  max-width: 170px;
}

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