@font-face {
    font-family: 'jersey10';
    src: URL('../styleguide/latest/fonts/jersey-10-latin-400-normal.ttf') format('truetype');
    src: URL('../styleguide/latest/fonts/jersey-10-latin-400-normal.woff') format('woff');
    src: URL('../styleguide/latest/fonts/jersey-10-latin-400-normal.woff2') format('woff2');
}

@font-face {
    src: URL('../styleguide/latest/fonts/Hack.ttf') format('truetype');
}

@font-face {
    font-style: italic;
    font-family: 'Hack';
    src: URL('../styleguide/latest/fonts/Hack-Italic.ttf') format('truetype');
}

@font-face {
    font-weight: bold;
    font-family: 'Hack';
    src: URL('../styleguide/latest/fonts/Hack-Bold.ttf') format('truetype');
}

@font-face {
    font-weight: bold;
    font-style: italic;
    font-family: 'Hack';
    src: URL('../styleguide/latest/fonts/Hack-BoldItalic.ttf') format('truetype');
}


:root {
    --color-dark: #001300;
    --color-dark-tint-01: #2e3d2e;
    --color-dark-tint-02: #5c685c;

    --color-neutral: #ebedf0;
    --color-neutral-shade-01: #c1c2c5;
    --color-neutral-tint-01: #eff0f3;
    --color-neutral-tint-02: #f2f3f5;

    --color-primary-shade-01: #4b7330;
    --color-primary: #75b44b;
    --color-primary-tint-01: #81bb5b;
    --color-primary-tint-02: #8ec26b;
    --color-primary-tint-03: #9ac87c;
    --color-primary-tint-04: #a7cf8c;
    --color-primary-tint-05: #b3d69c;

    --color-additional-01: #15ada3;
    --color-additional-02: #9fa4e8;
    --color-additional-03: #c892d6;
    --color-additional-04: #ee5da2;
    --color-additional-05: #ea6f82;
    --color-additional-06: #f88a30;
    --color-additional-07: #ffbc40;

}

@media (prefers-color-scheme: dark) {
	:root {
		--color-background: var(--color-dark);
		--color-background-tint-01: var(--color-dark-tint-01);
		--color-foreground: var(--color-neutral);
		--color-link: var(--color-primary);
	}
}

@media (prefers-color-scheme: light) {
	:root {
		--color-background: var(--color-neutral);
		--color-background-tint-01: var(--color-neutral-shade-01);
		--color-foreground: var(--color-dark);
		--color-link: var(--color-primary);
	}
  a  {
    background-color: var(--color-dark);
  }
}

.logo {
  width: 250px !important;
}

.wy-body-for-nav, .wy-nav-content{
	font-family:  'Hack', sans;
	background-color: var(--color-background);
	color: var(--color-foreground);
}

.wy-nav-top {
	background-color: var(--color-background);
	color: var(--color-foreground);
}

@media (min-width:600px) {
	.wy-nav-top {
		font-family: 'jersey10';
		font-size: x-large;
		font-weight: 100;
	}
}

.rst-content .section ul li > ul {
	margin-bottom: 0;
	margin-top: 0;
}

.wy-nav-top > a {
	color: var(--color-primary);
}

.rst-content pre code, .rst-content code {
	color: var(--color-foreground);
	background: var(--color-background-tint-01);
	border-color: var(--color-additional-01);
}

* {
	scrollbar-color: var(--color-link) var(--color-background-tint-01) !important;
}

.rst-versions,
.wy-nav-side {
	background-color: var(--color-primary);
	border-right: solid var(--color-primary-tint-01) 4px;
}

.wy-menu-vertical header, .wy-menu-vertical p.caption {
	color: var(--color-primary-tint-05);
}

.wy-side-nav-search  {
	background-color: var(--color-dark);
	margin: 0;
}

.section > ul > li > p > strong:first-child {
	display: block;
	margin-top: 0.75em;
}

.wy-menu-vertical {
	color: var(--color-primary);
	background-color: var(--color-dark);
	font-weight: 600;
}

.wy-menu-vertical a {
	color: var(--color-primary) !important;
}

