.banner-info p 
	{
	text-shadow: 1px 1px 2px #000000;
	}

.index-title1	{
	font-size:45px;
	font-weight:normal;
	font-family:'Bilbo Swash Caps', sans-serif;
	text-shadow:1px 1px 3px black,-1px -1px 1px #888888;
}

.index-title2	{
	font-size:120px;
	font-family:'Bilbo Swash Caps', sans-serif;
	text-shadow:1px 1px 2px black;
}

.index-title3	{
	font-size:61px;
	font-family:'Bilbo Swash Caps', sans-serif;
	text-shadow:1px 1px 2px black;
}

.index-title4	{
	font-size:36px;
	font-family: 'IM Fell Great Primer', serif;
	text-shadow:1px 1px 2px black;
	font-weight:400!important;
	font-variant-caps: small-caps;
	line-height:1.1;
}


.index-title4 small	{
	line-height:.8;
}

.index-title5	{
	font-size:21px;
	font-family: 'IM Fell Great Primer SC', serif;
	font-weight:400!important;
}

.index-title6	{
	font-size:31px;
	font-family: 'IM Fell Great Primer', serif;
	font-weight:400!important;
	font-variant-caps:normal;
}

.index-title7	{
	font-size:15px;
	font-family: 'IM Fell Great Primer', serif;
	font-weight:400!important;
	font-variant-caps:normal;
}

.index-title5 a:link, .index-title5 a:visited	{
	color:#244c8d;

}

.page_number {
	position:absolute;
	bottom:35px;
	left:0;
	right:0;
	width:100%;
	text-align:center;
}

a.chapter:link, a.chapter:visited	{
	color:#244c8d;
}

.top {
	font-size:15px;
	font-family:Muli;
	float:right;
	font-variant-caps:normal;
	margin-right:20px;
	margin-top:20px;
}

.toc {
	width:90%;
	font-family: 'IM Fell Great Primer SC', serif;
	margin-left:7%;
	margin-right:3%;
}



.old-font2 {
	font-family: 'IM Fell Great Primer SC', serif;
}

.old-font3 {
	font-family: 'IM Fell Great Primer', serif;
}

.toc a:link, .toc a:visited {
	color:#244c8d
}

.chapter-text {
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
	width:700px;
	padding-right:15px;
	padding-left:15px;
}

p.book	{
	font-family: 'Libre Baskerville', serif;
	font-size:17px;
	text-align:justify;
	margin-bottom:0px;
	text-indent:40px;
	line-height:1.7;
	padding-left:3px;
	padding-right:3px;
	border:3px solid transparent;
	margin-top:-6px;
	color:#555850;
}


.cover {
	position:relative;
	width:250px;
	height:365px;
	line-height:1.2;
	padding-left:20px;
	padding-right:15px;
	padding-top:40px;
	margin-bottom:10px;
	font-variant:small-caps;
	background-size: 250px 380px;
	font-family: 'IM Fell Great Primer SC', serif;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.2) , -1px -1px 0px rgba(0,0,0,0.3);
	z-index:1;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

.cover-author {
	text-align:center;
	padding:10px;
	position:absolute;
	width:200px;
	bottom:20px;
	font-size:15px;
	line-height:1;
	text-shadow:none;
	}

.cover-image {
	text-align: center;
}

.cover-image a:link {
	text-decoration:none;
}

.old-font {
	font-family: 'Libre Baskerville', serif;
	line-height:1.5;

}

.title-article {
	font-family:'Great Vibes', sans-serif;
	font-size:90%;
	font-variant:none;
	}

.book-page {
	border:1px solid #b5b8b0;
	border-radius:5px 5px 5px 5px;
	height:auto;
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 2px 2px 30px #858880;
	background-color:#fff8ee;
	margin-bottom:30px;
	padding-bottom:50px;
	min-height:1000px;
	z-index:100;
	position:relative;
}

.book-holder {
	height:100vh;
}

p.mid-paragraph {
	text-indent:0;
}

.container.test {
	min-height:80vh;
}

.container .book-page.test {
	min-height:95vh;
	padding:20px 20px 15px 30px;
	overflow:hidden;
}

.test #page-content {
	height:84vh;
	overflow:hidden;
}

.new-bookmark:after {
	content: "";
	position:absolute;
	bottom:17px;
	background: transparent;
	width:100%;
	height: 65%;
	left:0px;
	right:5%;
	box-shadow: inset 0 30px  10px -10px rgba(0,0,0,0.2);
}

h3 {
	font-family: 'IM Fell Great Primer SC', serif;
}

h4 {
	font-family: 'IM Fell Great Primer SC', serif;
}

.divider {
	width:100%;
	margin:30px 0;
	position: relative;
}

.divider > span {
	background-color: #ffffff;
	display:block;
	display:inline-block;
	position: absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	font-size:1.2em;
	width: 40px;
	height:40px;
	line-height: 40px;
	border:1px solid #eaeaea;
	text-align: center;
	border-radius: 50%;
}


.divider.line.double {
	border-top:1px solid #eaeaea;
	padding:2px 0;
	border-bottom:1px solid #eaeaea;
}


