/***** Clear Styles *****/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,input,select,textarea{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;font-family:inherit;font-weight:inherit;vertical-align:baseline;box-sizing:border-box;}
ol,ul{list-style:none;}
a,a:hover,a:active{outline:none;text-decoration:none;color:inherit;}
a:hover{}
html{overflow-y:scroll;}


/***** Standard Styles *****/
body{font-family:"Source Sans Pro",sans-serif;font-size:20px;line-height:28px;font-weight:400;  background:#fff;color:#111;}

h1,h2,h3,h4,h5,h6{font-family:"Source Serif Pro",serif;font-weight:400;font-size:28px;margin-bottom:20px;}

p{margin-bottom:20px;}

a{transition:0.2s ease-in-out;}
a:hover{}

strong, b{font-weight:600;}
em, i{font-style:italic;}
.clear{clear:both;}

::selection{background:#ccc;color:#000;}
.night ::selection{background:#5a5a5a;color:#fff;}


/***** Custom Styles *****/

.header{position:fixed;top:0px;left:0px;width:100%;height:60px;z-index:1000;  background:#f9f9f9;border-bottom:1px solid #eee;box-shadow:0 0 10px rgba(0,0,0,0.05);}
.header a.logo{display:block;float:left;height:60px;padding:15px 20px;}
.header a.logo:hover{color:#000;text-shadow:0 0 2px rgba(0,0,0,0.05);}
.header a.logo h1{font-size:28px;margin:0px;}
.header .search{width:50%;margin:0px auto;position:relative;left:-50px;}
.header .search input{width:100%;font-size:20px;padding:5px 60px 5px 55px;margin:10px 0px 0px;}
.header .search input[type="submit"]{display:none;}
.header .hbs{float:right;}
.header .hbs .hb{float:left;height:60px;width:60px;font-size:30px;cursor:pointer;text-align:center;transition:0.2s ease-in-out;position:relative;}
.header .hbs .hb.theme-switcher{}
.header .hbs .hb .knob{z-index:1004;height:60px;width:60px;padding-top:12px;position:relative;}
.header .hbs .hb .wrap{z-index:1003;display:none;background:#fff;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.25);border-radius:2px;position:absolute;top:5px;right:3px;width:54px;height:52px;pointer-events:none;}
.header .hbs .hb .wrap:after{display:block;content:'';height:9px;width:70px;position:absolute;top:100%;right:0px;background:#fff;}
.header .hbs .hb .menu{z-index:1002;display:none;background:#fff;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.25);border-radius:2px;width:280px;border-top-left-radius:0px;text-align:left;font-size:18px;position:absolute;top:55px;right:3px;overflow:hidden;}
.header .hbs .hb.active .menu{display:block;}
.header .hbs .hb.active .wrap{display:block;}
.header-spacer{height:60px;margin-bottom:0px;}

.hb.settings{cursor:auto!important;}
.hb.settings .knob{cursor:pointer;}
.hb.settings .setting{padding:8px 20px;margin:8px 0px;  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.hb.settings .setting:after{display:block;clear:both;content:'';}
.hb.settings .setting .setting-label{float:left;}
.hb.settings .setting .setting-value{float:right;}
.hb.settings .setting.setting-switch{cursor:pointer;}
.hb.settings .setting.setting-switch .setting-value{padding-top:8px;}
.hb.settings .setting.setting-switch[setting='show-night-mode']{display:none;}

.switch{position:relative;cursor:pointer;width:50px;height:15px;background-color:#ddd;transition:.4s;border-radius:8px;opacity:0.65;}
.switch:before{content:'';display:block;position:absolute;left:0;top:-5px;height:25px;width:25px;background-color:#fff;transition:.25s;border-radius:50%;box-shadow:0 1px 5px 0 #000b;}
.switch.checked{/**background:#99bbff;**/background:#ddd;opacity:1;}
.switch.checked:before{/**background:#4488ff;**/background:#fff;transform:translateX(100%);}

.book-selector{position:absolute;top:0px;left:0px;  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.book-selector:hover{opacity:1;}
.book-selector .knob{z-index:1003;height:60px;width:45px;padding-left:13px;font-size:24px;opacity:0.5;cursor:pointer;transition:0.2s opacity ease-in-out;position:relative;}
.book-selector .knob:hover{opacity:1;}
.book-selector .knob .icon{top:12px;}
.book-selector .wrap{z-index:1002;display:none;background:#fff;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.25);border-radius:2px;position:absolute;top:5px;left:0px;width:50px;height:52px;pointer-events:none;}
.book-selector .wrap:after{display:block;content:'';height:9px;width:70px;position:absolute;top:100%;left:0px;background:#fff;}
.book-selector .menu{z-index:1001;display:none;background:#fff;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.25);border-radius:2px;width:800px;border-top-left-radius:0px;text-align:left;font-size:14px;position:absolute;top:55px;left:0px;overflow:hidden;  /**left:50%;transform:translateX(-50%);**/}
.book-selector .menu .testament{float:left;columns:2;width:300px;padding-top:30px;}
.book-selector .menu .testament:after{display:block;content:'';clear:both;}
.book-selector .menu .testament.testament-old{columns:3;width:450px;margin-right:20px;}
.book-selector .menu .testament.testament-new{}
.book-selector .menu .group{width:150px;padding-right:25px;break-inside:avoid;}
.book-selector .menu .label{text-transform:uppercase;}
.book-selector .menu .label.label-tt{letter-spacing:1px;font-weight:600;margin:-30px 0px -10px;}
.book-selector .menu .label.label-group{font-weight:600;font-size:12px;opacity:0.25;margin:12px 0px -2px;}
.book-selector .menu .book-name{cursor:pointer;line-height:22px;transition:0.2s ease-in-out;}
.book-selector .menu .book-name:hover{color:#000;text-shadow:0 0 2px rgba(0,0,0,0.25);transform:translateX(5px);}
.book-selector .menu .menu-page{padding:15px 15px 20px;width:calc(100% + 2px);transition:0.2s ease-in-out;}
.book-selector .menu .menu-page:after{display:block;content:'';clear:both;}
.book-selector .menu .menu-page-chapters{position:absolute;top:0px;left:100%;}
.book-selector .menu .menu-back{position:absolute;top:0px;left:0px;height:60px;width:60px;text-align:center;cursor:pointer;font-size:16px;padding-top:14px;opacity:0.5;transition:0.2s ease-in-out;}
.book-selector .menu .menu-back:hover{opacity:1;}
.book-selector .menu .menu-title{font-size:20px;padding-left:60px;margin-bottom:15px;}
.book-selector .menu .menu-chapters{}
.book-selector .menu .menu-chapters .chapter{border:1px solid #ddd;border-radius:2px;text-align:center;height:36px;width:36px;display:inline-block;margin:0px 3px 3px;line-height:34px;}
.book-selector .menu .menu-chapters .chapter:hover{color:#000;text-shadow:0 0 2px rgba(0,0,0,0.25);background:#f7f7f7;}
.book-selector .menu.chapter-selection .menu-page{transform:translateX(-100%);}
.book-selector.active{opacity:1;}
.book-selector.active .menu{display:block;}
.book-selector.active .wrap{display:block;}
.book-selector.active .knob{opacity:1;width:50px;}

.translation-selector{position:absolute;top:0px;right:0px;  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.translation-selector .knob{z-index:1003;position:relative;height:60px;padding-top:11px;padding-right:7px;cursor:pointer;opacity:0.75;transition:0.2s ease-in-out;}
.translation-selector .knob:hover{opacity:1;}
.translation-selector .knob .label{min-width:50px;height:24px;line-height:24px;font-size:12px;background:#ddd;color:#222;border-radius:2px;padding:0px 4px;text-align:center;}
.translation-selector .knob .label i{font-style:normal;opacity:0.75;padding:0px 4px;position:relative;}
.translation-selector .knob .label i:after{display:block;content:'';position:absolute;top:-4px;left:4px;height:24px;width:0px;border-right:1px solid #fff;opacity:0.5;}
.translation-selector .wrap{z-index:1002;background:transparent;border:1px solid transparent;border-radius:2px;position:absolute;top:5px;right:0px;height:52px;padding-left:7px;}
.translation-selector .wrap:after{display:none;content:'';height:9px;width:calc(100% + 10px);position:absolute;top:100%;right:0px;background:#fff;}
.translation-selector .menu{z-index:1001;display:none;background:#fff;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.25);border-radius:2px;width:350px;border-top-right-radius:0px;text-align:left;position:absolute;top:55px;right:0px;padding:10px 0px;overflow-y:auto;max-height:500px;}
.translation-selector .menu .translation{font-size:14px;line-height:24px;padding:0px 15px;cursor:pointer;transition:0.2s ease-in-out;}
.translation-selector .menu .translation:after{display:block;content:'';clear:both;}
.translation-selector .menu .translation:hover{color:#000;text-shadow:0 0 2px rgba(0,0,0,0.25);}
.translation-selector .menu .translation:hover .name{transform:translateX(5px);}
.translation-selector .menu .translation:hover .stud{opacity:0.8;}
.translation-selector .menu .translation.selected .name{opacity:0.7;}
.translation-selector .menu .translation.selected .stud.plus{display:none;}
.translation-selector .menu .translation b{display:inline-block;width:36px;}
.translation-selector .menu .translation .name{float:left;transition:0.2s ease-in-out;}
.translation-selector .menu .translation .stud{float:right;opacity:0;background:rgba(0,0,0,0.2);border-radius:2px;font-size:12px;line-height:20px;height:24px;width:32px;text-align:center;position:relative;transition:0.2s ease-in-out;}
.translation-selector .menu .translation .stud:hover{background:rgba(0,0,0,0.5);opacity:1;}
.translation-selector .menu .translation .stud.minus{display:none;opacity:0.5;height:22px;top:1px;}
.translation-selector .menu .translation:hover .stud.minus{opacity:0.8;}
.translation-selector.active{opacity:1;}
.translation-selector.active .menu{display:block;}
.translation-selector.active .wrap{display:block;background:#fff;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.25);}
.translation-selector.active .wrap:after{display:block;}
.translation-selector.active .knob{opacity:1;}
.parallel .translation-selector .menu .translation.selected .stud.minus{display:block;}
.parallel-5 .translation-selector .menu .translation .stud.plus{display:none;}

.theme-switcher{position:relative;height:100%;width:100%;}

.home{}
.home .header .search .book-selector .menu{display:block;top:100px;left:calc(25vw - 400px);  /**left:77px;**/}
.home .header .search .book-selector .wrap{display:none!Important;}


/** Passage Styles **/

.passage{}

.texts{width:680px;max-width:calc(99% - 100px);margin:0px auto;padding:75px 0px 50px;}
.texts:after{display:block;content:'';clear:both;}
.text{width:680px;max-width:100%;margin:0px auto;font-size:20px;line-height:1.4em;position:relative;border-color:#bbb;}
.text h3{padding-top:15px;}
.text h3:first-child{padding-top:0px;}
.text h3 + h3{padding-top:0px;}
.text .translation-label + h3{padding-top:0px;}
.text .translation-label + .multiple{margin-top:-20px;}
.text .multiple{padding-bottom:25px;}

.pull{padding-left:50px;position:relative;}
.pull sup.vn{position:absolute;top:auto;left:0px;line-height:28px;}
.pull sup.vn.cn{top:auto;}

.hang{text-indent:-2em;padding-left:2em;}
.left{padding-left:2em;}

sup{font-size:0.6em;position:relative;top:-0.4em;line-height:0px;  user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
sup.vn{pointer-events:none;  /**font-weight:700;**/}
sup.vn.cn{font-weight:700;font-size:1.5em;top:0.1em;padding-right:2px;}
sup.fn{}
sup.cr{}
sup.fn i,
sup.cr i{font-style:normal;position:relative;top:0.13em;}
sup.fn,
sup.cr{opacity:0.5;cursor:pointer;padding-bottom:0.4em;}
sup.fn:hover,
sup.cr:hover{opacity:1;}

span.yw{font-variant:small-caps;} /** Lord **/
span.in{width:1.1em;display:inline-block;} /** Indent **/
span.red{color:#e74c3c;transition:0.3s ease-in-out color;}

.tooltip{position:absolute;display:none;padding:10px 12px;background:#fff;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.25);border-radius:2px;max-width:250px;font-size:14px;line-height:19px;pointer-events:none;z-index:0;}
.tooltip.active{display:block;pointer-events:all;z-index:2000;}
.tooltip .tooltip-content{}
.tooltip .tooltip-arrow{position:absolute;bottom:-11px;left:calc(50% - 5px);width:0;height:0;border-style:solid;border-width:10px 8px 0 8px;border-color:#ccc transparent transparent transparent;}
.tooltip .tooltip-arrow:after{display:block;content:'';position:absolute;top:-11px;left:-8px;width:0;height:0;border-style:solid;border-width:10px 8px 0 8px;border-color:#fff transparent transparent transparent;}
.tooltip .tooltip-title{font-weight:600;font-size:10px;text-transform:uppercase;opacity:0.25;  -webkit-user-select:none;user-select:none;}

.parallel{}
.parallel.parallel-2 .texts{width:1400px;}
.parallel.parallel-2 .text{width:calc( (100% - 40px) / 2 );}
.parallel.parallel-3 .texts{width:100%;}
.parallel.parallel-3 .text{width:calc( (100% - 80px) / 3 );}
.parallel.parallel-4 .texts{width:100%;}
.parallel.parallel-4 .text{width:calc( (100% - 120px) / 4 );}
.parallel.parallel-5 .texts{width:100%;}
.parallel.parallel-5 .text{width:calc( (100% - 160px) / 5 );}
.parallel .texts{}
.parallel .text{float:left;margin:0px 40px 0px 0px;position:relative;min-height:10px;}
.parallel .text:after{display:block;content:'';clear:both;position:absolute;top:0px;right:-20px;height:100%;width:1px;border-right:1px dashed #bbb;}
.parallel .text:last-of-type{margin-right:0px;}
.parallel .text:last-of-type::after{display:none;}
.parallel .text .translation-label + .multiple{margin-top:0px;padding-top:10px;}

.all{}
.all .text{padding-bottom:15px;border-bottom:1px dashed #aaa;margin-bottom:15px;}
.all .text h3{display:none;}
.all .text sup.vn{display:none;}
.all .text sup.fn{display:none;}
.all .text sup.cr{display:none;}
.all .text p:last-of-type{margin-bottom:0px;}
.all .text .translation-label{display:block;margin:0px;position:absolute;top:5px;left:-65px;}
.all .nav{display:none;}
.all .button.verse-in-all-translations{display:none;}

.passage-label{font-size:16px;height:16px;line-height:16px;margin:0px 0px 20px;font-weight:600;opacity:0.35;}
.translation-label{display:none;font-size:16px;height:16px;line-height:16px;margin:-36px 0px 20px;font-weight:600;opacity:0.35;}
.parallel .translation-label{display:block;}

.empty{opacity:0.5;text-align:center;margin-top:35px;}

.nav{display:block;position:fixed;bottom:0px;height:100%;width:50px;z-index:2;}
.nav:hover{background:rgba(0,0,0,0.025);}
.nav:hover::after{opacity:0.4;}
.nav:after{display:block;content:'';position:absolute;top:0;bottom:0;left:18px;margin:auto;height:20px;width:20px;opacity:0.1;border:5px solid currentColor;border-right:0px;border-bottom:0px;transform:rotate(-45deg);transition:0.2s ease-in-out;}
.nav.nav-prev{left:0px;}
.nav.nav-next{right:0px;}
.nav.nav-next:after{left:auto;right:18px;transform:rotate(135deg);}

.bottom{text-align:center;margin-bottom:100px;}
.bottom .button{display:inline-block;margin:0px 8px 16px;}

.footnotes-hidden sup.fn{display:none;}
.cross-references-hidden sup.cr{display:none;}
.verse-numbers-hidden sup.vn{display:none;}
.headings-hidden .texts h3{display:none;}
.red-letters-hidden .texts .red{color:inherit;}

.search{}
.search h2.search-title{max-width:680px;margin:50px auto -10px;}
.search .passage-text{color:#e9e9e9;padding-bottom:14px;border-bottom:1px dashed #bbb;margin-bottom:14px;}
.search bkey{color:#fff;font-weight:900;}
.search .red bkey{color:#ff5240;}
.search .texts h3{padding-top:0px;}
.search .texts sup.vn{display:none;}
.search .texts .indent-1-breaks{display:none;}
.search .texts .pull{padding-left:0px;}
.search .texts .hang{padding-left:0px;text-indent:0em;}
.search .texts .left{padding-left:0px}
.search .texts span.in{width:0px;}
.search .texts p{margin-bottom:0px;}
.search .texts .multiple{margin-bottom:0px;padding-bottom:0px;}
@media only screen and (min-width: 1000px) {
	.search .texts{width:830px;position:relative;left:-75px;}
	.search .texts .text{width:830px;}
	.search .multiple:after{display:block;clear:both;content:'';}
	.search .passage-label{float:left;width:150px;position:relative;top:6px;}
	.search .passage-text{float:left;width:calc(100% - 150px);}
}


/** Login Styles **/

.login-page{background:#f5f5f5;}

.login-box{margin:12% auto 0px!important;}
.login-box input[type="text"],
.login-box input[type="password"]{padding:6px 12px;font-size:16px;}
.login-box input[type="submit"]{margin-bottom:0px;}
.login-box h1{text-align:center;}
.login-box-links{width:300px;box-sizing:border-box;font-size:12px;padding:25px 30px;margin:10px auto;text-align:center;}
.login-box-links a{color:#777;}
.login-box form{margin-bottom:0px;}

.login-box{width:320px;max-width:100%;background:#fff;margin:0px auto 30px;padding:25px 30px;border-radius:4px;box-shadow:0 6px 12px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);}
.login-box:after{content:' ';display:block;clear:both;}


/** Button Styles **/

.button{background:#888;color:#fff;text-transform:uppercase;font-size:14px;line-height:18px;font-weight:bold;letter-spacing:0.5px;text-align:center;cursor:pointer;display:inline-block;padding:8px 16px;margin:0px 6px 15px;cursor:pointer;border-radius:2px;transition:0.3s;box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.button:hover{color:#fff;box-shadow:0px 3px 8px -2px rgba(0,0,0,0.6);}
.button:focus{background:#555;}
.button.button-ico{padding-left:45px;padding-right:11px;position:relative;}
.button.button-ico .ico{position:absolute;top:0px;left:0px;height:100%;width:34px;text-align:center;font-size:20px;padding-top:5px;border-right:1px solid rgba(0,0,0,0.25);}


/** Form Styles **/

input,
select, 
textarea{font-family:"Source Sans Pro",helvetica,arial,sans-serif;font-size:14px;color:#575b64;border:1px solid #e3e3e3;background:#fdfdfd;margin-bottom:15px;padding:5px 10px;box-sizing:border-box;width:100%;border-radius:2px;  -webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
input:focus,
select:focus,
textarea:focus{color:#40434A;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.15);}

input[type="submit"]{border:0px;background:#3366CC;color:#fff;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:0.5px;text-align:center;display:block;width:auto;min-width:135px;padding:6px 12px;box-sizing:border-box;margin:5px auto 15px;cursor:pointer;border-radius:2px;box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);transition:0.3s;}
input[type="submit"]:hover{color:#fff;box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);}
input[type="submit"]:focus{background:#224282}
input[type="submit"]::-moz-focus-inner{border:0;outline:0;}


/***** Notice Styles *****/

.notice{width:100%;padding:8px 10px;box-sizing:border-box;margin-bottom:15px;}
.notice.notice-error{border:1px solid #ff0000;background:#ffa0a0;}
.notice.notice-success{border:1px solid #70964e;background:#d8f5c4;}
.notice.notice-warning{border:1px solid #cec460;background:#f8f4c4;}
.notice span:first-of-type{font-weight:bold;}


/***** Icon Styles *****/

.icon{color:currentColor;display:inline-block;position:relative;vertical-align:middle;height:1em;width:1em;}
.icon:after,
.icon:before,
.icon i,
.icon i:after,
.icon i:before{display:block;position:absolute;box-sizing:border-box;color:currentColor;content:'';}

.icon-book-inside-scribbles{}
.icon-book-inside-scribbles:before{width:.5em;height:.75em;box-shadow:inset 0 0 0 .07em;border-radius:.15em 0 0 .05em;transform:skewY(-10deg);top:.12em;right:0.03em;}
.icon-book-inside-scribbles:after{width: .5em;height:.75em;box-shadow:inset 0 0 0 .07em;border-radius:0 .15em .05em 0;transform:skewY(10deg);top:.12em;left:0.03em;}
.icon-book-inside-scribbles i:first-of-type{width:.25em;height:.05em;border-radius:0 .05em .05em 0;border-top:0.05em solid transparent;transform:skewY(10deg);top:.25em;left:0.15em;box-shadow:0 .1em 0 currentColor,0 .22em 0 currentColor,0 .34em 0 currentColor;}
.icon-book-inside-scribbles i:last-of-type{width:.25em;height:.05em;border-radius:.15em 0 0 .05em;border-top:0.05em solid transparent;transform:skewY(-10deg);top:.25em;right:0.15em;box-shadow:0 .1em 0 currentColor,0 .22em 0 currentColor,0 .34em 0 currentColor;}

.icon-chevron-left{width:1em;height:1em;margin:0;}
.icon-chevron-left:before{width:.6em;height:.18em;border-radius:.1em;background-color:currentColor;top:.25em;left:.2em;transform:rotate(-45deg);}
.icon-chevron-left:after{width:.6em;height:.18em;border-radius:.1em;background-color:currentColor;top:.55em;left:.2em;transform:rotate(45deg);}

.icon-moon{}
.icon-moon:after{width:0.8em;height:0.8em;margin:.1em .05em .1em .15em;border-radius:50%;background-color:transparent;box-shadow:inset .22em -.05em 0 .08em;transform:rotate(-25deg);}

.icon-plus{width:1em;height:1em;margin:0;}
.icon-plus:before,
.icon-plus:after{width:.9em;height:.18em;top:50%;left:50%;border-radius:.06em;background-color:currentColor;transform:translate(-50%, -50%) rotate(0deg)}
.icon-plus:after{transform:translate(-50%, -50%) rotate(90deg)}

.icon-minus{}
.icon-minus:before{width:.9em;height:.18em;top:50%;left:50%;border-radius:.06em;background-color:currentColor;transform:translate(-50%, -50%) rotate(0deg)}

.icon-flop{height:.75em;width:.5em;border-left:.15em solid transparent;margin:.125em 0 .125em .35em;}
.icon-flop:before,
.icon-flop:after{display:block;content:'';position:absolute;left:-.28em;width:0;height:0;border-style:solid;border-color:transparent;}
.icon-flop:before{top:-.15em;border-bottom-color:currentColor;border-width:0 .34em .4em .34em;}
.icon-flop:after{bottom:-.55em;border-top-color:currentColor;border-width:.34em .34em .4em;}

.icon-list{}
.icon-list:before{background:transparent;position:absolute;top:0.06em;left:.1em;width:.8em;height:.1em;border-radius:0.06em;box-shadow:0 .2em,0 .45em,0 .7em;}

.icon-settings{width:.75em;height:.75em;margin:.125em;position:relative;border-radius:100%;background-color:transparent;border-width:.2em;border-style:solid;border-color:currentColor;}
.icon-settings:before{width:.18em;height:.18em;top:50%;left:50%;transform:translate(-50%, -50%) rotate(22.5deg);box-shadow:.40em 0, -.40em 0, 0 .40em, 0 -.40em;}
.icon-settings:after{width:.18em;height:.18em;top:50%;left:50%;transform:translate(-50%, -50%) rotate(67.5deg);box-shadow:.40em 0, -.40em 0, 0 .40em, 0 -.40em;}


/***** Night Mode / Light Mode *****/

.night{background:#222;color:#fff;}
.night .header{background:#2a2a2a;border-bottom:1px solid #333;}
.night .header a.logo:hover{color:#fff;text-shadow:0 0 3px rgba(255,255,255,0.5);}
.night .book-selector .wrap,
.night .translation-selector.active .wrap,
.night .header .hbs .hb .wrap{background:#444;border:1px solid #555;box-shadow:0 0 8px rgba(0,0,0,0.75);}
.night .book-selector .wrap:after,
.night .translation-selector .wrap:after,
.night .header .hbs .hb .wrap:after{background:#444;}
.night .book-selector .menu,
.night .translation-selector .menu,
.night .header .hbs .hb .menu{background:#444;border:1px solid #555;box-shadow:0 0 8px rgba(0,0,0,0.75);}
.night .book-selector .menu .book-name:hover,
.night .translation-selector .menu .translation:hover{color:#fff;text-shadow:0 0 2px rgba(255,255,255,0.35);}
.night .book-selector .menu .label.label-group{opacity:0.35;}
.night .book-selector .menu .menu-chapters .chapter{border:1px solid #777;}
.night .book-selector .menu .menu-chapters .chapter:hover{color:#fff;text-shadow:0 0 2px rgba(255,255,255,0.35);background:#555;}
.night .translation-selector .knob .label{background:#555;color:#fff;}
.night .translation-selector .knob .label i:after{border-color:#000;opacity:0.25;}
.night .translation-selector.active .knob .label{background:#676767;}
.night .tooltip{background:#444;border:1px solid #555;box-shadow:0 0 8px rgba(0,0,0,0.75);}
.night .tooltip .tooltip-title{opacity:0.35;}
.night .tooltip .tooltip-arrow{border-color:#555 transparent transparent transparent;}
.night .tooltip .tooltip-arrow:after{border-color:#444 transparent transparent transparent;}
.night .text{border-color:#444;}
.night.parallel .text:after{border-color:#444;}
.night.search .passage-text{border-color:#444;}
.night .switch{background-color:#777;opacity:1;}
.night .switch:before{background-color:#bbb;}
.night .switch.checked{/**background:#99bbff;**/background:#ddd;}
.night .switch.checked:before{/**background:#4488ff;**/background:#fff;}
.night .button{background:#555;}
.night .button:hover{box-shadow:0px 5px 10px -2px rgba(0,0,0,1);}
.night .button:focus{background:#393939;}
.night input,
.night select, 
.night textarea{background:#222;color:#bbb;border:1px solid #444;}
.night input:focus,
.night select:focus,
.night textarea:focus{color:#ddd;box-shadow:0px 0px 3px 0px rgba(255,255,255,0.15);}





/** Small Screen **/
@media only screen and (min-width: 1000px) and (max-width: 1280px) {
	
	
	
}

/** Tablet Styles **/
@media only screen and (min-width: 569px) and (max-width: 999px) {
	
	.book-selector .menu{width:560px;}
	.book-selector .menu .menu-page{max-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;}
	.home .header .search .book-selector .menu{left:0px;top:54px;}
	.book-selector .menu .testament{clear:both;}
	.book-selector .menu .testament.testament-new{margin-top:25px;}
	
}

/** Small Tablet Styles **/
@media only screen and (min-width: 569px) and (max-width: 800px) {
	
	.header .search{left:auto;}
	.book-selector .menu{left:calc(25vw - 280px);}
	.home .header .search .book-selector .menu{left:calc(25vw - 280px);}
	
}

/** Mobile Phone Styles **/
@media only screen and (min-width : 0px) and (max-width : 568px) { 
	
	.header{}
	.header a.logo{display:none;}
	.header .theme-switcher{display:none;}
	.header .search{ /**width:380px;left:0;**/ width:300px;left:10px;float:left;}
	.header .search input{padding-left:52px;}
	.header .hbs .hb .knob{opacity:0.5;}
	.header .hbs .hb.active .knob{opacity:1;}
	.hb.settings .setting.setting-switch[setting='show-night-mode']{display:block;}
	
	.book-selector .menu{width:400px;left:-10px;border-top-left-radius:2px;}
	.book-selector .menu .menu-page{max-height:calc(100vh - 180px);overflow-x:hidden;overflow-y:auto;}
	.book-selector .menu .testament{clear:both;}
	.book-selector .menu .testament.testament-old{width:380px;margin-right:0px;}
	.book-selector .menu .testament.testament-new{margin-top:25px;}
	.book-selector .menu .label.label-tt{margin-right:-100px;}
	.book-selector .menu .group{width:120px;padding-right:10px;}
	.book-selector .menu .group.group-wisdom,
	.book-selector .menu .group.group-general,
	.book-selector .menu .group.group-major,
	.book-selector .menu .group.group-apocalyptic{position:relative;top:-12px;}
	.book-selector .knob .icon{top:13px;}
	.book-selector .wrap::after{left:-10px;}
	.translation-selector .menu{right:-50px;border-top-right-radius:2px;}
	.translation-selector .wrap::after{right:-10px;width:calc(100% + 20px)}
	.translation-selector .menu .translation{font-size:16px;line-height:30px}
	.translation-selector .menu .translation b{width:45px;}
	.translation-selector .menu .translation .stud{opacity:0.8;line-height:24px;height:26px;top:3px;}
	.home .header .search .book-selector .menu{left:0px;top:54px;}
	
	.texts{padding-top:35px;max-width:calc(100% - 20px);}
	.translation-label{margin-top:-10px;}
	.all .text .translation-label{position:relative;top:0px;left:0px;}
	
	.nav{ /**display:none;**/ position:relative;height:50px;width:25%;float:left;margin-bottom:75px;margin-top:-20px;box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);border-radius:2px;  background:#888;color:#fff;}
	.nav:hover{background:#888;}
	.nav.nav-prev{margin-left:2%;border-right:1px solid rgba(0,0,0,0.25);border-top-right-radius:0px;border-bottom-right-radius:0px;}
	.nav.nav-next{margin-right:2%;float:right;border-top-left-radius:0px;border-bottom-left-radius:0px;}
	.nav:after{opacity:1;scale:0.8;}
	.nav.nav-prev:after{left:calc( 50% - 10px );}
	.nav.nav-next:after{right:calc( 50% - 10px );}
	.night .nav{background:#555;}
	.night .nav:hover{background:#555;}
	
	.bottom{margin-bottom:25px;}
	
	.hb.settings{z-index: 2000;}
	
}