/* fonts */
@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* body styles */
/* body{background: url('img/eshbackground.jpg') 50% 50% fixed no-repeat; background-size:cover; background-attachment:fixed; } */
body{background-color:#d4d3b8;}
/* 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; margin-top:3em; border-radius:1em; box-shadow: 0.3em 0.3em 1em rgba(120,120,120,0.7); padding:0.3em 0 2em 0;}
article p{padding: 0 2em; line-height:1.5em;font-family:"Droid Sans Regular", source_sans_proregular, sans-serif;}
nav{margin:0;}

/* text styles */

h1{text-align:center; font-family: "Marcellus SC", sans-serif; font-size: 2.4em; margin:0 1em; padding-top:1em;}
h2{font-family:Cantarell,sans-serif; font-size:1.8em; text-align:center;}
h3{font-family:Cantarell, sans-serif; font-size:1.4em; padding-left:4em;}
h4{font-family:serif; font-size:1.4em; font-style:italic; padding-left:7em;}
h5{font-family:serif; font-size:1.2em; padding-left:4em;}
p{font-family:source_sans_proregular, 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, serif;
   font-size:1em;
}
ul li{font-family: "Noto Sans SemiCondensed", serif;}
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.4em; font-family:"Marcellus SC", tahoma, sans-serif; padding:0.3em;}
.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: 35%; font-size:1.4em;}
.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; }
.intro{font-family:"marcellus sc",tohoma,serif; font-size:1.5em; font-weight:bold; text-indent:2em; font-variant:small-caps; }
.firstletter{font-size:1.7em;}
.attn{color:rgba(250, 95, 85, 1.0);font-weight:bold;}

/* adding code */
pre code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 0 1em;
  margin:0 11em;
}

/* images */
.flr{float:right; padding:1em 0 1em 2em;}

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

.clear{clear: both;}

.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; margin-left:3em; max-width:90%;}
.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; margin-left:3em; max-width:90%;}
.frv1{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; margin-left:3em; max-width:90%;}
.frv2{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 auto; max-width:90%;}
.frv1l{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; margin-left:3em; max-width:90%;}
.frv10{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; margin-left:3em; max-width:90%;}
.frv10{float:right; width:10%;}
.frv3{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 auto; max-width:90%;}
/* centering an image */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width:90%;
}

/* 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);}