@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../font/TitilliumWeb-Regular.ttf") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../font/TitilliumWeb-SemiBold.ttf") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../font/TitilliumWeb-Italic.ttf") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../font/TitilliumWeb-SemiBoldItalic.ttf") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }


body {
    font-family: "Titillium Web", sans-serif;
    font-weight: 200;
    font-style: normal;
}


.doc .source-toolbox {
    font-family: "Titillium Web", sans-serif;
}

.doc .conum[data-value] {
    font-family: "Titillium Web", sans-serif;
}

.doc .admonitionblock td.content {
    background-color: transparent;
}

.navbar {
    background: #0075bf;
    color: #fff;
}

/* --- Increase the width of the navbar so we can place more things in a deeper hierarchy --- */
@media screen and (min-width: 769px) {
    .nav-container {
        width: 18rem;
    }
}

/* nicer styling for navigation: All spans are "empty" links and do not carry content, thus they're given a … */
nav.nav-menu li.nav-item span:after{
    content: " …";
    }

/* Styling for external links based on target=_blank from the shorthand (^) in the link description (see https://docs.asciidoctor.org/asciidoc/latest/macros/link-macro-attribute-parsing/#blank-window-shorthand) */
.body a[target="_blank"]:after{
  content: ' ⇗';
}

/* slightly adjusted sizes down to H5 so we can style things properly */
.body h3{
    font-size: 1.2rem;
}

.body h4{
    font-size: 1.1rem;
}

.body h5{
    font-weight: 500;
    font-size: 1.00rem;
}


/* Hide the nav-panel since it's not useful for us at the moment */

div.nav-panel-explore {
    display: none;
}

@media print {
    .body a {
        text-decoration: underline;
    }
    .body a:after {
        /* mark links as such in print (but don't print internal URLs) */
        content: " ⇗";
    }

    .body a[target="_blank"] {
        text-decoration: none;
    }
    .body a[target="_blank"]:after {
        /* print the content of the href attribute (=the link) for external links after the link itself */
        content: " ⇗[" attr(href) "] ";
        font-family: monospace;
        text-decoration: none;
        font-size: 0.85rem;
        white-space: nowrap;
    }
    .navbar-brand a{
        /* make sure the headline is legible */
        color: #000 !important;
    }

     .navbar-brand a img{
        /* non-inverted logo to print */
        content: url(../img/disy-logo-rgb.png);
        height: 2em;
    }

    table {
        /* don't split tables across pages if possible. */
        page-break-inside: avoid;
        table-layout: fixed; /* makes the text-overflow function with percentage widths on the td or th */
        width: 95% !important;
       }

    .admonitionblock .content{
        border: 1px solid black;
    }
}

/* Mark Disy-internal sections. */
:is(.sect2, .sect3, dt, .admonitionblock):has([id='disy-internal']) {
    background-color: #ffc;
    margin-inline: -1rem;
    padding: .5rem 1rem;
    position: relative;

    /* Add the "Disy internal" batch. */
    &::before {
        position: absolute;
        inset: .5rem 1rem auto auto;
        content: '🔒 Disy internal';
        font-size: x-small;
        font-style: normal;
    }

    /* Remove unwanted additional space between <dt> and <dd>. */
    & + dd {
        background-color: #ffc;
        margin: -.5rem -1rem -.5rem .5rem;
        padding: 0 1rem .5rem;
    }
}

/* Make the table of contents panel to the right of the text a bit wider so more headers can fit without wrapping */
@media screen and (min-width: 1216px) {
    aside.toc.sidebar {
        flex-basis: 17rem;
    }
}