/** Fix the font weight (300 for normal, 400 for slightly bold) **/

div.page,
h1,
h2,
h3,
h4,
h5,
h6,
.sidebar-tree .current-page>.reference,
button,
input,
optgroup,
select,
textarea,
th.head {
    font-weight: 300
}

.toc-tree li.scroll-current>.reference,
dl.glossary dt,
dl.simple dt,
dl:not([class]) dt {
    font-weight: 400;
}

/** Table styling **/

th.head {
    text-transform: uppercase;
    font-size: var(--font-size--small);
}

table.docutils {
    border: 0;
    box-shadow: none;
    width: 100%;
}

table.docutils td,
table.docutils th,
table.docutils td:last-child,
table.docutils th:last-child,
table.docutils td:first-child,
table.docutils th:first-child {
    border-right: none;
    border-left: none;
}

/* Allow to centre text horizontally in table data cells */
table.align-center {
    text-align: center !important;
}

/** No rounded corners **/

.admonition,
code.literal,
.sphinx-tabs-tab,
.sphinx-tabs-panel,
.highlight {
    border-radius: 0;
}

/** Admonition styling **/

.admonition {
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

/** Color for the "copy link" symbol next to headings **/

a.headerlink {
    color: var(--color-brand-primary);
}

/** Line to the left of the current navigation entry **/

.sidebar-tree li.current-page {
    border-left: 2px solid var(--color-brand-primary);
}

/** Some tweaks for issue #16 **/

[role="tablist"] {
    border-bottom: 1px solid var(--color-sidebar-item-background--hover);
}

.sphinx-tabs-tab[aria-selected="true"] {
    border: 0;
    border-bottom: 2px solid var(--color-brand-primary);
    background-color: var(--color-sidebar-item-background--current);
    font-weight: 300;
}

.sphinx-tabs-tab {
    color: var(--color-brand-primary);
    font-weight: 300;
}

.sphinx-tabs-panel {
    border: 0;
    border-bottom: 1px solid var(--color-sidebar-item-background--hover);
    background: var(--color-background-primary);
}

button.sphinx-tabs-tab:hover {
    background-color: var(--color-sidebar-item-background--hover);
}

/** Custom classes to fix scrolling in tables by decreasing the
    font size or breaking certain columns.
    Specify the classes in the Markdown file with, for example:
    ```{rst-class} break-col-4 min-width-4-8
    ```
**/

table.dec-font-size {
    font-size: smaller;
}

table.break-col-1 td.text-left:first-child {
    word-break: break-word;
}

table.break-col-4 td.text-left:nth-child(4) {
    word-break: break-word;
}

table.min-width-1-15 td.text-left:first-child {
    min-width: 15em;
}

table.min-width-4-8 td.text-left:nth-child(4) {
    min-width: 8em;
}

/** Underline for abbreviations **/

abbr[title] {
    text-decoration: underline solid #cdcdcd;
}

/** Use the same style for right-details as for left-details **/
.bottom-of-page .right-details {
    font-size: var(--font-size--small);
    display: block;
}

/** Version switcher */
button.version_select {
    color: var(--color-foreground-primary);
    background-color: var(--color-toc-background);
    padding: 5px 10px;
    border: none;
}

.version_select:hover,
.version_select:focus {
    background-color: var(--color-sidebar-item-background--hover);
}

.version_dropdown {
    position: relative;
    display: inline-block;
    text-align: right;
    font-size: var(--sidebar-item-font-size);
}

.available_versions {
    display: none;
    position: absolute;
    right: 0px;
    background-color: var(--color-toc-background);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 11;
}

.available_versions a {
    color: var(--color-foreground-primary);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.available_versions a:hover {
    background-color: var(--color-sidebar-item-background--current)
}

.show {
    display: block;
}

/** Fix for nested numbered list - the nested list is lettered **/
ol.arabic ol.arabic {
    list-style: lower-alpha;
}

/** Make expandable sections look like links **/
details summary {
    color: var(--color-link);
}

.rst-versions .rst-current-version {
    color: var(--color-version-popup);
    font-weight: bolder;
}

/** Hide Expand all options **/
#expand-options {
    display: none;
}

/** Avoid underline styling on YAML document separators like --- */
.highlight-yaml .nn,
body[data-theme="dark"] .highlight-yaml .nn,
body:not([data-theme="light"]) .highlight-yaml .nn {
    text-decoration: none !important;
}

.homepage-demo {
    display: block;
    width: 100%;
    max-width: 960px;
    margin: 0 0 2rem;
    border: 1px solid var(--color-sidebar-item-background--hover);
}