@charset "UTF-8";
/*
Theme Name: WP-Bible
Theme URI: https://wordpress.com/theme/wp-bible/
Author: WPBibles.com
Author URI: https://wpbibles.com/
Description: Wordpress Bible
Requires at least: WordPress 4.9.6
Version: 1.1.7
License: Personal use
License URI: https://wpbibles.com/
Text Domain: bible
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/
a,
a:active,
a:hover,
a:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
 outline:0
}
a {
 cursor:pointer
}
.listing a,
.nobr {
 white-space:nowrap
}
.color-primary,
.navbar-brand strong,
a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
 color:#006ecc
}
.color-second,
a:hover {
 color:#f90
}
.here,
.here:active,
.here:focus {
 font-weight:bold;
 color:#f90
}
a.ano,
a.ano:hover {
 color:#333;
 text-decoration:none
}
.gray,
.gray a,
.subtitle,
h3 small {
 color:#999
}
.text sup a {
 color:#ccc;
 text-decoration:none
}
.text sup a:hover {
 color:#006ecc;
 text-decoration:none
}
.bible em {
 color:#999
}
.text .jesus em {
 color:#ce0626
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
 background-color:#f2f2f2;
 border-right:1px #e6e6e6 solid;
 border-left:1px #e6e6e6 solid
}
.bg-gray {
 background-color:#f8f8f8
}
.btn-primary {
 background-color:#006ecc;
 border-color:#006ecc
}
.jesus,
.greek {
 color:#ce0222
}
.navbar-nav {
 font-size:16px
}
h1,
.h1 {
 font-size:2em
}
.main-h {
 margin-top:5px;
 margin-bottom:10px
}
.mainblock .bg-gray {
 margin-top:25px;
 margin-bottom:25px
}
.text div {
 line-height:1.4
}
.paragraph {
 margin-top:1.1em
}
div[id]:target:before {
 display:block;
 content:"";
 margin-top:-55px;
 height:55px;
 visibility:hidden
}
div:target {
 font-weight:bold;
 color:#006ecc
}
.nomargin .pagination {
 margin:0
}
hr.nomargin {
 margin:4px 0 10px 0
}
.pad>p {
 padding:8px 4px
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
 position:static
}
.yamm .container {
 position:relative
}
.yamm .dropdown-menu {
 left:auto
}
.yamm .yamm-content {
 padding:20px 30px
}
.yamm .dropdown.yamm-fw .dropdown-menu {
 left:0;
 right:0
}
.navbar-default .navbar-nav>li>a:hover {
 color:#006ecc
}
.dropdown-menu {
 color:#555;
 font-size:1em;
 background-color:#f2f2f2;
 border:0;
 border-radius:0;
 padding-top:15px;
 padding-bottom:15px;
 margin-right:15px;
 margin-left:15px;
 box-shadow:0 3px 4px rgba(0,0,0,.175)
}
@media(max-width:1199px) {
 .nav>li>a {
  position:relative;
  display:block;
  padding:10px 10px
 }
 .navbar-header {
  float:none
 }
 .navbar-left,
 .navbar-right {
  float:none!important
 }
 .navbar-toggle {
  display:block
 }
 .navbar-collapse {
  border-top:1px solid transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)
 }
 .navbar-fixed-top {
  top:0;
  border-width:0 0 1px
 }
 .navbar-collapse.collapse {
  display:none!important
 }
 .navbar-nav {
  width:100%;
  margin-top:7.5px
 }
 .navbar-nav>li {
  float:none
 }
 .navbar-nav>li>a {
  padding-top:10px;
  padding-bottom:10px
 }
 .collapse.in {
  display:block!important
 }
 .navbar-nav .open .dropdown-menu {
  position:relative;
  float:none;
  width:auto;
  margin-top:0;
  background-color:transparent;
  border:0;
  -webkit-box-shadow:none;
  box-shadow:none
 }
 .grid-menu .text-center {
  text-align:left
 }
 .grid-menu {
  margin-bottom:0
 }
}
.scrollup {
 width:30px;
 height:30px;
 position:fixed;
 bottom:30px;
 right:30px;
 display:none;
 text-indent:-9999px;
 background:url('/i/img/top.png') no-repeat;
 -webkit-box-shadow:0 0 3px rgba(0,0,0,.14);
 -moz-box-shadow:0 0 3px rgba(0,0,0,.14);
 -ms-box-shadow:0 0 3px rgba(0,0,0,.14);
 box-shadow:0 0 3px rgba(0,0,0,.14)
}
.scrollup:hover {
 background:url('/i/img/top2.png') no-repeat
}
@media(min-width:320px) and (max-width:480px) {
 .scrollup {
  bottom:20px;
  right:15px
 }
}
.modal-content,
.nav-tabs.nav-justified>li>a,
.form-control,
.input-group-addon,
.btn,
.dropdown-menu,
.navbar-toggle,
.pagination,
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span,
.panel,
.panel-heading,
.panel-footer {
 border-radius:0
}
.tooltip.in {
 filter:alpha(opacity=100);
 opacity:1
}
.tooltip-inner {
 max-width:400px;
 border-radius:0;
 padding:10px;
 background-color:#006ecc
}
.tooltip.top .tooltip-arrow {
 border-top-color:#006ecc
}
span.rz {
 color:#fff;
 border-left:1px solid #ccc;
 margin-left:5px
}
div.top-paragraph {
 font-style:italic;
 font-size:.8em;
 margin-bottom:1.6em;
 color:#999
}
.sup2,
.pri,
.mix .sup2b,
.noncanonical {
 display:none
}
.sup2b {
 vertical-align:super;
 font-size:smaller;
 color:#999
}
.main-nav>.btn-default {
 color:#006ecc;
 background-color:#fff;
 border-color:#ccc
}
.main-nav>.btn-default:hover {
 color:#f90;
 background-color:#eee
}
.main-nav {
 margin-bottom:1em
}
.sym-filter {
 margin-top:20px;
 font-weight:normal
}
.sym-container .mix,
.sym-container .gap {
 display:none
}
.sym-container hr {
 margin-top:2px;
 margin-bottom:12px
}
.sym-container .jesus {
 color:#333
}
.verse-text hr {
 margin-top:12px;
 margin-bottom:12px
}
.strong2 {
 display:none;
 color:#999
}
blockquote {
 margin-left:3em;
 font-size:1em;
 border-left:2px solid #eee
}
.listing {
 width:100%;
 column-count:4;
 -moz-column-count:4;
 -webkit-column-count:4;
 column-gap:25px;
 -moz-column-gap:25px;
 -webkit-column-gap:25px
}
.listing_2 {
 width:100%;
 column-count:2;
 -moz-column-count:2;
 -webkit-column-count:2;
 column-gap:25px;
 -moz-column-gap:25px;
 -webkit-column-gap:25px
}
@media(min-width:768px) and (max-width:991px) {
 .listing {
  width:100%;
  column-count:3;
  -moz-column-count:3;
  -webkit-column-count:3;
  column-gap:20px;
  -moz-column-gap:20px;
  -webkit-column-gap:20px
 }
}
@media(max-width:768px) {
 .listing {
  width:100%;
  column-count:2;
  -moz-column-count:2;
  -webkit-column-count:2;
  column-gap:20px;
  -moz-column-gap:20px;
  -webkit-column-gap:20px
 }
}
.modal-scrollbar-measure {
 position:absolute;
 top:-9999px;
 width:50px;
 height:50px;
 overflow:scroll
}
.tooltip-inner {
 max-width:400px;
 border-radius:0;
 padding:10px
}
.modal-backdrop.show{
 opacity:1;
 background-color: #fff;
}
.modal-content {
 box-shadow:none;
 border:0
}
.modal {
 top:50px;
 z-index:1111
}
.modal-dialog {
 width:1200px;
 margin:0 auto
}
.modal-header,
.modal-footer {
 border:0
}
.modal-header {
 padding-left:20px;
 padding-right:20px
}
.modal-body {
 padding:0 0 15px 0;
 margin-left:-10px
}
.modal-backdrop.in {
 filter:alpha(opacity=100);
 opacity:1
}
.modal-footer {
 padding-bottom:100px;
 padding-right:20px
}
.side-left {
 padding-left:20px
}
.close {
 font-size:36px;
 font-weight:100;
 opacity:1;
 color:#006ecc;
 padding-right:15px
}
@media screen and (max-width:1199px) {
 .modal-dialog {
  width:90%
 }
 .modal-footer {
  padding-bottom:60px
 }
}
@media screen and (max-width:767px) {
 .modal {
  top:20px
 }
 .modal-dialog {
  width:100%;
  font-size:1.0
 }
 .modal-footer {
  padding-bottom:40px
 }
 .side-left {
  padding-left:15px
 }
}
.pagination .current,
.pagination .current:hover {
 z-index:2;
 color:#fff;
 cursor:default;
 background-color:#006ecc;
 border-color:#006ecc
}
.lex .pagination a {
 width:36px
}
.pmodal li {
 text-align:center
}
.pmodal a,
.pmodal span {
 width:60px
}
.pmodal a,
.pmodal span {
 width:60px
}
.pmodal li.vv {
 width:120px
}
@media screen and (max-width:767px) {
 .pagination>li>a,
 .pagination>li>span {
  padding:5px 10px;
  font-size:12px;
  line-height:1.5
 }
}
.tab-pane {
 padding-top:10px
}
.tab-content h1,
.tab-content h2,
.tab-content h3 {
 margin-top:0
}
.nav-tabs {
 -webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,0.02);
 box-shadow:inset 0 -1px 1px rgba(0,0,0,0.02);
 border-bottom:1px solid #f0f0f0;
 margin-top:15px
}
.nav-tabs>li>a {
 font-size:13px;
 text-transform:uppercase;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 padding:12px 25px;
 position:relative;
 color:#666
}
.nav-tabs>li>a:hover {
 border-color:#f0f0f0 #f0f0f0 #ebebeb;
 background-color:#fefefe
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
 color:#666;
 background-color:#fefefe;
 border:1px solid #f0f0f0;
 -webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.02);
 box-shadow:0 -1px 1px rgba(0,0,0,0.02);
 border-bottom-color:transparent
}
.nav-tabs>li.active>a:after {
 width:2px;
 content:"";
 background-color:#006ecc;
 height:103%;
 position:absolute;
 left:0;
 top:0
}
.tab-content {
 border:1px solid #f0f0f0;
 padding:20px;
 border-top:0;
 -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.02);
 position:relative;
 box-shadow:0 1px 1px rgba(0,0,0,0.02);
 background-color:#fefefe;
 margin-bottom:15px;
 width:100%
}
.tab-content h1 {
 font-size:34px
}
.tab-content:after {
 width:1px;
 content:"";
 background-color:#f0f0f0;
 height:100%;
 position:absolute;
 left:0;
 top:0
}
.tab-content.clear-style {
 border:0;
 padding:10px 0 0 0;
 -webkit-box-shadow:none;
 box-shadow:none;
 background-color:transparent
}
.tab-content.clear-style:after {
 width:0;
 background-color:transparent;
 height:100%
}
@media(min-width:481px) and (max-width:767px) {
 .nav-tabs>li>a {
  padding:12px 10px;
  font-size:11px;
  margin-right:0
 }
}
@media(max-width:480px) {
 .nav-tabs>li a {
  padding:12px 10px;
  font-size:13px;
  margin-right:0
 }
 .nav-tabs>li>a:hover {
  color:#666
 }
 .nav-tabs>li>a:hover:after {
  width:1px;
  content:"";
  background-color:#f0f0f0;
  height:102%;
  position:absolute;
  left:0;
  top:0
 }
}
.tabs-style-2 .nav-tabs {
 border-bottom:1px solid #e84c3d
}
.tabs-style-2 .nav-tabs>li.active>a,
.tabs-style-2 .nav-tabs>li.active>a:hover,
.tabs-style-2 .nav-tabs>li.active>a:focus,
.tabs-style-2 .nav-tabs>li>a:hover {
 -webkit-box-shadow:none;
 box-shadow:none;
 border:1px solid #f0f0f0;
 background-color:#f0f0f0;
 color:#fff
}
.tabs-style-2 .nav-tabs>li.active>a:after {
 width:0;
 height:0;
 background-color:transparent
}
.tabs-style-2 .tab-content {
 border:0;
 padding:20px 0;
 -webkit-box-shadow:none;
 box-shadow:none;
 background-color:transparent
}
.tabs-style-2 .tab-content:after {
 width:0;
 background-color:transparent;
 height:0
}
.tabs-style-2 .nav-tabs>li>a:hover:after {
 width:0;
 background-color:transparent;
 height:0
}
.vertical {
 margin:20px 0;
 width:100%
}
.vertical.hc-tabs {
 margin:40px 0
}
.vertical .nav-tabs,
.vertical .tab-content {
 display:table-cell;
 margin:0;
 vertical-align:top
}
.vertical .nav-tabs {
 -webkit-box-shadow:none;
 box-shadow:none;
 border-bottom-color:transparent;
 background-color:#999
}
.vertical .nav-tabs>li {
 float:none
}
.vertical .nav-tabs>li a {
 margin:0;
 padding:15px 40px;
 white-space:nowrap;
 color:#fff;
 border-bottom:1px solid #8f8f8f
}
.vertical .nav-tabs>li>a:hover {
 border-color:#f0f0f0 #f0f0f0 #ebebeb;
 border-right-color:transparent;
 color:#f90;
 z-index:2
}
.vertical .nav-tabs>li>a:hover:after {
 width:2px;
 content:"";
 background-color:#f90;
 height:102%;
 position:absolute;
 left:0;
 top:0
}
.vertical .nav-tabs>li.active>a,
.vertical .nav-tabs>li.active>a:hover,
.vertical .nav-tabs>li.active>a:focus {
 -webkit-box-shadow:-1px 0 1px rgba(0,0,0,0.02);
 box-shadow:-1px 0 1px rgba(0,0,0,0.02);
 border-right-color:transparent;
 border-bottom-color:#f0f0f0;
 color:#006ecc;
 z-index:2;
 width:101%
}
.vertical .tab-content {
 border-top:1px solid #f0f0f0;
 -webkit-box-shadow:1px 0 1px rgba(0,0,0,0.02);
 box-shadow:1px 0 1px rgba(0,0,0,0.02);
 left:-1px;
 z-index:1;
 padding:0 20px 30px 30px
}
.vertical .tab-content:after {
 background-color:transparent
}
.arrow {
 display:block;
 position:relative
}
.arrow i {
 font-size:96px;
 top:-62px;
 position:absolute;
 line-height:1;
 z-index:2;
 left:50%;
 margin-left:-27px
}
.arrow i:before {
 color:#fefefe;
 text-shadow:0 -1px 1px #e9e9e9
}
@media(max-width:767px) {
 .vertical .nav-tabs,
 .vertical .tab-content {
  display:block
 }
}
.commentlist {
 list-style:none;
 margin:0 0 0 -40px
}
.commentlist ol {
 padding:0
}
.commentlist li.comment {
 border-bottom:1px solid #e7e7e7;
 list-style:none;
 margin:0 0 16px 0;
 padding:0
}
@media screen and (max-width:767px) {
 .commentlist li.comment {
  margin:0 0 8px 0;
  padding:0 0 0 4px
 }
}
.commentlist li:last-child {
 border-bottom:0;
 margin-bottom:0
}
.comment-meta a {
 color:#999;
 font-size:.8em
}
.tumb_brand,
.brand-fav {
 display:inline-block;
 width:100%;
 text-align:center;
 vertical-align:middle
}
.brand-fav {
 width:54px;
 height:54px;
 border-radius:50%;
 background:#fff
}
.brand-fav .b-icon {
 position:relative
}
.brand-fav .fav-image {
 top:11px;
 max-width:32px;
 max-height:32px
}
.vertical .form-inline .form-group,
.vertical .input-group {
 display:inline-table;
 margin-bottom:0;
 vertical-align:middle;
 white-space:nowrap
}
.vertical .input-group .form-control {
 width:120px
}
.str-verse {
 position:relative;
 clear:both
}
.str-verse h3 {
 clear:both;
 padding:10px 0;
 color:#f0ad4e
}
.str-word {
 float:left;
 text-align:left;
 margin-right:10px;
 margin-bottom:2px;
 padding:4px
}
.str-word:hover {
 background:#f8f8f8;
 padding:4px
}
.strongslinks {
 color:#09c
}
.str-ru {
 position:relative;
 display:block;
 font-size:1em;
 padding:0 2px;
 color:#5cb85c
}
.str-greek {
 position:relative;
 display:block;
 font-family:'Tinos',serif;
 font-size:1.2em
}
.morh {
 display:none
}
.both {
 clear:both
}


/* Search  */

