/*
 * Navigation
 */
#nav-container {
  width: 300px;
}
.logo {
  color: #1F6C65;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1;
  display: block;
  width: 300px;
}
.logo:hover {
  color: #1c5d57;
  text-decoration: none;
}
ul.uk-nav-sub {
  padding: 0px 0 5px 35px;
}
.tools-toggle {
  pointer-events: none;
}

/*
 * Off-canvas nav for mobile devices
 */
#toggle-offcanvas {
  position: absolute;
  right: 15px;
  color: #3dada3;
  top: 10px;
  z-index: 100;
}
#nav-offcanvas .logo {
  font-size: 1.6rem;
}

/*
 * Layout & text
 */
body {
  color: #333;
}
h1 {
  font-size: 1.6rem;
}
h2 {
  font-size: 1.3rem;
}
h4 {
  margin-bottom: 10px;
}
ul {
  margin-top: 10px;
}
blockquote {
  font-size: 1rem;
  padding-left: 20px;
  border-left: 4px solid #ddd;
}
.content, .content h1, .content h2 {
  font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;
}
.content {
  max-width: 700px;
}
.sources {
  margin-top: 30px;
  font-size: .85rem;
}
.fig-caption {
  text-align: center;
  font-size: .75rem;
  margin-bottom: 30px;
}
.link-external {
  color: #333;
  border-bottom: 1px dotted #333;
}
.link-external:hover {
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none;
}

/*
 * Code
 */
pre {
  padding: 3px;
}
pre code {
  font-size: .75rem;
  border-radius: 3px;
  padding: 3px;
}
.hljs {
  padding: 10px;
  background: #F0F0F0;
}