/*
 *
 */

@import url('css/fonts.css');
@import url('theme.css');

:root {
    /* default text color */
    --wtf-nearly-black: #333;
    --wtf-nearly-white: #fff;
    /* WTF Farben gemäß https://git.wtf-eg.de/ag_kommunikation/wtf_propaganda/ */
     --wtf-orange: #ef7c21;
     --wtf-light-orange: #ffcba9;
     --wtf-very-light-blue: #cfe2ff;
     --wtf-light-blue: #0790a9;
     --wtf-dark-blue: #20386a;
     --wtf-night-blue: #00173B;
     --wtf-dark-grey: #202020;
     --wtf-grey: #666;
     --wtf-mid-grey: #acacac;
     --wtf-footer-grey: #344b5d;
     --wtf-light-grey: #edefeb;
     --wtf-lila: #6600ff;
     --wtf-rtd-background: #F5F6F3;
}

/* fonts - start */
.rst-content .toctree-wrapper>p.caption,
h1,
h2,
h3,
h4,
h5,
h6,
legend {
    font-family: 'Noto Serif Bold', ff-tisa-web-pro, Georgia, Arial, sans-serif;
}

.rst-content .sidebar .sidebar-title {
    font-family: 'Noto Serif Bold', ff-tisa-web-pro, Georgia, Arial, sans-serif;
}
/* fonts - end */

/* colours - start */

.wy-nav-content {
    background-color: var(--wtf-light-grey);
}

.wy-nav-content-wrap{
    background-color: var(--wtf-rtd-background);
}

.wy-menu-vertical li span.toctree-expand,
.wy-menu-vertical a {
    color: var(--wtf-light-grey);
}

.rst-content .wy-alert-neutral.admonition-todo a,
.rst-content .wy-alert-neutral.admonition a,
.rst-content .wy-alert-neutral.attention a,
.rst-content .wy-alert-neutral.caution a,
.rst-content .wy-alert-neutral.danger a,
.rst-content .wy-alert-neutral.error a,
.rst-content .wy-alert-neutral.hint a,
.rst-content .wy-alert-neutral.important a,
.rst-content .wy-alert-neutral.note a,
.rst-content .wy-alert-neutral.seealso a,
.rst-content .wy-alert-neutral.tip a,
.rst-content .wy-alert-neutral.warning a,
.wy-alert.wy-alert-neutral a {
    color: var(--wtf-dark-blue);
}

.wy-tray-container li.wy-tray-item-info {
    background: var(--wtf-dark-blue);
}

.btn-info {
    background-color: var(--wtf-dark-blue); !important
}

.btn-link {
    color: var(--wtf-dark-blue);
}

.wy-dropdown-menu>dd>a:hover {
    background: var(--wtf-dark-blue);
}

.wy-dropdown.wy-dropdown-bubble .wy-dropdown-menu a:hover {
    background: var(--wtf-dark-blue);
}

.wy-inline-validate.wy-inline-validate-info .wy-input-context {
    color: var(--wtf-dark-blue);
}

a {
    color: var(--wtf-dark-blue);
}

.wy-text-info {
    color: var(--wtf-dark-blue); !important
}

.wy-menu-vertical a:active {
    background-color: var(--wtf-dark-blue);
}

.wy-side-nav-search {
    background-color: var(--wtf-dark-blue);
}

.wy-side-nav-search img {
    background-color: var(--wtf-dark-blue);
}

.wy-nav .wy-menu-vertical header {
    color: var(--wtf-dark-blue);
}

.wy-nav .wy-menu-vertical a:hover {
    background-color: var(--wtf-dark-blue);
}

.wy-nav-top {
    background: var(--wtf-dark-blue);
}

.wy-nav-top img {
    background-color: var(--wtf-dark-blue);
}

a,
.rst-versions a {
    color: var(--wtf-orange);
}

a:hover,
.rst-versions a:hover {
    color: var(--wtf-light-blue);
}

.wy-menu-vertical a:hover {
    color: var(--wtf-orange);
}

a:visited,
.rst-versions a:visited {
    color: var(--wtf-light-blue);
}

.rst-content a code,
.rst-content a tt {
    color: var(--wtf-dark-blue);
}

html.writer-html4 .rst-content dl:not(.docutils)>dt,
html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dt {
    color: var(--wtf-dark-blue);
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: var(--wtf-mid-grey);
}

.wy-nav-side {
    background-color: var(--wtf-nearly-black);
}

/* colours - end */
