/* FONTS */
@font-face {
  font-family: 'flexcompute_title';
  src: url('TWKEverett-Extrabold.otf') format('truetype');
}

@font-face {
  font-family: 'flexcompute_subtitle';
  src: url('TWKEverett-Bold.otf') format('truetype');
}

@font-face {
  font-family: 'flexcompute_regular';
  src: url('TWKEverett-Regular.otf') format('truetype');
}


.wy-side-nav-search { background-color: #00643C; }
.wy-nav-top { background-color: #B8A18B; }
.wy-menu > .caption > span.caption-text { color: #00643C; }

.wy-nav-content { max-width: 900px !important; }
.wy-table-responsive table td { white-space: normal !important; }
.wy-table-responsive { overflow: visible !important; }
body { line-height: 1.42857143; }
.heading-style, h1, h2, h3, h4, h5, h6 {margin: 1.6rem 0 1rem;}
h1 {font-family: 'flexcompute_title', sans-serif;}
h2, h3, h4, h5, h6 {font-family: 'flexcompute_subtitle', sans-serif;}
p {margin-bottom: 0.5rem; font-family: 'flexcompute_regular', sans-serif}
iframe {width: 100%;border: unset}

.toctree-wrapper li[class^=toctree-l1]>a {font-size: 1.4em; text-decoration: none}
.toctree-wrapper li[class^=toctree-l2]>a {font-size: 1em; text-decoration: none}
.toctree-wrapper li[class^=toctree-l3]>a {font-size: 0.9em; text-decoration: none}
.toctree-wrapper li[class^=toctree-l4]>a {font-size: 0.9em; text-decoration: none}

.toctree-wrapper.example-notebook-toc li[class^=toctree-l1] > a::before {
    content: "📘 ";  /* Emoji before the link */
}

.toctree-wrapper.example-notebook-toc li[class^=toctree-l1] > a:hover::before {
    content: "📖 ";  /* Change emoji on hover */
}

html[data-theme="light"] {
    --pst-color-primary: #B8A18B;
    --pst-color-secondary: #00643C;
    --tab-color:  #00643C;
    --pst-color-link: var(--pst-color-muted);
    --sd-color-info-bg:  #B8A18B;
    --pst-color-table-row-hover-bg: var(--pst-color-primary);
    --pst-color-inline-code-links: #8851AD;
    --pst-color-inline-code: var(--pst-color-secondary);
}

html[data-theme="dark"] {
    --pst-color-primary: #B8A18B;
    --pst-color-secondary: #61B29C;
    --tab-color: #B8A18B;
    --pst-color-link: var(--pst-color-muted);
    --sd-color-info-bg:  #00643C;
    --pst-color-table-row-hover-bg: #8851AD;
    --pst-color-inline-code-links: #6DB5DD;
    --pst-color-inline-code:#FED88B;
}

html[data-theme=dark] .bd-content .nboutput .output_area.rendered_html {
    background-color: var(--pst-color-background);
}

img {
    margin: 0.1em;
}

/* Experimental below */
.navbar-brand:hover .logo__image .only-light{
    opacity: 1;
    content: url("_static/img/demo_logo_active.gif");
}

.sphinx-tabs-panel {
    background: var(--sd-color-info-bg);
    padding: 1em;
    border-radius: 0.25rem;
    margin-bottom: 0.5em;
    border-top-left-radius: 0;
}

.sphinx-tabs-tab {
    background: var(--tab-color);
    padding: 0.5em;
    padding-right: 2em;
    padding-left: 2em;
    margin-top: 0.5em;
    margin-right: 0.5em;
    border-top-left-radius: 1em;
    border-top-right-radius: 0.1em;
    border: 0;
    font-weight: bold;
    color: var(--pst-color-primary-text);
}

.sphinx-tabs-tab[aria-selected="true"] {
    background-color: var(--sd-color-info-bg);
    color: var(--pst-color-text-base);
}

html[data-theme=dark] .dataframe {
    background-color: var(--pst-color-primary);
}

/* TODO make sure this is only for the API tables */
/*table {*/
/*  border: solid;*/
/*}*/

/*th {*/
/*  border: thin;*/
/*}*/
