@charset "utf-8";
/* CSS Document */

/*.txt_en, span.txt_en, .en {
	font: normal 400 14px/24px "Poppins",Helvetica,sans-serif;
}
*/

/*.txt_cn, span.txt_cn, .zh {
	font: normal 400 14px/24px 'Noto Serif SC', Times, serif;
}
*/

/* PUBLISH INFO */
.publish_infobox {/*margin-bottom: 25px;*/ height: auto;}
.author, .place {font-size: .8em; text-transform:capitalize; line-height: normal;}
.publish_date {font-size: .8em; text-transform:capitalize; line-height: normal;}
.author label, .publish_date label, .place label{ color: #999999;/*color:#9F9983;/*NEW COLOUR THEME*/ margin-right: 3px; font-weight: 400; margin-bottom: 0px;  white-space: nowrap; font-size: .9em;}
.publish_date label span, .publish_date span { white-space: nowrap; margin-right: 3px;}
/*.masonry .gird .gird-item .publish_infobox .publish_date { margin-bottom: 10px;  white-space: nowrap;}*/
.author i, .publish_date i {display: none; margin-right: 3px; color: #BBBBBB;}
.article_header_box h4 span {display: inline-block;}
/* END PUBLISH INFO */

	@media only screen and (max-width: 480px){
			
		.publish_infobox .author label i.fa {
			display: block;
		}
		
		.publish_infobox .author label span {
			display: none;
		}
		
		.publish_infobox .publish_date label i.fa {
			display: block;
		}
		
		.publish_infobox .publish_date label span {
			display: none;
		}
			
	}

/* PAGE BANNER IMAGE*/
.banner {margin: auto;}
.caption { text-align: center; /*border: 1px solid #333;*/ }
/* END PAGE BANNNER IMAGE */

/* IMAGE AS BACKGROUND */
.bg-img {
	display: block;
	width: 100%;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/* END IMAGE AS BACKGROUND */

/* BUTTON */

.button-group .button-bottom-right {
	/*position: absolute;*/
	bottom: 0px; /*30px;*/
	right: 15px;
}
.button-group .button-read {
	
	width: auto;
	padding: 3px 10px;
	background-color: #FAB916; /*NEW COLOUR THEME*/
	float: right;
	display: inline-block;
	text-align:center;
	color: #FFFFFF; /*NEW COLOUR THEME*/
	text-transform: uppercase;
	height: 30px;
	margin-top: 10px;
	vertical-align: middle;
	/*font-size: 11px!important;*/
}

.button-group .button-select {

	/*width: 100%;*/
	width: auto;
	padding: 3px 10px;
	background-color: #A1A102; /*NEW COLOUR THEME*/
	float: right;
	display: inline-block;
	text-align:center;
	color: #FFFFFF; /*NEW COLOUR THEME*/
	text-transform: uppercase;
	height: 30px;
	margin-top: 10px;
	vertical-align: middle;
	/*font-size: 11px!important;*/
}

.button-group div span {
	font-size: 11px!important;
	line-height: 16px!important;
}
/* END BUUTON */

/*PJ MASONRY CATEGORY LAYOUT START */
	.masonry{
		/* REFER TO MASONRY GRID LAYOUT STYLESHEET */
	}

	/* START OF PJ MASONRY INFO LINK */
		.masonry-frame > a.info-linked {
			color:  #120A07;/*NEW COLOUR THEME*/
			text-decoration:none;
			width: 100%;
			display: block; /*table;*/
			margin: 0px;
			/*padding-bottom: 3.5em;*/
		}

	/* END OF PJ MASONRY INFO LINK */

	/* START OF PJ MASONRY IMAGE */
		.masonry-frame > a.info-linked .image {
			display: block;
			width: 100%;
			position: relative;
		}
		
		.masonry-frame > a.info-linked .image .round {
			padding-top: 1.5em;
		}
		
		.masonry-frame > a.info-linked .image .round .img-typecontainer {

			display: block;
			border: 5px double #FFF;/*#D8C3A5;/*NEW COLOUR THEME*/ /*#e4e5e6 */
			width: 100px;
			height: 100px;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			-ms-border-radius: 100px;
			-o-border-radius: 100px;
			border-radius: 100px;
			padding: 0px;
			overflow: hidden;
			margin: auto;
			/*margin-top: 1.5em;*/
			vertical-align: middle;
			background-color:#DCD9D2; /*NEW COLOUR THEME*/
			-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
		}
		
		.masonry-frame > a.info-linked .image .round .img-typecontainer img {
			height: 100%;
			width: 100%;
			object-fit: cover;
			object-position: center;
			
		}
		
		.masonry-frame > a.info-linked .image .rect {
			
		}
		
		.masonry-frame > a.info-linked .image .rect .img-typecontainer{

			display: block;
			/*border: 5px double #FFF;/*#D8C3A5;/*NEW COLOUR THEME*/ /*#e4e5e6;*/
			width: 100%;
			height: 150px;
			padding: 0px;
			overflow: hidden;
			margin: auto;
			/*margin-top: 1.5em;*/
			vertical-align: middle;
			background-color:#DCD9D2; /*NEW COLOUR THEME*/
		}
		
		.masonry-frame > a.info-linked .image .rect .img-typecontainer img {
			height: 100%;
			width: 100%;
			object-fit: cover;
			object-position: center;
		}
		
		.masonry-frame > a.info-linked .image .character_box {
			padding-top: 1.5em;
		}
		
		.masonry-frame > a.info-linked .image .character_box .img-typecontainer {
			display: block;
			border: 1px solid #e4e5e6;/*NEW COLOUR THEME*/ /*#e4e5e6;*/
			width: 100px;
			height: 100px;
			-webkit-border-radius: 0px;
			/*  -moz-border-radius: 0px; */
			border-radius: 0px;
			padding: 0px;
			overflow: hidden;
			vertical-align: middle;
			/* margin: 20px auto 0px auto; */
			margin: auto;
			/*margin-top: 1.5em;*/
			/*background-color:#DCD9D2; /*NEW COLOUR THEME*/
			background-image: url(../../../../../image/character_construction_box.png);
			background-repeat: no-repeat;
			background-position: center center;
		}

		.masonry-frame > a.info-linked .image .character_box .img-typecontainer img {
			opacity: 0.8;
		}
		
		.masonry-frame > a.info-linked .image .cover {
			padding-top: 1.5em;
		}
		
		.masonry-frame > a.info-linked .image .cover .img-typecontainer{
			display: block;
			border: 1px solid #DCD9D2; /*#D8C3A5;/*NEW COLOUR THEME*/ /*#e4e5e6;*/
			height: 150px;
			width: 100px;
			padding: 0px;
			overflow: hidden;
			margin: auto;
			vertical-align: middle;
			margin: auto;
			/*margin-top: 1.5em;*/
			background-color: #DCD9D2; /*NEW COLOUR THEME*/
		}
		
		.masonry-frame > a.info-linked .image .cover .img-typecontainer img {
			height: 150px;
			width: 100px;
			object-fit: cover;
			object-position: center;
		}
			
		.masonry-frame > a.info-linked .image div .img-typecontainer img.zoom-image {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.00);
			-o-transform: scale(1.00);
			-ms-transform: scale(1.00);
			transform: scale(1.00);
			-webkit-transition: transition: all 0.3s linear;
			-moz-transition: transition: all 0.3s linear;
			-o-transition: transition: all 0.3s linear;
			-ms-transition: transition: all 0.3s linear;
			transition: transition: all 0.3s linear;
		}
		
		
		.masonry-frame > a.info-linked:hover .image div .img-typecontainer img.zoom-image {
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
	
		}

	/* END OF PJ MASONRY IMAGE */
	
	/* START OF PJ MASONRY INFO CONTAINER */
	
		.masonry-frame > a.info-linked .info-container {
		
		}

		.masonry-frame > a.info-linked .info-container .info-box {
			display: block;
			width: auto; /*100%;*/
			height: auto;
			padding: 1em;
			overflow: hidden;
		}

		.masonry-frame > a.info-linked .info-container .info-box .info-header {
			display: table;
			height: 100%;
			width: 100%;
		}
		
		.masonry-frame > a.info-linked .info-container .info-box .info-header h4 {
			color: #D16407; /*rgb(141, 165, 58); /*#99CC00; /*rgb(167, 133, 62); /*#eb5f25; /*NEW COLOUR THEME*/
			text-transform:capitalize;
			font-size: 1.3em;
			letter-spacing: 0.2px;
		}
		
		.masonry-frame > a.info-linked .info-container .info-box .info-header h4 span {
			display: inline-block;
		}
		
		.masonry-frame.cat-description > a.info-linked .info-container .info-box .publish_infobox,
		.masonry-frame > a.info-linked .info-container .info-box .publish_infobox {
			margin-bottom: 25px;
		}
		
		.masonry-frame.cat-no-description > a.info-linked .info-container .info-box .publish_infobox {
			height: 30px;
		}
		.masonry-frame > a.info-linked .info-container .info-box .button-group {
			display: block;
			width: 100%;
			/*clear: both;*/
			height: auto;
			position: relative;
		}
		
		/* 2 COLUMNS LAYOUT */

		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .image {
			float: left;
			width: 150px;
			height: 100%;
		}
				
		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .info-container {
			min-height: 140px;
			clear: none;
		}
		
		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .info-container .info-box {
			margin-left: 150px;
			width: auto;
			min-height: 140px;	
		}
		
		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .testimonies.masonry-frame > a.info-linked .info-container .info-box {
			margin-left: 0px;
		}
	
		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .info-container .info-box .publish_infobox {
			min-height: 30px;
		}
		
		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .info-container .info-box .publish_infobox .publish_date label {
			width: auto;	
		}
		
		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .info-container .info-box .publish_infobox .publish_date label i {

		}
		
		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .info-container .info-box .publish_infobox .publish_date label span {

		}
		
		#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .info-container .info-box .button-group {

		}
		
		/* RESPONSIVE LAYOUT STYLE */
		
		@media only screen and (max-width: 960px){
			/* FOR SCREEN SIZE WIDTH SMALLER THAN 960px (< 960px) */
		
			#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .image {
				float: none;
				width: 100%;
				height: 100%
			}
			
			#PJmasonry .mcol-2 .grid-item .grid-content .grid-space .masonry-frame > a.info-linked .info-container .info-box  {
				margin-left: 0px;
				width: 100%;	
			}
		
		}
		
		@media only screen and (max-width: 1200px){
			/* FOR SCREEN SIZE WIDTH SMALLER THAN 1200px (< 1200px) */
			
			.masonry-frame > a.info-linked .info-container .info-box .publish_infobox .author label i.fa, 
			.masonry-frame > a.info-linked .info-container .info-box .publish_infobox .publish_date label i.fa {
				display: block;
			}
		
			.masonry-frame > a.info-linked .info-container .info-box .publish_infobox .author label span, 
			.masonry-frame > a.info-linked .info-container .info-box .publish_infobox .publish_date label span {
				display: none;
			}			
		}
		
	/* END OF PJ MASONRY INFO CONTAINER */

