/**
 * Fonts
 */
@font-face {
    font-family: 'Alegreya';
    src: url('./AlegreyaSansSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Alegreya-Bold';
    src: url('./AlegreyaSansSC-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Alegreya-Medium';
    src: url('./AlegreyaSansSC-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}



/**
 * General styles
 */
h1, h2, h3, h4, h5, h6 {
    color: #1d4587;
    font-family: 'Alegreya-Bold';
    letter-spacing: -0.05em;
}
h1 { font-size: 2.3em }
h2 { font-size: 1.9em; margin: 1em 0 .666em }
h3 { font-size: 1.6em }
h4 { font-size: 1.4em }

div.page h2 {
    border-bottom: 1px solid #1d4587
}

div.docInfo {
    display: none
}



/**
 * Table styling
 */
thead tr th {
    background-color: #FF8C00;
    color: #333;
    font-family: 'Alegreya-Bold';
    font-size: 133%;
    letter-spacing: -.025em;
    padding: .15em .2em;
}
tbody tr th {
    background-color: #9bf;/* #94b3ec;*/
}
.dokuwiki tbody tr th  a.wikilink1 {
    color: #087808;
}
tbody tr th[colspan] {
    font-family: 'Alegreya-Medium';
    font-size: 1.25em;
    padding: .2em .3em;
}
tbody tr:nth-child(2n) {
    background-color: #f8f8f8;
}



/**
 * Extend the WRAP plugin with custom tables
 */
.wrap_attributes table.inline,
.wrap_stats table.inline {
    background: url(./attribute.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    max-height: 8.4vw;
    height: 7.3em;
    max-width: 63vw;
    width: 100%;
}
.wrap_stats table.inline {
    background-image: url(./stats.png);
    max-height: 9.5vw;
}
.wrap_attributes table.inline tr:hover td,
.wrap_stats table.inline tr:hover td {
    background-color: inherit;
}
.wrap_attributes table.inline td,
.wrap_stats table.inline td {
    border: 0;
    font-size: 24px;
    padding-top: .25em;
    text-align: center;
}

.wrap_stats table.inline td {
    font-size: 20px;
    padding: 5.5% 1% 0;
}
.wrap_stats table.inline td.col0 {
    padding-right: 0;
    width: 12.5%;
}
.wrap_stats table.inline td.col1 {
    padding-left: 0;
    width: 12.5%;
}
.wrap_stats table.inline td.col2 {
    width: 25%;
}
.wrap_stats table.inline td.col3,
.wrap_stats table.inline td.col4 {
    padding-right: 12.5%;
    width: 25%;
}
.wrap_tags {
    border-top: 1px dashed #666666;
    color: #666;
    padding: 5px;
    text-align: right;
}
.wrap_tags p::before {
    content: "\f02c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12pt;
    -webkit-font-smoothing: antialiased;
}




/**
 * Print settings
 */
@media print {
    #dokuwiki__header,
    .wrap_tags {
        display: none;
    }

    body {
        font-size: 80%;
    }
    [class^="genesys-"], [class*=" genesys-"] {
        font-size: 12px !important;
    }

    h1, h2, h3, h4 {
        margin-top: 0;
        /* margin-bottom: 0; */
    }
    h3, h4 {
        margin-bottom: 0.25em;
    }
    div.page h1 {
        text-align: center;
        /* margin-bottom: 1em; */
        /* border-bottom: 1px solid #1d4587 */
    }
    div.page h2 {
        /* border: none; */
        /* margin-bottom: .5em; */
    }

    a:link, a:visited {
        border: none;
    }

    thead th {
        padding: 2pt 3pt;
    }
    tbody tr th[colspan] {
        padding: 0 3pt;
    }
    tbody th, tbody td {
        padding: 1pt 3pt;
    }


    /* Monster-includes */
    .inclmeta {
        display: none
    }
    div.page > h1 ~ h1,
    #gegner {
        break-before: page; /* CSS 3 */
        page-break-before: always; /* CSS 2.1 */
    }
    .plugin_include_content {
        break-inside: avoid; /* CSS 3 */
        page-break-inside: avoid; /* CSS 2.1 */
    }

    /**
     * Styles for the WRAP plugin
     */
    .dokuwiki span.wrap_info,.dokuwiki span.wrap_important,.dokuwiki span.wrap_alert,.dokuwiki span.wrap_tip,.dokuwiki span.wrap_help,.dokuwiki span.wrap_todo,.dokuwiki span.wrap_download {
        padding: 0 2px 0 20px;
        min-height: 20px;
        background-position: 2px 50%;
        background-repeat: no-repeat;
        color: inherit;
    }
    .dokuwiki span.wrap_important {
        background-color: #ffd39f;
        background-image: url(/lib/plugins/wrap/images/note/16/important.png);
    }
}