@font-face{font-family:osw;font-style:normal;font-weight:normal;src:url('../fonts/oswald300.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:normal;src:url('../fonts/openr.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:bold;src:url('../fonts/openb.woff') format('woff');}
@font-face{font-family:fnt;font-style:italic;font-weight:normal;src:url('../fonts/openi.woff') format('woff');}
@font-face{font-family:fnt;font-style:italic;font-weight:bold;src:url('../fonts/openbi.woff') format('woff');}
*{margin:0;padding:0;}
*,*:before,*:after{box-sizing:border-box;}
body{font-family:fnt,sans-serif;font-size:95%;background-color:#fff;}
summary{font-family:osw,sans-serif; font-size:1.3em; position:relative; display:block; padding:0 0 0 1em; color:#fff; line-height:2; cursor:pointer;margin-bottom:5px;}

h1{font-family:osw,sans-serif;font-size:180%;margin-bottom:1em;text-align:center;}
h2{font-family:osw,sans-serif;font-size:130%;margin-bottom:1em;margin-left:1em;text-align:left;font-weight:lighter;color:#66224b;}
h3{font-family:osw,sans-serif;font-size:120%;margin-bottom:.3em;margin-left:1em;text-align:left;font-weight: lighter;color:#000;}
h5{font-family:osw,sans-serif;text-align:center;font-weight:lighter;font-size:100%;}
/* both of these solutions gets rid of the small amount of white space
under images (which is because <img> is 'inline' - effectively text - by default, and the space is to allow for any descenders). The 'display:block' solution works, but the 'vertical-align' approach is more efficient and has fewer side effects */

#header {width:100%; background-color:#EE5736; margiemn-bottom:1em;}
#suburani-logo {width:30%; padding-left:1em;}
#user-icon {padding:0.5em 0.5em 0 0; width:70%;}
#user-name {font-family:fnt;font-size:1.5vw; margin:0;}
#user {float:right;width:7%;}

.story{background:#EE5736;}
.civ{background:#011E62;}
.lang{background:#49AFB8;}
.langprac{background:#F7B532;}
.history{background:#4BA151;}
.myth{background:#671679;}

.nogap{margin:1em;}
.smallgap{margin:.3em 1em;}

#activebook{max-width:45.9em;margin:0 auto;padding:.5em;}
.latin{color:#A93E14;}

/* explorer */
.bordered {border-collapse: collapse;}
.bordered td{border: 2px solid #000;border-collapse:collapse;vertical-align: baseline;padding: 0.2em;}
/* For borderless tables in language note sections. */
.borderless td {border: none; padding-left: 2em; padding-bottom: 0.5em;}
.borderless {font-style: italic;}
.borderless em {font-style: normal;}
.borderless .red {color:#aa4016; font-size:100%;}
.borderless .latin {font-style: normal;}
.nospace td {padding-bottom: 0px;}
.langlist .latin {color:#000; font-size: 100%; font-weight: bold;}
.langlist .latin .colour{color:#aa4016;font-weight:bold; font-size: 100%;}
.langlist li {font-weight:bold !important;padding-inline-start:1em;margin-left: 2em;}
.langlist li > *, .langlist li > * > * {font-weight:normal;}
.largegap li {margin-bottom: 0.5em;}
.indented {margin-left: 2em;}
.boxlist {margin-left: 1.3em; padding: 0.5em;}
.langprac .langlist {padding-bottom: 1em;}
.letters {list-style-type:lower-alpha;line-height:1;}
.letters li {padding-bottom: 0.8em; margin-left: 3.5em; padding-left: 0.3em;}
.boldnumber li {font-weight:bold;padding-inline-start:1em;margin-left: 2.5em; padding-left:0em;}
.boldnumber li > *, .boldnumber li > * > * {font-weight:normal;}
.boldnumber .latin{color:#aa4016;font-weight:bold;}
/* All these relate to lists: langlist is used in language note sections and boldnumber outside of them. */
.grammar td {background-color: #ffffff;border: 1px solid #c4c5c7;padding-left: 0.5em;padding-right: 2em;}
.grammar td .latin {font-weight: normal;}
.grammar {border-collapse: collapse;margin: 1em;}
.grammar .heading, .grammar .heading td {background-color: #c2a7b7;}
.grammar .heading2, .grammar .heading2 td {background-color: #e0d3db;font-style: italic;}
.grammar .empty {background-color: #fff !important; border: none;}
.grammar .filler {background-color: #c2a7b7 !important; padding-right: 0em; border: none;}
/* For grammar-related tables ——— Barnaby */
.standardtable td {background-color: #ffffff;border: 1px solid #c4c5c7;text-align: left;vertical-align: baseline;}
.standardtable {border-collapse: collapse;margin: 0.5em;}
.standardtable .indent {margin-left: 2em;}
.standardtable em {font-style: normal;font-weight: bold;}
.smallbullet {margin-left: 28px; margin-top: 0px; list-style-type: disc; font-size: 60%; vertical-align: top;}
.smallbullet span {font-size: 166.6%; padding-left: 1em; vertical-align: sub; margin-top:5px;}
/* For 'AD' and 'BC', which are specially formatted */
.adbc {font-size: 80%;};

.borderless td {vertical-align: baseline;}

.vocab td {padding:0.2em 0.2em 0.2em 1.2em; min-width: 10em;}

td .italic, .italictd {font-style: italic;}

td .normal {font-style: normal;}

.small {font-size:90%; text-align: center;}

.center {text-align: center;}

.bold {font-weight: bold;}

#adjectives td {padding-right: 0.48em;}

.pronouns td {padding-right: 1.4em;}

#numbers td {padding-right: 0.4em;}
#numbers .heading2 {font-size:0.9em;}

#verbs td {padding-right: 1.5em;}

#iverbs1 td {padding-right: 1.1em;}

#iverbs1 {margin: 1em 1em 1em 0;}