/*PJ MASONRY CATEGORY LAYOUT END */




/* CONTENT PAGES */

h1.header span{
	display: inline-block;
	text-transform:capitalize;
	font-size: 0.7em;
}

h3.subheader {
	border-bottom: 1px solid #DDD;
	padding-bottom: 1px;
	text-transform:capitalize;
	font-size: 1.2em;
}

h4.subheader {
	border-bottom: 1px dashed #DDD;
	text-transform:capitalize;
	font-weight: 600;
	padding: 0px 6px 6px 6px;
	font-size: 1.6em;
}

h7.subheader {
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
	text-transform:capitalize;

}

h3.subheader > span {
	width: auto;
	padding: 3px 5px;
	background-color: #333;	
}

h3.subheader span span{
	color: #FFFFFF;
}

.ref_box h3.subheader span {
	text-transform:capitalize;
	/*font-size: 1.2em;
	background-color: transparent;*/
}

.content-page{
	background-color: #fff;
	margin: 0px 15px 100px 15px;
	padding: 10px 0px;
	/*-webkit-box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.1);*/
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	width: auto;
	display: block;
	min-height: 550px;
}

.book-page {
	height: auto;
	min-height: 550px;
}

.content-row{
	display: table;
	width: 100%;
	height: auto;
	/*margin-bottom: 10px;*/
	padding: 0px 10px 10px 10px;
	clear: both;
}

