/* line 4, ../../../scss/casekhor/_typography.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 5, ../../../scss/casekhor/_typography.scss */
html {
  -webkit-text-size-adjust: 100%;
}

/* line 47, ../../../scss/casekhor/_typography.scss */
body {
  background-color: white;
  font-family: "anonymous-pro", "nimbus-sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  width: 100%;
  font-size: 16px;
  line-height: 1.5em;
  color: #333333;
  font-weight: 400;
}

/* line 58, ../../../scss/casekhor/_typography.scss */
h1 {
  font-size: 16px;
}

/* line 62, ../../../scss/casekhor/_typography.scss */
a {
  text-decoration: none;
  border-bottom: 1px dotted #222222;
  color: #222222;
}

/* line 68, ../../../scss/casekhor/_typography.scss */
.permalink {
  font-size: 1.25em;
  color: #dddddd;
  font-weight: 400;
}

/* line 78, ../../../scss/casekhor/_typography.scss */
a:hover {
  border-bottom: 1px solid;
}

/* line 82, ../../../scss/casekhor/_typography.scss */
.permalink:hover {
  color: #333333;
  font-weight: 400;
  border-bottom: none;
}

/* line 88, ../../../scss/casekhor/_typography.scss */
h1 a {
  border-bottom: none;
}

/* line 92, ../../../scss/casekhor/_typography.scss */
.fade {
  color: #aaaaaa;
}
/* line 94, ../../../scss/casekhor/_typography.scss */
.fade a {
  color: #aaaaaa;
  border-color: #aaaaaa;
}

/* line 97, ../../../scss/casekhor/_typography.scss */
.fade:hover {
  color: #333333;
}
/* line 99, ../../../scss/casekhor/_typography.scss */
.fade:hover a {
  border-color: #222222;
  color: #222222;
}

@media screen and (max-width: 768px) {
  /* line 102, ../../../scss/casekhor/_typography.scss */
  .verbose {
    display: none;
  }
}

