/* Lifted from http://blog.parkermoore.de/2014/08/01/header-anchor-links-in-vanilla-javascript-for-github-pages-and-jekyll/ */
.fa {
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-link:before {
  content: " ¶";
}
/*
 * This code is courtesy Ben Balter, modified by Parker Moore for jekyllrb.com
 * http://ben.balter.com/2014/03/13/pages-anchor-links/
 */
.header-link {
  position: relative;
  left: 0.5em;
  opacity: 0;
  font-size: 0.8em;

  -webkit-transition: opacity 0.2s ease-in-out 0.1s;
  -moz-transition: opacity 0.2s ease-in-out 0.1s;
  -ms-transition: opacity 0.2s ease-in-out 0.1s;
}
h1:hover .header-link,
h2:hover .header-link,
h3:hover .header-link,
h4:hover .header-link, h5:hover .header-link,
h6:hover .header-link {
  opacity: 1;
}

html, body {
    height: 100%;
}

.app {
    margin-bottom: -25px;
}

.header {
    background: #f8f9fa;
}

.header-search {
    position: relative;
    display: block;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 0 0 60px;
}

.header-search .form-inline input {
    width: 300px;
}

.header-content a {
    margin-left: 60px;
}

.app-nav {
    -webkit-transform: none;
    transform: none;
}

.side-nav {
    width: 300px;
    padding-top: 50px;
}

.side-nav-items {
    width: 100%;
}

.header-logo {
    padding-left:50px;
}

.app-main {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    margin-right: 300px;
}