html {
  height: 100%;
  box-sizing: border-box;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.6rem;
  padding-top: 1rem;
}

h5 {
  font-size: 2.4rem;
}

h6 {
  font-size: 2rem;
}

.fn {
  padding-right: 10px;
}

@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src:
    local('Vollkorn Regular'),
    local('Vollkorn-Regular'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaE0.woff2 */
    url('/static/fonts/Vollkorn_400.woff2') format('woff2'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaEs.woff */
    url('/static/fonts/Vollkorn_400.woff') format('woff'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaEk.eot */
    url('/static/fonts/Vollkorn_400.eot?#iefix') format('embedded-opentype'),
    /* from https://fonts.gstatic.com/l/font?kit=0yb9GDoxxrvAnPhYGxkpaEo&skey=70793812edfff824&v=v9#Vollkorn */
    url('/static/fonts/Vollkorn_400.svg#Vollkorn') format('svg'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaEg.ttf */
    url('/static/fonts/Vollkorn_400.ttf') format('truetype');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src:
    local('Vollkorn Bold'),
    local('Vollkorn-Bold'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb6GDoxxrvAnPhYGxGSTVg5jBU.woff2 */
    url('/static/fonts/Vollkorn_700.woff2') format('woff2'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb6GDoxxrvAnPhYGxGSTVg5jBM.woff */
    url('/static/fonts/Vollkorn_700.woff') format('woff'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb6GDoxxrvAnPhYGxGSTVg5jBE.eot */
    url('/static/fonts/Vollkorn_700.eot?#iefix') format('embedded-opentype'),
    /* from https://fonts.gstatic.com/l/font?kit=0yb6GDoxxrvAnPhYGxGSTVg5jBI&skey=fcca972bacfda2c0&v=v9#Vollkorn */
    url('/static/fonts/Vollkorn_700.svg#Vollkorn') format('svg'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb6GDoxxrvAnPhYGxGSTVg5jBA.ttf */
    url('/static/fonts/Vollkorn_700.ttf') format('truetype');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: regular;
  src:
    local('Vollkorn Regular'),
    local('Vollkorn-Regular'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaE0.woff2 */
    url('/static/fonts/Vollkorn_regular.woff2') format('woff2'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaEs.woff */
    url('/static/fonts/Vollkorn_regular.woff') format('woff'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaEk.eot */
    url('/static/fonts/Vollkorn_regular.eot?#iefix') format('embedded-opentype'),
    /* from https://fonts.gstatic.com/l/font?kit=0yb9GDoxxrvAnPhYGxkpaEo&skey=70793812edfff824&v=v9#Vollkorn */
    url('/static/fonts/Vollkorn_regular.svg#Vollkorn') format('svg'),
    /* from https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaEg.ttf */
    url('/static/fonts/Vollkorn_regular.ttf') format('truetype');
}

body {
  margin: 0;
  padding-bottom: 34px;
  min-height: 100%;
  position: relative;
  font-family: 'Vollkorn', 'serif';
  font-size: 1.8em;
}


/* Skeleton fixes */
/* fix display of long lines of code */
pre > code {
  overflow: auto;
}


/* center images */
img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.active {
  font-weight: bold;
}

/* Smaller than phone */
@media (max-width: 550px) {
  /* Nav for small screens */
  nav li {
    margin: 0
  }
  nav {
    margin-top: 1.5rem;
    text-transform: uppercase;
  }
  nav ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
  }
  nav ul a {
    display: block;
    text-decoration: none;
    font-size: 18px;
    width: 100%;
  }
  nav ul li {
    position: relative;
    float: left;
    margin-right: .1rem;
    padding: 1rem;
    min-width: 1rem;
    min-height: 1rem;
  }
  nav ul ul {
    display: none;
    position: absolute;
    margin-left: -0.5rem;
    margin-top: 0.5rem;
  }
  nav ul ul li {
    float: none;
    width: 15rem;
  }
  nav ul ul a {
    line-height: 120%;
  }
  nav ul li ul li {
    margin-right: 0;
  }
  nav ul li:hover > ul li a,
  nav ul li:hover > a {
    color: #FFF;
    text-decoration: none;
  }
  nav ul li:hover,
  nav ul li ul li:hover {
    background: #2689e5;
  }
  .nav-logo {
    display: none;
  }
  .nav-home {
    display: block;
  }
}


/* Larger than phone */
@media (min-width: 550px) {
  /* Navbar */
  .navbar + .docs-section {
    border-top-width: 0; }
  .navbar {
    display: block;
    width: 100%;
    height: 6.5rem;
    background: #fff;
    z-index: 99;
    border-bottom: 1px solid #ddd; }
    .navbar-list {
      list-style: none;
      margin-bottom: 0;
    float: right;}
  .navbar-item {
    position: relative;
    float: left;
    margin-bottom: 0; }
  .navbar-link {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .1rem;
    margin-left: 35px;
    text-decoration: none;
    line-height: 6.5rem;
    color: #222; }
  .navbar-link.active {
    color: #33C3F0; }
    nav li a:hover {
      text-decoration: none;
      color: #5a96d6;
    }
  .nav-logo {
    display: inline;
    width: 30px;
    margin-top: 15px;
  }
  .nav-home {
    display: none;
  }
}


/* general things*/
.muted {
  color: #888;
}
.info {
  color: #cb8132;
}
a {
  text-decoration: none;
  color: #2863a2;
}
.content p a.button {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #5a96d6;
}

.content p a,
.project-text a {
  text-decoration: underline;
}

.container {
  max-width: 700px;
}

.content {
  padding-top: 3rem;;
}

.content img {
  margin-bottom: 1rem;
}
.content p,
.content ul,
.content pre {
  margin-bottom: 2rem;
}


/* blog post stuff*/
.post-author {
    color: #888;
    display: inline-block;
}
.post-author span {
    color: #222;
    margin-right: 35px;
}
.post-date {
    display: inline-block;
    color: #222;
}
.post-date span {
    color: #222;
}
.post-content {
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Blog index */
.blog-post .post-title {
  margin-bottom: 0rem;
  font-size: 2.4rem;
}
.blog-post .post-title:hover {
  color: #5a96d6;
}
.blog-post {
  margin-bottom: 2rem;
}
.post-intro {
  margin-bottom: 0rem;
}


/* Project list */
.project-title {
  font-weight: 700;
}
.project-title span {
  font-weight: 400
}
.project-text {
  margin-bottom: 2rem;
}


/* Publication list */
h5.year {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* Front page */
h4.index-sub {
  margin-top: 4rem;
}
nav ul li:first-child {
  padding-left: 0;
}

/* Plotly plots */
#plotly {
  margin-bottom: 2rem;
}

blockquote {
    border-left: 2px solid #484848;
    padding-left: 2.5rem;
    margin-left: 0;
}