@font-face {
	font-family: 'DMSans Regular';
	src: url("/static/fonts/DMSans-Regular.ttf") format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'DMSans Bold';
	src: url("/static/fonts/DMSans-Bold.ttf") format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'DMSans Serif Regular';
	src: url("/static/fonts/DMSerifDisplay-Regular.ttf") format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'DMSans Medium';
	src: url("/static/fonts/DMSans-Medium.ttf") format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'DMSans Italic';
	src: url("/static/fonts/DMSans-Italic.ttf") format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Figtree SemiBold';
	src: url("/static/fonts/Figtree-SemiBold.ttf") format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Figtree Regular';
	src: url("/static/fonts/Figtree-Regular.ttf") format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Figtree Italic';
	src: url("/static/fonts/Figtree-Italic.ttf") format('truetype');
	font-display: swap;
}

html {

	font-size: 1px;
	scroll-behavior: smooth;
	
}

body {
	margin: 0;
	padding: 0;
	font-family: 'DMSans Regular';
	background: #FFFFF;
}

h1 {
	
	font-weight: normal;
	
}

h2 {
	
	font-weight: normal;
	
}

.header-main {
	
	margin: 0px auto 32px auto;
	width: min(650px, 90%); /*calc( min(650px, 90%) + 10px); */
	height: 140px;
	top: 0;
	left: calc( ( 100% - min(650px, 90%) ) / 2);
	position: fixed;
	background-color: white;
	z-index: 2;
	/*box-shadow: 0 8px 6px -10px black; */
	
	
}

.header-tall {
	
	height: 170px;
	
}

.filter-open {
	
	height: 100vh;
	overflow: auto;
	
}

label {
	
	font-size: 18px;
	margin-right: 8px;
	
}

input {
	
	font-size: 18px;
	color: #261D21;
	
}

input[type=text]::placeholder {
	
	color: #878CA8;
	opacity: 1;
	font-size: 14px;
	
}

input[type=text]::-ms-input-placeholder  {
	
	color: #878CA8;
	font-size: 14px;
	
}

input[type=checkbox] {
	
	height: 16px;
	width: 16px;
	border: 1px solid #144066;

	flex-shrink: 0;

	-webkit-appearance: none;
	appearance: none;

	border-radius: 0;

	margin: 0;
	
	display: grid;
	place-content: center;
	
}


input[type="checkbox"]:hover {
	
	cursor: pointer;
	
}

input[type="checkbox"][disabled]:hover {
	
	cursor: default;
	
}

