/* ----------- */

.md-header, .md-tabs {
    background-color: #222222 !important; 
}

.md-typeset h1, .md-nav__item .md-nav__link--active, .md-typeset a {
    color: #FF7518 !important; 
}

.md-typeset code, .md-typeset pre, .md-typeset kbd {
    color: #333333 !important; 
}

/* ----------- */

.md-header-nav__title {
    font-size: 1.0rem;
    /*originally was font-size: .9rem;*/
    font-weight: bold;
}
.md-tabs__link {
    font-size: 0.8rem;
    /*originally was font-size: .7rem;*/
    margin-top: .5rem;
    /*originally was margin-top: .7rem;*/
}

.md-nav {
    font-size: 0.8rem;
    /*originally wasfont-size: .7rem;*/
}

.md-typeset {
    font-size: 0.8rem;
    /*originally wasfont-size: .8rem;*/
}

.md-typeset code {
    font-size: 0.8rem;
    /*originally was font-size: .85rem;*/
}

img {
    box-shadow: 0px 0px 1px black;
}

.md-sidebar {
    width: 12.1rem;
    /*originally was width: 12.1rem;*/
}

/*keep <table> width 100% */
.md-typeset__table {
    min-width: 100%;
}

.md-typeset table:not([class]) {
    display: table;
}

table.graphql-request-response {
    min-width: 100%;
    padding: 20px;
    box-shadow: 0 0 20px 2px #d9d9d9;
    border: none;
    border-collapse: collapse;
}

table.graphql-request-response td {
    padding:0px;
    border-left: 1px solid #cdd0d4;
}

table.graphql-request-response td pre {
    margin:0px;
}

table.graphql-request-response td:first-child {
    border-left: none;
}

table.graphql-request-response td:first-child code {
    background-color: white;
}

/*keep <table> width 100% */

.shadow-frame {
    box-shadow: 0 0 20px 2px #d9d9d9;
}

.shadow-frame pre {
    margin:0px;
}

.shadow-frame code {
    background-color: white;
}

.request-caption {
    padding-top: 12px;
    padding-left: 18px;
}

.request-code {

}

.response-caption {
    padding-top: 12px;
    padding-left: 18px;
    border-top: 1px solid #cdd0d4;
    background-color: var(--md-code-bg-color);
}

.response-code code {
    background-color: var(--md-code-bg-color);
}