/* CSS common to MAE generated documents in MAE system */
/* Copyright (c) 2018 HanoverSoft */

.newpage { page-break-after:always; }

@media print {
    hr { visibility: hidden; }
}

/* Page frame - readable typography and a centered content column.  Shared by
   all generated HTML documents. */

body {
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #24292f;
    background-color: #fbfbfa;
    max-width: 60em;
    margin: 1.5em auto;
    padding: 0 1.5em;
}

a {
    color: #0b57d0;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Section headings (H2..H6 elements; H0/H1 keep their module trade dress below) */
h2, h3, h4, h5, h6 {
    color: #1a1a2e;
    line-height: 1.25;
    font-weight: 600;
    margin-top: 1.4em;
    margin-bottom: .5em;
}
h2 { font-size: 1.5em;  border-bottom: 1px solid #e2e4e8; padding-bottom: .2em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.05em; }
h5 { font-size: 1em; }
h6 { font-size: .95em; color: #57606a; }

/* Basic Styles */

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.bold-italic {
    font-weight: bold;
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.us {
    text-decoration: underline;
}

.width-full {
    width: 100%;
}

.width-half {
    width: 5%;
}

.width-third {
    width: 33%;
}

.width-quarter {
    width: 25%;
}

/* Headings */

.H0 {
    clear: left;
    font-size: 3em;
    font-family: MedievalSharp, "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    margin-top: 5em;
    margin-left: 10%;
    width: 80%;
}

.H1 {
    clear: left;
    font-size: 2em;
    font-family: MedievalSharp, "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    margin-top: .5em;
    margin-bottom: .5em;
}

.H2 {
}

.H3 {
}

.H4 {
}

.H5 {
}

.H6 {
}

/* Document Column Layout */

.Text-1column {
    margin-top: .5em;
    clear: left;
}

.Text-2column {
    margin-top: .5em;
    columns: 2 300px;
    -moz-columns: 2 300px;
    -webkit-columns: 2 300px;
    clear: left;
}

.Text-3column {
    margin-top: .5em;
    columns: 3 200px;
    -moz-columns: 3 200px;
    -webkit-columns: 3 200px;
    clear: left;
}

/* Dungeon Module documents */

.author {
    font-size: 1.1em;
}

.copyright {
    font-size: .75em;
}

span.module-description {
    margin-top: 3em;
    font-style: italic;
    border-style: solid;
    border-width: 2px 5px 5px 2px;
    padding: .5em;
}

.interest-heading {
    font-weight: bold;
    font-style: italic;
}

.forGM {
}

.forPlayers {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-style: solid;
    border-width: 0px 3px 0px 3px;
    border-color: gray;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: beige;
}

.booty {
    clear: left;
}

/* Table of Contents */

.ToCTitle {
    font-size: 1.5em;
    margin-bottom: 2em;
    border-bottom: 3px double;
    clear: left;
}

.ToC-1column {
    clear: left;
}

.ToC-2column {
    columns: 2 300px;
    -moz-columns: 2 300px;
    -webkit-columns: 2 300px;
    clear: left;
}

.ToC-3column {
    columns: 3 200px;
    -moz-columns: 3 200px;
    -webkit-columns: 3 200px;
    clear: left;
}

.ToC1 {
    margin-left: 0em;
    margin-top: .5em;
    font-style: oblique;
    font-size: 1.5em;
    clear: left;
    color: black;
}

.ToC1 a:link,a:visited {
    text-decoration: none;
    color: black;
}

.ToC1 a:hover {
    text-decoration: underline;
    color: blue;
}

.ToC2 {
    margin-left: 1em;
    clear: left;
    color: black;
}

.ToC2 a:link,a:visited {
    text-decoration: none;
    color: black;
}

.ToC2 a:hover {
    text-decoration: underline;
    color: blue;
}

.ToC3 {
    margin-left: 2em;
    clear: left;
    color: black;
}

.ToC3 a:link,a:visited {
    text-decoration: none;
    color: black;
}

.ToC3 a:hover {
    text-decoration: underline;
    color: blue;
}

.ToC4 {
    margin-left: 3em;
    clear: left;
    color: black;
}

.ToC4 a:link,a:visited {
    text-decoration: none;
    color: black;
}

.ToC4 a:hover {
    text-decoration: underline;
    color: blue;
}

.ToC5 {
    margin-left: 4em;
    clear: left;
    color: black;
}

.ToC5 a:link,a:visited {
    text-decoration: none;
    color: black;
}

.ToC5 a:hover {
    text-decoration: underline;
    color: blue;
}

/* Index */

.Index {
    font-size: 1.5em;
    margin-bottom: 2em;
    border-bottom: 3px double;
    clear: left;
}

.Index-1column {
    margin-top: .5em;
    clear: left;
}

.Index-2column {
    margin-top: .5em;
    columns: 2 300px;
    -moz-columns: 2 300px;
    -webkit-columns: 2 300px;
    clear: left;
}

.Index-3column {
    margin-top: .5em;
    columns: 3 200px;
    -moz-columns: 3 200px;
    -webkit-columns: 3 200px;
    clear: left;
}

.index-entry {
    clear: left;
    color: black;
    padding-left: 22px ;
    text-indent: -22px ;
}

.index-name {
    font-style: italic;
    margin-right: 2em;
}

.index-ref {
    color: black;
}

.index-ref a:link,a:visited {
    text-decoration: none;
    color: black;
}

.index-ref a:hover {
    text-decoration: underline;
    color: blue;
}

/* Character Stat Sheets */

.charsheet-mast {
    width: 100%;
}
.charsheet-mast td {
    width: 33%;
}
.charsheet-stats-table {
    width: 100%;
}
.charsheet-name {
    font-size: 150%;
    font-weight: bold;
}
.charsheet-stat {
    font-size: 125%;
    font-weight: bold;
}

/* Setting Sheets */

.setting-mast {
    width: 100%;
}
.setting-mast td {
    width: 33%;
}
.setting-name {
    font-size: 150%;
    font-weight: bold;
}

/* Campaign sheets */

.campaign-log-header {
    font-weight: bold;
    text-decoration: underline;
    line-height: .5;
    clear: left;
}

.campaign-log {
    line-height: .5;
    clear: left;
}

/* wiki page styles */

.wiki-pagetitle {
    font-size: 2.2em;
    font-weight: 700;
    color: #1a1a2e;
    border-bottom: 3px solid #0b57d0;
    padding-bottom: .2em;
    margin-bottom: .3em;
}

.wiki-bullet {
    clear: left;
}
.wiki-number {
    clear: left;
}
.wiki-indent {
    margin-left: 1em;
}
/* Code lines - each preformatted line is its own .wiki-code paragraph, so the
   top/bottom margins stay 0 and top/bottom borders are open, letting adjacent
   lines join into one continuous block.  Neutral gray (not orange) with a
   subtle left accent rail. */
.wiki-code {
    clear: left;
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Courier New", monospace;
    font-size: .9em;
    color: #24292f;
    background-color: #f6f8fa;
    margin-left: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: .15em .8em;
    border-style: solid;
    border-width: 0px 1px 0px 3px;
    border-color: #d0d7de;
    border-left-color: #0b57d0;
    white-space: pre;
    overflow-x: auto;
}

.wiki-table {
    border-collapse: collapse;
    margin: 1em 0;
    border: 1px solid #d0d7de;
}
.wiki-th {
    font-weight: 600;
    text-align: left;
    vertical-align: top;
    background-color: #eaecf0;
    border: 1px solid #d0d7de;
    padding: .4em .7em;
}
.wiki-td {
    vertical-align: top;
    background-color: #ffffff;
    border: 1px solid #d0d7de;
    padding: .4em .7em;
}
/* cells wrap their content in <p>; drop its default margins so cells aren't puffy */
.wiki-th p, .wiki-td p {
    margin-top: 0;
    margin-bottom: 0;
}
.wiki-index {
}
/* Breadcrumb / navigation bar: a light rounded strip with pill shortcuts for
   Index/Home, then the page ancestry as crumbs separated by a "›" glyph that
   CSS inserts between adjacent crumbs (wiki2doc no longer writes literal ">"). */
.wiki-navbar {
    font-size: .85em;
    color: #57606a;
    background-color: #f6f8fa;
    border: 1px solid #e2e4e8;
    border-radius: 6px;
    padding: .45em .8em;
    margin-top: .4em;
    margin-bottom: 1.6em;
}
.wiki-navbar a {
    color: #57606a;
    text-decoration: none;
}
.wiki-navbar a:hover {
    color: #0b57d0;
    text-decoration: underline;
}
.wiki-navbar-index, .wiki-navbar-home {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #d0d7de;
    border-radius: 4px;
    padding: .05em .5em;
    margin-right: .4em;
    font-weight: 500;
}
.wiki-navbar-index a, .wiki-navbar-home a,
.wiki-navbar-index a:hover, .wiki-navbar-home a:hover {
    color: #0b57d0;
}
.wiki-navpart + .wiki-navpart::before {
    content: "\203A";       /* single right-angle quote as crumb separator */
    color: #8c959f;
    margin: 0 .45em;
}
.wiki-navpart-current {
    font-weight: 600;
    color: #24292f;
}
.wiki-indent-0 {
    margin-left: 0em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-1 {
    margin-left: 1em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-2 {
    margin-left: 2em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-3 {
    margin-left: 3em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-4 {
    margin-left: 4em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-5 {
    margin-left: 5em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-6 {
    margin-left: 6em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-7 {
    margin-left: 7em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-8 {
    margin-left: 8em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.wiki-indent-9 {
    margin-left: 9em;
    clear: left;
    color: black;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

/* Die Roll Table */

.die-roll-header {
    vertical-align: top;
    font-weight: bold;
    text-decoration: underline;
}

.die-range-cell {
    vertical-align: top;
    text-align: center;
}

.die-range-cell-banded {
    vertical-align: top;
    background-color: #F0F0F0;
    text-align: center;
}

.die-descr-cell-banded {
    vertical-align: top;
    background-color: #F0F0F0;
}