@charset "utf-8";
:root {
  --padmenu-top: 20px;
  --padmenu-bottom: 2px;
}
html {scroll-behavior:smooth;}
@font-face {
    font-family: 'Lato';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/Lato-Regular.woff') format('woff');
}

body {
	font-family:Lato,verdana,sans-serif;
	margin:0;padding:0;line-height:1.35;opacity:var(--body-opacity);
	font-size:16px;background-color:var(--body-bg);color:var(--body-color);visibility:hidden;}
	
z {text-decoration:underline dashed var(--bib-ref-tag) var(--bib-ref-thick);}	
div {padding:0;margin:0;}	
#splash {background-color:var(--body-bg);display:none;}
h1 {font-size:1.2em;padding:0.4em 0 .7em 0;}
h2,h3,h4,h5,h6 {padding:0.5em 0;font-size:1em;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;text-align:center;margin:0;}

h4 {font-weight:500;}
h6 {font-size:0.85em;padding:0;}
.centered {text-align:center;text-indent:0;padding-left:0;}
em {font-style:normal; background-color: var(--hilite-verse-bg);color:var(--hilite-verse);opacity:var(--hilite-verse-opacity);scroll-margin-top:240px;}

#setheading {text-align:left;margin-left:10px;color:var(--settings-green);}
p {text-indent:-2.5em;
	padding-left: 2.5em;}
li,p {margin:10px 5px;}
table {margin:1em 0;width:98%;margin-left:2%;border-collapse:collapse;border-spacing: 0;border:2px black solid;}
td, th {border-collapse:collapse;border-spacing: 0;border:1px black solid;padding:5px;}
table.pneuma td {text-align:center;}
th {background-color:#eaeaea;}
.shaded {background-color:#eaeaea;}
p.byz, p.heb, p.kjv {text-indent:0;padding-left:0;margin:0;padding:5px 10px}
p.heb {text-align:right;}
#libsearchresults p {text-indent:0;padding-left:0;margin-bottom:.5em;margin-left:.5em;}
#libsearchresults p.head {margin-left:0;font-weight:bold;}
#addVLFR {display:none;}
#libcontent p {text-indent:1.5em;padding-left:0;}	
svg {fill:var(--svg-enabled);}
svg.reverse {fill:#fff;}
#closePage,#closePageLibrary {fill:var(--settings-green);}
#verseListFromResults {display:none;}
.vID {color:var(--version-id);vertical-align:super;font-size:65%;}
.vt1,.vt2,.vt3,.vt4 {display:inline-block;}
.vt1 {width:2.25em;}
.vt2 {width:1.75em;}
.vt3 {width:1.25em;}
.vt4 {width:0.75em;}
.qere:before {content:"(";}
.qere:after {content:")";}
.error {color:var(--error-red);}
.searchhilite {color:var(--search-hilite);}
.theos {color:var(--theos-hilite);}
.disciples {color:var(--disciples-hilite);}
.kjv {background-color: var(--kjv-para-bg);}
.byz {background-color: var(--byz-para-bg);font-family:"Times New Roman", serif;}
.heb {background-color: var(--byz-para-bg);font-family:"Times New Roman", serif;}
.orig-text {font-family:"Times New Roman", serif;}
.consider p {text-indent:0;}
.consider h5 {font-weight:bold;}
.consider {margin:1em;border:1px var(--consider-border) solid;}
.remember {font-style:italic;text-align:center;box-shadow: 0px 5px 4px var(--box-shadow);padding:.5em;margin:0.5em;float:right;width:35%;display:inline-block;clear:right;background-color:var(--consider-bg);}
.remember:before {content: "Remember this: ";}
/*#test {display:flex; justify-content:center; gap:20px;margin-left:3px;}*/
.menu-button {height:38px;margin:2px 10px 2px 8px;padding:0;}
.menu-button {height:38px;}
.menu-button2 {height:28px;width:28px;margin:2px 10px 0 0;float:right;padding:0;}
.spacer {margin-left:50px;}
hr {width:33%;margin-top:1em;}
a,a:visited {color:black;text-decoration:none;}		
.oral-roberts {margin-left:2.5%;width:95%;}
.smallpic {float:right;max-width:200px;margin-right:0px;min-width:175px;}	
#rdt {display:block;}
#tfm,#tfe {display:none;}	

#top-menuwrap_outer {position:sticky;top:0;z-index:200;padding:var(--padmenu-top) 0 var(--padmenu-bottom) 0;
    background:var(--top-menu-bg);border-bottom:1px solid var(--top-menu-border);display:block;}
	
#bott-menuwrap_outer,#bm_outer,#br_outer {position:fixed;bottom:0;width:100%;padding:2px 0 0 0;
    background:var(--bottom-menu-bg);}
#bott-menuwrap {display: flex; justify-content: center; gap: 10px;}
#bott-menuwrap button {border-radius: 0.25em;
;height:40px;color:var(--nav-arrow);background:var(--nav-btn);
  border: 0px solid var(--bott-btn-border);width:30%;font-size: 1.25rem;cursor: pointer;}
