.navigation {
  top: 90px;
}
.book-summary nav.autoshow a,
.book-summary nav.autoshow a:hover {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 800px) {
  .book-summary nav.autoshow {
    display: none;
  }
}
.cocos-navbar {
  overflow: visible;
  height: 40px;
  padding: 0px 8px;
  z-index: 2;
  font-size: 0.85em;
  color: #7e888b;
  background: #f5f5f5;
  display: flex;
}
.cocos-navbar a,
.cocos-navbar a:hover {
  color: inherit;
  text-decoration: none;
}
.cocos-navbar .btn {
  display: inline-block;
  height: 40px;
  padding: 0px 15px;
  border-bottom: none;
  color: #aaa;
  text-transform: none;
  line-height: 40px;
  position: relative;
  font-size: 14px;
}
.cocos-navbar .btn:hover {
  position: relative;
  text-decoration: none;
  color: #444;
  background: none;
}
.cocos-navbar .btn:focus {
  outline: none;
}
@media (max-width: 800px) {
  .cocos-navbar .autohide {
    display: none;
  }
}
.cocos-navbar:hover h1 {
  opacity: 1;
}

/* Programmers Guide */
.langs {float: right}
.langs ul{
        margin: 0px;
        padding: 0px;
        list-style: none;
        border: 1px solid #ccc;
        background: #FFFFFF;
}
.langs li{
        background: #FFFFFF;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
}
.langs a, .lang a:visited {
  /*color: #fff;*/
  color: #61cee0; /* */
  font-weight: bold;
}
.langs li a.selected{
  /*color: #fff;*/
  color: #61cee0; /* */
  font-weight: bold;
}
.tab-content {
  display: none;
}