.arrow {
  border: solid white;
  border-width: 0 6px 6px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: left;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

html {
  scroll-padding-top: 5rem;
}

.center-img,
.center-txt {
  display: inline-block;
  vertical-align: 'top';
  width: 83%;
}
#wrapper {
  /*position: fixed;  Set the navbar to fixed position 
  width: 93%;
  top: 15px;*/
  text-align: 'left';
  border: 4px solid gray;
}

/* @font-face {
  font-family: 'EzraSILW';
  src: url('SILEOT.woff');
  unicode-range: 'U+0590-05FF'; */
}
@font-face {
  font-family: 'GentiumPlusW';
  font-style: 'normal';
  src: url('/themes/2/GentiumPlus-Regular.woff2');
  unicode-range: 'U+0370-03FF, U+1F00-1FFF';
}

body{
  margin: 20px;
  padding-left: 20px;
  /*background:url(bg.jpg);*/
  background-size: cover;
  font-size: 26px;
  background-image: url('/themes/2/background.jppg');
  font-family: 'EzraSILW', 'GentiumPlusW', 'sans-serif';
  background-color:'#181818';
  color:white;
  text-align:justify; 
  text-justify: inter-word;
}

h1{
  text-align: left;
  font-size: 36px;
  font-family: Open Sans;
  display: inline;
}

.h2{
  text-align: left;
  font-size: 1.5em;
  font-family: Open Sans;
  display: inline;
}
.h3{
  text-align: left;
  font-size: 1.1em;
  font-family: Open Sans;
  display: inline;
}


h1>span{
  /*color:white;*/
  top:35%;
  position: absolute;
  transition: translateY(-50%);
  margin: 0;
  padding: 0;
  width:100%;
  text-align: center;
  font-family: sans-serif;
  font-style: italic;
  font-size: 2em;
  letter-spacing: 2px;
  background:linear-gradient(#181818,#eaeaea,#181818);
  -webkit-background-clip: text;
  color:transparent;
}
h1>span:nth-child(1)
{
  z-index: 2;
}
h1>span:nth-child(2)
{
  z-index: 1;
  text-shadow: 1px 1px 0 #262626, 2px 2px 0 #262626, 3px 3px 0 #262626,
  4px 4px 0 #262626, 5px 5px 0 #262626, 1px 1px 0 #262626, 6px 20px 20px rgba(0,0,0,1),
  -1px -1px 0 #fff;
}

.justify {
  padding-top: 0px;
  padding-left: 2%;
  padding-right: 2%;
  text-align: justify;
  text-justify: inter-word;
}

table {
    border-collapse: separate;
    border-spacing: 0px!important;
    border: none;
}

tr {
    padding: 0px;
}

.headers {
    top: 1em;
    background: #222;
    width: 98%;
    left: 2%;
    position: fixed;
    height: 1.8em;
    text-align: center;
    border-spacing: 0px!important;
    
}

.rowHeaders {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 94%;
  white-space: normal;
  align-items: top;
  text-align: center;
  background: #222;
  

}

.cellHeaders {
  
  display: flex;
  flex-direction: row;
  background: #222; 
  flex-wrap: wrap;
  flex: 1;
  white-space: normal;
  align-content: flex-start;
  align-items: center;
  left: 0px;
  text-align: center;
  margin-left: 1%;
  margin-right: 1%;
  padding-right: 6%;
  margin-bottom: 0px;
  padding-bottom: 0px;
  
  
  font-family: 'sans-serif';

  /*background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 26px;
  white-space: normal; */
  
 
}

.row {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  
  white-space: normal;
  align-items: top;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  

}

.col {
  display: inline-flex;
  flex-direction: column;
  color: white;
  flex-wrap: wrap;
  flex: 1;
  white-space: normal;
  align-content: flex-start;
  align-items: top;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  
  font-family: 'sans-serif';

  /*background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;*/
  font-size: 26px;
  white-space: normal;
  
 
}

.container {

    margin: 0px;
    padding: 0px;
    color: white;
    width: 100%;
    table-layout: fixed;
    border: none;
   
}

.headerContainer {
    margin: 0px;
    padding: 0px;
    color: white;
    width: 100%;
    table-layout: fixed;
    border: none;
   
}
/*.container tr {
  left: 0px;
  display: inline-flex; 
  white-space: none;
  align-items: top;
  width: 100%;
  table-layout: fixed;
  
}

.container td {
  flex: 1;
  height: auto;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  
  align-items: top;
}*/


/*.table-cell td {
  /*border: 1px solid;
  background: #ce8888;
  flex: 1 1;
  padding: 0px;
  height: auto;
  
  align-items: top;
}*/


/*.container {
  width: 100%;
  display: inline;
  align-items: stretch;
  justify-content: space-around;
}*/

/*.container span.silver {
  flex: 1 1;
}*/

/*.verse span {
    min-height: 100%;
    flex: 1 1 50%;
}*/
/*.container {
    display: flex;
    width: 100%;
}
*/
.verse {
    position: relative;
    display: block;
    width: 98%;
    align-items: center;
    /*flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
*/
    height: auto;
    margin: 0px;
    color: rgb(255,242,181);
    font-family: 'sans-serif';
    
    background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
    rgb(192,192,192) 74%);
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    white-space: normal;
    

}



