/* style the nav header - need to work for both desktop sidebar and mobile header */
/* .wy-nav-top {
    background-color: #02143e;
}
.wy-side-nav-search {
    background-color: #02143e;
}
.wy-side-nav-search > div.version {
    color: #ff8c1b;
}
.wy-menu-vertical {
    background-color: #02143e;
}
.wy-nav-side {
    background-color: #02143e;
} */

/* anything related to the light theme */
html[data-theme="light"] {
    --pst-color-primary: #187bbd;
    --pst-color-secondary: #f79321;

    .sphinx-tabs-tab {
        position: relative;
        font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
        color: #999999;
        line-height: 24px;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        /* background-color: rgba(255, 255, 255, 0); */
        border-radius: 5px 5px 0 0;
        padding: 1rem 1.5rem;
        margin-bottom: 0;
    }

    .sphinx-tabs-tab[aria-selected="true"] {
        font-weight: 700;
        /* border: 3px solid var(--pst-color-link); */
        border-bottom: 3px solid var(--pst-color-primary);
        margin: -1px;
        background-color: var(--pst-color-on-background);
        color: black;
    }

    .sphinx-tabs-panel {
        position: relative;
        padding: 1rem;
        margin: 0px -1px -1px -1px;
        border-radius: 0 0 5px 5px;
        border-top: 0;
        background: var(--pst-color-on-background);
    }
}

/* anything related to the dark theme */
html[data-theme="dark"] {
    --pst-color-primary: #369ee4;
    --pst-color-secondary: #f79321;
    
    .sphinx-tabs-tab {
        position: relative;
        font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
        color: #999999;
        line-height: 24px;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        /* background-color: rgba(255, 255, 255, 0); */
        border-radius: 5px 5px 0 0;
        border: 0;
        padding: 1rem 1.5rem;
        margin-bottom: 0;
    }

    .sphinx-tabs-tab[aria-selected="true"] {
        font-weight: 700;
        /* border: 3px solid var(--pst-color-link); */
        border-bottom: 3px solid var(--pst-color-primary);
        margin: -1px;
        background-color: var(--pst-color-on-background);
        color: white;
    }

    .sphinx-tabs-panel {
        position: relative;
        padding: 1rem;
        border: 0px;
        margin: 0px -1px -1px -1px;
        border-radius: 0 0 5px 5px;
        border-top: 0;
        background: var(--pst-color-on-background);
    }

    .form-control {
        background-color: var(--surface);
        color: var(--pst-color-text-base);
    }
}


/* override table no-wrap */
.wy-table-responsive table td, .wy-table-responsive table th {
    white-space: normal;
}

/* make the "back to top" button less central */
#pst-back-to-top {
    top: 90vh;
}