/* reset from casper theme for ghost */
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, 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 { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

img { max-width: 100%; }

html { box-sizing: border-box; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

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

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

b, strong { font-weight: 600; }

i, em, dfn { font-style: italic; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

mark { background-color: #fdffb6; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { margin: 0; /* 3 */ color: inherit; /* 1 */ font: inherit; /* 2 */ }

button { overflow: visible; border: none; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 3 */ -webkit-appearance: button; /* 2 */ }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

input { line-height: normal; }

input:focus { outline: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { box-sizing: content-box; /* 2 */ -webkit-appearance: textfield; /* 1 */ }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

legend { padding: 0; /* 2 */ border: 0; /* 1 */ }

textarea { overflow: auto; }

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

td, th { padding: 0; }

body { font: 18px/1.5 "IBM Plex Sans", sans-serif; color: black; background: #fff; }

@media (min-width: 800px) { body { background: #555; } }

a { color: darkcyan; text-decoration: none; transition: all 0.3s ease-out; }

a:hover { color: tomato; }

pre, code { font-family: "IBM Plex Mono", monospace; }

.outer { max-width: 1140px; margin: 0 auto; padding: 2vw 5vw; }

@media (min-width: 1280px) { .outer { max-width: 1140px; padding: 0; } }

@media (min-width: 1440px) { .outer { max-width: 1360px; padding: 0; } }

.inner { max-width: 840px; margin: 0 auto; }

@media (min-width: 1280px) { .inner { max-width: 960px; } }

.middle { max-width: 1140px; margin: 0 auto; }

.site-header { padding: 1rem 0 0; line-height: 1.2; }

@media (min-width: 1024px) { .site-header { padding: 1.5rem 0; }
  .site-header a { color: cyan; }
  .site-header a:hover { color: white; } }

.site-header h1 { font-size: 1.5rem; font-weight: bold; color: #aaa; padding-bottom: 0.5rem; }

.site-header .site-navbar ul li { display: inline-block; text-transform: uppercase; font-size: 80%; font-weight: 600; }

.site-header .site-navbar ul li:after { content: "\00a0\00b7\00a0"; color: #aaa; }

.site-header .site-navbar ul li:last-of-type:after { content: ""; }

.site-header .post-date { color: #aaa; }

.site-footer { margin-top: 2rem; padding-bottom: 10rem; }

.site-footer .outer { border-top: 2px solid black; }

.site-footer .outer p { padding-top: 1rem; }

.post-date, .card-date { font-style: italic; color: #aaa; }

.pagination { margin: 2rem 0 1rem; }

.pagination ul li { display: inline-block; background: #ccc; }

.pagination ul li a { display: block; padding: 0.5rem 1rem; color: white; }

.pagination ul li a:hover { background: darkcyan; }

.pagination ul li.active { background: #aaa; }

.pagination ul li.active a:hover { background: none; }

@media (min-width: 1024px) { .pagination ul li { background: #222; }
  .pagination ul li a { display: block; padding: 0.5rem 1rem; color: white; }
  .pagination ul li a:hover { background: darkcyan; }
  .pagination ul li.active { background: black; }
  .pagination ul li.active a:hover { background: none; } }

.highlight { margin-bottom: 2rem !important; overflow: auto; }

.highlight .chroma { padding: 0.5rem; }

.highlight pre, .highlight code { font-size: 1rem; }

.terms { font-size: 2rem; font-family: "IBM Plex Serif", serif; padding: 5vw 0; }

.terms .term-item { display: inline-block; margin-right: 0.5rem; }

@media (min-width: 1024px) { .terms .term-item a { color: white; }
  .terms .term-item a:hover { color: salmon; } }

.cards { display: flex; flex-flow: row wrap; margin: -1rem; padding-bottom: 2rem; }

.cards .card-item { flex: 1 1 100%; margin: 1rem; background: #fff; border-bottom: 2px solid black; overflow: hidden; display: flex; flex-flow: column; transition: all 0.2s ease-out; }

@media (min-width: 800px) { .cards .card-item { border: none; flex: 1 1 40%; background: #eee; box-shadow: 0px 2px 5px #333; }
  .cards .card-item:hover { background: #fff; box-shadow: 0px 10px 25px #333; } }

@media (min-width: 1024px) { .cards .card-item { flex: 1 1 30%; box-shadow: 0px 2px 5px #333; } }

.cards .card-item .card-header { position: relative; }

.cards .card-item .card-header .preview-icon { position: absolute; top: 1rem; left: 1rem; color: white; opacity: 0; transition: all 0.5s ease; }

.cards .card-item .card-header:hover .preview-icon { opacity: 1; }

.cards .card-item .card-title { font-size: 1.2rem; font-weight: bold; line-height: 1.2; }

.cards .card-item .card-summary, .cards .card-item .hh-summary { padding-top: 0.5rem; }

@media (min-width: 800px) { .cards .card-item .card-summary, .cards .card-item .hh-summary { padding: 0.5rem 1rem; } }

.cards .card-item .card-desc { padding-top: 0.5rem; }

.cards .card-item .post-info { padding: 1rem 0; line-height: 1.2; }

.cards .card-item .post-info a { font-weight: 600; }

@media (min-width: 800px) { .cards .card-item .post-info { padding: 0 1rem 1rem 1rem; margin-top: auto; } }

.hh-card-item { padding-bottom: 1rem; }

@media (min-width: 800px) { .hh-card-item { background: #ccc !important; }
  .hh-card-item:hover { background: #fff !important; } }

.hh-summary { height: auto; display: flex; flex-flow: column; }

.hh-summary .hh-desc { margin-bottom: 1rem; }

.hh-summary .hh-title { font-size: 1.2rem; font-weight: bold; margin-top: auto; }

.hh-summary .hh-date { font-style: italic; }

.card-preview { overflow: hidden; display: block; margin-bottom: 0.5rem; background-image: linear-gradient(to top left, black, black, #022); }

.card-preview .preview-image { height: 250px; transition: all 0.2s ease-out; opacity: 0.8; filter: grayscale(100%); }

.card-preview .preview-image img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 1280px) { .card-preview .preview-image { opacity: 0.5; }
  .card-preview .preview-image:hover { filter: none; opacity: 1; transform: scale(1.1); } }

.entry-header { height: 250px; overflow: hidden; }

.entry-header .preview-image { width: 100%; height: 100%; }

@media (min-width: 800px) { .entry-header .preview-image { filter: grayscale(100%); opacity: 0.5; } }

.entry-header img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 1024px) { .entry-header { height: 350px; background-image: linear-gradient(to top left, black, black, #022); } }

.nsfw-header .preview-image { opacity: 0; }

.post-full { background: white; overflow: hidden; }

@media (min-width: 1024px) { .post-full .inner { background: #fff; position: relative; top: -150px; border-radius: 3px; } }

.post-full .prevnext { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0.5rem; padding: 1rem; background: #ccc; }

@media (min-width: 1024px) { .post-full .prevnext { grid-gap: 2rem; padding: 2rem; } }

.post-full .prevnext .preview-icon { display: none; }

.post-full .prevnext .pn .card-item .card-preview { height: 150px; }

@media (min-width: 800px) { .post-full .prevnext .pn .card-item .card-preview { height: 200px; } }

.entry-content { padding: 5vw 0; }

@media (min-width: 1024px) { .entry-content { padding: 8rem 0 0; } }

.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content ol, .entry-content blockquote, .entry-content pre, .entry-content form, .entry-content figcaption, .entry-content .highlight, .entry-content .footnotes, .entry-content .video-player-small { max-width: 640px; margin: 0 auto; }

@media (min-width: 600px) and (max-width: 1024px) { .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content ol, .entry-content blockquote, .entry-content pre, .entry-content form, .entry-content figcaption, .entry-content .highlight, .entry-content .footnotes, .entry-content .video-player-small { max-width: 500px; } }

.entry-content p { padding-bottom: 1.5rem; }

.entry-content p:first-of-type { font-family: "IBM Plex Serif", serif; font-size: 1.2rem; }

.entry-content ul { list-style-type: square; list-style-position: inside; padding-bottom: 1.5rem; }

.entry-content ol { list-style-type: decimal-leading-zero; list-style-position: inside; padding-bottom: 1.5rem; }

.entry-content ul li, .entry-content ol li { padding: 0.3rem 0; }

.entry-content ul li ul { padding: 0 0 0 2rem; list-style-type: circle; }

.entry-content li code, .entry-content p code { color: salmon; font-size: 1rem; }

.entry-content h2, .entry-content h3, .entry-content h4 { font-weight: 600; }

.entry-content h2 { font-size: 1.5rem; padding: 1.5rem 0; }

.entry-content h3 { font-size: 1.3rem; padding: 1.5rem 0; }

.entry-content h4 { font-size: 1.1rem; padding: 1.5rem 0; }

.entry-content li > p { display: inline; padding: 0; }

.entry-content li img { margin-top: 1rem; }

.entry-content iframe.airtable-embed { margin: 0 0 1.5rem; }

.entry-content .footnote-ref a { background: #ccc; padding: 0 3px; color: black; }

.entry-content .footnote-ref a:hover { background: darkcyan; color: white; }

.entry-content .footnotes { border-top: 3px solid black; padding: 0 0 1rem; font-size: 90%; }

.entry-content .footnotes hr { display: none; }

.entry-content .footnotes::before { content: "notes:"; display: block; text-transform: uppercase; font-size: 80%; font-weight: bold; margin: 0.5rem 0; }

.entry-content hr { border: 0; height: 1px; background: salmon; margin-bottom: 2rem; }

.entry-content img { border: 1px solid #ccc; /* box-shadow: 0px 2px 5px #aaa; */ }

.entry-content .cld-image img, .entry-content .full-img img, .entry-content figure img { margin-bottom: 1.5rem; }

.entry-content .youtube-video-player { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.entry-content .youtube-video-player iframe, .entry-content .youtube-video-player object, .entry-content .youtube-video-player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 1.5rem; }

.entry-footer { text-align: center; background: #aaa; padding: 2rem 1rem; }

.entry-content .gallery { display: flex; flex-flow: row wrap; margin: 0 -0.5rem 1.5rem; }

.entry-content .gallery .image-item, .entry-content .gallery .cld-image { margin: 0.5rem; flex: 1 1 30%; }

.entry-content .gallery .image-item img, .entry-content .gallery .cld-image img { width: 100%; height: 100%; object-fit: cover; }

.hh-full { background: white; overflow: hidden; }

.hh-full .entry-content { padding-bottom: 3rem; }

.hh-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); grid-gap: 2rem; margin-bottom: 2rem; }

.hh-list .hh-list-item { background: white; display: flex; flex-flow: column; padding: 1rem; border: 1px solid #ccc; }

@media (min-width: 1024px) { .hh-list .hh-list-item { border: none; } }

.hh-list .hh-list-item .hh-link-preview { display: block; height: 200px; overflow: hidden; margin-bottom: 1rem; }

.hh-list .hh-list-item .hh-link-preview img { width: 100%; height: 100%; object-fit: cover; }

.hh-list .hh-list-item .hh-link-title { font-weight: bold; margin-bottom: 0.5rem; }

.hh-list .hh-list-item .hh-link-src { margin-top: auto; }

.kg-gallery { display: flex; flex-flow: wrap; margin-bottom: 0.5em; width: 100%; }

.kg-gallery-image img { width: 100%; height: 100%; }

.kg-gallery-image:not(:first-of-type) { margin: 0 0 0 0.5em; }

.copyright-icon { display: inline-block; position: relative; width: 1.2rem; height: 1.2rem; top: 3px; }

.home-icon { display: inline-block; width: 2.2rem; height: 2.2rem; position: relative; top: 4px; }

.poo-icon { display: inline-block; width: 2rem; height: 2rem; }

.toilet-icon { display: inline-block; width: 2.2rem; height: 2.2rem; }

.toilet-paper-icon { display: inline-block; width: 2.5rem; height: 2.5rem; }

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