.banner .banner-info {
	margin-top:90px;
}
.banner .main-page {
	margin-top:0px;
}

.banner .main-page {
	width:700px;
	background:rgba(0,0,0,0.5);
	margin-left:auto;
	margin-right:auto;
	padding:25px 10px 10px 10px;
	margin-bottom:30px;
	border-radius:20px
}

.banner .inner-page {
	width:700px;
	background:rgba(0,0,0,0.5);
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	border-radius:20px
}



.floating-search {
	color:#fff;
    opacity: 1;
    transition: opacity .6s ease-in-out;
    z-index: 999;
    position: fixed;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 20px;
	background-color:rgba(0,0,0,.6);
	}

a.floating-search {
	font-weight: 1000;
	letter-spacing: 0px;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.5;
	padding-left: 2px;
	padding-bottom: 0px;
	}


.back-to-top {
    /*background-color: #000000;
	color: #FFFFFF;*/
	color:#555850;
    opacity: 0;
    transition: opacity .6s ease-in-out;
    z-index: 999;
    position: fixed;
    right: 20px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 0%;
  }

  a.back-to-top {
    font-weight: 1000;
    letter-spacing: 2px;
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;
    padding-left: 2px;
    padding-top: 14px;
  }

  .back-to-top:hover, .back-to-top:focus, .back-to-top:visited {
    color: #555850;
  }

  .back-to-top.show {
    opacity: 1;
  }


  
#bookmarks	{
	position:fixed;
	top:275px;
	left:10px;
	list-style-type:none;
	padding:0;
	z-index:100;
}

.bookmark-link	{
	display:none;
}

.bookmark.draggable, .bookmark.fa-caret-up	{
	font-size:40px;
	text-shadow:1px 1px 3px #555;
	/*cursor:default;*/
}


#bookmark-1	{
	color:#aa2222;
}

#bookmark-2	{
	color:#2222aa;
}

#bookmark-3	{
	color:#aaaa00;
}

#bookmark-4	{
	color:#228822;
}

#bookmark-5	{
	color:#882288;
}


#bookmark-ch-1	{
	color:#aa2222;
}

#bookmark-ch-2	{
	color:#2222aa;
}

#bookmark-ch-3	{
	color:#aaaa00;
}

#bookmark-ch-4	{
	color:#228822;
}

#bookmark-ch-5	{
	color:#882288;
}




.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

header.header-transparent.sticky-fixed.is-fixed .navbar-light .navbar-fixed-bg {
    background-color: rgba(255,255,255,.5);
}

header.header-transparent.sticky-fixed .navbar {
    padding: 5px 0 10px 0;
}

.dropdown-header {
	font-family:Poppins;
	font-size:19px;
	color:#000;
}
  

div#autocomplete-div a, div#autocomplete-div2 a{
	color:#555850!important;
	text-shadow:none;
}

div#autocomplete-div a:hover, div#autocomplete-div2 a:hover{
	color:#880000!important;
	text-shadow:none;
}


.autocomplete-div	{
	/*width:auto;*/
	max-width:100%;
	height:auto;
	box-shadow: 2px 2px 10px #888;
	/*position:absolute;
	left:100px;
	top:100px;*/
	position:relative;
	background-color:#fff;
	z-index:3000;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	box-sizing: border-box;
	display:none;
	padding:10px;
	text-align:left;
	font-size:19px;
	margin-top:-10px;
	margin-bottom:-450px;
	margin-left:15%;
}

.banner .container .row {
	min-height:625px;
	margin-top:0px;
	}

.banner .container .not-index {
	min-height:90px;
	margin-top:0;
}

#kofi-div {
	position:absolute;
	top:77px;
	right:5%;
	z-index:98;
	margin-top:10px;
}


.section-title {
	width:100%;
	margin-bottom:20px;
	text-align:center;
}

.lead {
	margin-bottom:5px;
}


.modalx {
	text-align: center;
	padding: 0!important;
}

.modalx:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}


.modal-dialogx {
	display:inline-block;
	text-align:left;
	vertical-align: middle;
	width:800px;
}

.dropdown-about {
	width:700px!important;
	margin-left:-240px;
}


  
@media (max-width: 1200px) 
	{
	.cover-image {
		margin-right:20px;
		}
	}



@media (max-width: 1024px) 
	{
	.cover-row {
		padding-left:5px;
		padding-right:5px;
		margin-left:10px;
		margin-right:10px;
	}

	.cover-image {		
		padding-left:0;
		padding-right:0;
		margin-right:0px;
		}
	.cover {
		width:230px;
		height:350px;
		margin-left:0;
		margin-right:0;
		padding-top:30px;
		}
	}




