/* VoiceIt Dashboard Branding Overrides for Slate Docs */

/* Sidebar */
.toc-wrapper {
  background-color: #212B36;
}
.toc-wrapper .toc-link.active {
  background-color: #FCBC3D;
  color: #212B36;
}
.toc-wrapper .toc-link.active-parent {
  background-color: #161C24;
}
.toc-wrapper .toc-list-h2 {
  background-color: #161C24;
}
.toc-wrapper > .search input {
  background: #212B36;
  border-color: #454F5B;
}
.toc-wrapper .search-results {
  background: #161C24;
}
#toc > ul > li > a > span {
  background-color: #FCBC3D;
  color: #212B36;
}

/* Language selector bar */
.lang-selector {
  background-color: #161C24;
}
.lang-selector a.active {
  background-color: #212B36;
}
.page-wrapper .lang-selector {
  border-bottom-color: #212B36;
}

/* Dark box (right side code panel) */
.page-wrapper .dark-box {
  background-color: #212B36;
}

/* Code blocks */
.content pre, .content blockquote {
  background-color: #161C24;
}
.content blockquote > p {
  background-color: #111820;
}
.highlight, .highlight .w {
  background-color: #161C24;
}

/* Content area */
.content h1 {
  background-color: #FAFAFA;
  border-color: #DFE3E8;
}
.content h2 {
  border-color: #DFE3E8;
}
.content hr {
  border-top-color: #212B36;
}

/* Links */
.content a {
  color: #bc4749;
}
.content a:hover {
  color: #FCBC3D;
}

/* Aside boxes */
.content aside {
  background: #454F5B;
  color: #EFEFEF;
}
.content aside.warning {
  background-color: #bc4749;
}
.content aside.success {
  background-color: #069A6B;
}
.content aside.notice {
  background: #454F5B;
}

/* Table headers */
.content table th {
  background-color: #212B36;
  color: #EFEFEF;
  border-bottom-color: #454F5B;
}

/* Toc footer */
.toc-wrapper .toc-footer {
  border-top-color: #454F5B;
}