.summary_row {
	/*background-color: #e7e5dd;*/
	padding: 10px 0px 0px 0px;
	/*margin-bottom: 12px;
	margin-top:  15px;*/
	/*margin: 15px 0px;*/
	/*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	font-size:16px;
	font-weight: normal;*/
	display: table;
	width: 100%;
}

.contents_row, .reflections_row, .references_row {
	margin: 10px 0px;
	padding-top: 10px;
	/*padding: 0px 10px;*/
	display: table;
	width: 100%;
}

.header_row {
	margin: 10px 0px;
	display: table;
	width: 100%;
	/*padding: 0px 10px;*/
}

.nav-tabs-row {
/*	margin-top: 15px;
	margin-bottom: 15px;
*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}
 
.references_row ul,
.ref_box ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.references_row ul li,
.ref_box ul li {
	list-style:none;
	padding: 2px 40px 2px 10px;
	list-style-position: inside;
	/*display: block;*/
	word-break: break-all;
	margin: 0px 0px 5px 0px;
	line-height: 12px;	
	font-size: 0.8em;
	color: #888888;
}

.references_row ul li div,
.ref_box ul li div {
	
}

.references_row ul li div.ref-nos,
.ref_box ul li div.ref-nos {
	width: 20px;
	height: 100%;
	float: left;
}

.references_row ul li div .ref-list,
.ref_box ul li div .ref-list {
	margin-left: 22px;
	top: 0;
}

.references_row ul li div.ref-list a,
.ref_box ul li div.ref-list a {
	color: #888888;
}

/* CHAPTERS */
.book_title {
	width: 100%;
	border-bottom: 5px solid rgb(167, 133, 62);
	font-size:16px;
	padding-bottom: 5px;
	cursor: pointer;
	height: 32px;
	margin-top: 0px;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}

.book_title .right{
	float: right;
	/*width: 10px;*/
}

.book_title span{
	display: block;
	float: left;
	margin-left: 5px;
}

.book_title .arrowdown{
	/*width: 10px;*/
	padding: 2px 5px 2px 50px;
	/*border: 1px solid #333;*/
	display: inline-block;
	position: absolute;
	right: 15px;
	/*background-: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,.4));*/
	cursor: pointer;
	/*box-shadow: -15px 0 15px -5px rgba(255,255,255,.95);*/
}

.book_title .bible-dropdown {
	top: 0;
	background: linear-gradient(to left, rgba(255,250,244,1), rgba(255,250,244,.4));
}

.book_title .book-dropdown {
	top: 0;
	background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,.4));
}








/* DOROP DOWN SELECTOR / SETTING BOX */

.selector {
	padding-top: 0px;
	padding-bottom: 0px;
}

.selector_container,
.setting_container {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	padding: 0px 15px;
	/*border: 1px solid #000;*/
}

.selector_container .selector_box .selector_chapters .header_box span {
	font-weight: 600;
	font-size: 15px;
}

/*#literature-literature .selector_container, #book-book .selector_container, #bible-book .selector_container,
#bible-book .setting_container  {*/
#literature-literature .selector_container, #book-book .selector_container, #bible-book .selector_container {	
	top: -10px; /*-25px;*/
}

/*#bible-book .selector_container .selector_box::before, #bible-book .setting_container .selector_box::before {*/
#bible-book .selector_container .selector_box::before,
#book-book .selector_container .selector_box::before {	
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    /* bottom: -2em; */
   /* left: 50%; */
    top: 0px;
	/*left: 0px;
  	right: 0px;*/
    box-sizing: border-box;
    
    border: 0.5em solid black;
    border-color: transparent transparent #FFF8DC #FFF8DC ;
    
    transform-origin: 0 0;
    transform: rotate(135deg); /* rotate(-45deg);*/
    /* box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);*/
    box-shadow: -4px 2px 4px -2px rgba(0, 0, 0, .175)
}

/*#bible-book .setting_container .selector_box::before {*/
#book-book .selector_container .selector_box::before {
	right: 80%;
}

#bible-book .selector_container .selector_box::before {
	left: 50px;
}

@media (min-width: 992px){
	
	#book-book .selector_container .selector_box::before {
		right: 20%;
	}
}

