@font-face {
  font-family: SpaceGrotesk;
  src: url(spacegrotesk.ttf);
}

@font-face {
  font-family: Saiba;
  src: url(saiba-45.ttf);
}

@media print{
  @page {
    background-color: var(--md-default-bg-color) !important;
    color: var(--md-default-fg-color) !important;
  }
}

:root [data-md-color-scheme=slate] {
  --md-primary-fg-color:        #e0e0e0;
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark:  #d0d0d0;

  --md-primary-bg-color: #101010;
  --md-primary-bg-color--light: #1f1f1f;
  --md-primary-bg-color--dark: #000000;

  --md-default-fg-color: #ffffffb0;
  --md-default-fg-color--light: #ffffff90;
  --md-default-fg-color--lighter: #ffffff70;
  --md-default-fg-color--lightest: #ffffff40;

  --md-default-bg-color: #1f1f1f;
  --md-default-bg-color--light: #222222;
  --md-default-bg-color--lighter: #262626;
  --md-default-bg-color--lightest: #292929;

  --md-accent-fg-color: #42d5d5e0;
  --md-accent-fg-color--transparent: #00eeeea0;
  --md-accent-fg-color--dark: #31e1e1e0;
  --md-accent-bg-color: #bb86fc80;
  --md-accent-bg-color--light: #bb86fc80;

  --md-hue: 225deg;

  --md-typeset-color: var(--md-default-fg-color);
  --md-typeset-a-color: var(--md-primary-fg-color);
  --md-typeset-del-color: #f5503d26;
  --md-typeset-ins-color: #0bd57026;
  --md-typeset-kbd-color: #fafafa;
  --md-typeset-kbd-accent-color: #fff;
  --md-typeset-kbd-border-color: #b8b8b8;
  --md-typeset-mark-color: #ffff0080;
  --md-typeset-table-color: #0000001f;
  --md-typeset-table-color--light: rgba(0, 0, 0, .035);

  --md-admonition-fg-color: var(--md-default-fg-color);
  --md-admonition-bg-color: var(--md-default-bg-color);

  --md-admonition-fg-color--info: var(--md-accent-fg-color);
  --md-admonition-bg-color--info: var(--md-default-bg-color);

  --md-admonition-fg-color--question: var(--md-accent-fg-color);
  --md-admonition-bg-color--question: var(--md-default-bg-color);

  --md-warning-fg-color: #000000de;
  --md-warning-bg-color: #ff9;

  --md-footer-fg-color: #fff;
  --md-footer-fg-color--light: #ffffffb3;
  --md-footer-fg-color--lighter: #ffffff73;
  --md-footer-bg-color: #00000000;
  --md-footer-bg-color--dark: #00000030;

  --md-shadow-z1: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
  --md-shadow-z2: 0 0.2rem 0.5rem #0000001a, 0 0 0.05rem #00000040;
  --md-shadow-z3: 0 0.2rem 0.5rem #0003, 0 0 0.05rem #00000059;
}

:root [data-md-color-scheme=slate] .md-content h1 {
	color: var(--md-accent-fg-color--dark);
}

:root [data-md-color-scheme=slate] .md-content h2,
:root [data-md-color-scheme=slate] .md-content h3,
:root [data-md-color-scheme=slate] .md-content h4 {
	color: var(--md-accent-fg-color);
}

:root .md-content a {
	border-bottom: 1px dotted;
}

:root [data-md-color-scheme=slate] .md-content a {
	border-bottom-color: white;
}

:root a[title="Site PDF"] {
	border-bottom: none;
	padding: 0px;
	margin: 0px;
	> svg {
		width: 40px;
	}
}

:root [data-md-color-scheme=slate] .md-search__input::placeholder {
	color: var(--md-primary-fg-color) !important;
}

:root [data-md-color-scheme=slate] .md-search__icon {
	color: var(--md-primary-fg-color) !important;
}

:root [data-md-color-scheme=slate] .md-search__form {
	color: var(--md-primary-fg-color) !important;
	background-color: var(--md-primary-bg-color--light) !important;
}

