/* roboto-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-mono-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-mono-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v22-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-mono-v22-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-mono-v22-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v22-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v22-latin-italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-mono-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-mono-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v22-latin-700.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-mono-v22-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-mono-v22-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v22-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v22-latin-700italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

:root {
    --md-text-font: "Roboto";
    --md-code-font: "Roboto Mono";
}

/* Add the matching padding they forgot at the bottom of the page */
.md-main__inner { margin-bottom: 1.5rem; }

/* Workaround for them using :first-child in the header topic for no good reason */
.md-header__topic { font-weight: 700; }

/* Make headings stand out more */
.md-typeset h1 { font-weight: 700; color: var(--md-typeset-color); }
.md-typeset h2 { font-weight: 700; border-bottom: 2px solid var(--md-typeset-color); padding-bottom: 4px; }
.md-typeset h3 { font-weight: 700; }
.md-typeset h4 { font-weight: 700; }
.md-typeset h5 { font-weight: 700; }

/* Make links in main text underlined so you actually know they're clickable */
.md-typeset a { text-decoration: underline; }
.md-typeset a:hover { text-decoration: none; }

/* Also make the "more on this page" text underlined so you know it's clickable */
.md-search-result__more summary div { text-decoration: underline; }

/* Implement a highlight behind search results instead of changing text color */
.md-search-result mark {
    color: var(--md-default-fg-color--light);
    text-decoration: none;
    background-color: var(--md-search-highlight-color);
}

.juxtapose {
    margin-bottom: 1rem;
}

.jx-knightlab {
    display: none !important;
}

img[alt$=">"] {
    float: right;
    display: inline-block;
    padding-left: 10px;
}

img[alt$="<"] {
    float: left;
    display: inline-block;
    padding-right: 10px;
}

img[alt$="><"] {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    float: none!important;
}

.lslide {
    margin: 0px !important;
    text-align: center;
}

.hiddenc {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

pre {
    overflow-x: auto;
}

ol#inline-slides-text li {
    list-style-position: inside;
}

@media screen and (max-width: 1020px) {
    div[class^="inline-slides"] {
        flex-wrap: wrap;
    }
}

div[class^="inline-slides"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div[class^="inline-slides"]>div[id^="image-slider-container"] {
    margin-left: 10px;
    flex-shrink: 1;
}

h3#all-settings+p+div table tbody tr>td:nth-child(2) {
    max-width: 300px;
    overflow: auto;
    word-break: break-word;
    white-space: break-spaces;
}

h3#all-settings+p+div table tbody tr>td:nth-child(3) {
    max-width: 600px;
    overflow: auto;
    word-break: break-word;
    white-space: break-spaces;
}

h3#all-settings+p+div table tbody tr>td:nth-child(5) {
    max-width: 300px;
    overflow: auto;
    word-break: break-word;
    white-space: break-spaces;
}

h3#all-settings+p+div table tbody tr>td:nth-child(6) {
    max-width: 500px;
    overflow: auto;
    word-break: break-word;
    white-space: break-spaces;
}

.md-grid {
    max-width: 95%;
}


/*
Internally, the theme uses an --md-hue variable to determine the "accent color" and then calculates all other colors
based off of that value depending on the element's usage. This doesn't actually work that well and it's a huge pain to
work with because most people can't answer "What does 54% of this slightly-bluish green color look like?" when they're
designing. So, below, I've replaced a whole bunch of these values with RGBs to force the theme to stop being bad in
multiple different contexts.

Since we also don't use variables for any of the colors, I'm putting a list of them below. We have based the entire
theme off of variants of the Binary Ninja Red color (which is our main accent):

Sea Salt                #FAFAFA         hsla(var(--md-hue),5%,98%,1)
White Smoke             #F3F1F1         hsla(var(--md-hue),8%,95%,1)
Platinum                #EBE1E0         hsla(var(--md-hue),20%,90%,1)
Binary Ninja            #D63826         hsla(var(--md-hue),70%,49%,1)
Rosewood                #57160F         hsla(var(--md-hue),70%,20%,1)
Jet                     #2B2727         hsla(var(--md-hue),5%,16%,1)
Night                   #1B1818         hsla(var(--md-hue),5%,10%,1)
 */

[data-md-color-scheme="slate"] {
    --md-hue: 6;
    --md-default-bg-color: #2B2727;
    --md-default-fg-color: #F3F1F1;
    --md-default-fg-color--light: #F3F1F1C0;  /* Change the alpha to be not so transparent */
    --md-primary-fg-color: #D63826;
    --md-primary-fg-color--light: #EBE1E0;
    --md-primary-fg-color--dark: #57160F;
    --md-code-bg-color: #1B1818;
    --md-code-fg-color: #EBE1E0;
    --md-typeset-color: #F3F1F1;
    --md-typeset-a-color: #D63826;
    --md-nav-primary: #D63826;
    --md-search-highlight-color: #57160F;
}

[data-md-color-scheme="binja"] {
    --md-hue: 6;
    --md-default-bg-color: #FAFAFA;
    --md-default-fg-color: #1B1818;
    --md-default-fg-color--light: #1B1818C0;  /* Change the alpha to be not so transparent */
    --md-primary-fg-color: #D63826;
    --md-primary-fg-color--light: #EBE1E0;
    --md-primary-fg-color--dark: #57160F;
    --md-code-bg-color: #F3F1F1;
    --md-code-fg-color: #2B2727;
    --md-typeset-color: #1B1818;
    --md-typeset-a-color: #D63826;
    --md-nav-primary: #D63826;
    --md-search-highlight-color: #EBE1E0;
}


/* Experimenting
.md-sidebar--secondary {
    order: 0;
}
*/