/* BOOK CHAPTER SELECTOR */
/*#book_empty {
	position: absolute;
	top: 0;
	z-index: 9;
}

#book_titles {
	position: absolute;
	top: 0;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 11;
}

#book_chapters {
	position: relative;
	top: 0;
	z-index: 10;
}*/


.selector_box {
	position: absolute;
	display: none;
	/*border: 1px solid #CCCCCC;*/
	border: 0px;
	border-radius: 0px;
	width: 100%;
	height: 300px;
	left: 0px;
	top: -10px;
	/*background-color: #cc964b;*/
	background-color: #FFF8DC;
	z-index:9;
	padding: 5px;;
	/*overflow: hidden;*/
}

.selector_box .selector_wrapper {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*.selector_box .selector_titles, .selector_box .selector_chapters {*/
.selector_box .selector_wrapper .selector_section {
	display: block;
	width: 100%;
	height: 100%;
	/*background-color: #f8f5ec;*/
	overflow: hidden;
}


/*.selector_box .selector_titles .header_box, .selector_box .selector_chapters .header_box {*/
.selector_box .selector_wrapper .selector_section .header_box {
	display: block;
	/*border-bottom: 1px solid rgba(0,0,0,.2);
	background-color:#cc964b;*/
	padding: 5px 3px 10px 3px;
	height: 48px;
	width: 100%;
	/*font-weight: 500;*/
	font: 500 18px/24px "Poppins",Helvetica,sans-serif;
	text-align: center;
	
}

/* .selector_box .selector_titles .header_box div, .selector_box .selector_chapters .header_box div {*/
.selector_box .selector_wrapper .selector_section .header_box div {
	display: inline-block;
	text-align:center;
	width:100%;
}

/* .selector_box .selector_titles .header_box .right, .selector_box .selector_chapters .header_box .right { */
.selector_box .selector_wrapper .selector_section .header_box .right {
	float:right;
	width: auto;
	padding: 0px 5px;
	cursor: pointer;
}

/* .selector_box .selector_titles .header_box .left, .selector_box .selector_chapters .header_box .left { */
.selector_box .selector_wrapper .selector_section .header_box .left {
	float:left;
	width: auto;
	padding: 0px 5px;
	cursor: pointer;
}


.selector_box .selector_wrapper .selector_section .list_box,
.selector_box .selector_chapters .list_box {
	display: block;
	width: 100%;
	height: 240px;
	overflow-y: auto;
}

.list_box .loading .loading-icon {
	width: 36px;
	height: 36px;
	/*border: 1px solid #444;*/
	color: #444;
	position: absolute;
    z-index: inherit;
	top: 50%px;
	left: 50%px;
	padding: 0px;
}

.list_box .loading .loading-icon .fa {
	margin-left: -5px;
	font-size: 36px;
}

/*
.selector_titles .list_box, 
.selector_chapters .list_box,
.setting_section .list_box {
	display: block;
	width: 100%;
	height: 240px;
	overflow-y: auto;
}

*/









.setting_container .selector_box .selector_wrapper .selector_section .list_box div.bible_versions_box .lang_header {
	font-weight: 500;
	font-size: 15px;
	padding:3px 10px;
	border-bottom: 1px solid #8a6d3b;
}
.setting_container .selector_box .selector_wrapper .selector_section .list_box div.bible_versions_box {
	margin-bottom: 20px;
}

.setting_container .selector_box .selector_wrapper .selector_section .list_box div.bible_versions_box .radio {
	padding:3px 10px;
}

.setting_container .selector_box .selector_wrapper .selector_section .list_box div.bible_versions_box .radio .bible_book_ver {
	display: block;

}

.setting_container .selector_box .selector_wrapper .selector_section .list_box div.bible_versions_box .radio .bible_book_ver input {
	margin-top: 0px;
}

.setting_container .selector_box .selector_wrapper .selector_section .list_box div.bible_versions_box .radio .bible_book_ver span {
	padding: 0px 5px;
    display: block;
	line-height: 16px;
}





.selector_titles .list_box .book_list, .selector_chapters .list_box .book_chapter {
	font-size: 13px;
	padding: 1px 1px;
	border-bottom: 1px dotted #E9E0C3;
}

.selector_titles .list_box .book_list, .selector_chapters .list_box .book_chapter span {
	font-size: 13px;
}

.selector_titles .list_box .book_list,
/*.selector_titles .list_box .book_list a div, */
.selector_chapters .list_box .book_chapter a div{
	padding: 6px 8px;
}

.selector_titles .list_box .book_list.selected {
	background-color: #C1762F30;
	color: #C1762F;
	font-weight: 600;
}

.selector_titles .list_box .book_list:hover, .selector_chapters .list_box .book_chapter:hover {
	background-color: #C1762F;
	color: #FFFFFF;
	cursor: pointer;
}

.selector_titles .list_box .book_list a:hover, .selector_chapters .list_box .book_chapter a:hover {
	color: #FFFFFF;
}

.selector_chapters .list_box .loading, .selector_chapters .list_box .btn_container .empty_chapters{
	width:auto;
	height: 30px;
	margin: 100px auto;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	vertical-align:middle;
	display: block;
	white-space: nowrap;
}

#bible-book .selector_chapters .list_box{
	border-color: #E9E0C3 /*rgba(0,0,0,.2)*/;
	border-top-style: dotted /*solid*/;
    border-top-width: 1px;
	border-left-style: dotted/*solid*/;
    border-left-width: 1px;	
	border-right-style: dotted/*solid*/;
    border-right-width: 1px;
	border-bottom-style: dotted/*solid*/;
    border-bottom-width: 1px;	
}

.selector_chapters .list_box .btn_container{
	flex-wrap: wrap;
	display: flex;
}

.selector_chapters .list_box .btn_container .chapter_btn {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: center;
	border-color: #E9E0C3 /*rgba(0,0,0,.2)*/;
	border-bottom-style: dotted /*solid*/;
    border-bottom-width: 1px;
	border-right-style: dotted /*solid*/;
    border-right-width: 1px;	
	width: 10%;
}
.selector_chapters .list_box .btn_container .chapter_btn .chapter_nos {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	white-space: nowrap;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;	
}

/*.selector_chapters .list_box .btn_container .chapter_btn:hover{*/
.selector_chapters .list_box .btn_container .chapter_btn:not(.selected):hover{
	background-color: #C1762F/*#FCFCFC*/;
	color: #FFFFFF; /*362200;*/
}

.selector_chapters .list_box .btn_container .chapter_btn.selected[disabled]{
	pointer-events: none;
	cursor: default;
	background-color: #C1762F30;
	color: #C1762F;
}



/* END DOROP DOWN SELECTOR / SETTING BOX */










/* SCROLLBAR DESIGN */
.list_box::-webkit-scrollbar {
	width: 12px;
}

.list_box::-webkit-scrollbar-track {
   border-right: 1px solid rgba(0,0,0,0.3);
   border-top: none;
   border-bottom: none;
   border-left: none;
}

.list_box::-webkit-scrollbar-thumb {
	background-color: #333333;
}

.extend-15 {
	margin-left: -15px;
	margin-right: -15px;
}

/* ---------- BIOGRAPHY PAGE  ----------*/

/* BIO DATA */
.listing-bio-datas {
   /* background-color: #F9F9F9;*/
   /* border: 1px solid #E9E9E9;*/
   /* margin: 0px 0px 30px 0px;*/
   /* margin-bottom: 30px; */
   /* padding: 15px 20px; */
   /* display: table; */
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; */
    /*width: 100%;*/
	/*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;*/
	padding-bottom: 15px;
}

.listing-bio-datas ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
	width: 100%;
}