.wy-menu-vertical li.toctree-l1 a:hover button.toctree-expand,
.wy-menu-vertical li.toctree-l2 a:hover button.toctree-expand,
.wy-menu-vertical li.toctree-l3 a:hover button.toctree-expand,
.wy-menu-vertical a:hover {
	background-color: var(--color-primary-tint-01) !important;
	color: var(--color-dark) !important;
	border-right: 0px;
}

.wy-menu-vertical li.current {
	background-color: var(--color-primary-tint-02) !important;
}

.wy-menu-vertical li.current a {
	border-right: 0px;
}

.wy-menu-vertical li.toctree-l1 button.toctree-expand,
li.toctree-l1.current > a {
	background-color: var(--color-primary-tint-03);
	color: var(--color-dark) !important;
	border-top: none !important;
	border-bottom: solid var(--color-accent-e) 8px !important;
}

.wy-menu-vertical li.toctree-l2 button.toctree-expand,
li.toctree-l2 > a {
	background-color: var(--color-primary-tint-04) !important;
	color: var(--color-dark) !important;
}

.wy-menu-vertical li.toctree-l3 button.toctree-expand,
li.toctree-l3 > a {
	background-color: var(--color-primary-tint-05) !important;
	color: var(--color-dark)!important;
}



a:visited {
	color: var(--color-link);
}

a {
	color: var(--color-link);
	font-weight: 500;
}

h1 {
	background-color: var(--color-primary);
	color: var(--color-dark);
	padding: 5px;
	font-family: 'jersey10';
	font-size: xxx-large;
	font-weight: 100;
	text-transform: uppercase;
}

h2 {
	background-color: var(--color-additional-01);
}

h3 {
	background-color: var(--color-additional-02);
}

h4 {
	background-color: var(--color-additional-03);
}

h2, h3, h4 {
	color: var(--color-dark);
	padding: 5px;
	font-family: 'Hack';
	font-weight: bold;
	text-decoration-line: underline;
}

#mkdocs-search-results h3 {
	background-color: transparent;
	padding: 0;
}

.rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td, .wy-table-backed, .wy-table-odd td, .wy-table-striped tr:nth-child(2n-1) td {
	color: var(--color-foreground);
	background-color: var(--color-background-tint-01);
}

.rst-content table.docutils:not(.field-list) tr:nth-child(2n) td, .wy-table-backed, .wy-table-odd td, .wy-table-striped tr:nth-child(2n) td {
	color: var(--color-foreground);
	background-color: var(--color-background);
}

.rst-content table.docutils thead, .rst-content table.field-list thead, .wy-table thead {
	color: var(--color-dark);
	background-color: var(--color-additional-01);
}

