@import url("better_basic.css");

{% set theme_headtextcolor = theme_headtextcolor or theme_textcolor %}
{% set theme_footertextcolor = theme_footertextcolor or theme_textcolor %}

/* main styles */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: {{ theme_textcolor }};
    margin: 0;
    padding: 0;
    line-height: 135%;
}

a {
    color: #008;
    text-decoration: none;
}

a:visited {
    color: #208;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.toc-backref {
    color: {{ theme_headtextcolor }};
}

p {
    margin: 1rem 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    color: {{ theme_headtextcolor }};
    line-height: 135%;
}

.body .section:first-child > :first-child,
.sphinxsidebarwrapper > :first-child,
.sphinxsidebar .search:first-child
{
    margin-top: 1rem;
}

h1 { font-size: 1.5rem; font-weight: bold; }
h2 { font-size: 1.5rem; font-weight: normal; }
h3 { font-size: 1.25rem; font-weight: bold; }
h4 { font-size: 1.25rem; font-weight: normal; }
h5 { font-size: 1rem; font-weight: bold; }
h6 { font-size: 1rem; font-weight: normal; }

/* page-level layout of containers */

header#pageheader, footer#pagefooter, .related, .document {
    width: 100%;
    max-width: 60rem;
    margin: auto;
}

.documentwrapper {
    float: left;
    width: 100%;
}

.bodywrapper {
    {% if theme_rightsidebar|tobool -%}
    margin: 0 {{ theme_sidebarwidth }} 0 0;
    {%- else -%}
    margin: 0 0 0 {{ theme_sidebarwidth }};
    {%- endif %}
}

footer#pagefooter, footer#pagefooter a {
    color: {{ theme_footertextcolor }};
}


footer#pagefooter {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

footer#pagefooter a {
    text-decoration: underline;
}

/* header styles */

body > header h1 a, body > header h1 a:visited {
    color: {{ theme_headtextcolor }};
}

a.headerlink {
    font-size: 0.8em;
    padding: 0 4px 0 4px;
    text-decoration: none;
}

/* code styles */

pre, tt {
    background-color: #eee;
    color: #333;
}

pre {
    font-family: Monaco, Consolas, "Lucida Console", monospace;
    margin: 1rem -5px;
    padding: 5px;
    border-left: none;
    border-right: none;
    font-size: 0.8rem;
    line-height: 1rem;
}

tt {
    padding: 0 1px 0 1px;
    font-family: Consolas, Monaco, monospace;
}

/* API doc styles */

dl.function,
dl.class,
dl.method,
dl.attribute,
dl.data,
dl.classmethod {
    margin-bottom: 2rem;
}

/* relbar */

.related {
    line-height: 30px;
    width: 100%;
    font-size: 0.9rem;
}

.related.top {
    border-bottom: 1px solid #aaa;
}

.related.bottom {
    border-top: 1px solid #aaa;
}

.related ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.related li {
    display: inline;
}

nav#rellinks {
    float: right;
}

nav#rellinks li+li:before {
    content: "|";
}

nav#breadcrumbs li+li:before {
    content: "\00BB";
}

/* sidebar */

.sphinxsidebarwrapper {
    padding: 0 1rem 0 0;
}

.sphinxsidebar {
    width: {{ theme_sidebarwidth }};
    margin-left: -100%;
    font-size: 0.9rem;
    {%- if theme_rightsidebar|tobool %}
    float: right;
    {%- else %}
    float: left;
    {%- endif %}
}

.sphinxsidebar h3 a {
    color: {{ theme_headtextcolor }};
}

.sphinxsidebar p.topless {
    margin: 5px 10px 10px 10px;
}

.sphinxsidebar ul {
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none;
}

.sphinxsidebar ul ul,
.sphinxsidebar ul.want-points {
    margin-left: 20px;
    list-style: square;
}

.sphinxsidebar ul ul {
    margin-top: 0;
    margin-bottom: 0;
}

.sphinxsidebar input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 1.5rem;
    font-size: 0.9rem;
    margin: 0;

    background-color: white;
    border: 1px solid #ccc;
    color: #555;
}

.sphinxsidebar .search {
    margin-top: 2rem;
}

.sphinxsidebar .search input[type=text] {
    {#- width: calc({{ theme_sidebarwidth }} - 5rem); #}
    {#- width: -webkit-calc({{ theme_sidebarwidth }} - 5rem); #}
    width: 90%;
    display: inline-block;
}

.sphinxsidebar .search input[type=submit] {
    width: 4rem;
    display: inline-block;
}

/* paragraph-level markup */

.admonition p.admonition-title + p {
    display: inline;
}

.admonition p {
    margin-bottom: 5px;
}

.admonition pre {
    margin-bottom: 5px;
}

.admonition ul, .admonition ol {
    margin-bottom: 5px;
}

p.admonition-title {
    display: inline;
    margin-right: 0;
}

p.admonition-title:after {
    content: ":";
}

.note {
    background-color: #eee;
    border: 1px solid #ccc;
}

.seealso {
    background-color: #ffc;
    border: 1px solid #ff6;
}

.topic {
    background-color: #eee;
}

.warning {
    background-color: #ffe4e4;
    border: 1px solid #f66;
}

.warning tt {
    background: #efc2c2;
}

.note tt {
    background: #d6d6d6;
}

.viewcode-block:target {
    background-color: #f4debf;
    border-top: 1px solid #ac9;
    border-bottom: 1px solid #ac9;
}

/* responsive styles */

@media (max-width: 820px) {
    /* kill the sidebar */
    .bodywrapper { margin: 0; }
    .sphinxsidebar {
        display: none;
    }
    header#pageheader, footer#pagefooter, .related, .document {
        margin: 0 1rem;
        width: calc(100% - 2rem);
        width: -webkit-calc(100% - 2rem);
    }
}