.listing-bio-datas ul li {
    border-bottom: 1px dashed #e9e9e9;
    clear: left;
    display: inline-block;
    /*float: left;*/
    /*line-height: 40px;*/
    width: calc((100%/3) - 10px);/*32.54%; /*47%;*/
	margin: 0 3px 0 3px;
	padding: 5px 0px;
	vertical-align: top;
}

.listing-bio-datas ul li strong.key {
    font-size: 13px;
    font-weight: 400;
	line-height: 15px;
	/*display: inline-block;*/
	width: 170px;
    /* border: 1px solid #333; */
	float: left;
	height: 100%;
	padding-right: 10px;
}

.listing-bio-datas ul li strong.key span {
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
	padding-top:5px;
	font-weight: 400;
	color: #A0A0A0;
}

.listing-bio-datas ul li span.value{
    color: #363636;
    display: block;
   /* float: left;*/
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    /*padding: 9px 0px 9px 0px;*/
   /* width: 55%;*/
    width: auto;
	margin-left:170px;
}

.listing-bio-datas ul li span.value:before {
	content: ':';
	padding-right: 5px;
	margin-left: -10px;
}

.listing-bio-datas ul li span.value span { 
	font-size: 14px;
	font-weight: 600;
    line-height: 22px;
}

.listing-bio-datas ul li.main_work {
	width: 100%;
}

.listing-bio-datas ul li.major_achievements {
	width: 100%;
}

.listing-bio-datas ul li.main_work strong.key {
	
}

.listing-bio-datas ul li.main_work span.value {
	/*width: 80%;*/
}

.listing-bio-datas ul li.major_achievements strong.key {
	width: 200px;
}

.listing-bio-datas ul li.major_achievements span.value
{
	margin-left: 200px;
}

@media only screen and (max-width: 460px){
	
	.listing-bio-datas ul li strong.key, .listing-bio-datas ul li.major_achievements strong.key {
		width: 100%;
	}
	.listing-bio-datas ul li span.value, .listing-bio-datas ul li.major_achievements span.value {
		margin-left:0px;
	}
	
	.listing-bio-datas ul li span.value:before {
		content: '';
		padding-right: 0px;
		margin-left: 0px;
	}

}



/* END BIO DATA */
/* ---------- END BIOGRAPHY PAGE  ----------*/