.column1 {
  height: auto;
  margin: 2px;
  display:inline;
  position: relative;
  left: 1.75%;
  
  max-width:44.5%;   
  background: #222;
   
}

.column2 {
  height: auto;
  margin: 2px;
  display:block;
  position: relative;
  
  left:49%; 
  max-width:45.25%; 
  background: #222; 
}
/*position:fixed; left:1.75%; width:44.5%; background: #222*/


.pos0 {
    left: 0%;
    position: fixed;
    width:44.5%;   
    background: #222;
   
}

.pos1 {
    /*text-align: center;*/
    top: 55px;
    position:fixed; 
    left: 2%; 
    width:46.25%; 
    background: #222;  
}

.pos2 {
    /*text-align: center;*/
    top: 50px;
    position:fixed; 
    left:50%; 
    width:46.25%; 
    background: #222; 
}

.pos3 {
    top: 50px;
    position:fixed; 
    left:75%; 
    width:46.25; 
    background: #222;  
}

#verse1 {
  overflow:auto; 
  
  left: .75%;
  top: 73px;
  padding-top: 0px;
  padding-left: .6%;
  padding-right: .5%;
   
  width: 47%;
  display: none;
  
  
}

#verse2 {
  overflow:auto; 
  
  left: 49%;
  top: 73px;
  padding-top: 0px;
  padding-left: .6%;
  padding-right: .4%;

  width: 47%;
  display: none;
  
}

#verse3 {
  overflow-y:auto; 
  overflow-x:hidden;
  left: 60%;
  top: 73px;
  padding-top: 0px;
  padding-left: .6%;
  padding-right: .4%;

  width: 30%;
  display: none;
  position: fixed;
  height: 82%;
}

#verse4 {
  overflow-y:auto; 
  overflow-x:hidden;
  left: 49%;
  top: 73px;
  padding-top: 0px;
  padding-left: .6%;
  padding-right: .4%;

  width: 47%;
  display: none;
  position: fixed;
  height: 82%;
}


/*.justify::after{
    content: "\a";
    white-space: pre;
}*/

/*.para {
    display:inline;
}*/

.silver3 {
  height: auto;
  margin: 0px;
  color: rgb(255,255,181);
  display:inline;
  font-family: 'sans-serif';

  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  -webkit-background-clip:text;
  -webkit-text-fill-color: white;
  font-size: 26px;
  white-space: wrap;
}



.silver2 {
  height: auto;
  margin: 0px;
  color: rgb(255,242,181);
  display:inline;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 26px;
  white-space: normal;
}

