/* custum.css: CSS file to override rules that the Alabaster provide */
/* General rules. */

:root {
    --quote-border-left: thick solid hotpink;
    --quote-padding: 0 0 0 12px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin: 0 auto;
    max-width: 1500px;
}

pre,
tt,
code {
    background-color: inherit;
    border: 1px solid lightpink;
    border-radius: 0.25em;
    color: inherit;
    font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

blockquote {
    border-left: var(--quote-border-left);
    padding: var(--quote-padding);
}

div.line-block {
    border-left: var(--quote-border-left);
    padding: var(--quote-padding);
}

img {
    border: 0px solid black;
    margin: 0;
    max-width: 100%;
    padding: 0;
}

ul {
    list-style-type: disc;
}

kbd {
    border-radius: 0.25rem;
    border: 1px solid black;
    box-shadow: inset 0 -1px 0 black;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 10px;
    padding: 0.25rem;
    vertical-align: middle;
}

.guilabel,
.menuselection {
    background-color: canvas;
    border: 1px solid buttonBorder;
    border-radius: 0.125rem;
    color: buttonBorder;
    font-size: 0.75rem;
    padding: 0rem 0.25rem;
}

dl.field-list>dt {
    text-align: right;
}

/* Document structure */

div.document {
    margin: 0;
    width: 100%;
}

div.sphinxsidebar {
    font-size: 12px;
}

div.body h1,
div.body h2,
div.body h3,
div.body h4,
div.body h5,
div.body h6 {
    font-family: inherit;
}

div.body p,
div.body dd,
div.body li {
    line-height: 1.4em;
}

div.admonition p.admonition-title {
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
}

pre {
    line-height: 1.2;
}

dt {
    font-weight: bold;
}

em {
    font-family: monospace;
    font-style: italic;
}

em.dfn {
    font-family: inherit;
    font-style: normal;
    font-weight: bold;
}

strong.command {
    border: 1px solid lightpink;
    border-radius: 0.25em;
    color: inherit;
    font-family: monospace;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
}

/**
 * Link styles. See
 * Styling links - Learn web development | MDN
 * <https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_links>
 */

a {
    border-bottom: none;
    outline: none;
    padding: 2px 1px 0px;
    text-decoration: none;
}

a:link {
    color: deeppink;
}

a:visited {
    filter: brightness(2%);
}

a:focus {
    background-color: pink;
    border-bottom: 1px dotted deeppink;
    text-decoration: none;
}

a:hover {
    background-color: pink;
    border-bottom: 1px dotted deeppink;
    text-decoration: none;
}

a:active {
    background: deeppink;
    color: white;
}

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

a.reference:hover,
div.sphinxsidebar a:hover {
    border-bottom: 1px dotted deeppink;
    text-decoration: none;
}

a.external {
    background: url(reference-external.png) no-repeat right center;
    padding-right: 15px;
}

a.image-reference,
a.image-reference:hover {
    background-color: initial;
    border-bottom: none;
}

/* Customized footer */

div.footer {
    margin: 0px auto;
    padding: 0px 0px;
    width: 100%;
}

div.footer ul,
div.footer ol {
    list-style-type: none;
}

div.footer ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    text-align: left;
}

div.footer #footer_logo img {
    width: 88px;
}

div.footer #footer_copyright {
    flex: 1 auto;
}