/*** Custom styles ***/

/* Headers */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

/* Override Bootstrap's default container */
.container {
  max-width: 65rem;
}

/* Nav links */
.navbar {
  border: 0px solid
}
.nav-link {
  position: relative;
  font-weight: 500;
}
.nav-link:hover,
.nav-link:focus {
  background-color: transparent;
}

/*
 * Blog name and description
 */

.blog-header {
  padding-bottom: 1.25rem;
  margin-bottom: 2rem;
  border-bottom: .05rem solid;
}
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: normal;
}
.blog-description {
  font-size: 1.1rem;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}


/*
 * Main column and sidebar layout
 */

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 1rem;
  /*margin: 0 -1rem 1rem;*/
}
.sidebar-module-inset {
  padding: 1rem;
  background-color: #f5f5f5;
  border-radius: .25rem;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}


/* Pagination */
.pager {
  margin-bottom: 4rem;
  text-align: left;
}
.pager > li > a {
  width: 8rem;
  padding: .75rem 1.25rem;
  text-align: center;
  border-radius: 2rem;
}


/*
 * Blog posts
 */

.blog-post {
  margin-bottom: 1rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
}


/*
 * Footer
 */

.blog-footer {
  padding: 0.5rem 0;
  text-align: center;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

/* anchorjs */
.anchorjs-link {
  transition: all .25s linear;
}
*:hover > .anchorjs-link {
  margin-left: -1.125em !important;
}
.blockquote {
    font-size: 1.0rem;
}

/* Headers */
.blog-post-toc    { counter-reset: section     }
.blog-post-toc h3 { counter-reset: sub-section }
.blog-post-toc h4 { counter-reset: composite   }
.blog-post-toc h5 { counter-reset: detail      }

.blog-post-toc h3:before{
   counter-increment: section;
   content: counter(section) " ";
}
.blog-post-toc h3 .anchorjs-link {
  transition: all .0s linear;
}
.blog-post-toc h3:hover > .anchorjs-link {
  margin-left: -1.4em !important;
}
.blog-post-toc h4:before{
   counter-increment: sub-section;
   content: counter(section) "." counter(sub-section) " ";
}
.blog-post-toc h5:before{
   counter-increment: composite;
   content: counter(section) "." counter(sub-section) "." counter(composite) " ";
}
.blog-post-toc h6:before{
   counter-increment: detail;
   content: counter(section) "." counter(sub-section) "." counter(composite) "." counter(detail) " ";
}
/* TOC */
#toc ol { counter-reset: item }
#toc li { display: block }
#toc li:before { content: counters(item, ".") " "; counter-increment: item }
#toc ol {
    padding-left:1.5em;
}

/* Border */
.hljs {
  border-radius: 3px;
  border: 1px solid #C3CCD0;
}

/* Benchmarks */
td.slow { color: #ff4444; }
td.fast { color: #00C851; }
td.norm { color: #FF8800; }