/* Fix anchor links with fixed header on docs page */
.docs-content [id]:before {
  display: block;
  content: ' ';
  margin-top: -70px;
  height: 70px;
  visibility: hidden;
}

.docs-menu-wrapper {
  position: fixed;
  top: 52px;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-right: 30px;
  bottom: 0;
  width: 320px;
}

.docs-content {
  position: absolute;
  padding-top: 50px;
  left: 320px;
  right: 0;
  top: 0;
  bottom: 0;
}

.docs-content h3 {
  font-weight: 600;
}

.docs-content h4 {
  font-weight: 600;
}

.node-api h2 {
  font-weight: 600;
}

.node-api h4 {
  font-weight: 600;
}

.node-api .heading {
  font-size: 14px;
}

.node-api table {
  max-width: 400px;
}

.node-api table tr td:first-child {
  width: 220px;
}

td code {
  line-break: break-word;
  word-break: break-all;
}

code.breakable {
  line-break: break-word;
  word-break: break-all;
}

a code {
  color: #0082c6;
}

@media (max-width: 500px) {
  .docs-menu-wrapper {
    position: static;
    padding-top: 30px;
    padding-bottom: 50px;
  }

  .docs-content {
    position: static;
    padding-top: 0;
  }

  td.can-truncate {
    white-space: nowrap;
    overflow: hidden;
    max-width: 1px;
    text-overflow: ellipsis;
  }

  .hidden-mobile {
    display: none;
  }
}