/* custom css for the documentation */

.site-header {
    background-color: rgba(0, 0, 0, .85);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

.site-header a {
    color: #999;
    transition: ease-in-out color .15s;
}
.site-header a:hover {
    color: #fff;
    text-decoration: none;
}

/** external links */
div.content a[href*="//"]:not([href*="uniformal.github.io"]), 
div.content a[href*="//"]:not([href*="localhost"]) {
    color: darkgreen;
  }

/* body */
.container-fluid.main {
    margin-top: 30px; 
}

/* menu nesting and arrows */
.list-group > .list-group {
    padding-left: 40px;
}

.list-group > .list-group > .list-group-item:first-child {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.list-group > .list-group:not(:last-child) > .list-group-item:last-child {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 0px; 
}

a.list-group-item.expandable:before {
    content: "▸";
}

a.list-group-item.expandable.active:before {
    content: "▾"; 
}

/** triple backticks */

div.highlight {
    background-color: #f7f7f9;
    padding: 1.5rem;
    margin: 0;
}

pre.highlight {
    font-size: inherit;
    color: inherit;
    margin: 0px;
}

/** details -- expanded with js */
.details {
    display: none; 
}

/** anchor links, see http://blog.parkermoore.de/2014/08/01/header-anchor-links-in-vanilla-javascript-for-github-pages-and-jekyll/ */

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.fa {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  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;
}
h2:hover .header-link,
h3:hover .header-link,
h4:hover .header-link,
h5:hover .header-link,
h6:hover .header-link {
  opacity: 1;
}