.silver {
  height: auto;
  margin: 0px;
  color: rgb(255,242,181);
  display:inline;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 26px;
  white-space: wrap;
 
}

.silverCell {
  height: auto;
  margin: 0px;
  color: rgb(255,242,181);
  display:inline;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 26px;
  white-space: wrap;
 
}


.silver:after {
    content: "\00000a";
    
}
.silver:before {
    content: "\00000a";
    
}

.silverMenu {
  margin: 0px;
  color: rgb(255,242,181);
  display:inline;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 1em;
  line-height: 1em;
}

.silverBut {
  margin: 0px;
  color: rgb(255,242,181);
  display:block;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: .7em;
  font-weight: 800;
  
}


.gold {
  margin: 0px;
  color: rgb(255,242,181);
  display:inline;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
		rgb(170,170,0) 60%,
		rgb(128,128,0) 74%);
  text-align: justify;
  text-justify: inter-word;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 26px;
}

.shiny-darkGold2 {
    color: rgb(255,242,181);
    background-image: linear-gradient(rgb(255,255,255) 45%, 
	rgb(170,170,0) 60%,
	rgb(192,192,0) 74%);
    -webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
    font-size: 26px;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(143,107,42,1), rgba(213,160,30,.5) 50%, rgba(254,224,141,1));
	-webkit-mask-image: linear-gradient(top, rgba(143,107,42,1), rgba(213,160,30,.5) 50%, rgba(254,224,141,1));
}

.silverH2 {
  color: rgb(255,242,181);
  display:inline;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  text-align: justify;
  text-justify: inter-word;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 1.5em;
}

.silverH3 {
  color: rgb(255,242,181);
  display:inline;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  text-align: justify;
  text-justify: inter-word;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 1.2em;
  margin: 0px;
}

.silverHeader {
  color: rgb(255,242,181);
  display:inline;
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
    rgb(170,170,170) 60%,
	rgb(192,192,192) 74%);
  text-align: left;
  
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  font-size: 1.2em;
  margin: 0px;
}

.shiny-light {
  color: rgb(255,242,181);
  font-family: 'sans-serif';
	background-image: linear-gradient(rgb(150,150,150) 55%, 
		rgb(40,40,40) 65%,
		rgb(77,77,77) 84%);
	text-align: justify;
    text-justify: inter-word;
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
  font-size: 16px;
  font-weight: 600;
}

.dark-theme {
  background-color: #111;
  display:inline;
  font-size: 26px;
  color: rgb(255,242,181);
  font-family: 'sans-serif';
  background-image: linear-gradient(rgb(255,255,255) 45%, 
		rgb(170,170,170) 60%,
		rgb(192,192,192) 74%);
  text-align: justify;
  text-justify: inter-word;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
}

.dark {
  background: rgba(0,0,0,0.5);
  background-color: #181818;
  display:inline;
  color:'white';
  font-family: 'GentiumPlusW', 'sans-serif';
  text-align:justify; 
  text-justify: inter-word;
  margin: 0px;
}

.light {
  background-color: #fafafa;
}


