/* Online Scripturemedia Bible Commentary================================================================================ */
/*NARINDER SINGH of Upwork.com For increase/decrease font size and color of navigation arrowscss file: custom-style.css under child theme.Line number: 267.Css Class: #online-bible .paging > a, #online-bible .paging a span, #online-bible .paging span.disabled span, .m-dailymanna .paging > a, .m-dailymanna .paging a spanFor dropdown font size and color control.CSS file: custom-style.cssLine number: 62.Css class: .bible-nav .dropdown-toggleIf you are looking for dropdow tab font control. Please use this class like this.See line 368.dropdown-menu{}*/


/* Header */


#online-bible>.header {
	background: #fff;
}

#online-bible .header h1 {
	margin: 0;
	padding: 0 0 30px 0;
	line-height: 1;
}

.bible-nav {
	padding: 10px 30px;
	background: #e7e7e7;
	text-align: center;
}

.bible-nav .books,
.bible-nav .quick-search,
.bible-nav .index {
	/*float: left; */
	margin: 0px auto;
	display: block;
	width: 100%;
	max-width: 550px;
}

.bible-nav .quick-search {
	min-width: 170px;
	margin-left: 10px;
}

.bible-nav .toggle-link {
	float: left;
	margin: -5px 0 -5px 15px;
	padding: 10px;
}

.bible-nav .btn-group {
	padding-top: 2px;
}

.bible-nav .dropdown-toggle {
	padding: 0 20px 0 7px;
	border: solid 1px #d4dadd;
	color: #2d3437;
	background: #fff url(../images/custom-select-bg.png) no-repeat 100% 50%;
	line-height: 25px;
	font-size: 18px;
	text-align: left;
}

.bible-nav .dropdown-toggle:hover,
.bible-nav .dropdown-toggle:focus {
	color: #2d3437 !important;
}

.bible-nav .large .dropdown-toggle {
	min-width: 195px;
	text-align: right;
}

.bible-nav .small .dropdown-toggle {
	min-width: 50px;
}

.js #bible-index {
	display: none;
}


/* Reading interface */


/* .bible-reader {float: left;width: 100%;padding: 20px 0 0 0;} */

.bible-reader .version {
	position: relative;
}

.bible-reader .header {
	background: #f0f1f2;
}

.bible-reader .header h2,
.bible-reader .header h3 {
	margin: 0;
	color: #717f86;
	font-size: 15px;
}

.bible-reader .header>h2 {
	float: left;
	margin: 0;
	padding: 8px 10px;
}

.bible-reader .header .tools,
.m-dailymanna .m-h .tools {
	float: right;
}

.bible-reader .header .btn-group,
.bible-reader .header .btn-close {
	float: left;
}

.bible-reader .header .btn {
	padding: 2px 30px 2px 10px;
	background: #044f7a url(../images/dropdown-arrows-md.png) no-repeat 100% 12px;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
}

.bible-reader .header .bible-api-info-container {
	background-color: #fff;
	padding-bottom: 10px;
}

.bible-reader .header .bible-api-info {
	color: #ffffff;
	font-size: 15px;
	text-align: left;
	line-height: 25px;
	padding: 2px 10px;
	background-color: #cc0000;
}

.bible-reader .header .btn-close {
	min-width: 0;
	width: 24px;
	padding: 2px 0;
	background: #044f7a;
	text-align: center;
}

.bible-reader .header .btn-close span {
	color: rgba(255, 255, 255, 0.6);
}

.bible-reader .header .btn-close:hover span {
	color: #fff;
}

.bible-reader .version-secondary .header .btn,
.bible-reader .header .tab-secondary .btn {
	background-color: #464646;
}

.bible-reader .version-secondary .header .btn-close,
.bible-reader .header .tab-secondary .btn-close {
	background-color: #464646;
}

.bible-reader .header .paging,
.m-dailymanna .paging {
	clear: both;
	padding: 10px 8px;
	background: #fff;
	border-bottom: 1px solid #e3e5e7;
}

.bible-reader .version-selector {
	background: #fff;
	border-bottom: 6px solid #044f7a;
}

.bible-reader .version-secondary .version-selector {
	border-color: #464646;
}

.bible-reader .tab-header .version-selector {
	border-bottom: none;
}

.bible-reader .tab-header .tab-primary {
	float: left;
}

.bible-reader .tab-header .tab-secondary {
	float: right;
}

.bible-reader .header .compare-selector {
	float: right;
}

.bible-reader .header .compare-selector .btn {
	background-color: #464646;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
}

.bible-reader .header .compare-selector .dropdown-menu,
.bible-reader .tab-secondary .version-selector .dropdown-menu {
	left: auto;
	right: 0;
}

.bible-reader .tab-header {
	background: none;
}

