@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;
    }
}

/* 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;
}

/* Several nice to have things if people want to print things out*/
@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;
    }
}

.admonitionblock .content{
    border: 1px solid #cbcbcb;
}


/* Mark Disy-internal sections. */
.disy-internal {
    background-color: rgba(255, 255, 204, 0.9);
    mix-blend-mode: multiply; /* This allows a textmarker effect by subsequently applying the same color on top of each other. */
    margin-inline: -1rem;
    padding: .5rem 1rem;
    position: relative;

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

span.disy-internal { /* inline internal, some style tweaks */
  padding: 0 0.3rem;
  margin-inline: 0;
    &::before {
        content: '🔒 Disy internal';
        font-size: x-small;
        font-style: normal;
        inset: -0.6rem -0.5rem auto auto;
        position: absolute;
        background-color: rgba(255, 255, 204, 0.9);
}

}

/* 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;
    }
}

/* nicer blockquotes */
.quoteblock{ /* the entire thing */
    padding: 0 !important;
    margin-bottom: 2rem !important;
    margin-top: -0.2rem;
    background: rgba(255, 255, 255, 0.1) !important
    
}
blockquote{ /* the quote itself */
    font-size: 0.85em;
    border: solid 2px;
    padding: 0.65rem 1rem 0.75rem 1rem;
    box-shadow: 11px 11px 0 0 #ffffff,
                13px 13px 0 0 #0075bf,
                13px 09px 0 0 #0075bf,
                09px 13px 0 0 #0075bf;
    margin-bottom: 3rem;
  }
blockquote .paragraph{
    margin-top: 0 !important;
}

.quoteblock li{
    font-style: italic;
}