@import url('https://fonts.googleapis.com/css?family=Open+Sans|Lato');
@import url('layout.css');

body {
    color: #111;
    background-color: #FFF;
    font-family: "open sans", "lato", Avenir, Helvetica, sans-serif;
    font-size: 15px;
    margin-left: auto; margin-right: auto; margin-top: 0;
    position: relative;
    padding: 0; padding-top: 90px;
}

header {
    background-color: rgb(24,109,150); color: #fff;
}

footer {
    border-top: 1px solid #cccccc;
    font-size: 0.8rem;  text-align: center; padding: .5rem 0;
    margin-top: 3rem; margin-bottom: 1.5rem;
    margin-left: auto; margin-right:auto;
    text-align: center; color: #aaaaaa;
}

.section {
    padding-top: 60px;
    margin-top: -60px;
}

.sphinxsidebarwrapper {
    background-color: #FFFFFF;
}

#sidebartoctree { padding: 1rem 0; }

/* Search related */
span.highlighted {
    background-color: #fbe54e;
}

.highlight-link { font-size: 0.7rem; }

ul.search li div.context {
    color: #888;
    margin: 0.3rem 0 0 0.5rem;
    text-align: left;
    font-size: 0.9rem;
}

/* Paragraph, header formating */
h1 {margin-top: 1.5rem; margin-bottom: 1.3rem;
    font-variant: small-caps; font-size: 2rem;
    text-align: center; color: #336699;}
h2 {font-size: 1.4rem; color: #336699;
    margin-top: 1rem; margin-bottom: 0.75rem;
    padding: 0.5rem 0;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;}
h3 {font-size: 1.2rem; margin-top: 1rem; margin-bottom: 1rem;
    border-bottom: 1px dashed #bbb;}
h4 { margin: 0; margin-top: 10px; padding-bottom: .5em; color: #444;
     font-size: 1em; font-weight: bold; text-decoration: underline; }

/* Links */
a, a.hover {
    color: #33c899;
}

a:hover {
    text-decoration: underline;
}

tt, pre {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    font-size: 1em;
    color: inherit;
}

pre { white-space: pre-wrap; padding-left: 3em;  background-color: #e6EEEE; }

/* Sphinx Header links */

a.headerlink {
    color: #33c899;
    visibility: hidden;
    font-size: 0.75rem;
}

h1:hover a.headerlink::after,
h2:hover a.headerlink::after,
h3:hover a.headerlink::after {
    visibility: visible;
    content: "¶";
}

/* -- admonitions ----------------------------------------------------------- */

.admonition { padding: 0.5rem; margin: 1rem 0; }

.admonition-title {
    padding-bottom: 0;
    padding: 10px 20px;
    font-weight: bold;
    color: #000000;
}

.seealso, .note, .tip {
   background-color: #ccf2fc;
   border-left: 5px solid #55d4f5;
}

.seealso .admonition-title,
.note .admonition-title,
.tip .admonition-title {
   background-color: #ccf2fc;
}

.caution {
   background-color: #ffedcc;
   border-left: 5px solid #f0b37e;
}

.caution .admonition-title {
   background-color: #ffedcc;
}

.todo {
   background-color: #e7e7e7;
   border-left: 5px solid #888888;
}

.todo .admonition-title {
   background-color: #e7e7e7;
}

.warning {
   background-color: #ffcdc9;
   border-left: 5px solid #ff5b4d;
}

.warning .admonition-title {
   background-color: #ffcdc9;
}

.todo p,
.seealso p,
.note p,
.tip p,
.warning p,
.caution p {
   padding: 2px 10px;
   margin: 0;
}


/* Bootstrap mods */
.scrollbox { height:450px; overflow-y: scroll; }
.navbar .dropdown-menu { margin-top: .9rem; }
.navbar .dropdown-menu { font-size: .9rem; }
.navbar .navbar-brand { color: 3a89d3; }
.navbar a.dropdown-item { color: #444; }
.navbar a:hover.dropdown-item { background-color: #f5f5f5; color: #666; }
.navbar-custom .navbar-nav .nav-link { color: #fff; padding-left: .6em; }
.card-header a { text-decoration: none; color: #444;
		 font-weight: bold; font-size: .8em; }
.card-header a:hover { text-decoration: underline; }