/* ---------- CHARACTER PAGE  ---------- */
.character-image {
	background-image: url(../../../../../image/character_construction_box.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid  #867666;
}

.character-image img{
	opacity: .85;
}

.caption {
	display: block;
	width: auto;
	margin-top: 5px;
}

.character-word, .character-word span,
.character-type, .character-type span {
	color: #3E3934; /* NEW COLOR THEME */
	font-size: 12px;
	font-weight: 500;
	text-transform:capitalize;
	display: block;
	line-height: normal;
}

.steps_images_row {
	/*margin-bottom: 10px;*/
	margin: 10px 10px;
}
.steps_images_layout {
	width: auto;
	height: auto;
	display: table;
	text-align: center;
	margin: auto;
	/*border: 1px solid #333;*/
}

.steps_images_container {
	float: left;
	display: block; /*inline-table;*/
	margin: 3px auto;
}

.steps_images_container .step_pointer_left{
	display: table-cell;
	width: 20px;
	height: 100%;
	/*border: 1px solid #333;*/
	vertical-align: middle;
	margin: auto;
	text-align: center;
	font-size:24px;
	padding: 5px;
}

.steps_images_container .step_pointer_top{
	display: none;
	width: 100%;
	/*border: 1px solid #333;*/
	vertical-align: middle;
	margin: auto;
	text-align: center;
	font-size:24px;
	padding: 5px;
}

.steps_images_container .image_box{
	display: table-cell;
}

.steps_images_container .image_box img{
}

/* ---------- END CHARACTER PAGE  ---------- */

/* --------- BOOK AND LITERATURE PAGE ---------- */

/* BOOK COVER */
.book_cover {
	display: block;
	border: 1px solid #ddd;

    padding: 0px;
    overflow: hidden;
	margin: auto;
	vertical-align: middle;
	margin: 10px auto;
}

.book_cover img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

/* FOR CONTENTS LIST BOX */
.contents_list_box ul {
	/*margin-right: 50px;*/
	margin-left: -15px;
}

.contents_list_box ul li {
	list-style: none;
	margin-left: -15px;
}

/*.contents_list_box div .list_box{
	height: 39px;
	border-bottom: #bcbcbc dashed 1px;
    display: block;
    padding-left: 10px;
    width: 100%;
}*/
.contents_list_box div .contents_link .list_box{
	line-height: 39px;
	height: 39px;
	border-bottom: #bcbcbc dashed 1px;
	display: block;
	padding-left: 10px;
	width: 100%;
	color: #333;
}

.contents_list_box div .contents_link:hover .list_box{
	background-color: #905824;
	color: #FFFFFF;
}
/*  ---------- END BOOK AND LITERATURE PAGE ---------- */

/*  ---------- TESTIMONY PAGE  ---------- */
.bible-container {
	/*background-color:#FFFDDD;*/
	padding: 10px;
}
.bible-verse-indicator {
	display: block;
	margin: 0 auto;
	text-align:center;
	font-size: 16px;
	font-weight:lighter;
	
}

.bible-verse-indicator .fa {
	font-size: 21px;
	font-weight: lighter;
	color: #FFCC00;
}

.bible-book-indicator {
	display: block;
	margin: 0px auto 0px auto;
	text-align: right;
}

/*  ---------- END TESTIMONY PAGE  ---------- */


/* ---------- BIBLE BOOK PAGE -----------*/


.bible-book-filter .sticky-right {
	position: relative;
	float: left;
}

.bible-book-filter .sticky-right .btn-block .btn{
	/*padding: 5px 10px;*/
    font-size: 12px;
    line-height: 1.5;
}

@media only screen and (max-width: 767px){
	.bible-book-filter .sticky-right {
		position: fixed;
		/*right: -30px; /*-8px;*/
		top: 50%;
		width: 40px;
		/*background-color: #644714;*/
		z-index: 10;
		/*padding: 10px 0px;*/
		/*border-bottom-left-radius: 8px;
		border-top-left-radius: 8px;*/
		right: 0px;
		/*overflow: hidden;*/
		
	}
	
	.bible-book-filter .sticky-right .btn-block {
		width: 40px;
		height: 40px;
		/*background-color: #644714;*/
		background-color: #6f461f;
		/*border: 1px solid #333;*/
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		-webkit-border-top-left-radius: 25px;
		-webkit-border-bottom-left-radius: 25px;
		-moz-border-radius-topleft: 25px;
		-moz-border-radius-bottomleft: 25px;
		/* padding: 7px; */
		/*margin-left: 20px;*/
		position: relative;
		right: -20px;
		overflow: hidden;
		padding: 0px;
		transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
   		-o-transition: all 0.3s ease 0s;
   		-ms-transition: all 0.3s ease 0s;
	}
	
	.bible-book-filter .sticky-right .btn-block .btn {
		/*padding: 5px 10px;*/
		width: 100%;
		height: 100%;
		/*background-color: #6f461f;*/
		/*border: 1px solid transparent;*/
		border: 0px;
		color: #b87d19; /* #362200*/
	}
	
	.bible-book-filter .sticky-right .btn-block:hover {
		right: 0px;
		/*margin-left: 0px;*/
		transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
   		-o-transition: all 0.3s ease 0s;
   		-ms-transition: all 0.3s ease 0s;
	}
/*	
	.bible-book-filter .sticky-right::before {
		content: " ";
    width: 25px;
    height: 35px;
    background-color: #443316;
    top: 0px;
    margin-left: -25px;
    position: absolute;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
		
	}
	*/
/*	.bible-book-filter .sticky-right .btn {
		padding: 5px 10px;
		color: #FFFFFF30; 
		border: 0px;
		margin-left: 5px;
	}
	
	.bible-book-filter .sticky-right:hover {
		right: 0px;	
	}
	
	.bible-book-filter .sticky-right:hover .btn {
		color: #FFFFFF; 
	}
*/	
/*	.bible-book-filter .sticky-right .right-block {
		right: 0px;
	}
	
	.bible-book-filter .sticky-right .right-block .btn {
		border: 0px;
		color: #FFF;
		padding: 10px;*/
	
}

#bible-book-switchview .fa, #bible-book-switchview .fas,
#bible-book-setting .fa, #bible-book-setting .fas {
	/*font-size: 14px;
	display: flex;*/
}



#bible_book_layout {
	overflow: hidden;
}
#bible_book_layout .content-area {
	overflow: hidden;
	/*border: 1px solid #333;*/
}

#bible_book_layout .content-area .sliderlayout-container {
	/*border: 1px solid #f9a603;*/
	display: block;
	position: relative;
}

#bible_book_layout .content-area .sliderlayout-container .layout-wrapper {
	width: 100%;
	height: auto;
	/*border: 1px solid #337ab7;*/
	display: block;
	position: absolute;
}

