@import 'fonts.css';

:root {
    --color-primary: #177EE6;
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-grey-1: #FAFAFA;
    --color-grey-2: #E0E0E0;
    --color-grey-3: #C7C7C7;
    --color-grey-4: #ADADAD;
    --color-grey-5: #949494;
    --color-grey-6: #7A7A7A;
    --color-grey-7: #616161;
    --color-grey-8: #474747;
    --color-grey-9: #2E2E2E;
    --color-grey-10: #141414;
    --color-blue-1: #F2F9FF;
    --color-blue-2: #CCEDFF;
    --color-blue-3: #4DAFFF;
    --color-blue-4: #0A3B66;
    --color-link-visited: #8C1AE5;
}


body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, .rst-content .toctree-wrapper p.caption, h3, h4, h5, h6, legend {
    font-family: 'Open Sans', sans-serif;
    color: var(--color-grey-8);
}

.toctree-wrapper {
    margin-top: 20px;
}

p, h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
}

p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
}

h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 20px;
}

h2 {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    margin-top: 32px;
    padding-bottom: 8px;
}

a {
    color: var(--color-primary);
}

a:visited {
    color: var(--color-link-visited);
}

a:hover {
    text-decoration: underline;
}

.external_link::after {
    content:"\f08e";
    font-family: "FontAwesome";
    font-weight: 900;
    margin-left :2px;
    font-size: 12px;
    vertical-align: bottom;
}

a.download code span:hover{
    text-decoration: underline;
}

.wy-side-nav-search {
    background-color: var(--color-white);
}

.wy-nav-side {
    -webkit-box-shadow: 3px -1px 6px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px -1px 6px 0px rgba(0,0,0,0.1);
box-shadow: 3px -1px 6px 0px rgba(0,0,0,0.1);
}

.wy-side-nav-search input[type=text] {
    width: 100%;
    border-radius: 4px;
    border-color: var(--color-grey-3);
    font-family: "Open Sans", sans-serif;
    font-size: 12px;

}

.wy-nav-top {
    background-color: var(--color-white);
    color: var(--color-primary);
    -webkit-box-shadow: 9px -1px 15px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 9px -1px 15px -1px rgba(0,0,0,0.2);
    box-shadow: 9px -1px 15px -1px rgba(0,0,0,0.2);
    position: fixed;
    top: 0px;
    width: 100%;
}

.wy-nav-top a {
    color: transparent;
    display: inline-block;
    width: 150px;
    height: 50px;
    background: url("../images/soma_logo_h.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75% 75%;
    transform: translateX(-12px);
}

.wy-nav-side {
    background: var(--color-white);
}

.wy-side-nav-search>a img.logo, .wy-side-nav-search .wy-dropdown>a img.logo {
    height: auto;
    width: 150px;
}

.wy-side-nav-search>div.version {
    color: var(--color-grey-3);
}

.wy-menu-vertical header, .wy-menu-vertical p.caption {
    color: var(--color-grey-8);
    font-size: 14px;
    margin-top: 12px;
}

.wy-menu-vertical a {
    color: var(--color-grey-6);
    font-size: 14px;
    font-weight: 600;
}

.wy-menu-vertical a:hover {
    background-color: transparent;
    color: var(--color-primary);
}

.wy-menu-vertical li.on a, .wy-menu-vertical li>a.current {
    font-weight: 600;
    color: var(--color-primary);
}

.wy-menu-vertical li.toctree-l1.current>a {
    border: none;
}

.wy-menu-vertical li.current a {
    border: none;
}


.wy-menu-vertical li.toctree-l2 a, .wy-menu-vertical li.toctree-l3 a, .wy-menu-vertical li.toctree-l4 a {
    color: var(--color-grey-6);
    background-color: var(--color-white);
}

.wy-menu-vertical li.toctree-l2 a:hover, .wy-menu-vertical li.toctree-l3 a:hover, .wy-menu-vertical li.toctree-l4 a:hover {
    color: var(--color-primary);
    background-color: var(--color-white);
}

.wy-menu-vertical li.toctree-l2.current>a, .wy-menu-vertical li.toctree-l3.current>a, .wy-menu-vertical li.toctree-l4.current>a {
    background: white;
    color: var(--color-primary);
    font-weight: 400;
}

.wy-menu-vertical li.toctree-l2.current>a:hover, .wy-menu-vertical li.toctree-l3.current>a:hover, .wy-menu-vertical li.toctree-l4.current>a:hover {
    background: white;
}

.wy-nav-content {
 background-color: var(--color-white);
 min-height: 100vh;
}

.wy-nav-content-wrap {
    background-color: var(--color-grey-2);
}
.fa-minus-square-o:before, .wy-menu-vertical li.on a span.toctree-expand:before, .wy-menu-vertical li.current>a span.toctree-expand:before {
    content: "\f106";
}

.fa-plus-square-o:before, .wy-menu-vertical li span.toctree-expand:before {
    content: "\f107";
}

.fa-minus-square-o:before, .wy-menu-vertical li.on a span.toctree-expand:before, .wy-menu-vertical li.current>a span.toctree-expand:before, .fa-plus-square-o:before, .wy-menu-vertical li span.toctree-expand:before {
    color: var(--color-grey-8);
    font-size: 14px;
}

.btn {
    background-color: var(--color-primary)!important;
    color: var(--color-white)!important;
    text-decoration: none!important;
}

.btn:visited {
    color: var(--color-white)!important;
}

.btn:hover {
    background-color:var(--color-blue-4)!important;
}

footer {
    margin-top: 32px;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .wy-nav-content {
        margin-top: 62.9375px;
       }
  }