/* We use the banner as logo, let it grow horizontally as necessary */
/*.md-header__button.md-logo img, .md-header__button.md-logo svg {
    width: unset;
}*/

/* Allow more space for the article */
.md-grid { max-width: 75rem; /* default: 61 */ }

/* Indent blockquotes and make the border less annoying (less dominant) */
.md-typeset blockquote {
    border-left-style: dotted;
    margin-left: 2em;
}

/* Remove margin from list items */
.md-typeset ol li, .md-typeset ul li {
    margin-bottom: unset;
}

/* Remove margin from nested lists */
.md-typeset ol li ol, .md-typeset ol li ul, .md-typeset ul li ol, .md-typeset ul li ul {
    margin-top: unset;
    margin-bottom: unset;
}

/* no logo */
/*.md-header__button.md-logo { display: none; }*/

/* Hide the silly navigation thingies */
.md-footer__inner, .md-footer__inner:not([hidden]) { display: none; }

/* Colours */
/*:root { --md-primary-fg-color: #eb3300; }
header.md-header, nav.md-grid, nav.md-tabs { background-color: #0c2340; }
.md-header, .md-header nav.md-search__options { background-color: unset; }*/

/* "Fix" tables: add inner borders, make padding a bit less excessive */
table:not([class]) { border-collapse: collapse; }
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th { padding: .5em 0.75em; border: .05rem solid var(--md-typeset-table-color); }

/* "Fix" tables: reduce minimal column width */
.md-typeset table:not([class]) th { min-width: 3rem; }

/* git info at bottom of article */
.ff-gitinfo {
    border-top: .05rem solid var(--md-default-fg-color--lightest);
    margin-top: 2em; padding: 0.15em 0.5em;
    font-size: 85%; line-height: 1em; color: var(--md-default-fg-color--light);
 }
 .ff-gitinfo:not(:hover) a { color: var(--md-default-fg-color--light); }
 .ff-gitinfo:hover { color: unset; white-space: unset; }

.ff-menu1 { border: 1px dashed #000; padding: 0.25em; margin: 2em auto; width: 300px; }
.ff-menu1 p { font-size: 85%; letter-spacing: 0.4em; color: #777777; text-align: center; margin: 0; }

.ff-reklame { text-align: center; margin: 2em 0; }
.ff-reklame p { margin: 0; display: inline-block; }
.ff-reklame-content  { border: 1px dashed #000; margin: 0 auto; display: inline-block; padding: 0.25em 0.5em; }

h1 + .ff-subtitle { margin-top: -3em; color: var(--md-default-fg-color--light); font-style: italic; }

.ff-gallery {
}
.ff-gallery-frame {
    background-color: #fff;
    border: 0.1em solid #aaa;
    display: inline-block;
    vertical-align: top;
    padding: 0.25em;
    margin: 0.25em;
    position: relative;
}
.ff-gallery-frame:hover {
    background-color: #faa;
}
.ff-gallery-crop {
    width: 10em;
    height: 10em;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    word-wrap: break-word;
}

img.ff-gallery-thumb {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* undo .md-typeset */
    max-width: unset;
}

.sl-overlay { background: #000; }
.sl-wrapper .sl-image .sl-caption { padding: 0.15em 0.25em; font-size: unset; background: rgba(0,0,0,0.6); }
.sl-wrapper .sl-image { background-color: var(--md-code-bg-color); }
