/* SANS Electronic Workbook styles: custom.css

    Style customizations can be made in this file and will override those
    declared in html.css and pdf.css.
    WARNING: Do not override font face and size, colors, or other core design
    elements. Any such modifications may be ignored during the downstream HTML
    and PDF production process.

    In general, if you're not sure whether a customization will "stick", contact
    SROC for assistance.
   */

:root {
    /* DFIR */
    --sans-primary-color: #40474f;
    --sans-secondary-color: #242930;
    --sans-primary-text-color: #ffffff;
    --sans-secondary-text-color: #eeeeee;

    /* play icon for custom admonishment */
    --md-admonition-icon--play: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z" /></svg>');
}

.md-typeset h1 {
    margin-top: 15px;
}

img.icon {
    width: 65px;
    border-style: none;
    float: right;
    margin-right: 5px;
    vertical-align: middle;
}

img.srl-logo {
    background: black;
    padding: 15px;
    border-radius: 10px;
}

.md-header__button.md-logo img {
    border: none;
}

.md-typeset .admonition.play,
.md-typeset details.play {
    border-color: rgb(255, 50, 50);
}
.md-typeset .play > .admonition-title,
.md-typeset .play > summary {
    background-color: rgba(255, 50, 50, 0.1);
    border-color: rgb(255, 50, 50);
}
.md-typeset .play > .admonition-title::before,
.md-typeset .play > summary::before {
    background-color: rgb(255, 50, 50);
    -webkit-mask-image: var(--md-admonition-icon--play);
    mask-image: var(--md-admonition-icon--play);
}

/* fix code block line numbers when in dark mode */
/* needs to be synced to template eventually */
[data-md-color-scheme="slate"] {
    /* adjust text color for dark mode */
    .md-typeset table tr:nth-child(odd) td.linenos {
        background-color: black;
    }
}

/* only force these styles for the printed version */
@media print {
    /* hide the "play" admonition, which is used for asciinema embeds in FOR572 */
    .admonition.play {
        visibility: hidden;
        height: 0px;
    }

    /* allow code to break anywhere in print form.
       this prevents long lines from breaking in the PDF */
    .md-typeset code,
    .md-typeset table td,
    .md-typeset table:not([class]) td code {
        word-wrap: anywhere;
        white-space: pre-wrap;
    }

    /* permit page breaking within an admonition */
    .md-typeset :is(.admonition,details) {
        page-break-inside: auto;
    }
}