#bible_book_layout .content-area .sliderlayout-container .layout-wrapper.bible-comparison {
	left: 100%;
	top: 0px;
}

#bibleComparison .biblebookcomparison .bible-content-wrapper .bible_verses {
	margin: 1.5rem 0;
}

#bibleComparison .biblebookcomparison .bible-content-wrapper .bible_verses div span.bible_vers_initial {
	letter-spacing: 0.1px;
	font-size: 10px;
	color: #aaaaaa;
	padding-right: 10px;
}

.bible-version-tabs {
	display: flex;
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 0px 20px;
	text-align: center;
	align-items: center;
	justify-content: center
}
.bible-version-tabs > ul.nav-tabs {
	border-bottom: 0px;
}

.bible-version-tabs > ul.nav-tabs li a{
	color:#362200;
	opacity: 0.5;
	font-size: 12px;
}

.bible-version-tabs > ul.nav-tabs li.active {
	
}

.bible-version-tabs > ul.nav-tabs li.active a {
	-webkit-box-shadow: -1px -2px 4px -3px rgba(0, 0, 0, 0.18);
    box-shadow: -1px -2px 4px -3px rgba(0, 0, 0, 0.18);
	opacity: 1;
	
}

.bible-version-tabs > ul.nav-tabs li a span.version_initial {
	display: none;
	text-transform: uppercase;
}

@media only screen and (max-width: 860px){
	
	.bible-version-tabs > ul.nav-tabs li a:not(.zh) span.version_name {
		display: none;
	}
	
	.bible-version-tabs > ul.nav-tabs li a:not(.zh) span.version_initial {
		display: block;
	}
	

}


.bible-content-wrapper {
	display: block;
	width: auto;
	height: auto;
	padding: 10px 10%;
	color: #444;
}


.bible_content_section {
	-webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    text-align: left;
	display: table;
	width: 100%;
}

.bible_content_section .biblebook_title, .bible_content_section .biblebook_title span {
	/*color: #444;*/
    font-size: 2.2rem; /*1.8rem;*/
    font-weight: bold;
    letter-spacing: 1px;
    margin: 3rem 0;
    text-align: center;
    text-transform: uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
	display: block; /*table-cell;*/
}

.bible_content_section .biblebook_title span {
	display: inline-block;
	font-weight: 400;
	color: #555;
}

.bible_content_section .biblebook_title .chapter_nos {
	display: block;
	margin-top: 12px;
}

.bible_content_section .biblebook_title .chapter_nos span {
	font-size: 1.2rem; 
	margin: 0;
	min-width: 200px;
	width: auto;
	padding: 3px 10px;
	border-top: 1px solid #333333;
	text-transform: capitalize;
}

.bible_content_section .chapter_header {
	font-size: 1.5rem;
    font-weight: 700;
    /*line-height: 2em; /*2.5em;*/
	padding: 3px 0px; /*25px 0px 25px 0px;*/
    margin: 0;
    -webkit-font-smoothing: subpixel-antialiased;
	display: table-cell;

}

.bible_content_section .chapter_header span.header_caption {
	font-size: 0.8rem;
	font-weight: 300;
	clear: both;
    display: block;
    margin-top: 10px;
}

.bible-content-wrapper div.verse_new_paragraph {
	display: block;
	width: 100%;
	height: 1px;
}

.bible-content-wrapper div.header_row_space {
	display: block;
	width: 100%;
	height: 20px;
}

.bible-content-wrapper .verse_text_indent_left {
    text-indent: 1em;
	margin-left: 3em;
}

.bible-content-wrapper .bible_verse.verse_left .verse_nos {
    padding: inherit;
    vertical-align: super;
    font-size: smaller;
    background-color: transparent;
    color: #f9a603; /* inherit; */
    display: inherit;
    margin-right: 5px;   
}

.text_align_right {
	width: 100%;
	text-align: right;
}

.bible-content-wrapper .bible_verse.verse_right {
	/*text-align: right;*/
	display: block;
}

.bible-content-wrapper .bible_verse.verse_right span {
	/*display: inline-block;*/
	/*float: right;*/
}

.bible-content-wrapper .bible_verse.verse_right span.bible_vers_initial {
	padding-right: 0px;
	padding-left: 10px;
	float: right;
}

.bible-content-wrapper .bible_verse.verse_right .verse_nos {
	padding: inherit;
    vertical-align: super;
    font-size: smaller;
    background-color: transparent;
    color: #f9a603; /* inherit; */
   /* display: inherit;*/
    margin-left: 5px;
	float: right;
	/*text-align: right;*/
	width: auto;
}

.bible-content-wrapper .bible_verse.verse_right .verse_text{
	/*float: right;*/
	text-align: right;
	width: auto;
}


.versenote {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #CCCCCC;
	margin-left: 3px;
	top: -5px;
}

.versenote .versenotetext {
/*.versenotetext {*/
	/*display: none;*/
    visibility: hidden;
    width: auto;/*120px;*/
	max-width: 250px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
	/*right: 0;*/
    left: -5px; /* -100%;*/
	/*margin-right: 10px;*/
	white-space: nowrap;
    /*margin-left: -60px;/*-60px;*/
	overflow: hidden;
	
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;

}

