a {
  color: #438686;
}

a:hover {
  color: #438686;
}

table, td {
    border: 1px solid black;
}

td {
    padding: 4px;
}

img {
  max-width: 100%;
}

/*
 *
 * ===== Content ====
 *
 */

.tk-content {
  max-width: 600px;
  line-height: 1.75rem;
}

.tk-content h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.tk-content h1:first-child {
  margin-top: 0;
}

.tk-content h2, .tk-content h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.tk-content hr {
  margin: 2rem 0;
}

.tk-content figure {
  margin: 2.5rem auto;
  max-width: 80%;
}

.tk-content figure figcaption {
  font-size: 90%;
  color: #818a91;
  text-align: right;
}

.tk-content figure img {
  max-width: 100%;
}

.tk-next {
  text-align: right;
}

.github-edit .fa {
  font-family: inherit;
}

.github-edit .fa:before {
  font-family: "FontAwesome";
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-decoration: inherit;
}

.github-edit {
  text-align: right;
  padding-bottom: 1rem;
}


/*
 *
 * ===== Navbar =====
 *
 */

 .navbar-nav {
   display: flex;
 }

 .navbar-nav .nav-item {
   margin-left: 1rem;
   margin-right: 1rem;
 }

.navbar-nav .nav-link {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-brand {
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 44px;
  height: auto;
}

.navbar-toggle {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: 0 0;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.navbar-light .navbar-toggle {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.9);
  margin-top: 4px;
}

/* reset border and change color outline */
.navbar-light .navbar-toggle:focus {
  outline: 1px auto #774466;
  border: 0;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-nav li {
  line-height: 60px;
  height: 60px;
  padding-top: 0;
}

.leftnav li {
  margin: 1.25rem 0rem;
}

.leftnav a {
  font-weight: 600;
}

.in .navbar-nav .nav-item {
  text-align: left;
}

.navbar-toggleable-md .navbar-nav {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.navbar-toggleable-md .navbar-brand {
  margin-top: 0;
}

/*
 *
 * ===== Page header =====
 *
 */

.tk-pageheader, .jumbotron {
  background-color: #774466;
  color: #fff;
}

.jumbotron {
  border-radius: 0;
  padding: 4rem 1rem;
}

.tk-jumbotron {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  text-align: center;
}

.jumbotron .tk-logo {
  max-height: 10rem;
}

.jumbotron .lead {
  font-size: 1.5rem;
  margin: 2.5rem 0;
}

.tk-pageheader {
  padding: 2rem 1rem;
  margin-bottom: 3rem;
}

.tk-pageheader .lead {
  color: #DADADA;
  font-size: 1.5rem;
}

@media (min-width: 576px) {
  .tk-pageheader {
    padding: 3.5rem 0rem;
  }
}

.call-to-action {
  color: #fff;
  border-color: #fff;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.call-to-action:hover {
  color: #479cea;
  background-color: #fff;
  border-color: #fff;
}

.call-to-action:focus {
  color: #479cea;
  background-color: #fff;
  border-color: #fff;
}

.call-to-action:active {
  color: #479cea;
  background-color: #fff;
  border-color: #fff;
}

/*
 *
 * ===== Home =====
 *
 */

.tk-home {
  margin: 0 auto;
  width: auto;
  max-width: 900px;
}

.tk-features h2 {
  font-size: 1.5rem;
  margin-top: 2.25rem;
  margin-bottom: 0.8rem;
}

.tk-features .fa {
  margin-right: 1rem;
}

.tk-features p {
  font-size: 1rem;
}

.final-pitch {
  text-align: center;
}

/*
 *
 * ===== Footer =====
 *
 */

.tk-footer {
  padding: 4rem 0;
  margin-top: 4rem;
  font-size: 85%;
  line-height: 35px;
  background-color: #f5f5f5;
}

.tk-footer-gray {
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0 auto;
}

.tk-footer-social a .fa {
  font-size: 35px;
}

.tk-footer-social a .fa-github {
  margin-left: 35px;
}

/*
 *
 * ===== Highlight =====
 *
 */

code {
  color: #995577;
}

.hljs {
  display: block;
  overflow-x: auto;
  margin: 1rem 0rem;
  padding: 1.5rem;
  background: #f7f7f7;
  font-size: 90%;
  line-height: 1.2rem;
}


/* Base color: saturation 0; */

.hljs,
.hljs-subst {
  color: #444;
}

.hljs-comment {
  color: #818a91;
}

.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta-keyword,
.hljs-doctag,
.hljs-name {
  font-weight: bold;
}


/* User color: hue: 0 */

.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #338855;
}

.hljs-title,
.hljs-section {
  /*color: #429aed;*/
  font-weight: bold;
}

.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #BC6060;
}


/* Language color: hue: 90; */

.hljs-literal {
  color: #78A960;
}

.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
    color: #995577;
}


/* Meta color: hue: 200 */

.hljs-meta {
  color: #1f7199;
}

.hljs-meta-string {
  color: #4d99bf;
}


/* Misc effects */

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

/* Show section header on hover */

h2:hover a:after,
h3:hover a:after,
h4:hover a:after,
h5:hover a:after {
    content: '\2002\00a7\2002';
}

h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a {
    text-decoration: none;
}

@media (min-width:520px) {
  .jumbotron {
    padding: 4rem;
  }
}


/*
 *
 * ===== Utilities =====
 *
 */

 .d-flex {
   display: flex;
 }

 .justify-content-between {
    justify-content: space-between;
 }

 /*
 *
 * ===== Media queries =====
 *
 */


 @media (min-width: 768px) {
   .bootstrap-vertical-nav .navbar .navbar-collapse {
      padding: 0;
      max-height: none;
   }
   .bootstrap-vertical-nav .navbar ul {
      float: none;
   }
   .bootstrap-vertical-nav .navbar ul:not {
      display: block;
   }
   .bootstrap-vertical-nav .navbar li {
      float: none;
      display: block;
   }

   .bootstrap-vertical-nav .navbar-nav .nav-item+.nav-item {
      margin-left: 0;
   }
}

 @media screen and (min-width: 480px) {
  .hidden-lg-up {
    display: none !important;
  }
  .navbar-collapse {
    display: flex !important;
  }
}

 @media screen and (max-width: 479px) {
  .hd-lg-down {
    display: none !important;
  }
  .navbar-toggleable-md > .container {
      padding-right: 0;
      padding-left: 0;
  }

  .navbar-brand {
    margin-top: 0 !important;
    margin-right: 1rem !important;
  }

  .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    list-style: none;
  }

  .navbar-nav .nav-link {
    padding: 0;
  }

  .navbar-nav .nav-item + .nav-item {
    margin-left: 0;
  }

  .tk-footer-gray {
    text-align: center;
    flex-direction: column;
  }

  .tk-footer-social a .fa-github {
    margin-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .tk-footer-gray {
    width: 1140px;
  }
}

@media (min-width: 992px) {
  .tk-footer-gray {
    width: 960px;
  }
}