/*
 * Copyright (c) 2021 by EducateIT GmbH. All rights reserved.
 */

/* Custom Stylesheet for Extensions */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Mono:ital,wght@0,400;0,500;0,700;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* The EducateIT colors */

:root {
    --edu-black: #000000;
    --edu-grey-1: #202020;
    --edu-dark-grey: #404040;
    --edu-grey-3: #606060;
    --edu-medium-grey: #808080;
    --edu-grey-5: #a0a0a0;
    --edu-light-grey: #c0c0c0;
    --edu-grey-7: #e0e0e0;
    --edu-white: #ffffff;
    --edu-green-very-light: #ecf2cc;
    --edu-2nd-green-very-light: #f1f7d7;
    --edu-3th-green-very-light: #f8fcde;
    --edu-yellow-very-light: #faf8ce;
    --edu-orange-very-light: #f7eace;
    --edu-blue-very-light: #d9e1e8;
    --edu-violet-very-light: #f1e2f5;
    --edu-brown-very-light: #eaddd1;
    --edu-green-light: #c5d966;
    --edu-2nd-green-light: #d6e688;
    --edu-3th-green-light: #e5f69b;
    --edu-yellow-light: #f1eb6d;
    --edu-orange-light: #e7c56c;
    --edu-blue-light: #8ca3b9;
    --edu-violet-light: #d5a8e2;
    --edu-brown-light: #bf9975;
    --edu-green: #9ec000;
    --edu-2nd-green: #bbd639;
    --edu-3th-green: #d6f059;
    --edu-yellow: #e8de0c;
    --edu-orange: #d69c0a;
    --edu-blue: #40688a;
    --edu-violet: #b96dcf;
    --edu-brown: #945319;
    --edu-green-dark: #779000;
    --edu-2nd-green-dark: #8ca12b;
    --edu-3th-green-dark: #a1b443;
    --edu-yellow-dark: #aea709;
    --edu-orange-dark: #a17508;
    --edu-blue-dark: #304e68;
    --edu-violet-dark: #8b529b;
    --edu-brown-dark: #6f3e13;
    --edu-green-very-dark: #4f6000;
    --edu-2nd-green-very-dark: #5e6b1d;
    --edu-3th-green-very-dark: #6b782d;
    --edu-yellow-very-dark: #746f06;
    --edu-orange-very-dark: #6b4e05;
    --edu-blue-very-dark: #203445;
    --edu-violet-very-dark: #5d3768;
    --edu-brown-very-dark: #4a2a0d;
    --edu-green-black: #283000;
    --edu-2nd-green-black: #2f360e;
    --edu-3th-green-black: #363c16;
    --edu-yellow-black: #3a3803;
    --edu-orange-black: #362702;
    --edu-blue-black: #101a23;
    --edu-violet-black: #2e1b34;
    --edu-brown-black: #251506;
}

/* Fixes */

@media screen and (max-width: 870px) {
ul {
    margin: 10px 0 10px 30px;
}
}

.related.bottom {
    margin-top: 20px;
}

div.sphinxsidebar p.caption {
    display: none;
}

a.reference {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: #cccccc;
    border: none;
}

a.reference:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: inherit;
    border: none;
}

div.sphinxsidebar a {
    text-decoration: none;
    border-bottom: none;
}

div.sphinxsidebar a:hover {
    border-bottom: none;
}

.guilabel {
    font-family: 'Roboto Condensed', sans-serif;
}

/* Code block improvements */

span.pre {
    font-size: 90%;
}

tt, code {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    font-size: inherit;
    padding: 0 4px 0 4px;
}

code.file {
    background-color: transparent;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0;
}

.file span.pre {
    font-size: inherit;
    padding: 0;
}

.file em {
    background-color: var(--edu-violet-very-light);
    border-radius: 6px;
    padding: 0 3px 0 3px;
    margin: 0 3px 0 3px;
}

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
    color: inherit;
    background-color: rgba(0, 0, 0, 0.04);
}

/* Style for the navigation area */

div.related {
    font-family: 'Roboto Condensed', sans-serif;
}

span.release-text {
    margin-left: 30px;
}

@media screen and (max-width: 870px) {
span.release-text {
    margin-left: 0;
}
}

/* Use a condensed font for the toc tree in the navigation */

div.sphinxsidebar li {
    font-family: 'Roboto Condensed', sans-serif;
}

div.sphinxsidebar code.literal {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    border-radius: inherit;
}

/* Adjust the appearance of info boxes */

div.admonition {
    margin: 1em 0;
    padding: 15px;
    border: none;
    box-shadow: none;
}

div.admonition p.admonition-title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin: -15px -15px -5px -15px;
    padding: 10px;
    border: none;
}

div.admonition p.admonition-title:after {
    content: none
}

div.admonition .admonition-title:before {
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-weight: 700;
    margin-right: 10px;
}

div.note, div.seealso {
    background-color: var(--edu-blue-very-light);
}

div.note p.admonition-title, div.seealso p.admonition-title {
    background-color: var(--edu-blue);
    color: white;
}

div.note .admonition-title:before {
    content: ""
}

div.seealso .admonition-title:before {
    content: ""
}

div.tip, div.hint {
    background-color: var(--edu-green-very-light);
}

div.tip p.admonition-title, div.hint p.admonition-title {
    background-color: var(--edu-green);
    color: white;
}

div.tip .admonition-title:before, div.hint .admonition-title:before {
    content: ""
}

div.warning, div.important, div.attention, div.caution {
    background-color: var(--edu-orange-very-light);
}

div.warning p.admonition-title, div.important p.admonition-title, div.attention p.admonition-title, div.caution p.admonition-title {
    background-color: var(--edu-orange);
    color: white;
}