.versenote .notearrow {
	visibility: hidden;
	width: 5px;
	height: 5px;
	text-align: center;
	position: absolute;
    z-index: 1;
	bottom: 90%;
	
	 /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

.versenote .notearrow::after {
	
    content: "";
    position: relative;
    top: 100%;
  	left: -8px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.versenote:hover .versenotetext, .versenote:hover .notearrow {
/*	display: block;*/
    visibility: visible;
    opacity: 1;
	
} 

.versenote .fa {
	color: #000000; /*#CCCCCC;*/
}

.bible-content-wrapper .bible-page-footer {
	display: block;
	height: auto;
	margin: 25px;
}

.previous-next-pageination-box {
	position: fixed;
	z-index: 10;
	bottom: 10%;
	height: auto;
	left: 0px;
	right: 0px;
	width: 100%;
	/*border: 1px solid #333;*/
	margin: auto;
	padding: 2px 15px;
	
}
.next_btn, .previous_btn {
	position: relative;
	display: none;
	width: calc(50% - 5px);
	/*border: 1px solid #333;*/
	/*opacity: 0;*/
}

.next_btn {
/*	right: calc(50% - ((250px + 32px) + 20px));	*/
	float: right;
}

.previous_btn {
/*	left: calc(50% - ((250px + 32px) + 20px));*/
	float: left;
}
.next_btn a, .previous_btn a {
	width: 250px;
	height: 36px;
	display: block;
	border-radius:36px;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    -khtml-border-radius: 36px;
	border: 1px solid #f0f0f0;
	background-color: #C1762F;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	overflow: hidden;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
   	-o-transition: all 0.3s ease 0s;
   	-ms-transition: all 0.3s ease 0s;
}

.previous_btn a {
	float: right;
	text-align: right;
}

.next_btn a {
	float: left;
}

.previous_btn .arrow_icon, .next_btn .arrow_icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	padding: 5px;
	border-radius: 100%;
	/*border: 1px solid #333;
	background-color: #FFF;*/
}

.next_btn .arrow_icon {
	
}

.previous_btn .navigation_textinfo,
.next_btn .navigation_textinfo {
/*	float: left;*/
	display: inline-block;
	width: auto;
	height: auto;
}

.previous_btn .navigation_textinfo {
	margin-right: -10px;
}
.next_btn .navigation_textinfo {
	margin-left: -10px;
}

.previous_btn .navigation_textinfo span,
.next_btn .navigation_textinfo span {
	display: block;
	font-size: 9px;
	line-height: 15px;
	/*color: #FFFFFF;*/
}

.previous_btn .navigation_textinfo span {
	text-align: right;
}
.next_btn .navigation_textinfo span {
	text-align: left;
}

.previous_btn .navigation_textinfo span:first-child,
.next_btn .navigation_textinfo span:first-child {
	font-weight: bold;
	font-size: 11px;
}
.previous_btn a:not([disabled]) .arrow_icon svg path.icon, .previous_btn a:not([disabled]) .navigation_textinfo span,
.next_btn a:not([disabled]) .arrow_icon svg path.icon, .next_btn a:not([disabled]) .navigation_textinfo span {
	fill: #000000;
	color: #000000;
}

.previous_btn a:hover:not([disabled]) .arrow_icon svg path.icon,
.previous_btn a:hover:not([disabled]) .navigation_textinfo span,
.previous_btn a:hover:not(:disabled) .arrow_icon svg path.icon, 
.previous_btn a:hover:not(:disabled) .navigation_textinfo span
.next_btn a:hover:not([disabled]) .arrow_icon svg path.icon,
.next_btn a:hover:not([disabled]) .navigation_textinfo span,
.next_btn a:hover:not(:disabled) .arrow_icon svg path.icon,
.next_btn a:hover:not(:disabled) .navigation_textinfo span  {
	fill: #FFFFFF;
	color: #FFFFFF;
}

/*
.previous_btn a[disabled] .arrow_icon svg path.icon,
.previous_btn a[disabled] .navigation_textinfo span,
.previous_btn a:[disabled] .arrow_icon svg path.icon,
.previous_btn a:[disabled] .navigation_textinfo span,
.previous_btn a:disabled .arrow_icon svg path.icon, 
.previous_btn a:disabled .navigation_textinfo span,
.next_btn a[disabled] .arrow_icon svg path.icon,
.next_btn a[disabled] .navigation_textinfo span,
.next_btn a:[disabled] .arrow_icon svg path.icon,
.next_btn a:[disabled] .navigation_textinfo span,
.next_btn a:disabled .arrow_icon svg path.icon,
.next_btn a:disabled .navigation_textinfo span  {
	fill: #FFFFFF;
	color: #FFFFFF;

}
*/
.next_btn a[disabled], .previous_btn a[disabled],
.next_btn a:disabled, .previous_btn a:disabled {
	pointer-events: none;
	cursor: default;
	opacity: 0.2;

}

@media only screen and (max-width: 991px){
	
	#bibleComparison .biblebookcomparison .bible-content-wrapper .bible_verses div .bible_title .biblebook_title,
	#bibleComparison .biblebookcomparison .bible-content-wrapper .bible_verses div .bible_title .biblebook_title span {
		margin: 1rem 0;
	}
	
	#bibleComparison .biblebookcomparison .bible-content-wrapper .bible_verses div .bible_title .biblebook_title .chapter_nos span {
		margin: 0;
	}
	

}

@media only screen and (max-width: 600px){
	.next_btn a, .previous_btn a {
		transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
   		-o-transition: all 0.3s ease 0s;
   		-ms-transition: all 0.3s ease 0s;
		width: 36px;
	}
	
	#bible-book-page .content_box div .previous-next-pageination-box .previous_btn a .navigation_textinfo,
	#bible-book-page .content_box div .previous-next-pageination-box .previous_btn a .navigation_textinfo {
		display: none;
	}
	
}













/* ---------- END BIBLE BOOK PAGE -----------*/