/*
 * TUM-style custom CSS for sphinx_rtd_theme
 *
 * File:
 *   source/_static/tum.css
 *
 * Activate in conf.py:
 *
 *   html_static_path = ["_static"]
 *   html_css_files = ["tum.css"]
 *
 * Recommended theme:
 *
 *   html_theme = "sphinx_rtd_theme"
 */

/* -------------------------------------------------------------------------
 C olor variables   *
 ------------------------------------------------------------------------- */

:root {
    /*
     * Classic / commonly used TUM colors.
     * Adjust here if your local corporate-design office requires
     * different current web colors.
     */
    --tum-blue: #0065bd;
    --tum-blue-dark: #005293;
    --tum-blue-very-dark: #072140;
    --tum-blue-light: #64a0c8;
    --tum-blue-very-light: #e3eef7;

    --tum-grey-dark: #333333;
    --tum-grey: #666666;
    --tum-grey-light: #eeeeee;
    --tum-grey-very-light: #f7f7f7;

    --tum-white: #ffffff;
    --tum-black: #000000;

    --tum-warning: #e37222;
    --tum-success: #a2ad00;

    --font-sans: Helvetica, Arial, "Nimbus Sans", "Liberation Sans", sans-serif;
    --font-mono: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
}

/* -------------------------------------------------------------------------
 B ase typography   *
 ------------------------------------------------------------------------- */

body,
input,
textarea,
select,
button {
    font-family: var(--font-sans);
    color: var(--tum-grey-dark);
}

.wy-nav-content {
    max-width: 1100px;
}

/* Slightly calmer line length and reading rhythm */
.rst-content {
    line-height: 1.55;
    font-size: 16px;
}

.rst-content p {
    margin-bottom: 0.9em;
}

/* Headings */
.rst-content h1,
.rst-content h2,
.rst-content h3,
.rst-content h4,
.rst-content h5,
.rst-content h6 {
    font-family: var(--font-sans);
    font-weight: 700;
    color: var(--tum-blue-very-dark);
}

.rst-content h1 {
    color: var(--tum-blue-very-dark);
    border-bottom: 3px solid var(--tum-blue-light);
    padding-bottom: 0.25em;
}

.rst-content h2 {
    border-bottom: 1px solid var(--tum-grey-light);
    padding-bottom: 0.2em;
}

.rst-content h3 {
    color: var(--tum-blue-dark);
}

/* -------------------------------------------------------------------------
 L inks             *
 ------------------------------------------------------------------------- */

a {
    color: var(--tum-blue);
}

a:hover,
a:focus {
    color: var(--tum-blue-very-dark);
    text-decoration: underline;
}

/* Header links in headings and glossary terms */
a.headerlink {
    color: var(--tum-blue-light);
    font-size: 0.8em;
    padding-left: 0.3em;
}

a.headerlink:hover {
    color: var(--tum-blue);
    text-decoration: none;
}

/* -------------------------------------------------------------------------
 R TD top bar and si*debar
 ------------------------------------------------------------------------- */

/* Mobile top navigation */
.wy-nav-top {
    background: var(--tum-blue-very-dark);
}

.wy-nav-top a {
    color: var(--tum-white);
}

/* Left search/logo block */
.wy-side-nav-search {
    background: var(--tum-blue-very-dark);
}

.wy-side-nav-search > a,
.wy-side-nav-search .wy-dropdown > a {
    color: var(--tum-white);
    font-family: var(--font-sans);
    font-weight: 700;
}

/* Logo in sidebar */
.wy-side-nav-search .wy-side-nav-search > a img.logo,
.wy-side-nav-search img.logo {
    max-width: 80%;
    height: auto;
    margin: 0.5em auto 0.7em auto;
}

/* Search field */
.wy-side-nav-search input[type="text"] {
    border: 1px solid var(--tum-blue-light);
    border-radius: 0;
    box-shadow: none;
    font-family: var(--font-sans);
}

/* Sidebar background */
.wy-nav-side {
    background: var(--tum-blue-very-dark);
}

/* Sidebar menu */
.wy-menu-vertical {
    font-family: var(--font-sans);
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: var(--tum-blue-light);
    font-weight: 700;
    text-transform: none;
}

.wy-menu-vertical a {
    color: var(--tum-white);
}

.wy-menu-vertical a:hover {
    background: var(--tum-blue-dark);
    color: var(--tum-white);
    text-decoration: none;
}

/* Current page */
.wy-menu-vertical li.current > a,
.wy-menu-vertical li.on a {
    background: var(--tum-blue);
    color: var(--tum-white);
    border: none;
}

/* Current section background */
.wy-menu-vertical li.current {
    background: var(--tum-grey-very-light);
}

/* Children of current section */
.wy-menu-vertical li.current a {
    color: var(--tum-grey-dark);
}

.wy-menu-vertical li.