.bible-reader .footer {
	font-family: 'Jameel Noori Nastaleeq','Emad Nastaleeq';
	font-size: 36pt;
	margin-top: 10px;
	padding: 10px 38px 30px;
	border-top: 1px solid #e3e5e7;
	color: #2d3437;
}

.bible-reader .version-secondary .footer strong {
	color: #464646;
}

.bible-reader .footer {
	margin-top: 10px;
	padding: 10px 38px 30px;
	border-top: 1px solid #e3e5e7;
}

.bible-reader .header {
	background: #f0f1f2;
}

.bible-reader .header .paging,
.m-dailymanna .paging {
	clear: both;
	padding: 10px 8px;
	background: #fff;
	border-bottom: 1px solid #e3e5e7;
}


/* Paging */

.bible-reader .paging h3,
.bible-reader .paging span,
.m-dailymanna .paging span {
	display: block;
	margin: 0;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
}

#online-bible .paging>a,
#online-bible .paging a span,
#online-bible .paging span.disabled span,
.m-dailymanna .paging>a,
.m-dailymanna .paging a span {
	display: block;
	width: 20px;
	height: 20px;
	font-size: 24px;
	text-align: center;
}

#online-bible .paging a,
.m-dailymanna .paging a {
	margin-top: -1px;
}

#online-bible .paging .prev,
#online-bible .paging .first,
.m-dailymanna .paging .prev {
	float: left;
}

#online-bible .paging .next,
#online-bible .paging .last,
.m-dailymanna .paging .next {
	float: right;
}

#online-bible .paging .last {
	margin-left: 10px;
}

#online-bible .paging .first {
	margin-right: 10px;
}

#online-bible .bible-nav .next {
	margin-left: 10px;
}

#online-bible .bible-nav .prev {
	margin-right: 10px;
}

#online-bible .bible-nav .prev,
#online-bible .bible-nav .first,
#online-bible .bible-nav .next,
#online-bible .bible-nav .last {
	margin-top: 3px;
}


/* Biblical content styling */

.bible-reader .content,
.bible-reader .references {
	padding: 10px 8px;
}

.bible-reader .content,
.bible-reader .references h4 {
	font-size: 16px;
	font-weight: bold;
	font-family: sans-serif;
}

.bible-reader .content h5:first-child {
	margin-top: 0;
}

.bible-reader .content sup {
	top: auto;
	padding: 0 3px;
	font-size: inherit;
	line-height: inherit;
	color: #00aef0;
	font-weight: bold;
}

.bible-reader .content p>span:first-child .versenum {
	margin-left: 20px;
}


/*.bible-reader .col-md-12 .content {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;}*/


/* Footnotes and references */

.bible-reader .references li {
	margin-bottom: 5px;
}

.dropdown-menu {
	max-height: 320px;
	overflow: auto;
	font-size: 14pt;
	background: #f0f1f2;
	border-top: 6px solid #c2c2c2;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: right;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	font-size: 16pt;
	background: #1e73be;
	color: #FFF;
}


/*Additional*/

#online-bible .paging .next,
#online-bible .paging .last,
.m-dailymanna .paging .next {
	float: left;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#online-bible .paging .prev,
#online-bible .paging .first,
.m-dailymanna .paging .prev {
	float: right;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*
video banner on home page
*/
.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* opacity: 0.5; */
		/* z-index: -1; */
}

/* DISABLED
.page-hero {
    position: relative;
    overflow: hidden;
	height: 100vh;
	min-height: 500px;
}
DISABLED */

.background-video-content, body.home  .site-header, body.home  .container.grid-container{
    position: relative;
    z-index: 1;
}
body.home .main-navigation, body.home  .main-navigation ul ul, body.home #page, body.home .site-footer{
	/* z-index: 1; */
}
body.home .site-header, body.home.separate-containers .inside-article{
	background: none;
}
video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

body.home .site-header{
	position: absolute;
	width: 100%;
}
body.home .main-navigation{
	position: absolute;
    width: 100%;
}

/*Flex Grid*/
.flex-container {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
}
.row-reverse{
	flex-direction:row-reverse;
}
.flex-center{
	justify-content:center;
}
.flex-no-grow{
	flex-grow: 0 !important;
}
.flex-10{
	flex: 1 1 10%;
}
.flex-20{
	flex: 1 1 20%;
}
.flex-25{
	flex: 1 0 280px;
	padding:1%;
}
.flex-33{
	flex: 1 0 301px;
}
.flex-40{
	flex: 1 1 40%;
}
.flex-45{
	flex: 1 1 45%;
}
.flex-50{
	flex: 0 1 50%;
}
.flex-60{
	flex: 1 1 50%;
}
.flex-80{
	flex: 1 1 80%;
}
.flex-100{
	flex: 0 0 100%;
}

@media only screen and (max-width: 600px){
.flex-link{
	flex: 1 1 100%;
}
}

@media only screen and (max-width: 1028px){
.flex-50{
	flex: 0 1 100%;
}
}

p:empty:before {
    content: none;
}