.search-overlay {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 110;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, .96);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.09);
          transform: scale(1.09);
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s, visibility .3s;
  transition: opacity .3s, transform .3s, visibility .3s, -webkit-transform .3s;
  box-sizing: border-box;
}

.search-overlay p {
  padding-top: 15px;
}


.search-overlay__top {
  background-color: rgba(0, 0, 0, .12);
}


.search-overlay__icon {
  margin-right: 10px;
  font-size: 1.8rem;
  color: #F95738;
}

@media (min-width: 960px) {

  .search-overlay__icon {
    font-size: 1.8rem;
  }
}

.search-overlay--active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  margin:30px 0 0 0;        
}

.search-overlay__section-title {
  margin: 30px 0 1px 0;
  font-weight: 400;
  color: #0D3B66;
  font-size: 2rem;
  padding: 15px 0;
  border-bottom: 1px solid #CCC;
}

.search-overlay__close {
  position: absolute;
  top: 4px;
  right: 16px;
  font-size: 2.1rem;
  cursor: pointer;
  transition: all .3s;
  background-color: #FFF;
  color: #F95738;
  line-height: .7;
  border: none;
}

@media (min-width: 530px) {

  .search-overlay__close {
    top: 18px;
    font-size: 1.8rem;
  }
}

@media (min-width: 960px) {

  .search-overlay__close {
    top: 18px;
    font-size: 1.8rem;
  }
}

.search-overlay__close:hover {
  opacity: 1;
}

.search-overlay .one-half {
  padding-bottom: 0;
}

.search-term {
  width: 75%;
  box-sizing: border-box;
  border: none;
  padding: 15px 0;
  margin: 0;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  color: #F95738;

}

.search-overlay__open {color: #fff;}
.spinner-loader {
  margin-top: 25px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid rgba(0, 0, 0, 0.2);
  border-top-color: #F95738;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;

}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}