@font-face{font-family:klee;font-style:normal;font-weight:normal;src:url('fonts/klee.woff2') format('woff2');}
@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:100%;background-color:#fff;}
/*END_SHARED_STYLES*/

summary{font-family:klee; 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:klee,sans-serif;font-size:180%;margin-bottom:1em;text-align:center;color:#2e0053;}
h2{font-family:osw,sans-serif;font-size:130%;margin-bottom:0.2em;margin-left:0.2em;text-align:left;font-weight:lighter;}
h3{font-family:osw,sans-serif;font-size:120%;margin-bottom:.3em;margin-left:1em;text-align:left;font-weight:800;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 {position:fixed;width:100%; height:3rem; background-color:#fff; margin-bottom:1em;text-align:center;}
#hup-logo {width:5.5em; padding:1em;float:left;}
#appttl{font-size:1.2rem;line-height:3rem;margin-left:1rem;display:inline-block;color:#eee;}
#signout{position:absolute;top:.5em;right:.5em;display:none;}
#plclogo {width:12em;margin: 1em 16em;}
#plc-logo {width:100%;}

.txt {font-family:klee;}

.chapter{background:#a70615;}
.book{background:#2e0053;}


.resource-title {background:#497C9F;font-size:1em;}


#content{position:absolute;top:4.5rem;left:0;right:0;bottom:0;overflow-y:scroll;}
#activebook{max-width:45.9em;margin:0 auto;padding:.5em;position:relative;}