/* Styles for site header */
hgroup.site-header {
  border-top: double;
  border-bottom: thin solid;
  margin-bottom: 0.5em;
}

hgroup.site-header h1 {
  margin: 0;
}

hgroup.site-header h2 {
  font-weight: normal;
  font-size: 1em;
  font-style: italic;
  padding-left: 0.5em;
  margin: 0;
}

img.u-photo {
  max-width: 60px;
  padding: 0.5em;
}

.glyph {
  font-size: 1.25em;
  margin-left: 1px;
  margin-right: 1px;
}

nav.site-menu {
  border-top: thin solid;
  border-bottom: double;
}

/* Styles for site footer */
p.copyright {
  border-top: thin solid;
  font-size: 0.8em;
  text-align: center;
  margin: 0;
}

p.built-with {
  text-align: center;
  font-size: 0.8em;
  margin: 0;
}

img.profile.photo {
  max-width: 60px;
  padding: 0.5em;
}

img.profile.photo.like {
  max-width: 30px;
  border-radius: 50%;
  padding: 0.5em;
}

/* Styles for images and code fence blocks in content area */

pre {
  overflow-x: auto;
  width: 100vw;
}

pre code {
  display: block;
}

figure {
  max-width: 100vw;
}

figure img {
  max-width: calc(100vw - 160px);
}

@media only screen and (min-width: 922px) {
  pre {
    overflow-x: auto;
    max-width: calc(100vw - 350px);
  }

  pre code {
    display: block;
  }

  figure {
    max-width: calc(100vw - 350px);
  }

  figure img {
    max-width: calc(100vw - 510px);
  }
}