/* line 108, ../../../scss/casekhor/_typography.scss */
header, article, footer, nav {
  width: 100%;
  padding: 0 1.5em 0 3em;
  margin: 3em auto;
}
/* line 114, ../../../scss/casekhor/_typography.scss */
header p img, article p img, footer p img, nav p img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  /* line 108, ../../../scss/casekhor/_typography.scss */
  header, article, footer, nav {
    font-size: 0.875em;
  }
  /* line 120, ../../../scss/casekhor/_typography.scss */
  header h1, article h1, footer h1, nav h1 {
    font-size: 1em;
  }
  /* line 121, ../../../scss/casekhor/_typography.scss */
  header p img, article p img, footer p img, nav p img {
    padding-right: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  /* line 108, ../../../scss/casekhor/_typography.scss */
  header, article, footer, nav {
    width: 40em;
    padding: 0;
  }
}
/* line 132, ../../../scss/casekhor/_typography.scss */
header h1, header ul, header p, article h1, article ul, article p, footer h1, footer ul, footer p, nav h1, nav ul, nav p {
  margin-bottom: 1.5em;
}
/* line 136, ../../../scss/casekhor/_typography.scss */
header h1:before, article h1:before, footer h1:before, nav h1:before {
  content: "#";
  width: 2.5em;
  display: inline-block;
  margin-left: -3em;
  text-align: right;
  padding-right: 0.5em;
  color: #aaaaaa;
  font-weight: 400;
}
/* line 140, ../../../scss/casekhor/_typography.scss */
header ul, article ul, footer ul, nav ul {
  list-style: none;
  list-style-position: outside;
  margin-left: 0;
}
/* line 146, ../../../scss/casekhor/_typography.scss */
header li:before, article li:before, footer li:before, nav li:before {
  content: "*";
  width: 2.5em;
  display: inline-block;
  margin-left: -3em;
  text-align: right;
  padding-right: 0.5em;
  color: #aaaaaa;
  font-weight: 400;
}
/* line 150, ../../../scss/casekhor/_typography.scss */
header img, article img, footer img, nav img {
  display: block;
  margin: 0 auto 3em auto;
  padding-top: 1.5em;
}
@media screen and (max-width: 768px) {
  /* line 150, ../../../scss/casekhor/_typography.scss */
  header img, article img, footer img, nav img {
    max-width: 100%;
  }
}
/* line 159, ../../../scss/casekhor/_typography.scss */
header blockquote, article blockquote, footer blockquote, nav blockquote {
  padding-left: 1em;
  padding-right: 1em;
  border-left: 2px solid #dddddd;
}
/* line 165, ../../../scss/casekhor/_typography.scss */
header aside, article aside, footer aside, nav aside {
  margin: 0 0 1.5em 0;
}
/* line 169, ../../../scss/casekhor/_typography.scss */
header aside time, article aside time, footer aside time, nav aside time {
  display: inline;
  color: #aaaaaa;
}
@media screen and (max-width: 640px) {
  /* line 169, ../../../scss/casekhor/_typography.scss */
  header aside time, article aside time, footer aside time, nav aside time {
    display: block;
  }
}
/* line 175, ../../../scss/casekhor/_typography.scss */
header aside ul, article aside ul, footer aside ul, nav aside ul {
  display: inline;
}
@media screen and (max-width: 640px) {
  /* line 175, ../../../scss/casekhor/_typography.scss */
  header aside ul, article aside ul, footer aside ul, nav aside ul {
    display: block;
  }
}
/* line 185, ../../../scss/casekhor/_typography.scss */
header aside li, article aside li, footer aside li, nav aside li {
  display: inline;
  list-style-position: inside;
  color: #aaaaaa;
}
@media screen and (max-width: 640px) {
  /* line 185, ../../../scss/casekhor/_typography.scss */
  header aside li, article aside li, footer aside li, nav aside li {
    display: block;
  }
}
/* line 192, ../../../scss/casekhor/_typography.scss */
header aside li:before, article aside li:before, footer aside li:before, nav aside li:before {
  content: "#";
  width: auto;
  display: inline;
  margin-left: 0;
  text-align: right;
  padding-right: 0;
  color: #aaaaaa;
}
/* line 202, ../../../scss/casekhor/_typography.scss */
header aside a, article aside a, footer aside a, nav aside a {
  color: #aaaaaa;
  border-bottom: none;
}
/* line 207, ../../../scss/casekhor/_typography.scss */
header aside a:hover, article aside a:hover, footer aside a:hover, nav aside a:hover {
  color: #666666;
  border-bottom: 1px solid #666666;
}
/* line 212, ../../../scss/casekhor/_typography.scss */
header aside a:hover:before, article aside a:hover:before, footer aside a:hover:before, nav aside a:hover:before {
  color: #666666;
  border-bottom: 1px solid #666666;
}
/* line 222, ../../../scss/casekhor/_typography.scss */
header .external-link:after, article .external-link:after, footer .external-link:after, nav .external-link:after {
  content: " >>";
  color: #666666;
}

/* line 229, ../../../scss/casekhor/_typography.scss */
footer {
  padding-top: 3em;
  padding-bottom: 3em;
  margin-top: 0;
  margin-bottom: 3em;
  overflow: hidden;
}
/* line 239, ../../../scss/casekhor/_typography.scss */
footer span {
  display: inline-block;
}

/* line 244, ../../../scss/casekhor/_typography.scss */
.left, .right {
  display: block;
}

@media screen and (min-width: 768px) {
  /* line 248, ../../../scss/casekhor/_typography.scss */
  .left {
    float: left;
  }

  /* line 252, ../../../scss/casekhor/_typography.scss */
  .right {
    float: right;
    text-align: right;
  }

  /* line 257, ../../../scss/casekhor/_typography.scss */
  header:after, article:after, nav:after {
    margin-top: 1.5em;
    content: "---";
    display: inline-block;
    color: #aaaaaa;
  }
}
/* line 268, ../../../scss/casekhor/_typography.scss */
article h1:before {
  content: "##";
  width: 2.5em;
  display: inline-block;
  margin-left: -3em;
  text-align: right;
  padding-right: 0.5em;
  color: #aaaaaa;
  font-weight: 400;
}

/* line 274, ../../../scss/casekhor/_typography.scss */
strong {
  font-weight: 600;
}

/* line 279, ../../../scss/casekhor/_typography.scss */
#colophon {
  width: 100%;
  background: #eeeeee;
  overflow: hidden;
  padding-top: 3em;
}

/* line 286, ../../../scss/casekhor/_typography.scss */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin-bottom: 48px;
}

/* line 291, ../../../scss/casekhor/_typography.scss */
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}