.section {height:4px; border-width:0; color:white; background-color:white}
.supV {vertical-align: super; font-size: 16px; line-height: 6px; display:visible; cursor:pointer;}
.supC {vertical-align: super; font-size: 20px; line-height: 6px;}
span {font-size:26px; line-height:1.1; text-align:justify; text-justify: inter-word; }
div {font-size:24px; line-height: 1.1; color:white; background-color:#181818; padding-left: 10px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; overflow-y:auto; overflow-x:hidden; }
span>div {font-size:26px; line-height: 1.1; color:white; background-color:#181818; }
/*.tooltip2 {font-size:1.2rem; line-height: 1.3;}*/
b:hover {cursor: pointer;}
a:link, a:hover, a:active, a:focus {cursor: pointer; border-bottom: '1px dotted gray'; text-decoration:none;}
/* a {outline: 0;} */
.bC {font-weight:bold; font-size:24px;}
#moreT {display: none; font-size: 1em;}

.button-41 {

  padding: 10px 20px;
  border: 8;
  font-size: 38px;
  transition: all 150ms ease-in-out;

  border-radius: 34px;
  font-weight: 800;

  color: #fff;
  background-color: #181818;
  background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
  box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}

.button-41:hover {
  background-color: #222;
}

.button-41:active {
  transform: scale(.95);
}

.button-More {

  padding: 4px 14px;
  border: 6;
  font-size: 22px;
  transition: all 150ms ease-in-out;

  border-radius: 34px;
  font-weight: 800;

  color: #fff;
  background-color: #181818;
  background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
  box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}


.parallelBtn {

  padding: 4px 14px;
  border: 6;
  font-size: 22px;
  transition: all 150ms ease-in-out;

  border-radius: 34px;
  font-weight: 800;

  color: #fff;
  background-color: #181818;
  background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
  box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}

.parallelBtn:hover {
  background-color: #222;
}

.parallelBtn:active {
  transform: scale(.95);
}

.parallelBtn:active {
  transform: scale(.95);
}






.button-More:hover {
  background-color: #222;
}

.button-More:active {
  transform: scale(.95);
}

.button-More:active {
  transform: scale(.95);
}

.toggleBtn {
  margin: -7px;
  padding: 4px 8px;
  border: 4;
  font-size: 0.85em;
  transition: all 150ms ease-in-out;

  border-radius: 34px;
  font-weight: 800;

  color: #fff;
  background-color: #181818;
  background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
  box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}

.toggleBtn:hover {
  background-color: #181818;
}

.toggleBtn:hover {
  transform: scale(.95);
}

.toggleBtn:active {
  transform: scale(.95);
}

.clearBtn {
  display: inline;
  padding: 3px 12px;
  border: 4;
  font-size: 1em;
  transition: all 150ms ease-in-out;

  border-radius: 34px;
  font-weight: 800;

  color: #fff;
  background-color: #181818;
  background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
  box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}

.clearBtn:hover {
  background-color: #222;
}

.clearBtn:hover {
  transform: scale(.95);
}

.clearBtn:active {
  transform: scale(.95);
}

.tipHolder {
display: "none";
}

.book{
  border:none;
  border-radius:5px;
  padding:5px 85px;
  font-size:18px;
  cursor:pointer;
}

.book:hover{
  background-color:#ddd;
}

.dropdown {
  z-index: 9999;
  line-height: 1.5;
  background-color: #000;
  display: inline;
  margin: -7px;
}

.dropdown-options {
  z-index: 99999;
  max-height: 600px;
  display: none;
  position: fixed;
  overflow: auto;
  background-color:#000;
  border-radius:5px;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}

.dropdown:hover .dropdown-options {
  z-index: 99999;
  line-height:.35;
  display: inline;
  margin-left: -100px;
  margin-top: 45px;
  height:auto;
}

.dropdown-options a {
  display: block;
  color: #FFFFFF;
  padding: 5px;
  text-decoration: none;
  padding:5px 5px;
}

.dropdown-options a:hover {
  color: #0a0a23;
  background-color: #ddd;
  border-radius:5px;
}

.stickyTop {
    z-index: 9999;
    width:93vw;
    text-align: left;
    margin-top: -75px;
    margin-bottom: 0px;
    position:fixed;
    padding-left:20px;
    background-color: #000;
    font-size: 1.1em;
    border:1px solid rgba(255,255,255,0.6);
    box-shadow: 0px 4px 6px rgba(255,255,255,0.6);
    overflow: auto;
    white-space: nowrap;
}

.stickyTop::-webkit-scrollbar {
  display: none;
}

.stickyTop span {
    margin:15px; 
    /*position: relative*/
    height: auto;
    
}

.menu {
  position: fixed;
  z-index: 999;
  margin-top: 4px;
  padding-left:20px;
  /*top:-235px; */
  top: -500px;
 
  width:93%; 
  text-align:left;
 
  /*background-color:rgba(0,0,0,0.9);*/
  background-color: #000;
  box-shadow: 0px 4px 6px rgba(255,255,255,0.6);
  
  color: white; 
  /* transition */
  transition:top .7s;
  -webkit-transition:top .7s;
  
}
button:active:hover {}
/*.menu:hover
{
  top:-20px; 
  color: white; 
}*/

/* SPAN OF SPAN */

.menu span
{
  white-space: nowrap;
  margin:15px; 
}

.menu span a:link, a:hover, a:active, a:focus{cursor: pointer; border-bottom: '1px dotted white'; text-decoration:none; color: white; font-weight: 800;}

.read {
    display: block;
}

.input {
    white-space: nowrap;
    width: 125px;
    height: 28px;
    
    font-size: 20px;
    pointer-events: none;
}
.forms {
    display: inline;
}

input[type="search"] {
    width: 200px;
    height: 26px;
    padding: 10px 2px;
    padding-top: .80em;
    font-size: 20px;
}


[type="text"]::-webkit-search-results-button {
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  height: 20px;
  width: 10px;
  font-size: 28px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  background-size: 10px 10px;
}

.refWin {
  z-index: 999;
  height: 400px;
  margin: 0px;
  position:fixed;
  padding-left:0px;
  bottom:-360px;
  
  width:94vw;
  padding-bottom:0px;
  text-align:center;
  
  /*background-color:rgba(0,0,0,0.9);*/
  background-color: #000;
  box-shadow: 0px 0px 6px rgba(255,255,255,0.6);
  
  
  color: white;
  
  /* transition */
  
  transition:bottom .7s;
  -webkit-transition:bottom .7s;
  
}

button:active:hover {}

/*.refWin:hover
{
  bottom:0px; 
  color: white; 
}*/

/* SPAN OF SPAN */

.refWin span
{
  margin:20px; 
}
.refWin div {

    margin-bottom: -10px;
    
}

.refWin span a:link, a:hover, a:active, a:focus{cursor: pointer; border-bottom: '1px dotted white'; text-decoration:none; color: white; font-weight: 800; }

.ref {   
    width:100%;
    margin-top: 25px;
    display: block;
    padding-top: 0px;
    margin-left: 0px;
    color: white;
}
.ref span
{
  margin:1px; 
}

.references {
    width:100%;
    
    text-align: left;
    margin-top: -10px;
    position:fixed;
    overflow: auto;
    white-space: nowrap;
    
}

.references::-webkit-scrollbar {
  display: none;
}

/*
.references::before {

  content: '\25C0'; 

  position: absolute;

  bottom: 12px;

  left: 0px;

  color: #ccc;
  
  display: none; 
  margin-left: 5px;
}



.references::after {

  content: '\25B6'; 

  position: absolute;

  top: 10px;

  left: 83%;

  color: #ccc;

  display: none; 

}



.references:hover::before, 

.references:hover::after {

  display: block;

}
*/
.crumbs {
    position: fixed;
    margin-top: -20px;
    margin-bottom: 10px;
    width:90%;
    overflow: auto;
    white-space: nowrap;
}

.crumbs::-webkit-scrollbar {
  display: none;
}

.crumbs:after {
    content: "\00000a \00000a";
    
}

.strongs {
    width:94%;
    margin-top: 25px;
    display: none;
    padding-top: 0px;
    margin-left: 0px;
    color: white;
}

.hitchcock {
    display: none;
    width:94%;
    margin-top: 25px;
    padding-top: 0px;
    margin-left: 0px;
    color: white;
}

.eastons {
    display: none;
    width:94%;
    margin-top: 25px;
    padding-top: 0px;
    margin-left: 0px;
    color: white;
}

.naves {
    display: none;
    width:94%;
    margin-top: 25px;
    padding-top: 0px;
    margin-left: 0px;
    color: white;
}

.mhc {
    display: none;
    width:94%;
    margin-top: 25px;
    padding-top: 0px;
    margin-left: 0px;
    color: white;
}

.footnotes {
    display: none;
    width:94%;
    margin-top: 25px;
    padding-top: 0px;
    margin-left: 0px;
    color: white;
}

.personalnotes {
    display: none;
    width:94%;
    margin-top: 25px;
    padding-top: 0px;
    margin-left: 0px;
    color: white;
}

.paraHeight {
    line-height: 1px;
    margin: 1px 1px;
}

.hb {
  top: .42em;
  position: relative;
  
  width: 40px;
  margin: 0 auto;
  display: inline;
}

.hbRef {
  top: .75em;
  position: relative;
  
  width: 40px;
  margin: 0 auto;
  display: inline;
}

.fas {
    
    top: .15em;
    color:white;
    font-size:26px;
    margin: 5px;
    display: inline;
    position: relative;
    cursor: pointer;
}

.fa-play-circle {
    
    top: .12em;
    color:white;
    font-size:30px;
    margin: 5px;
    display: inline;
    position: relative;
    cursor: pointer;
}

.fa-volume-high {
    
    top: 0em;
    color:white;
    font-size:30px;
    margin: 0px;
    display: inline;
    position: relative;
    cursor: pointer;
}

.fa-book-bible{
    
    bottom: .15em;
    color:white;
    font-size:24px;
   
    display: inline;
    position: relative;
    cursor: pointer;
}

.fa-square-minus {
    
    top: .12em;
    color:white;
    font-size:18px;
    left: 90%;
    margin: 1px;
    display: inline;
    position: relative;
    cursor: pointer;
}
.fa-x {
    
    top: -.36em;
    color:white;
    font-size:14px;
    left: 91%;
    margin: 1px;
    display: inline;
    position: relative;
    cursor: pointer;
}

.fa-xmark {
    font-size:34px;
    top: 0em;
    color:white;
   /* top: .12em;
    color:white;
    font-size:18px;*/
    left: 88%;
    margin: 1px;
    display: inline;
    position: relative;
    cursor: pointer;
    
}
/*.fa-rectangle-xmark {
    margin: auto;
    z-index: 999999;
    font: 32px;
    display: block;
    position: relative;
    background: #222;
    top:77%;
    left:36%;
    
}*/

.readAloud {
    cursor: move;
    margin: auto auto;
    z-index: 999999;
    font: 32px;
    display: none;
    position: fixed;
    background: #222;
    top:70%;
    width: 300px;
    
    
}

mark{
    background: #949494;
    /*background: yellow;*/
    color: white;
    /*color: rgb(255,242,181);*/
    display:inline;
    font-family: 'sans-serif';
	/*background-image: linear-gradient(rgb(255,255,255) 45%, 
		rgb(170,170,0) 60%,
		rgb(128,128,0) 74%);*/
	text-align: justify;
    text-justify: inter-word;
	/*-webkit-background-clip:text;*/
	-webkit-text-fill-color: black;
    
}




#play {
    
    top: .15em;
    color:white;
    font-size:34px;
    margin: 5px;
    display: inline;
    position: relative;
    cursor: pointer;
}

#pause {
    
    top: .15em;
    color:white;
    font-size:32px;
    margin: 5px;
    display: none;
    position: relative;
    cursor: pointer;
}

#stop {
    left: -220px;
    top: .15em;
    color:white;
    font-size:32px;
    margin: 5px;
    display: none;
    position: relative;
    cursor: pointer;
}

#infoBox {
  z-index: 99998;
  color: white;
  font-size: 26px;
  top: 42%;
  cursor: move;
  max-width: 500px;
  background: #313131;
  position: fixed;
  margin: auto;
  display: none;
}