/* Left sidebar layout, modelled on the Pelican "Flex" theme. */
.site-sidebar {
  background-color: #333;
  color: #fff;
  text-align: center;
}
.site-sidebar a { color: #fff; text-decoration: none; }
.site-sidebar a:hover { color: #eee; }
.site-sidebar > div { padding: 20px; }
.site-sidebar h1 { margin: 15px 0 5px; font-size: 2.4em; font-weight: 300; line-height: 1.1; }
.site-sidebar p { margin: 0 0 15px; font-size: .92em; }
.site-sidebar nav ul { list-style: none; margin: 0; padding: 1em 0; }
.site-sidebar nav li { display: inline; line-height: 1.6em; font-size: 1.28em; text-transform: lowercase; padding: 4px; }

.site-footer { padding: 1.5rem 1rem; text-align: center; font-size: .8em; }
.site-footer a { color: #999; text-decoration: none; }

@media screen and (min-width: 768px) {
  .site-sidebar {
    width: 25vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    overflow-y: auto;
  }
  .site-sidebar > div { padding: 36px 18px; }
  .site-sidebar nav li { display: block; padding: 0; }
  main, .site-footer { margin-left: 25vw; }
}