#bott-menuwrap button:hover {background-color:var(--bott-btn-hover-bg);color:var(--bott-btn-hover);}  
#content,#libcontent,#searchcontent,#footnotes,#footer,#bott-menuwrap,#bookmarkNoteForm,#bibRefForm {max-width:54em;padding:0;margin:0 auto;}
.top-menuwrap {max-width:54em;padding:4px 0 5px 5px;margin:0 auto;}
#content,#libcontent,#footnotes,#footer {padding:0 0.75em;font-size:18px;}
#searchcontent {padding:0 0.75em;}
#footnotes,#libcontent {padding-bottom:60px;}
/*#footer {text-align:center;background-color:#fcfcdc;}*/
#footnotes p {text-indent:-1.25em;padding-left:1.25em;}
#options {padding:20px;}
#options div {margin:30px;}
.app-name {font-weight:bold;color:var(--app-name);}
s, .jehovah {text-decoration:none;font-variant:small-caps;font-size:115%;}
.pg {margin-top:12px;}
.bmhilite {color:var(--bm-hilite);}
#trash {position:relative;float:right;right:4em;top:-3px;display:none;border:none;}
/*old menu.css content*/
/*https://moderncss.dev/custom-select-styles-with-pure-css/*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
#label {padding-right:2em;}
#specialchar {display:inline-block;}
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  color:inherit;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
select::-ms-expand {
  display: none;
}
.select {
	
  display: inline-grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  max-width:35%;
  margin:0;
  border: 1px solid var(--select-border);
  border-radius: var(--div-border-radius);
  padding: 0.3em;
  font-size:16px;
  cursor: pointer;
  line-height: 1.2;
  background-color: var(--body-bg);
  background-image: linear-gradient(to top, var(--top-menu-bg), var(--body-bg) 60%);
}
select option {font-size:17px;background-color: var(--select-option-bg);}
select optgroup {font-size:17px;background-color: var(--select-optgroup-bg);}
.book {min-width:155px;border-radius: 0.3em 0 0 0.3em;float:left;}
.special {min-width:200px;border-radius: 0.3em;}
.voice {min-width:calc( 92.5% - 10px);border-radius: 0.3em;}

.chapt {min-width:3.4em;border-radius: 0 0.3em 0.3em 0;border-left:none;}
.searches {min-width:100%;border-radius: 0.3em;margin:0 0 10px 0;}

.select select, .select::after {
  grid-area: select;
}
.select:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: var(--select-arrow);
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
          clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--select-focus);
  border-radius: inherit;
}
#bmList {display:none;}
#gotop {display:none;
	position: fixed;
	bottom: 40px;
	right: 5px;	 
	border-radius:var(--div-border-radius);
	text-decoration: none;
	color: white;
	background-color: rgba(var(--body-color2), var(--gotop-alpha));
	border:1px solid var(--body-bg);
	font-size: 75%;
	padding: 1em;
	}
div.form-container textarea {width:100%;margin:3px 0 0 0;background-color:var(--text-area-bg);color:var(--text-area);opacity:1;border:1px var(--text-area-border) solid;}
.popup {
	border: 2px solid var(--bm-popup);
	z-index: 9;
	border-radius: var(--div-border-radius);}
#searchForm,#settingsForm,#bookmarksForm {margin-top:5px;}
#listexpand {padding-left:0.25em;}
#bm_outer {display:none;background-color:var(--body-bg);} 
#br_outer {display:none;background-color:var(--body-bg);}   
#verses sup {color:var(--verseref);}
.cbSetting {float:right;}
.settingValue {float:right;}
#verses {padding-bottom:45px;overflow-y:scroll;max-height:200px;}
#settingsForm div,#searchForm div {margin:10px 0;}
#settingsForm {display:none;}
#searchForm div.searches {margin:3px 0 15px 0;}
a sup {color: var(--footnote-num);}
ol.capsAlpha {list-style-type:upper-alpha}
ol.lowerAlpha {list-style-type:lower-alpha;font-size:inherit;}
#bookmarksForm {padding-bottom:20px;}
.manage,.manage2 {padding:5px 12px;margin:6px 0 0 8%;font-size:18px;border-radius: 0.25em;border:1px solid var(--btn-border);display:inline-block;}
.manage2 {margin-left:0;}
.listbuttons {padding:8px 14px;margin:6px 12px 0 0;font-size:18px;border-radius: 0.25em;border:1px solid var(--btn-border);display:inline-block;}
.lb2 {padding:4px 14px;margin:8px 12px 12px 0;font-size:18px;border-radius: 0.25em;border:1px solid var(--btn-border);}
.button-group {
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#extendlist,#listBuilder {display:none;}
#listBuilder p {margin-left:0;}
#closeBm,#clearsearchterms,#closeBref {position:relative;top:-35px;right:0px;float:right;}
#closePage {margin-right:calc(10% - 16px);position:relative;top:6px;left:-3px;}
#closeBm,#closeBref {top:0px;}
#clearsearchterms {width:20px;top:2px;}
#bmList2 {margin:20px auto 25px auto;border:1px solid var(--bmlist-border);border-radius: var(--div-border-radius);width:75%;max-height:60vh; overflow-y: scroll;}
#bmList2 label {padding-left:10px;}
#bmList2 input[type=checkbox] {position:relative;top:1px;float:right;right:20px;}
#bmList2 div {padding:10px 0;border-bottom:1px solid var(--top-menu-border);}
#bmList2 div.top-cb {background-color:var(--bmlist-bg);}
.form-container {
  padding: 0 10px;
  background-color: var(--body-bg);
}
.ref-container {
  padding: 0 10px;  
}
.form-container p,.ref-container p {margin:5px 5% 5px 0%;text-indent:0;padding:0;}
.ref-container {color:var(--bib-ref);background-color: var(--bib-ref-bg);}
.form-container h2, #openvlfr {font-size:110%;text-align:left;}
.form-container p.spaced {line-height:1.8;margin:5px 10px 5px 7.5%;}
.form-container p.spaced2 {line-height:1.8;margin:5px 0;}
#dm {background-color:#121212;color:#fff;}
#vl,#cust {display:none;}
input[type=range] {width:100%;}

.form-container2 input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: var(--form2-bg);
}
.form-container2 input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: var(--form2-bg-focus);
  outline: none;
}

/* Set a style for the submit/login button */
.btn {
  background-color: var(--btn-bg);
  color: var(--btn-color);
  padding: 14px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin:10px 0;
  opacity: var(--btn-opacity);
  font-size:18px;
  border-radius: var(--div-border-radius);
}
/* Add a red background color to the cancel button -- not in use
#cancelbm {
  background-color: red;
}
*/
#bookmarksForm .btn {margin-left:2.5%;width:95%;}
#bmSelect {position:relative;}
#openlb {display:none;}
.dropdown-content {
  display:none;
  position:absolute;
  top:0px;
  left:10px;
  background-color: var(--bm-popup);
  min-width: 8em;
  max-height: 250px;
  overflow-y: scroll;
  box-shadow: 0px 8px 16px 0px rgba(var(--drop-shadow),var(--drop-alpha));
  z-index: 2;
}
.dropdown-content a {
  color: var(--body-color);
  padding: 8px 6px;
  text-decoration: none;
  display: block;
}
.form-container #voicelist {margin-left:7.5%}

.onoffswitch {    
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border-radius: 20px;position: relative; float:right; top:-4px;width: 70px;border:solid var(--onoff-border) 1px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: var(--onoff-inner-before);font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 0px;
    background-color: var(--onoff-bg-before); color: var(--onoff-inner-before);
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 0px;
    background-color: var(--onoff-bg-after); color: var(--onoff-inner-after);
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: var(--body-bg);
    position: absolute; top: 0; bottom: 0;
    right: 36px;
    border: 1px solid var(--onoff-inner-after); border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left:0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px;}