/* place your custom CSS overrides here */


/* White Sidebar */

.toc-wrapper {
    background-color: #fff;
}

@media (max-width: 930px) {
    .toc-wrapper {
        left: -250px;
    }
}

/* Content */

.page-wrapper {
    /* Add 20px to margin to account for sidebar padding */
    margin-left: 250px;
}

@media (max-width: 930px) {
    .page-wrapper {
        margin-left: 0;
    }
}

.content h1 {
    background: transparent;
}

#nav-button {
    padding: 0;
}

#nav-button.open {
    left: 250px;
}

#nav-button span {
    transform-origin: none;
    transform: none;
}

@media (max-width: 700px) {
    .toc-wrapper .lang-selector {
        margin-top: 10px;
    }
}

/* Search Bar */

.toc-wrapper > .search input {
    background: rgba(244,244,245,0.5);
    color: #6c7279;
    border: none;
    padding: 8px 0 8px 28px;
    font-weight: normal;
    margin: 10px 0;
    width: 100%;
}

.toc-wrapper > .search:before {
    color: #6c7279;
    left: 10px;
    top: 21px;
}

/* Sidebar Items */

.toc-wrapper ul, .toc-wrapper li {
    line-height: 35px;
}

.toc-wrapper .toc-link.active {
    background: rgba(244,244,245,0.5);
    color: #6c7279;
}

.toc-wrapper li {
    background-color: #fff;
    color: #6c7279;
}

.toc-wrapper .toc-list-h2 {
    background-color: #fff;
}

.toc-link, .toc-footer li {
    color: #6c7279;
}

.toc-wrapper .toc-link.active-parent {
    background: rgba(244,244,245,0.5);
    color: #6c7279;
}

/* Search Results */

.toc-wrapper .search-results {
    background: rgba(244,244,245,0.5);
    color: #6c7279;
    font-weight: normal;
}

.toc-wrapper .search-results li {
    background-color: transparent;
    padding: 0 0 0 10px;
}

.toc-wrapper .search-results a {
    color: #6c7279;
    display: block;
}

.toc-wrapper .search-results a:hover {
    text-decoration: none;
}

/* Footer extra links */

.toc-wrapper .toc-footer {
    border-top: 1px dotted #e2e6e8;
}

.toc-wrapper .toc-footer li,
.toc-wrapper .toc-footer a {
    color: #a4aeb3;
}

.toc-wrapper .toc-footer li {
    padding: 2px 15px;
    font-size: 12px;
    line-height: 30px;
}

.toc-wrapper .toc-footer a:hover {
    text-decoration: none;
}

.toc-wrapper .toc-footer a {
    display: block;
}