input[type="checkbox"]::before {
	content: "";
	width: 10px;
	height: 10px;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em #144066;
	background-color: CanvasText;
	clip-path: polygon(14% 44%, 10% 65%, 40% 100%, 100% 16%, 80% 10%, 43% 62%);
	
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input:focus {
	outline:none;
}

a {
			
	color: #144066;
	text-decoration: none;
	
}

li {
	
	list-style: none;
	
}

ul {
	
	padding: 0;
	
}

.homepage-gradient {
	
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	position: absolute;
	top: calc(85vh - 48px - 20px);
	height: 20px;
	width: 100%;
}

.book-checkbox {
	
	background-color: #FFF;
	
}

.book-checkbox-list {
	
	padding-bottom: 40px;
	
}

.book-checkbox-item {
	
	margin: 16px;
	
}

.checkbox-label {
	
	font-size: 15px;
	font-family: 'Figtree Regular';
	margin-left: 8px;
	color: #144066;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}

.filter-checkbox {
	
	display: flex;
	align-items: center;
	
}

.no-display {
	
	display: none;
	
}

.strongs-item {
	
	margin-bottom: 16px;
	
}

.link {
	
	color: #024C8B;
	text-decoration: underline;
	
}

.link:hover {
	
	opacity: 0.7;
	text-decoration: underline;
}

.link:active {
	
	color: #A5986C;
	text-decoration: underline;
	
}

.search-similar {
	
	margin-top: 8px;
	
}

.icon-btn {
	
	cursor: pointer;
	border: none;
	background: none;
	padding: 0;
	
}

.icon-btn:hover {
	
	opacity: 0.8;
	/*transition: 0.5s;*/
	
}

.icon-btn:active {
	
	opacity: 0.9;
	
}

.bible-mine-header {
	
	font-size: 24px;
	color: #144066;
	text-align: center;
	font-family: 'DMSans Serif Regular';
	font-weight: normal;
	margin: 8px 0;
	
}

.results-count {
	
	font-size: 15px;
	color: #505673;
	margin-top: 32px;
	
}

.search-divider {
	
	border-bottom: 1px solid #F5F6FA;
	margin: 32px 0 32px 0;
	
}

.search-results {
	
	margin-top: 12px;
	padding: 0;
	
}

.search-result {

	font-size: 18px;
	margin-bottom: 10px;
	
}

.search-reference {
	
	font-family: 'DMSans Bold';
	/* color: #141A33; */
	margin-bottom: 8px;
	display: block;
	
}

.search-verse {
	
	color: #505673;
	
}

.page-box {

	padding: 24px 0 24px 0;
	background-color: #FAFAFA;
	margin-bottom: 200px;
	
}

.page-block {
	
	display: flex;
	width: min(100%, 360px);
	margin: auto;
	
}

.page-number-block {
	
	display: flex;
	margin: auto;
	flex: 1;
	justify-content: space-evenly;
	
}

.page-ellipses {
	
	font-size: 18px;
	color: #738799;
	
}

.page-number {
	
	font-size: 18px;
	color: #144066;
	width: 20px;
	text-align: center;
	
}

.page-number:hover {
	
	cursor: pointer;
	border-bottom: 2px solid #144066;
	font-family: 'DMSans Bold';
	
}

.page-number-link {
	
	padding: 0 6px 0 6px;
	
}

.page-number:active {
	
	cursor: pointer;
	border-bottom: 2px solid #144066;
	font-family: 'DMSans Bold';
	color: #144066;
	
}

.page-active {
	
	border-bottom: 2px solid #144066;
	font-family: 'DMSans Bold';
	
}

.prev-page {
	
	
	padding: 0 16px 0 16px;
	height: 24px;
	margin: 0
	
}

.next-page {

	transform: rotate(180deg);
	padding: 0 16px 0 16px;
	height: 24px;
	margin: 0;
}

.input-box {
	
	background: #FFF;
	border-radius: 0;
	border: 2px solid #144066;
	position: relative;
	
}

.input-field {
	
	border: none;
	width: calc(98% - 14px);
	padding-top: 10px;
	padding-bottom: 10px;
	height: 19px;
	font-size: 16px;
	padding-left: 10px;
	color: #261D21;
	font-family: 'DMSans Regular';
	background-color: #0000;
	
}

.content-box {
	
	/* margin: 143px auto 32px auto; */
	margin: 193px auto 32px auto;
	width: min(650px, 90%);
	
}

.content-box-large-margin {
	
	margin: 183px auto 32px auto;
	
}

.reference, .chapter {
	
	color: #3A5266;
	font-size: 32px;
	font-family: 'DMSans Serif Regular';
	font-weight: normal;
	margin: 24px 0 8px 0;
}

.verse-section {
	
	font-size: 20px;
	line-height: 32px;
	margin-top: 8px;
	/* font-family: 'DMSans Medium'; */
}

.next-chapter, .heading {
	
	font-size: 18px;
	
}

.invisible {
	
	visibility: hidden;
	
}

.aria-invisible {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px;  
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  opacity: 0;
  /*transition: opacity 1s;*/
}

.book-result {
	
	font-size: 18px;
	display: block;
	margin-top: 24px;
	width: fit-content;
	
}

.verse-number {
	
	font-size: 12px;
	vertical-align: super;
	margin-right: 4px;
	color: #707070;
	
}

.strong-link {
	
	color: #5989B3;
	
}

.strong-link:hover {
	
	text-decoration: underline;
	
}

.verse {
	
	display: block;
	margin-bottom: 16px;
	
}

.book-header {
	
	margin-top: 32px;
	
}

.blue-block {
	
	background-color: #F5F6FA;
	
}

.auto-scroll-footer {
	
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 70px;
	box-shadow: 0px 0px 6px #00000029;
	background-color: white;
	
}

.auto-scroll-icon {
	
	transform: rotate(-90deg);
	
}

.options-bar {
	
	background-color: #FAFAFA;
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: none;
	width: 100%;
	cursor: pointer;
	margin-top: 16px;
	
}

.options-bar-text {
	
	font-size: 18px;
	font-family: 'Figtree SemiBold';
	margin: 0;
	font-weight: normal;
	color: #144066;
	
}

.study-tools-icon {
	
	height: 16px;
	width: 9px;
	
}

.study-tools-icon-white {
	
	width: 16px;
	height: 9px;
	
}

.carat-closed {
	
	transform: rotate(-90deg);
	
}

.carat-open {
	
	transform: rotate(90deg);
	
}

.carat-button {
	
	width: 16px;
	height: 8px;
	margin-left: 24px;
	
}

.options-bar-highlighted {
	
	background-color: #144066;
	
}

.options-text-highlighted {
	
	color: #FAFAFA;
	
}

.study-options-box {
	
	background-color: #FAFAFA;
	padding: 24px 12px 24px 12px;
	
}

.study-options-block {
	
	display: flex;
	margin-bottom: 16px;
	
	padding: 16px;
	background-color: #FAFAFA;
	
	border-top: 2px solid #F5F6FA;
	
}

.filter-box {
	
	background-color: #FFF;
	padding: 20px 0 0 0;
}

.button-underline {
	
	font-family: 'DMSans Bold';
	color: #144066;
	font-size: 18px;
	
	padding: 0 8px 12px 8px;
	
	-webkit-appearance: none;
	appearance: none;
	
	border: none;
	border-radius: 0;
	background: #FFF;
	
	cursor: pointer;
	
}

.button-underline:hover, .button-underline-selected {
	
	border-bottom: solid 3px #144066;
	
}

 

.options-text-box {
	
	margin-left: 8px;
	user-select: none;
	
}

.options-text-header {
	
	font-family: 'DMSans Bold';
	font-size: 16px;
	color: #144066;
	font-weight: normal;
	margin: 0;
	
}

.options-parenthetical {
	
	font-family: 'DMSans Italic';
	font-size: 15px;
	color: #505673;
	margin: 4px 0 0 0;
	
}

.crossref-header-verse {
	
	margin-top: 8px;
	
}

.crossref-icon {
	
	margin-left: 8px;
	
}

.switch {
  position: relative;
  display: inline-block;
  
  width: 60px;
  height: 34px;
  
  width: 32px;
  height: 20px;
  
  
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #144066;
}

input:focus + .slider {
  box-shadow: 0 0 1px #144066;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 26px;
}

.slider.round:before {
  border-radius: 50%;
}




/*
#search-block {
	
	width: calc(100% - 23px);
	margin-left: 10px;
	
}
*/

.ot-nt-block {
	
	margin-left: 8px;
	
}

.blue-header-bar {
	
	height: 48px;
	background-color: #144066;
	display: flex;
	align-items: center;
	
}

.biblemine-header-link-white {
	
	font-family: 'DMSans Serif Regular';
	font-size: 22px;
	color: #FAFAFA;
	margin-left: 16px;
	
}

.homepage-image {
	
	height: calc(85vh - 48px);
	width: 100%;
	object-fit: cover;
	block-size: calc(85vh - 48px);
	position: absolute;
	top: 0;
	z-index: -1;
	
}

.testament-image {
	
	height: calc(100vh - 48px);
	width: 100%;
	object-fit: cover;
	/* block-size: calc(100vh - 48px); 
	block-size: auto; */
	position: absolute;
	top: 0;
	z-index: -1;
	
}

.homepage-content {
	
	position: relative;
	
}

.testament-script {
	
	width: 90vw; 
	position: absolute;
	top: 0;
	left: calc( (100% - min(675px, 90vw) ) / 2);
	
}

.bible-content-section {
	
	position: absolute;
	top: calc(0.327 * 90vw);
	width: 100%;
	/* height: calc(100vh - ( 0.327 * 90vw) - 48px); */
	z-index: 1;
	background-color: #FFF;

}

.bible-link {
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(90%, 331px);
	background-color: #FAFAFA;
	padding: 16px 20px;
	margin-bottom: 10px;
	
}

.bible-section-block {
	
	margin-top: 40px;
	margin: 40px min(5%, 16px) 0 min(5%, 16px);
	width: min(90%, 371px);
	
}

.bible-content-box {
	
	margin-top: 50px;
	margin: 0 5% 60px 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
}

.bible-link:hover {
	
	background-color: #DDD;
	
}

.bible-link-text-strong {
	
	font-size: 16px;
	font-family: 'Figtree SemiBold';
	color: #144066;
	
}

.bible-link-text-italic {
	
	font-size: 15px;
	font-family: 'Figtree Italic';
	color: #505673;
}

.bible-link-carat {
	
	height: 16px;
	width: 9px;
	
}

.carat-right {
	
	transform: rotate(180deg);
	
}

.book-screen {
	
	position: absolute;
	top: calc(0.327 * 90vw);
	width: 100%;
	height: calc(100vh - ( 0.327 * 90vw) - 48px);
	background-color: #FFF;
	opacity: 1;
	z-index: 0;
	
}

.bible-section-header {
	
	width: 100%;
	background-color: #011526;
	color: #FFFFFF;
	font-family: 'Figtree SemiBold';
	letter-spacing: 1.8px;
	font-size: 18px;
	text-align: center;
	padding: 16px 0;
	margin: 0 0 16px 0;
	
}

.homepage-bible-section-block {
	
	position: absolute;
	top: calc(85vh + ( 530px * 0.13 ) + 48px);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top: 48px;
	padding-bottom: 100px;
	
}

.homepage-bible-section-box {
	
	background-color: #FAFAFA;
	padding: 36px 24px 54px 24px;
	margin: 16px;
}

.homepage-bible-section-box-header {
	
	font-family: 'DMSans Serif Regular';
	font-size: 32px;
	color: #101D26;
	margin: 0;
	
}

.homepage-bible-section-box-description {
	
	font-family: 'DMSans Regular';
	font-size: 16px;
	color: #505673;
	margin: 4px 12px 24px 12px;
	
}

.blue-button {

	border: 1.5px solid #144066;
	border-radius: 0;
	background: #144066;
	color: #FAFAFA;
	font-size: 18px;
	font-family: 'DMSans Medium';
	cursor: pointer;
	padding: 16px;
	margin: 0;
	text-decoration: none;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
	-webkit-appearance: none;
	
	word-spacing: 1px;
	
	user-select: none;
	
}

.blue-button:hover {
	
	background-color: #14406699;
	border: 1.5px solid #14406699;
	color: #FFF; 
	filter: drop-shadow(0 3px 8px #00000029);
	
	/*
	background-color: rgb(108, 37, 77, 0.8);
	opacity: 0.8;
	background-color: #A16084;
	border: 1px solid #A16084;
	*/
}



.blue-button:active {
	
	background-color: #011526;
	border: 1.5px solid #011526;
	color: #FFF;
	
}

.breadcrumb-block {
	
	/* max-width: 1130px; */
	max-width: 1516px;
	padding: 0;
	margin-top: 16px;
	
}

.breadcrumb-item {
	
	font-family: 'Figtree Regular';
	font-size: 14px;
	
}

.breadcrumb {
	
	display: flex;
	list-style: none;
	padding: 0;
	margin-left: 16px;
	
}

.breadcrumb li:not(:first-child) {
	
	background-image: url("https://media.biblemine.org/images/breadcrumb-carat.svg");
	background-repeat: no-repeat;
	background-size: 5px 17px;
	padding-left: 12px;
	margin-left: 8px;
}

.breadcrumb li:last-child {
	
	color: #261D21;
	
}

.breadcrumb-link:hover {
	
	opacity: 0.8;
	
}

.biblemine-header-link-white:hover {
	
	opacity: 0.95;
	
}

#biblemine-verse {
	
	font-size: 18px;
	color: #505673;
	font-family: 'DMSans Italic';
	text-align: center;
	width: min(680px 90vw);
	position: absolute;
	top: calc(85vh + ( 530px * 0.13 ));
	left: calc( (100% - min(680px, 90vw) ) / 2);
	margin-top: 0;
	width: min(680px, 90vw);
	
}

#homepage-search-bar {
	
	position: absolute;
	top: calc(20vh + ( 90vw * 0.246 ));
	width: min(720px, 90vw);
	left: calc( (100% - min(720px, 90vw) ) / 2);
	
}

#search-the-scriptures-script {
	
	width: min(675px, 90vw);
	position: absolute;
	top: 20vh;
	left: calc( (100% - min(675px, 90vw) ) / 2);
	
}

