/* CSS for abstrys.com
 *
 * Note: the base settings are designed around a mobile (small-screen) presentation. Desktop
 * configuration is in the "responsive behavior" section near the end of this file.
 * */

* {
    box-sizing: border-box;
}

body {
    background-color: #ffffff;
    color: black;
    overflow: auto;
    font-family: 'Lato', sans-serif;
    font-size: 16pt;
}

.document {
    background-color: #ffffff;
}

/* The main column */
.bodywrapper {
    width: 100%;
    margin-left: 1rem;
    margin-bottom: 2rem;
    padding: 0.5rem;
}

.hlist {
   border: none;
}

/* The main sidebar */
.sphinxsidebar {
    width: 100%;
    padding: 1rem;
    margin-right: 1rem;
}

div.highlight {
    padding-right: 1rem;
    padding-left: 1rem;
    font-family: 'Source Code Pro', monospace;
    font-size: 1rem;
    background-color: #272822;
    overflow: auto;
}

span.pre {
    font-family: 'Source Code Pro', monospace;
    font-size: 1rem;
    background-color: #272822;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #BCDCF4;
}

a {
    color: #76a934;
}

a.headerlink {
    font-size: 0.5rem;
    vertical-align: text-top;
    color: #FFFFFF;
}

a:hover {
    color: grey;
}

#site-header a {
    text-decoration: none;
}

#site-header ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

#site-header li {
    float: left;
}

#site-header li:hover {
    background-color: black;
}

#site-header li a {
    display: block;
    color: white;
    text-align: center;
    padding: 1rem;
    font-size: 1.4rem;
}

#site-header li.toctree-l1.current {
    background-color: #76a934;
}

#site-header li.toctree-l1.current ul {
    display: none;
}

p#site-title {
    font-family: 'Artifika', serif;
    font-size: 2.6rem;
    font-weight: lighter;
    color: #76a934;
    margin: 2.6rem 0 0 1.8rem;
}

p#site-subtitle {
    font-family: 'Crimson Text', serif;
    font-size: 1.8rem;
    font-weight: lighter;
    color: rgb(136,136,136);
    margin: 1rem 0 1.8rem 1.8rem;
}

h1 {
    font-family: 'Artifika', serif;
    font-size: 2.4rem;
    font-weight: lighter;
    color: black;
}

h2 {
    font-family: 'Crimson Text', serif;
    font-size: 2.0rem;
    color: #76a934;
}

h3 { 
    font-family: 'Crimson Text', serif;
    font-size: 1.8rem;
    font-weight: lighter;
    color: #000000;
}

h4 { 
    font-family: 'Lato', serif;
    font-size: 1.4rem;
    color: #000000;
}

h5 {
    font-family: 'Lato', serif;
    font-size: 1rem;
    font-weight: bold;
    color: #000000;
}

hr {
   margin: 1.6rem 0;
}

dt {
    margin-top: 0.2rem;
    margin-bottom: 0.4rem;
    font-weight: bold;
    color: #ed934c;
}

dd {
    margin-top: 0.2rem;
    margin-bottom: 1rem;
}

div.admonition {
    margin: 1.8rem 1.4rem 0 1.4rem;
    padding: 0 2rem 1rem 0;
    border-radius: 0.5rem;
    display: inline-block;
}

div.admonition p {
    padding-left: 1rem;
}

div.admonition p {
    margin-top: 0.4rem;
}

div.admonition p.admonition-title
{
    font-family: 'Artifika', fantasy;
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    background-color: #333333;
    padding: 0.5rem;
    border-radius: 0.5rem;
    display: inline-block;
    position: relative;
    top: -1rem;
    margin: 0;
}


p.topic-title {
    font-family: 'Artifika', fantasy;
    font-size: 1.2rem;
    color: black;
    margin-top: 0.5rem;
}

div.note {
    background-color: #e8e2d0;
}

div.important {
    background-color: #1f0000;
}

img {
    max-width: 90% !important;
    height: auto !important;
}

img.float {
    float: right;
    margin-left: 1.2rem;
}

div.footer {
    display: block;
    width: 100%;
    float: left;
    padding: 0.8rem;
    border-top: solid #2f2f2f 1px;
    text-align: center;
    /*border: solid yellow 1px;*/
}

/* toctree stuff */
div.sphinxsidebarwrapper > ul {
    padding-left: 1.4rem;
    list-style-image: url('section-closed.png');
}

div.sphinxsidebarwrapper li.toctree-l2 {
    list-style-image: url('section-empty.png');
}

div.sphinxsidebarwrapper li.toctree-l1.current {
    list-style-image: url('section-open.png');
};

li.current {
    background-color: #0f0f0f;
    border-radius: 0.5rem;
}

a.current.reference.internal {
    color: palegreen;
}

div.contents.local {
    width: 100%;
    padding: 0.5rem;
    margin-left: 0.6rem;
}

#logodiv {
    display: inline;
}

#logoimg {
    max-height: 2rem;
    width: auto;
    display: inline;
}

table {
    border-collapse: collapse;
    border: 1px solid black;
    margin-bottom: 0.8rem;
}

table th {
    padding: 0.4rem 0.5rem;
    color: white;
    background-color: #333333;
}
table td {
    padding: 0.3rem 0.5rem;
}


ul.simple p {
   margin: 0.3rem 0;
}

/* responsive behavior */
@media only screen and (min-width: 1199px) {
    div.bodywrapper {
        max-width: 76%;
        float: left;
    }

    div.contents.local {
        width: 40%;
        overflow: auto;
        border-left: solid #1f1f1f 2px;
        border-right: solid #1f1f1f 2px;
        float: right;
    }

    div.sphinxsidebar {
        width: 20rem;
        float: right;
    }
}