:root [data-md-color-scheme=slate] .md-search-result__meta {
	color: var(--md-primary-fg-color);
	background-color: var(--md-primary-bg-color);
}


:root [data-md-color-scheme=slate] .md-header {
    border-bottom: 1px solid #333;
}

:root [data-md-color-scheme=slate] .md-header__title {
	color: var(--md-primary-fg-color);
	font-family: Saiba, monospace;
	font-size: 1.4rem;
	margin-left: -0.4rem;
}

:root [data-md-color-scheme=slate] .md-header .md-logo img {
	margin-left: 0.4em;
	height: 1.4rem;
}

:root [data-md-color-scheme=slate] .md-nav__link {
    /* color: #9cdcfe; */
}

:root [data-md-color-scheme=slate] .md-nav__item--active > .md-nav__link {
	/* text-shadow: 0 0 3px #f44747; */
	/*color: #00ffff;*/
	font-weight: bold;
}

:root [data-md-color-scheme=slate] .md-header__title span {
	padding: 0px 5px;
}

/*:root [data-md-color-scheme=slate] .md-sidebar--primary .md-nav__title:nth-child(1)::after {
	content: "A/D";
}*/

:root [data-md-color-scheme=slate] .hltext {
	color: var(--md-primary-fg-color);
}

:root [data-md-color-scheme=slate] .notice {
	text-shadow: 0 0 3px #ffffff;
}

:root .md-typeset details {
	font-size: 0.7rem;
}


:root details[open] > summary:first-of-type {
	margin-bottom: 0.5em;
}

:root details[open] {
	padding-bottom: 0.5em;
}

:root details.simple {
	border-color: #00b8d4;
	background-color: var(--md-admonition-bg-color);
}

:root details.simple summary {
	background-color: #00b8d41a;
	padding: 0.5em 1em;
	font-size: 1em;
}

:root details.simple summary::before {
	display: none;
}

:root [data-md-color-scheme=slate] {
	div.md-typeset__table {
		width: 100%;
	}
	table:not([class]) {
		border: none;
		line-height: 1;
		font-size: 0.75rem;
		width:100%;
		display:table;
	}
	table:not([class]) td {
		border-top: solid grey 1px;
	}
	table:not([class]) td:nth-child(1),
	table:not([class]) th:nth-child(1) {
		border-right: solid grey 1px;
	}
	td, th {
		min-width: unset;
	}
	td, th, tr {
		border-color: white;
	}
}

:root pre {
	margin: 0.6em 0;
}

:root div.admonition {
	font-size: 0.87em;
}

:root [data-md-color-scheme=slate] .md-search-result__link:hover {
	background-color: #00eeee40;

	code {
		background-color: unset;
	}
}

:root [data-md-color-scheme=slate] {
	.md-nav ul li:nth-child(1) {
		font-weight: 700;
	}

	nav > label[for=__drawer] {
		padding: 8px;
		color:white;
		font-family: Saiba, monospace;
		font-size: 2rem;
		text-align: center;
		a.md-logo {
			padding:0px;
		}
		/*
		a.md-logo {
			width: 100%;
			height: calc(100% - 20px);
			padding: 10px;
			display:block;
		}
		a.md-logo img {
			width: 100%;
			height:100%;
		}*/
	}
	header > nav .md-header__button {
		color: white;
	}
}

.md-source {
	color: white;
}

.hl-success > code {
	color: #18d018;
}

.hl-recovering > code {
	color: #54b1e8;
}

.hl-mumble > code {
	color: #e1912a;
}

.hl-offline > code {
	color: #c40c0c;
}

.hl-error > code {
	color: #dddddd;
}

details.question {
	border-color: var(--md-accent-fg-color) !important;
	background-color: var(--md-admonition-bg-color) !important;
}

.question > summary {
	background-color: #00b8d41a !important;
}

.question > summary::before {
	background-color: var(--md-accent-fg-color) !important;
}

.question > summary::after {
	background-color: var(--md-accent-fg-color) !important;
}