/* Defining FZJ's design colors */
:root {
    --fzj-color-blue:  #023d6b;
    --fzj-color-lightblue:  #adbde3;
    --fzj-color-gray:  #ebebeb;
    --fzj-color-yellow:  #faeb5a;
    --fzj-color-yellow-transp:  rgba(250,235,90,0.2);
    --fzj-color-red:  rgb(235,95,115);
    --fzj-color-red-transp:  rgba(235,95,115,0.2);
    --fzj-color-green:  #b9d25f;
    --fzj-color-green-transp:  rgba(185,210,95,0.2);
    --fzj-color-violet:  #af82b9;
    --fzj-color-orange:  #fab45a;
    --fzj-color-orange-transp:  rgba(250,180,90,0.2);
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: Weissenhof Grotesk,Helvetica Neue,Arial,Helvetica,sans-serif;
}

pre {
    white-space: pre-wrap !important;
}

a:visited {
    color: var(--fzj-color-blue);
}

.wy-side-nav-search > a:visited {
    color: #ffffff;
}

div.wy-nav-content {
    max-width: 840px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
}

.wy-nav-side {
    background: var(--fzj-color-lightblue) ;
    color: #404040 ;
    padding-bottom: 0;
}

.wy-menu-vertical a {
    color: #404040;
    padding-left: 30px !important;
}

.wy-menu-vertical a:hover {
    background-color: var(--fzj-color-blue);
    color: #ffffff;
}

.wy-menu-vertical p.caption {
    color: var(--fzj-color-blue);
    /* color: var(--fzj-color-blue); */
}

h1 {
    background-color: var(--fzj-color-blue);
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}
h2 {
    background-color: var(--fzj-color-lightblue);
    color: #404040;
    padding-left: 10px;
    padding-right: 10px;
}
h3 {
    background-color: var(--fzj-color-gray);
    padding-left: 10px;
    padding-right: 10px;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.highlight {
    background: var(--fzj-color-yellow-transp);
}

.rst-content .warning .admonition-title {
    background: var(--fzj-color-orange);
    color: #404040;
}

.rst-content .warning {
    background: var(--fzj-color-orange-transp);
}

.rst-content .note .admonition-title {
    background: var(--fzj-color-green);
    color: #404040;
}

.rst-content .note {
    background: var(--fzj-color-green-transp);
}

.footer > ul li {
    padding: 0 10px;
    list-style: none;
    display: inline-block;
}
.footer > ul li.bordered {
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

.wy-menu-vertical li.toctree-l4 > a, 
.wy-menu-vertical li.toctree-l3 > a, 
.wy-menu-vertical li.toctree-l2 > a {
    background-color: var(--fzj-color-gray) !important;
}

.wy-menu-vertical li.toctree-l4.current > a.current, 
.wy-menu-vertical li.toctree-l3.current > a.current, 
.wy-menu-vertical li.toctree-l2.current > a.current {
    background-color: #cccccc !important;
}

.wy-menu-vertical li.toctree-l4 > a:hover, 
.wy-menu-vertical li.toctree-l3 > a:hover, 
.wy-menu-vertical li.toctree-l2 > a:hover {
    background-color: #cbcbcb !important;
}

.wy-menu-vertical li.current>a {
    border-right: 1px solid #c9c9c9 !important;
}

section > p {
    text-align: justify;
}