div.warning .admonition-title:before, div.attention .admonition-title:before, div.caution .admonition-title:before {
    content: ""
}

div.important .admonition-title:before {
    content: ""
}

div.danger, div.error {
    background-color: #f1bcb0;
}

div.danger p.admonition-title, div.error p.admonition-title {
    background-color: #b9270b;
    color: white;
}

div.danger .admonition-title:before, div.error .admonition-title:before {
    content: ""
}

/* Special boolean tables "dz-boolean", "dz-boolean-last", "dz-boolean-24" */

table.dz-boolean tbody td,
table.dz-boolean-last tbody tr td:last-child,
table.dz-boolean-24 tbody tr td:nth-child(2),
table.dz-boolean-24 tbody tr td:nth-child(4) {
    padding: 0 !important;
}

table.dz-boolean thead p,
table.dz-boolean-24 thead th:nth-child(2) p,
table.dz-boolean-24 thead th:nth-child(4) p {
    text-align: center;
}

table.dz-boolean tbody p,
table.dz-boolean-last tbody tr td:last-child p,
table.dz-boolean-24 tbody tr td:nth-child(2),
table.dz-boolean-24 tbody tr td:nth-child(4) {
    text-align: center;
    font-size: 160%;
    font-family: 'Roboto Mono', monospace;
}

/* The :condensed: role */

code.condensed {
    background: inherit;
    font-size: inherit;
    font-family: 'Roboto Condensed', sans-serif;
}

/* The :iref: role */

strong.iref {
    border: 2px solid var(--edu-orange);
    border-radius: 50%;
    background-color: var(--edu-orange-very-light);
    color: var(--edu-orange);
    padding: 1px 5px;
    font-family: sans-serif;
}

strong.iref-orange {
    border: 2px solid var(--edu-orange);
    background-color: var(--edu-orange-very-light);
    color: var(--edu-orange);
}

strong.iref-green {
    border: 2px solid var(--edu-green);
    background-color: var(--edu-green-very-light);
    color: var(--edu-green);
}

strong.iref-blue {
    border: 2px solid var(--edu-blue);
    background-color: var(--edu-blue-very-light);
    color: var(--edu-blue);
}

strong.iref-violet {
    border: 2px solid var(--edu-violet-dark);
    background-color: var(--edu-violet-very-light);
    color: var(--edu-violet-dark);
}

strong.iref-yellow {
    border: 2px solid var(--edu-yellow);
    background-color: var(--edu-yellow-very-light);
    color: var(--edu-yellow);
}

strong.iref-brown {
    border: 2px solid var(--edu-brown);
    background-color: var(--edu-brown-very-light);
    color: var(--edu-brown);
}


/* The :software: role */

span.software {
    color: var(--edu-violet-very-dark);
    font-style: italic;
}

/* The :xmltag-ref: role */

a.xmltag-ref {
	background-color: var(--edu-grey-7);
	border: none;
	border-radius: 3px;
	padding: 0 3px;
	white-space: nowrap;
	word-break: keep-all;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.9em;
}

/* Custom containers */

div.edu-download {
    text-align: center;
}

div.edu-download p a {
    border: 1px solid var(--edu-blue);
    background-color: var(--edu-blue-very-light);
    padding: 5px 16px;
    border-radius: 8px;
}

div.edu-download code {
    background: transparent;
    border: none;
    font-family: inherit;
}

div.edu-download code::before {
    content: "⬇";
    display: inline-block;
    color: var(--edu-blue);
    padding-right: 8px;
}


/* Configuration Visualization */

div.dzconf-block {
    padding: 0;
    margin: 0 0 0.5em 0;
}

div.dzconf-children {
    padding: 0.5em 0.5em 0 0.5em;
}

div.dzconf-title, div.dzconf-value-block {
    padding: 0.5em 0 0.5em 0.5em;
    display: flex;
    flex-direction: row;
}

div.dzconf-title > p.dzconf-name {
    font-family: 'Roboto Mono', monospace;
    font-weight: bold;
    padding: 0;
    margin: 0;
    display: block;
    flex-grow: 10;
}

div.dzconf-title > p, div.dzconf-value-block > p {
    display: block;
    padding: 0;
    margin: 0 0.5em 0 0;
}

div.dzconf-title > p.dzconf-value-type {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 4px;
}

p.dzconf-value-text {
    font-family: 'Roboto Mono', monospace;
    font-weight: normal;
}

div.dzconf-etype-module {
    border: 2px solid var(--edu-medium-grey);
    background: var(--edu-light-grey);
}

div.dzconf-etype-module > div.dzconf-title {
    background: var(--edu-grey-7);
}

div.dzconf-etype-value {
    border: 2px solid var(--edu-3th-green-dark);
    background: var(--edu-3th-green-very-light);
}

div.dzconf-etype-value > div.dzconf-title {
    background: var(--edu-3th-green);
}

div.dzconf-etype-list {
    border: 2px solid var(--edu-yellow-dark);
    background: var(--edu-yellow-light);
}

div.dzconf-etype-list > div.dzconf-title {
    background: var(--edu-yellow-very-light);
}

div.dzconf-etype-group,
div.dzconf-etype-complex-list {
    border: 2px solid var(--edu-orange-dark);
    background: var(--edu-orange-light);
}

div.dzconf-etype-group > div.dzconf-title,
div.dzconf-etype-complex-list > div.dzconf-title {
    background: var(--edu-orange-very-light);
}

div.dzconf-etype-value-list {
    border: 2px solid var(--edu-3th-green-dark);
    background: var(--edu-3th-green-light);
}

div.dzconf-etype-value-list > div.dzconf-title {
    background: var(--edu-3th-green);
}