/* body styles */
/* body{background: url('img/eshbackground.jpg') 50% 50% fixed no-repeat; background-size:cover; background-attachment:fixed; } */

/* general article styles */
article {margin:1em auto;}
body{background: rgba(240,240,240,0.9);}
article{background-color: rgba(255,255,255,0.8); margin: 2em auto; border-radius:1em; box-shadow: 0.3em 0.3em 1em rgba(120,120,120,0.7); padding:0 0 2em 0;}
article p{padding: 0 2em;}

/* text styles */

h1{text-align:center; font-family: "Marcellus SC", sans-serif; font-size: 2.7em; margin:0 1em;}
h2{font-family:"Marcellus SC",tahoma,sans-serif; font-size:2.0em;}
h3{font-family:aladin, sans-serif; font-size:1.5em; padding-left:3em;}
p{font-family:source-sans-pro, sans-serif; text-indent: 3em; text-align:justify; text-justify:distribute; margin-left:1em; margin-right:1em;}

ul{list-style:disc outside none;}
ul, ol {
   margin:auto 2em 1em 0;
   padding:0;
   position:relative;
   /* left:-3em; */
   overflow:hidden;
   font-family:advent-pro, tahoma, sans-serif;
   font-size:1em;
}

li {
   margin-top:0.25em;
   margin-bottom:0.25em;
}

ul ul, ul ol,
ol ol, ol ul {
   margin-left:1em;
   padding-left:0;
}

ul li, ol li {
   margin-left:5em;
}

li li {
   margin-left:1em;
}

.inner2em li{margin-left:2em; font-family:"Marcellus SC",tahoma,sans-serif;}
.inner2em{margin-top:3%;}
.innerHorizontal li{display:inline; margin:0 2em 0 4em; float:none; position:relative; white-space:nowrap; text-align:center; padding:0;}
.innerHorizontal ul{list-style-type:none; text-align:center; line-height:3em; margin:1%; min-width:80%;}

.navBase{font-family:"Marcellus SC", tahoma, sans-serif; margin:0 auto; display:inline;}
.navBase li{display:inline-block; float:none; position:relative; white-space:nowrap; text-align:center; padding: 0 0.7em; margin:0 auto;}
.navBase ul{position: relative; list-style-type:none; text-align:center; /* line-height:3em; */ margin:0 auto; /* min-width:80%; */  display: -moz-box; display: -ms-flexbox; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.navBase a{color:rgba(110,110,110,0.9); text-decoration:none; font-size:1.5em; font-family:"Marcellus SC", tahoma, sans-serif; }
.navBase a:hover{color:rgba(255,255,255,1.0) /* text-shadow:0 0 0.1em rgba(120, 120, 120, 0.5),0 0 0.1em rgba(255, 255, 255, 0.7)*/ ; background-color:#777; padding:0.3em; border-radius: 15%; font-size:1.5em;}
.topic{font-size:1.1em; font-weight:bold; margin:-0.5em 1em 0 -1em;}

/* Lettering */

.first{text-indent:0; padding-top:2em; margin-right:5em;}
.first:first-letter, .first::first-letter{color:rgba(111,111,111,0.9); float:left; font-family:aladin,tohoma, serif; padding:0 0.1em 0 0;font-size:400%; margin:0 0 -1em 0;}
.first:first-line, .first::first-line{text-transform:uppercase;}
.firstwords{font-family:"marcellus sc",tohoma,serif; font-size:1.3em; font-variant:small-caps; }
.firstletter{font-size:1.7em;}

/* navBase responsive adjustments */
@media screen and (max-width:480px){
.navBase{display:flex; justify-content:center; font-size:1em;}
}

.clear{clear: both;}
img.fr{box-shadow: 0.3em 0.3em 0.6em rgba(120,120,120,0.7), -0.05em -0.05em 0.2em rgba(120,120,120,0.3); margin:1em;}
img.frs{box-shadow: 0.3em 0.3em 0.6em rgba(120,120,120,0.7), -0.05em -0.05em 0.2em rgba(120,120,120,0.3); margin:1em;}

/* extras */

.path{display:block; margin:0 3em 1em 0; width:25%; float:left; padding: 0; box-shadow: 0.3em 0.3em 0.6em rgba(120,120,120,0.7), -0.05em -0.05em 0.2em rgba(120,120,120,0.3);}
.path1{display:block; margin:0 3em 1em 0; width:45%; float:left; padding: 0; box-shadow: 0.3em 0.3em 0.6em rgba(120,120,120,0.7), -0.05em -0.05em 0.2em rgba(120,120,120,0.3);}