/* ==========================================================================
   Pathfinder / D&D colour palette
   ========================================================================== */

:root {
    /* Backgrounds */
    --bgtan: #F7F2E5;
    --bgtan2018: #F9EFD6;
    --pagegold: #B89A67;

    /* Type */
    --titlered: #58180D;
    --titlegold: #C9AD6A;
    --rulered: #9C2B1B;
    --contourgray: #CACCBE;

    /* Trim */
    --brgreen: #E8E6DC;
    --phb-light-green: #E0E5C1;
    --phb-light-cyan: #B5CEB8;
    --phb-mauve: #DCCCC5;
    --phb-tan: #E5D5AC;
    --dmg-lavender: #E3CED3;
    --dmg-coral: #F3D7C1;
    --dmg-slate-gray: #DBE4E4;
    --dmg-lilac: #D7D4D6;
}


/* ==========================================================================
   Bookinsanity
   ========================================================================== */

@font-face {
    font-family: "Bookinsanity";
    src: url("../fonts/Bookinsanity.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Bookinsanity";
    src: url("../fonts/Bookinsanity Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Bookinsanity";
    src: url("../fonts/Bookinsanity Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Bookinsanity";
    src: url("../fonts/Bookinsanity Bold Italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
}

/* ==========================================================================
   Nodesto Caps Condensed
   ========================================================================== */

@font-face {
    font-family: "Nodesto";
    src: url("../fonts/Nodesto Caps Condensed.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Nodesto";
    src: url("../fonts/Nodesto Caps Condensed Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Nodesto";
    src: url("../fonts/Nodesto Caps Condensed Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Nodesto";
    src: url("../fonts/Nodesto Caps Condensed Bold Italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
}

/* ==========================================================================
   Mr Eaves Small Caps
   ========================================================================== */

@font-face {
    font-family: "Mr Eaves Small Caps";
    src: url("../fonts/Mr Eaves Small Caps.woff2") format("woff2");
}

/* ==========================================================================
   Scaly Sans
   ========================================================================== */

@font-face {
    font-family: "Scaly Sans";
    src: url("../fonts/Scaly Sans.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Scaly Sans";
    src: url("../fonts/Scaly Sans Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Scaly Sans";
    src: url("../fonts/Scaly Sans Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Scaly Sans";
    src: url("../fonts/Scaly Sans Bold Italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
}

/* ==========================================================================
   Scaly Sans Caps
   ========================================================================== */

@font-face {
    font-family: "Scaly Sans Caps";
    src: url("../fonts/Scaly Sans Caps.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Scaly Sans Caps";
    src: url("../fonts/Scaly Sans Caps Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Scaly Sans Caps";
    src: url("../fonts/Scaly Sans Caps Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Scaly Sans Caps";
    src: url("../fonts/Scaly Sans Caps Bold Italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
}

/* ==========================================================================
   Solbera Imitation
   ========================================================================== */

@font-face {
    font-family: "Solbera Imitation";
    src: url("../fonts/Solbera Imitation.woff2") format("woff2");
}

/* ==========================================================================
   Dungeon Drop Case
   ========================================================================== */

@font-face {
    font-family: "Dungeon Drop Case";
    src: url("../fonts/Dungeon Drop Case.woff2") format("woff2");
}

/* ==========================================================================
   Zatanna Misdirection
   ========================================================================== */

@font-face {
    font-family: "Zatanna Misdirection";
    src: url("../fonts/Zatanna Misdirection.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Zatanna Misdirection";
    src: url("../fonts/Zatanna Misdirection Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Zatanna Misdirection";
    src: url("../fonts/Zatanna Misdirection Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Zatanna Misdirection";
    src: url("../fonts/Zatanna Misdirection Bold Italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
}

/* ==========================================================================
   Material for MkDocs assignments
   ========================================================================== */

/* Main page background */

body,
.md-main,
.md-content {
    background-color: var(--bgtan2018);
}

/* Header bar*/

:root {
    /*--md-primary-fg-color: var(--pagegold);*/
    --md-primary-fg-color: var(--titlered);
}

.md-header {
    border-bottom: 5px solid var(--titlegold);
}

/* links */
.md-typeset a {
    color: var(--rulered);
}

/* nav and sidebar*/

.md-nav__title {
    color: var(--titlered) !important;
    background: transparent !important;
    font-family: "Mr Eaves Small Caps", serif;
    font-size: 1rem;
}

.md-nav__title {
    box-shadow: none !important;
}


/*.md-sidebar__inner {
    background: var(--bgtan) !important;
}*/

/*.md-nav {
    background: hotpink !important;
}*/


/* colors */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    color: var(--titlered);
}


.md-typeset h1 {
    border-bottom: 2px solid var(--titlegold);
    padding-bottom: 0.2em;
}

.md-typeset h2 {
    border-bottom: 1px solid var(--titlegold);
    padding-bottom: 0.1em;
}

/* fonts*/

:root {
    --md-text-font: "Bookinsanity";
}

body,
.md-typeset {
    font-family: "Bookinsanity", serif;
}

h1,
.md-typeset h1 {
    font-family: "Nodesto", serif;
    font-size: 2.5rem;
}

h2,
h3,
h4,
h5,
h6,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-family: "Mr Eaves Small Caps", serif;
}


/* Tables *

.md-typeset table:not([class]) {
    background-color: var(--bgtan);
}

.md-typeset table:not([class]) th {
    background-color: var(--titlered);
    color: white;
}

.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
    border-color: var(--pagegold);
}
*/


.md-typeset table:not([class]) {
    background-color: var(--bgtan);
    border: 1px solid var(--pagegold);
    font-family: "Scaly Sans", sans-serif;

}

.md-typeset table:not([class]) th {
    background-color: var(--titlered);
    color: var(--bgtan2018);
    /*font-family: "Zatanna Misdirection", sans-serif;*/
    font-family: "Scaly Sans Caps", sans-serif;
    font-weight: normal;
}

.md-typeset table:not([class]) td {
    background-color: var(--bgtan);
}

.md-typeset table:not([class]) tr:nth-child(even) td {
    background-color: #f4ead2;
}

/* admonitions */



.md-typeset details.note {
    background-color: var(--bgtan);
    border: 1px solid var(--pagegold);
}

/*.md-typeset details.note summary {
    background-color: var(--titlered);
    color: var(--bgtan2018);
    font-family: "Mr Eaves Small Caps", serif;
}*/

/* remove ugly blue pencil thingy */
.md-typeset details.note > summary::before {
    display: none !important;
}

/* turn the arrow red */
.md-typeset details summary::after {
    color: var(--titlered) !important;
}

.md-typeset details.note summary {
    background-color: var(--phb-tan);
    color: var(--titlered);
}

.md-typeset details.note .admonition-content,
.md-typeset details.note > div {
    background-color: var(--bgtan);
}