/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) 
	{
	.navbar-brand strong {
		display:none;
		}
	ul.scroller {
		position: fixed;
		top: 300px;
		right: 0px;
		list-style-type: none;
		padding: 0;
		z-index:100;
		}

	ul.scroller li {
		text-align: center;
		font-family: 'Lato', sans-serif;
		margin-right: 10%;
		width:55px
		}

	.book-page {
		margin-right: -10px;
		margin-left: 24px;
		}

	.new-bookmark {display:none;}
	.new-bookmark:after {display:none;}

	.chapter-text {
		max-width:650px;
		}

	.chapter-text .bookmark-p-1	{
		border-left:3px solid #aa2222;
		}

	.chapter-text .bookmark-p-2	{
		border-left:3px solid #2222aa;
		}

	.chapter-text .bookmark-p-3	{
		border-left:3px solid #aaaa00;
		}

	.chapter-text .bookmark-p-4	{
		border-left:3px solid #228822;
		}

	.chapter-text .bookmark-p-5	{
		border-left:3px solid #882288;
		}

	.banner .container .row {
		min-height:625px;
		margin-top:50px;
		}

	.banner .container .not-index {
		min-height:90px;
		margin-top:0;
		}

	.cover-row {
		padding-left:5px;
		padding-right:5px;
		margin-left:10px;
		margin-right:10px;
		}

	.cover-image {		
		padding-left:0;
		padding-right:0;
		margin-right:0px;
		}
	.cover {
		width:230px;
		height:350px;
		margin-left:0;
		margin-right:0;
		padding-top:30px;
		}



	.banner .inner-page {
		width:500px;
		}


	.autocomplete-div	{
		max-width:75%;
		}


	.container .book-page.test {
		min-height:90vh;
		}

	.floating-search {
		position: absolute;
		top: 80px;
		}


	}



@media (max-width: 576px) 
	{

	.index-title1	{
		font-size:20px;
		font-weight:normal!important;
		font-family:'Bilbo Swash Caps', sans-serif;
		text-shadow:1px 1px 3px black,-1px -1px 1px #888888;
	}

	.index-title2	{
		font-size:60px;
		font-family:'Bilbo Swash Caps', sans-serif;
		text-shadow:1px 1px 2px black;
	}

	.banner .banner-info {
		margin-top:50px!important;
	}

	.main-wrapper .banner {
		min-height:400px;
	}

	.banner .container .row {
		min-height:425px;
		margin-top:50px;
	}

	.chapter-text {
		padding-right:5px;
		padding-left:5px;
		max-width:90%;
	}

	.scroll-img {
		width:75%;
		height:75%
	}

	.scroll-text {
		font-size:12px;
		line-height:1;
	}

	ul.scroller {
		right: -10px;
		}

	.navbar-brand	
		{
		font-size:25px!important;
		}

	.book-page {
		margin-right: 25px;
		font-size:15px;
		}

	.banner .main-page  {
		width:90%;
		}

	.banner .container .not-index {
		min-height:220px;
		margin-top:0;
		}

	.cover-row {
		padding-left:5px;
		padding-right:5px;
		margin-left:10px;
		margin-right:10px;
	}

	.cover-image {		
		padding-left:0;
		padding-right:0;
		margin-right:0px;
		}

	.cover {
		width:180px;
		height:275px;
		margin-left:auto;
		margin-right:auto;
		padding-top:20px;
		padding-left:15px;
		padding-right:10px;
		background-size:100% 100%;
		font-size:20px!important;
		}

	.cover-author {
		display:table-cell;
		position:absolute;
		bottom:30px;
		width: 85%;
		height:65px!important;
		vertical-align:bottom;
	}

	#kofi-div {
		top:5px;
		left:150px;
		right:50px;
		z-index:101;
		}

	.col-xs-6 {
		flex: 0 0 50%;
		flex-basis:50%;
		}

	.book-page {
		border:0;
		max-widthx:100%;
		box-shadow:none;
		margin-left:-15px;
		margin-right:-15px!important;
		}

	.col-sm-12 {
		padding:0;
		}

	#toc {
		width:100%;
		margin-right:20px;
		}

	.chapter-indent {
		width:100%;
		text-indent:-10px!important;
		padding-left:20px!important;
	}

	.chapter {
		display:inline-block;
		font-size:25px!important;
		width:100%;
		}

	.scroll {
		displayx:none;
		}

	p.book {
		font-size:16px;
		text-indent:25px;
		line-height:1.8;
		}

	p.mid-paragraph {
		text-indent:0;
	}

	.book-page h1 {
		clear:both;
		font-size:30px!important;
		padding-top:30px;
		}

	.section-title {
		margin-right:-15px!important;
		margin-bottom:10px;
		}

	.chapter span {
		display:none;
		}



	.banner .inner-page {
		width:100%;
		}


	.autocomplete-div	{
		max-width:100%;
		}
	}



@media (max-width: 350px) 
	{
		.index-title1	{
			font-size:25px;
			font-weight:normal!important;
			font-family:'Bilbo Swash Caps', sans-serif;
			text-shadow:1px 1px 3px black,-1px -1px 1px #888888;
		}

		.index-title2	{
			font-size:60px;
			font-family:'Bilbo Swash Caps', sans-serif;
			text-shadow:1px 1px 2px black;
		}

		.banner-info {
			margin-top:0!important;
		}

	.banner .main-page  {
		width:300px;
		}
	}