/* customised css - docsteam DALnet@2026 */

/* GLOBAL FONT SCALE */
:root {
    --base-font: 9pt; /*change this to scale the whole site */
}

/* Base layout */
body {
    background:white;
    overflow: auto;
    font-size: var(--base-font);
}

DIV.body {
    margin-left:10%;
    margin-right:10%;
}

/* HEADINGS — scaled proportionally */
h1 {
    font: calc(var(--base-font) * 1.3) Verdana, sans-serif;
    margin-left:-50px;
}
h2 {
    margin-top: 20px;
    font: bold calc(var(--base-font) * 1.1) Verdana, sans-serif;
    margin-left:-50px;
}
h3 {
    font: bold calc(var(--base-font) * 1.1) Verdana, sans-serif;
    margin-top: 10px;
}
h4 {
    font: italic calc(var(--base-font) * 1.1) Verdana, sans-serif;
}

/* BODY TEXT */
p {
    font: var(--base-font) Verdana, sans-serif;
    line-height:130%;
    margin-bottom:11pt;
    margin-top:11pt;
}

/* LISTS */
ul, ol, dl, li {
    font: var(--base-font) Verdana, sans-serif;
    line-height:130%;
}

/* DEFINITION TERM */
dt {
    font: italic var(--base-font) Verdana, sans-serif;
    line-height:130%;
}

/* INLINE CODES */
samp, kbd {
    font-family:monospace;
    color: #ee764f;
}

/* PARAMETER EMPHASIS */
em.param {
    color: #ee764f;
}

/* FOOTER SECTIONS */
div.copyright {
    margin-top:0px;
}
div.copyright p {
    font-size: calc(var(--base-font) * 0.9);
    line-height:110%;
}

div.thisversion p {
    font-size: var(--base-font);
    line-height:110%;
}

div.version p {
    font-size: calc(var(--base-font) * 0.9);
    line-height:110%;
    margin-top:0px;
    margin-bottom:4pt;
}

div.commentaddress p {
    font-size: calc(var(--base-font) * 0.9);
    line-height:115%;
    margin-top:4pt;
    margin-bottom:4pt;
}

div.listnone p {
    margin-top:4pt;
    margin-bottom:4pt;
}

div.footer {
    margin-left:10%;
    margin-right:10%;
}

div.footertext {
    font: calc(var(--base-font) * 0.9) Verdana, sans-serif;
    line-height:110%;
    margin-bottom:1pt;
    margin-top:1pt;
}

/* LINKS */
a:link, a:visited {
    color: #0000EE;
}
a:hover {
    color: white;
    background-color: #2222EE;
}

/* RESPONSIVE FONT SCALING */
@media only screen and (max-width: 360px) {
    :root { --base-font: 11pt; }
    h1, h2 { margin-left: -20px; }
}

@media only screen and (min-width: 360px) and (max-width: 480px) {
    :root { --base-font: 11pt; }
    h1, h2 { margin-left: -30px; }
}

@media only screen and (min-width: 480px) {
    :root { --base-font: 12pt; }
    h1, h2 { margin-left: -35px; }
}

/* DARK MODE OVERRIDES */
html, body {
    background-color: #0d1117 !important;
    color: #c9d1d9 !important;
}

/* Links */
a:active, a:link, a:visited {
    color: #58a6ff !important;
}

/* Header bars or coloured sections */
.blue-background {
    background-color: #183968 !important;
    color: #c9d1d9 !important;
}

/* Inputs */
.text-input {
    background-color: #0d1117 !important;
    color: #c9d1d9 !important;
    border: 1px solid #30363d !important;
}

/* Buttons */
.submit-button {
    background-color: #30363d !important;
    color: #c9d1d9 !important;
}
.submit-button svg {
    fill: #c9d1d9 !important;
}

/* Content containers */
.content,
.content-4,
.align-left,
.align-right,
.justify,
.justify-team,
.justify-credits,
.justify-news {
    color: #c9d1d9 !important;
}

/* Footer */
.footer {
    color: #c9d1d9 !important;
}
.footer hr {
    border-color: #30363d !important;
}

/* Tables */
table, th, td {
    color: #c9d1d9 !important;
    border-color: #30363d !important;
}

/* Code blocks */
pre, code {
    background-color: #161b22 !important;
    color: #c9d1d9 !important;
}

/* Toggle switch */
.slider {
    background-color: #444 !important;
}
.slider:before {
    background-color: #c9d1d9 !important;
}
input:checked + .slider {
    background-color: #58a6ff !important;
}
input:checked + .slider:before {
    background-color: #0d1117 !important;
}