#explore-the-bible-script {
	
	width: min(530px, 90vw);
	position: absolute;
	top: calc(85vh - 48px);
	left: calc( (100% - min(530px, 90vw) ) / 2);
	
}

#nt-select-btn {
	
	margin-left: 24px;
	
}

#auto-scroll-btn {
	
	background: none;
	border: none;
	padding: 0;
	margin: 16px auto;
	font-size: 16px;
	font-family: 'DMSans Bold';
	color: #144066;
	display: table;
}

#auto-scroll-btn:hover {
	
	cursor: pointer;
	opacity: 0.8;
	
}

#search-icon {
	
	height: 16px;
	width: 16px;
	margin-left: 12px;
	
}


#search-bar {
	
	/*
	width: calc(100% - 30px);
	margin: 12px auto 24px auto;
	*/
	height: 42px;
	display: flex;
	align-items: center;
	
}

@media screen and (min-width: 607px) {
	
	#homepage-search-bar {
	
		top: calc(20vh + ( 675px * 0.246 ));
		
	}
	
	.homepage-image {
	
		block-size: calc(85vh - 48px);
		
	}
	
	.testament-script {
		
		width: 675px;
		
	}
	
	.bible-content-section {
		
		top: calc(675px * 0.327);
		/*height: calc(100vh - ( 0.327 * 675px) - 48px); */
		
	}
	
	.book-screen {
		
		top: calc(675px * 0.327);
		height: calc(100vh - ( 0.327 * 675px) - 48px);
		
	}
	
}
	
@media screen and (min-width: 900px) {
	
	/*
	#search-block {
		
		width: initial;
		flex: 1;
		
	}
	*/
	
	#search-bar {
		
		margin: 0;
		width: calc( 100% - 4px );
		
	}
	
}