.rst-content .admonition-title,
.wy-alert-title,
.rst-content .danger .admonition-title,
.rst-content .danger .wy-alert-title,
.rst-content .error .admonition-title,
.rst-content .error .wy-alert-title,
.rst-content .wy-alert-danger.admonition-todo .admonition-title,
.rst-content .wy-alert-danger.admonition-todo .wy-alert-title,
.rst-content .wy-alert-danger.admonition .admonition-title,
.rst-content .wy-alert-danger.admonition .wy-alert-title,
.rst-content .wy-alert-danger.attention .admonition-title,
.rst-content .wy-alert-danger.attention .wy-alert-title,
.rst-content .wy-alert-danger.caution .admonition-title,
.rst-content .wy-alert-danger.caution .wy-alert-title,
.rst-content .wy-alert-danger.hint .admonition-title,
.rst-content .wy-alert-danger.hint .wy-alert-title,
.rst-content .wy-alert-danger.important .admonition-title,
.rst-content .wy-alert-danger.important .wy-alert-title,
.rst-content .wy-alert-danger.note .admonition-title,
.rst-content .wy-alert-danger.note .wy-alert-title,
.rst-content .wy-alert-danger.seealso .admonition-title,
.rst-content .wy-alert-danger.seealso .wy-alert-title,
.rst-content .wy-alert-danger.tip .admonition-title,
.rst-content .wy-alert-danger.tip .wy-alert-title,
.rst-content .wy-alert-danger.warning .admonition-title,
.rst-content .wy-alert-danger.warning .wy-alert-title,
.rst-content .wy-alert.wy-alert-danger .admonition-title,
.wy-alert.wy-alert-danger .rst-content .admonition-title,
.wy-alert.wy-alert-danger .wy-alert-title,
.rst-content .admonition-todo .admonition-title,
.rst-content .admonition-todo .wy-alert-title,
.rst-content .attention .admonition-title,
.rst-content .attention .wy-alert-title,
.rst-content .caution .admonition-title,
.rst-content .caution .wy-alert-title,
.rst-content .warning .admonition-title,
.rst-content .warning .wy-alert-title,
.rst-content .wy-alert-warning.admonition .admonition-title,
.rst-content .wy-alert-warning.admonition .wy-alert-title,
.rst-content .wy-alert-warning.danger .admonition-title,
.rst-content .wy-alert-warning.danger .wy-alert-title,
.rst-content .wy-alert-warning.error .admonition-title,
.rst-content .wy-alert-warning.error .wy-alert-title,
.rst-content .wy-alert-warning.hint .admonition-title,
.rst-content .wy-alert-warning.hint .wy-alert-title,
.rst-content .wy-alert-warning.important .admonition-title,
.rst-content .wy-alert-warning.important .wy-alert-title,
.rst-content .wy-alert-warning.note .admonition-title,
.rst-content .wy-alert-warning.note .wy-alert-title,
.rst-content .wy-alert-warning.seealso .admonition-title,
.rst-content .wy-alert-warning.seealso .wy-alert-title,
.rst-content .wy-alert-warning.tip .admonition-title,
.rst-content .wy-alert-warning.tip .wy-alert-title,
.rst-content .wy-alert.wy-alert-warning .admonition-title,
.wy-alert.wy-alert-warning .rst-content .admonition-title,
.wy-alert.wy-alert-warning .wy-alert-title,
.rst-content .tip .admonition-title,
.rst-content .tip .wy-alert-title,
.rst-content .error .admonition-title,
.rst-content .error .wy-alert-title,
.rst-content .wy-alert-tip.admonition-todo .admonition-title,
.rst-content .wy-alert-tip.admonition-todo .wy-alert-title,
.rst-content .wy-alert-tip.admonition .admonition-title,
.rst-content .wy-alert-tip.admonition .wy-alert-title,
.rst-content .wy-alert-tip.attention .admonition-title,
.rst-content .wy-alert-tip.attention .wy-alert-title,
.rst-content .wy-alert-tip.caution .admonition-title,
.rst-content .wy-alert-tip.caution .wy-alert-title,
.rst-content .wy-alert-tip.hint .admonition-title,
.rst-content .wy-alert-tip.hint .wy-alert-title,
.rst-content .wy-alert-tip.important .admonition-title,
.rst-content .wy-alert-tip.important .wy-alert-title,
.rst-content .wy-alert-tip.note .admonition-title,
.rst-content .wy-alert-tip.note .wy-alert-title,
.rst-content .wy-alert-tip.seealso .admonition-title,
.rst-content .wy-alert-tip.seealso .wy-alert-title,
.rst-content .wy-alert-tip.tip .admonition-title,
.rst-content .wy-alert-tip.tip .wy-alert-title,
.rst-content .wy-alert-tip.warning .admonition-title,
.rst-content .wy-alert-tip.warning .wy-alert-title,
.rst-content .wy-alert.wy-alert-tip .admonition-title,
.wy-alert.wy-alert-tip .rst-content .admonition-title,
.wy-alert.wy-alert-tip .wy-alert-title {
	background-color: var(--color-additional-05);
	color: var(--color-dark);
	font-family: 'jersey10';
}

.rst-content .admonition-title, .wy-alert-title {
	font-weight: 100;
}

.rst-content .admonition,
.rst-content .admonition-todo,
.rst-content .attention,
.rst-content .caution,
.rst-content .danger,
.rst-content .error,
.rst-content .hint,
.rst-content .important,
.rst-content .note,
.rst-content .seealso,
.rst-content .tip,
.rst-content .warning,
.wy-alert {
	background: var(--color-background-tint-01) !important;
}