/* ----------------------------------------------
	Template Name : FreshPick
	Template Code : S-0029
	Version : 1.0
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/       
	Last Date Modified : April 24, 2009
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body {
	/* font: 13px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; */
	font: 13px/170% 'Verdana', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #666666; 	
	margin: 0; 
	padding: 0; 
	background: #FFF url(/images/bg.gif) repeat-x;
	text-align: center;
}

/* Links */
a:link, a:visited {
	text-decoration: none;
	color: #0788C3;
}
a:hover {
	text-decoration: underline;
}
a:link.more-link, a:visited.more-link {
	padding-bottom: 2px;
	font-weight: bold;
	color: #0788C3;
}
a:hover.more-link {
	text-decoration: underline;
}

/* Headers */
h1, h2, h3, h4 {
	font: bold 1em/1.5em Georgia, 'Times New Roman', Times, serif;
	color: #555;
	margin: 10px 20px 7px 20px;	 
}
h1 { font-size: 3.7em; font-weight: normal; letter-spacing: -2px; }
h2 { font-size: 2.8em; font-weight: normal; }
h3 { font-size: 2.2em; font-weight: normal; letter-spacing: -0.5px; padding-top: 5px; clear: both; }
h4 { font-size: 1.4em; }


br {
    line-height: 11px;
}

/* Plugin looks for elements with class named "balance-text" */
.balance-text {
		text-wrap: balanced;  /* Apply (proposed) CSS style */
		min-width: 100%;
}

.pfp-subtitle {
		margin-top: -5px;
		font-style: italic;
		border-top: solid 1px #eee;
		color: #666;		
}

.cp-devo-wrapper {
    border: solid 1px #a7a7a7;
    border-radius: 10px;
    margin-bottom: 20px;
    clear: both;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}


.cp-h4 {
    background: #e2f0fa;
    margin: 0;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 3%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.cp-entry {
}
* {
    padding: 0;
    margin: 0;
}

.cp-title {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

p.cp-text {
    font-style: italic;
    font-family: "Georgia";
    font-size: 14pt;
    line-height: 1.5em;
    text-align: center;
    margin-left: 0;
}

.cp-subtitle-wrap {
    background: none;
    margin: 5px;
    text-align: center
}

.cp-title-wrap {
    background: #ddd;
    width: 100%;
    color: #555 !important;
    font-weight: bold;

}

.cp-subtitle {
    padding-left: 3%;
    line-height: 1.5em;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #737373;
    padding: 0;
}

.cp-img {
    max-width: 100%;
    height: auto;
    border: none;
    padding: 0;
    margin: 0;
    object-fit: cover; /* this does the magic, especially on vertical images */
    height: 200px;
    width: 100%;
}

a.cp-devo-link {
    color: inherit;
    padding: 10px;
}

a.cp-devo-link:hover {
    color: #000;
    text-decoration: none;
}

.cp-subscribe {
    
    text-align: center;
}


.cp-email-icon {
    height: 20px;
    width: auto;
    padding: 0px;
    margin: 0px;
    border: none;
    vertical-align: top;
    margin-right: 7px;
    margin-top: 2px;
}

/* Lists */
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { list-style: disc; }
ol { list-style: decimal; }

dt {
  font-weight: bold;
  color: #1980AF;	
}
dd {
  padding-left: 20px; 
}

p, dl { margin: 10px 20px; }

.disqus-announcement p { margin: 20px 20px; }

/* Images */
img {
	background: #FAFAFA;
   border: 1px solid #E4E4E4;
	padding: 8px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

img.plain {
	background: none;
  border: none;
}

img#new {
	background: none;
  border: none;
	padding: 0;
}

#tv-image {
/* Decided not to center it
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	display: block;
*/

	margin-left: 20px;
}

#votd-wall-art {
    max-width: 95%;
    height: auto;
    margin-left: 20px !important;
    background: #fff !important;
    border: none !important;
}

code {
  	margin: 3px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
  	/* white-space: pre; */
  	border: 1px solid #F0F0F0;
	background: #F8F8F8;  
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #555;
}
blockquote {
    margin: 10px 20px;
    padding: 10px 20px 10px 20px !important;
    border: 1px solid #E0E0E0;
    background-color: #f4f4f4;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.5em;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', Times, Serif;
    color: #555;
    border-radius: 5px;
}
strong {
	font-weight: bold;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 20px;		
}
tr { background: #FFF; }
tr.altrow { background: #F9F9F9;	}
th, td {
	text-align: left;			
	border-width: 1px;
  	border-style: solid;
}
th {
	color: #555;
	background: #F0FBFF; 
	padding: .8em 1em;	
  	border-color: #D8EBF5 #D8EBF5 #B9DBEE #D8EBF5;	
}
td {
	border-color: #EFEFEF;	
	padding: .7em 1em;	
}	
/* end - table */

/* form elements */
form {
	margin: 10px 20px; 
	padding: 15px 25px 25px 25px; 
	border: 1px solid #F0F0F0;
	background: #F8F8F8;
}
form p {
	border-bottom: 1px solid #E6E6E6;
	padding: 12px 0 5px 0;	margin: 0;	
	color: #666666;
}
label {
	font-weight: bold;
	color: #666666;
}
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb; 	
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input:focus, select:focus, textarea:focus {
	color: #7BA857;
	background: #EFFAE6;
}
#name, #email, #message, #website {
	width: 380px;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background:#B4DB6F;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #B6DE8F #91BD37 #91BD37 #B6DE8F;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#wrap {
	width: 920px;
	margin: 0 auto;
	text-align: left;	
}

/* Header */
#header {
	position: relative;
	margin: 0 auto;
	/* height: 245px;	*/	
	height: 200px;
}
#header h1#logo-text { margin: 0; padding: 0; }
#header h1#logo-text {
	position: absolute; 
	margin: 0; padding: 0 5px 0 0;
	font: bold 62px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;  
	letter-spacing: -0.07em;
	color: #1980AF;	
	text-decoration: none;
	width: auto;
	
		
	/* change the values of top and left to adjust the position of the logo*/
	top: 50px; left: 150px;	
}
#header h1#logo-text a:hover { border: none; }
#header p#slogan {
	position: absolute;
	margin: 0; padding:  0 0 0 35px;
	font-family: Georgia, 'Times New Roman', Times, serif;;
	font-size: 14pt;
	line-height: 1.8em;
	font-style: italic;
	letter-spacing: -.1px;
	color: #999;	
	
	/* change the values of top and left to adjust the position */
	top: 120px; left: 130px;		
}

#header #header-image {
	position: absolute;
	top: 12px; right: 30px;
	width: 292px;
	height: 234px;	
	background: url(/images/header-bg.png) no-repeat; 
}

#votd-logo {
	background: none;
	border: 0;
	position: relative;
	top: 35px;
}

/*  navigation  */
#header #nav {
	position: absolute;
	left: 0px;	bottom: 20px;		
	margin: 0; padding: 0 0 0 20px;		
	width: 900px;		
	border-bottom: 1px solid #F2F2F2;	
	/* z-index: 99999; */
}
#header #nav ul {
	float: left;	
	list-style: none;	
	margin: 0;
	padding: 0;					
}
#header #nav ul li {
	float: left;
	margin: 0; padding: 0;			
}
#header #nav ul li a:link,
#header #nav ul li a:visited {
	float: left;
	margin: 0;
	padding: 5px 15px 10px 15px;
	color: #666666;
	font: bold 14px 'Trebuchet MS', Arial, Sans-Serif;
	text-transform: uppercase;		
	border-right: 1px solid #EEE;	
}
#header #nav ul li a:hover, 
#header #nav ul li a:active {
	border: none;
	color: #000;	
	border-right: 1px solid #EEE;
}
#header #nav ul li#current a {	
	background: transparent url(/images/current.gif) repeat-x left bottom;	
	color: #222;	
}

#header #nav ul li.first a:link, 
#header #nav ul li.first a:visited {
	border-left: 1px solid #F1F1F1;	
}

/* Featured Block */
#featured {
	clear: both;
	background: #F8FAFD; 
	border: 1px solid #DCF1FB;
	border: 3px solid #DCF1FB;
	border-radius: 15px;
	margin: 3px 0 15px 10px;
	width: 900px;			
}
#featured h2 {
	font: normal 3em Georgia, 'Times New Roman', Times, Serif;
	color: #295177;
	letter-spacing: -1.0px;	
	margin-bottom: 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #EBEBEB;	
}

#featured .scripture {
	font: normal 3em Georgia, 'Times New Roman', Times, Serif;
	color: #295177;
	letter-spacing: -1.0px;	
	margin-bottom: 0;
	padding: 8px;

}

#featured .scripture .reference {
	font-size: 72%;
	text-align: right;
	margin-top: 10px;
}

#featured .scripture .reference a {
    text-decoration: underline;
}

#featured .scripture .reference a:hover {
    	color: #0788C3;
}

#featured .scripture a {
	color: #295177;
	border: none;	
}

.topic-scripture {
	font: normal 2em Georgia, 'Times New Roman', Times, Serif;
	color: #295177;
	letter-spacing: -1.0px;	
	margin-bottom: 0;
	padding: 20px 8px 15px;
	margin-bottom: 5px;
	background: url("/images/dotted-lines.gif") repeat-x scroll left top rgba(0, 0, 0, 0);

}

.topic-reference {
	font-size: 80%;
	text-align: right;
	margin-top: 10px;
}

#topic-illustrations {
	text-align: center;
}

#topic-illustrations img {
	margin-bottom: 20px;
}

.bilingual-left-body #topics {
    margin-top: 15px;
    margin-left: 20px;

}

.bilingual-left-body #topics em {
    background: url("/images/topic-icon-all.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 24px;
    padding-left: 30px;
}

.bilingual-left-body #topics .topic:hover {
    /* background: url("/images/topic-icon-active.png") no-repeat scroll 0 0 transparent; */
}

.bilingual-left-body #topics .topic-all {
 /* background: url("/images/topic-icon-all.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 24px;
    padding-left: 24px;
 */
}

.bilingual-left-body #topics .topic-all:hover {
    /* background: url("/images/topic-icon-all-active.png") no-repeat scroll 0 0 transparent; */
}


.bilingual-left-body #topics .topic {
	display: inline;	
}

.all-topics .new-letter {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    clear: both;
    font-size: 122%;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    text-align: left;
}

.all-topics .topic {
    display: inline-block;
    width: calc(100% / 3);
}

.all-topics .topic-count {
	color: #bbb;
}


#featured .image-block {
	float: left;
	width: 330px;	
	margin: 20px 0 0 25px;
	padding: 10px 0 0 0;
	display: inline;
	border-right: 1px solid #DCF1FB;	
}
#featured .image-block img {
	background: #FFF;
   border: 1px solid #DFEAF0;
	padding: 12px;
}
#featured .text-block {
	width: auto;
	margin: 0;
	padding: 20px;
	display: block;
}
#featured a.more-link {
	background: #B4DB6F;
	padding: 5px 10px 5px 10px;
	margin-top: 15px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #BADE7D;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;	
	display: block;
    float: left;
}
#featured a.more-link:hover {
	background: #008EFD;
	border-color: #007DE2;
}

/* Content */
#content-outer {
	clear: both;
	float: left;
	width: 920px;
	margin: 0; padding: 0;
	background: transparent url(/images/hor-line.gif) repeat-y -30px 0;				
}
#content-wrap {
	float: left;
	width: 920px;
	/* background: transparent url(/images/dotted-lines.gif) repeat-x;	*/
}
#content {
	float: left;
	width: 900px;
	margin-left: 10px;	
	display: inline;
	padding-bottom: 5px;
}

/* columns */
#left {
	width: 550px;	
	float: left;	
	padding-top: 5px;	
	margin-top: -5px;
}
#right {
	width: 325px;
	float: right;
	padding-top: 5px;
	margin-top: -5px;
}

#right h3 {
	margin-left: 10px;	
}
#left h2 {
	font: normal 3.6em Georgia, 'Times New Roman', Times, Serif;
	color: #444;	
	letter-spacing: -2.2px;	
	margin-bottom: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-bottom: 1px solid #EBEBEB;	
}
#left h2 a {
	color: #444;
	border: none; 
}
#left .entry {
	background: url(/images/dotted-lines.gif) repeat-x left bottom; 
	padding-bottom: 15px;
}

#four-oh-four #left .entry {
	background: none;
	padding-bottom: 15px;
}

#left #tv-image-wrapper .entry {
	background: none; 
	padding-bottom: 0px;
}

#left .entry p{
	font-size: 14px;
}

.disqus-announcement #left .entry p {
  	font-size: 12pt;  
}

#left .entry h3 a {
	color: #444;
	border: none;
}

/* sidebar quick search */
#right form#quick-search {
	padding: 0; margin: 10px 0 0 10px;
	width: 270px; height: 33px;
	background: #fff url(/images/header-search.gif) no-repeat;
	border: none;	
}
#right form#quick-search p {
	margin: 0; padding: 0;		
	border: none;
}
#right form#quick-search input {
	border: none;
	background: transparent;
	color: #BABABA;
	margin: 0; padding: 5px;
	font-size: .9em;	
	float: left;		
}
#right form#quick-search .tbox {
	margin: 6px 0 0 5px;
	width: 220px;	
	display: inline;	
}
#right form#quick-search .btn{
	width: 24px; height: 24px;		
	margin: 5px 0 0 0;	padding: 0;	
}
#right form#quick-search label {
	display: none;
}


/* sidemenus */
.sidemenu ul {
	text-align: left;
	margin: 10px 8px 8px 8px; padding: 0;
	border-top: 1px solid #EBEBEB; 
}
.sidemenu ul li {
	list-style: none;
	background: url(/images/dotted-lines.gif) repeat-x left bottom; 
	padding: 7px 5px;
	margin: 0;		
}
* html body .sidemenu ul li {
	height: 1%;
}
.sidemenu ul li a, 
.sidemenu ul li a:visited {
	color: #5D95CA;
	padding-left: 0;	
	font-weight: bold;	
}
.sidemenu ul li a span {
	color: #9F9F9F;	
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-style: normal;
	font-weight: normal;	
	font-size: .9em;
}
.sidemenu ul li a:hover { color: #000; border: none; }
.sidemenu ul ul { margin: 0 0 0 5px; padding: 0; }
.sidemenu ul ul li { background: none; }

/* footer */
#footer-outer {
	clear: both;
	float: left;
	width: 920px;		
	background: url(/images/dotted-lines.gif) repeat-x;	
	font-size: .9em;		
	color: #777;	
}
#footer-wrap {
	float: left;
	width: 900px;
	margin-left: 10px;	
	display: inline;
}
#footer-wrap h3 {
	font-size: 2.4em;		
}
#footer-wrap .col-a {
	width: 300px;
	float: left;
}
#footer-wrap .col-b {
	width: 295px;
	float: right;	
}

/* footer-list */
#footer-outer .footer-list ul {
	border-top: 1px solid #E6E6E6;
	list-style: none;
	padding: 0;	
	margin-left: 20px;	
}
#footer-outer .footer-list ul li {
	background: url(/images/dotted-lines.gif) repeat-x left bottom;
}
#footer-outer .footer-list ul li a {
	display: block;
	width: 98%;
	line-height: 2em; 
	padding: 5px 0;
	margin-left: 0;
	color: #77A6D3;
	border: none;	
}
#footer-outer .footer-list ul li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: .95em;	
}
#footer-outer .footer-list ul li a:hover,
#footer-outer .footer-list ul li a:hover span {
	color: #333;	
}

/* footer-bottom */
#footer-bottom {
	float: left;
	clear: both;
	background: url(/images/dotted-lines.gif) repeat-x;
	width: 920px;
	margin: 30px auto 0 auto;	
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	font-size: .9em;		
	color: #777;
	border-bottom: 50px solid #FFF; 
}
#footer-bottom a:hover { border: none; }
#footer-bottom .bottom-left {
	float: left;
	padding-left: 5px;		
}
#footer-bottom .bottom-right {
	text-align: right;
	padding-right: 0;
}

/* post */
.post {
	margin-bottom: 15px;
	background: url(/images/dotted-lines.gif) repeat-x left bottom; 
	padding-bottom: 15px;
}
.post .image-section {
	clear: both;
	display: block;
	margin: 25px 0 10px 20px;
	padding: 0;
}
.post .image-section img {
	background: #FAFAFA;
   border: 1px solid #ECECEC;	
	padding: 12px;
}
.post .postmeta {	
	padding: 5px 15px; margin: 20px 20px 15px 20px;	
	background: #f9fbfd; 
	border: 1px solid #eaf1f5;
}
.post .postmeta a { background: transparent; }
.post .postmeta a:hover { border: none; }
.post .postmeta a.comments { margin: 0 10px 0 5px;	}
.post .postmeta a.readmore { margin: 0 10px 0 5px;	}
.post .postmeta .date { margin: 0 10px 0 5px;	}

.post .post-info, 
#featured .post-info { font-size: .95em; margin-top: 0; color: #B0B0B0; }

.post .post-info a, .post .post-info a:visited,
#featured .post-info a, #featured .post-info a:visited { color: #8BB92E; border: none; }

.post .tags {
	padding: 5px 15px; margin: 20px 20px 15px 20px;	
	border-top: 1px solid #eaf1f5;
	border-bottom: 1px solid #eaf1f5;
}

/* comments list */
ol.commentlist {
	margin: 12px 20px;
	padding: 0;
	border-style: solid;	
	border-color: #F0F0F0;	
	border-width: 1px 1px 0 1px;
}
.commentlist li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #F0F0F0; 
}
.commentlist li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.commentlist li cite img {
	float: left;
	margin-right: 10px;	
}
.commentlist li cite .comment-data {
	font-size: .8em;
	font-weight: normal;
}
.commentlist li .comment-text {
	clear: both;
	margin: 0; padding: 5px 0 0 0;
}
.commentlist li.alt {
	background: #F8F8F8; 
}

/* archives */
ul.archive {
	background: url(/images/dotted-lines.gif) repeat-x left top; 
	margin: 15px 20px 20px 20px;
	padding: 0;	
}
ul.archive li {
	list-style: none;
	background: url(/images/dotted-lines.gif) repeat-x left bottom; 
	margin: 0;
	padding: 10px 5px;
}
ul.archive li .post-title {
	margin: 0;
	padding: 0;
	font-size: 1.2em;	
}
ul.archive li .post-title a {
	color: #555;
}
ul.archive li .post-title a:hover {
	border: none;
	color: #222;
}
ul.archive li .post-details {
	font-size: .9em;
	margin-left: 0;
	margin-top: 0;
}
ul.archive li .post-details a {
	border: none;
}

/* pagenavigation */
.page-navigation {
	margin: 10px 20px 10px 20px;
	padding: 5px 15px;
	background: #F9F9F9;	
	border: 1px solid #F0F0F0;	
	width: 510px;
}
.page-navigation a:hover {
	border: none;
	color: #333;
}

/* thumbnails */
p.thumbs { 
	padding: 10px 0 0 0px; 
	margin: 0 0 0 15px;
}
.thumbs img { 
	position: relative;
	padding: 8px;
	margin: 4px;
	background: #FAFAFA;
   border: 1px solid #EDEDED;	
}
.thumbs img:hover	{
	border: 1px solid #D2D2D2;	
}
.thumbs a:hover { background-color: transparent; border: none }


/* alignment classes & additional classes*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }
.no-bg {	background: none; }

/* clearing */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


.credit-phil {
	font-style: italic;
}

#subscription-options {
	margin-top: 0px;
	float: right;
	width: 60%;
    margin-bottom: 10px;

}

#subscription-options p {
	margin-left: 0px;

}


#social-media-sharing {
	margin-top: 0px;
	float: right;
	width: 40%;
	height: 40px;
	text-align: right;
    overflow: hidden;
    margin-top: -5px;
	
}

.end-scripture {
	clear: both;
	display: block;
	border-bottom: solid 1px #eee;
	width: 100%;
	height: 2px;
	margin-bottom: 10px;
	
}

.fb_iframe_widget {
    top: 8px !important;
    display: inline;
}
	
/*
        zoom: 1;
        filter: alpha(opacity=75);
        opacity: 0.75;
*/


/*
#social-media-sharing:hover {

        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1.0;
}

*/
iframe.twitter-share-button {
	width: 85px;
	max-width: 85px;	
    vertical-align: text-top;
    padding-top: 1px;
}
	
	
.fb-comments {
		margin-left: 20px;
	}


/* 
.bilingual {
	width: 47%;
	float: left;
	border-right: solid 1px #ccc;
	margin-right: 3%;
	padding-right: 3%;
	display: none;
	
}
*/

.bilingual-left {
	width: 100%;

}

.bilingual-right {
	width: 100%;
	
}

#subscribe-layover {
	margin-left: 10px;
	text-align: center;
	width: 450px;
	height: 300px;
}

#subscribe-layover h3, p {
	text-align: left;
}

#subscribe-layover form {

    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 15px 25px 25px;
}

#subscribe-layover input, #subscribe-layover select, #subscribe-layover textarea {
    border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
		border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    color: #6A6969;
    font: 11px 'Lucida Grande',Verdana,Helvetica,sans-serif;
    margin: 5px 0;
		margin-right: 2px;
    padding: 5px;
}

input[name=sa] {
    border-radius: 5px;
    padding-bottom: 22px;
}

#g-search-page input[name=sa] {
    border-radius: 5px;
    padding-bottom: 5px;
}

#g-search-page input[name="q"] {
    width: 165px !important;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.archive-item {
		margin-top: 20px;
}

.archive-item p {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;		
	margin-top: 0px;
	font-style: italic;
}

.archive-item-link {
	font-size: 11pt;
	font-weight: bold;
	margin-left: 20px;

}

#tv-image-wrapper #pinterest-wrap iframe  {
	float: left;
	margin-left: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
}

#pinterest-wrap {
    margin-left: 20px;
    display: inline-block;
    position: relative;
}


#donation-form form {
	background: none;
	border: none;
}

#donation-form img {
	padding: 0;
}

#donation-form input {
	border-width: 0;
}


#g-search {
	
}

#g-search, #g-search form, form#g-search {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    top: 8px;
    border-width: 0;
    right: 5px;
    float: right;
    position: relative;
    display: inline-block;
}

#g-search-page, #g-search-page form {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
    margin-left: 20px;
}

#g-search img, #g-search-page img {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	
}

#g-search input  {
	height: 25px;
}



table.gsc-search-box {
	border: none;
}


input[name="q"] {
  width: 165px !important;
}

.plus-one-wrapper {
	display: inline;
}


img.compassion-countdown {
	border: none;
	background: none;
	padding: 0;
	padding-left: 30px;
	padding-top: 30px;
	
}

.browse-all {
    display: inline-block;
    line-height: 1.5em;
    margin: 7px;
    text-align: center;
    vertical-align: top;
    width: 70px;
		padding-right: 5px;
}

.devo-nav-arrows {
	margin-left: 20px;
}

.devo-nav-arrows img {
    border: none;
		padding: 0;
	background: none;		
}

.layover-logo-wrapper {
    float: left;
    margin-right: 10px;
}

#subscribe-layover h3 {
    clear: none;
		display: block;
		left: 0;
}

.layover-logo-img {
    background: none;
    border: medium none;
    margin-top: 20px;
    padding: 0;
}

#subscribe-layover p {
    margin: 5px;
}

.no-spam {
    font-size: 8pt;
    text-align: center;
}


.row {
    margin-bottom: 30px;
    margin-left: 20px;
    text-align: left;
}



.btn {
    background: green none repeat scroll 0 0;
    border: 2px solid #b1c78c;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    padding: 6px;
}


#announcement .btn {
    margin-top: 30px;
    margin-left: 0px;    
}


#announcement {
    background: #ebf5da none repeat scroll 0 0;
    border: 1px solid #aaa;
    border-radius: 5px;
    display: inline-block;
    margin: 0 0 10px;
    width: 100%;
}

#announcement-left {
  width: 65%;
  }


#announcement-left, #announcement-right {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

#announcement-right {
    margin: 0;
    margin-left: 0px;
    padding: 0;
    text-align: center;
    width: auto;
    float: right;
    display: inline-block;
    margin-top: 15px;
    margin-right: 10px;
}

.announcement-title {
    color: green;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18pt;
    letter-spacing: -0.02em;
    padding-left: 10px;
    padding-top: 10px;
    white-space: normal;
    line-height: 22pt;
}

.announcement-text {
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.announcement-title a, .announcement-title a {
	text-decoration: none;
}

.announcement-text:hover, .announcement-title:hover {
text-decoration: underline;
color: #08a508;

}

.announcement-text:hover {
	color: #000;	
}

#announcement a {
    color: #000;
    text-decoration: none;
}

.btn:hover {
	background: #08a508;;	
}

.btn-default {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #bbb;
    color: #000;
    margin-top: 10px;
}

.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
    margin-top: 10px;
}

.btn-info:hover, .btn-default:hover {
	background: #1980af;
	color: #fff;
}

.lang-landing-link {
    text-align: center;
    border: solid 2px #ccc;
    border-radius: 5px;
    margin-top: 5px;
    margin: 10px;
    background: #fff;
    padding: 10px;
    font-weight: bold;
    background: lightyellow;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* New Google Search boxes */

.gsc-search-box {
    background: #fff;
    border: 0;
    width: auto;
    padding: 0;
    margin: 0;
}

.gsc-search-box td {
    border: none;
    padding: 0;
    margin: 0;
}

.gsib_a {
    width: 88% !important;
    padding: 4px 6px 0;
}

.gsc-search-box tr {
    background: none;
}

table.gsc-above-wrapper-area-container {
    /* background: red; */
    /* border: solid 4px #000; */
    margin-left: 5px;
}

table.gsc-above-wrapper-area-container td {
    border: none;
    padding: 0;
}


.gs-result .gs-image, .gs-result .gs-promotion-image {
    margin-right: 0px !important;
    border: none !important;
    background: none !important;
}

.gs-web-image-box, .gs-promotion-image-box {
    width: auto !important;
}

.gsc-adBlock {
    display: none !important;
}




.gsst_b {
    padding: 0 25px !important;
}

table.gsc-search-box {
    width: 240px !important;
}

.gsc-search-button-v2 {
    font-size: 0;
    padding: 6px 27px;
    width: auto;
    vertical-align: middle;
    border: 1px solid #666;
    border-radius: 2px;
    border-color: #3079ed;
    background-color: #1687c5 !important;
    background-image: linear-gradient(top, #4d90fe, #4787ed);
    padding: 10px !important;
    margin-left: 0 !important;
	height: 34px;
}

div#g-search2 {
    margin-left: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.plyr__controls, audio {
      --plyr-color-main: #1887c5;
      --plyr-audio-control-color: #777777;
      --plyr-font-family: Verdana;
      --plyr-font-size-base: 50px;
      --plyr-control-icon-size: 20px;
      --plyr-control-radius: 10px;
      --plyr-control-padding: 10px;
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
    background: #eeeeee;
    padding: 20px;
    border-radius: 30px;
    padding-left: 22px;
    margin-right: 5px;
    /* border: solid 1px #1887c5; */
    color: #1887c5;
}    
    
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #1887c5;
    background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#1887c5)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover,#fff);
} 

.fb-like iframe {
    min-width: 100px !important;
}

.fb-share-button iframe {
    min-width: 100px !important;
}

.fb-share-button .fb_iframe_widget {
    position: static;
}

.bilingual-left-body .plyr--audio .plyr__controls {
    background: #f6fcff !important;
    background: var(--plyr-audio-controls-background,#fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color,#4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing,10px);
    /* border-radius: 10px; */
    border: solid 1px #ccc;
    border-top: none;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.listen-plea strong {
    font-weight: bold;
    color: #1887c5;
    margin-right: 10px;
}

.listen-plea {
    text-align: center;
    border-top: solid 1px #ccc;
    padding-bottom: 10px;
    background: #e9f8ff;
    padding-top: 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.small-caps, .sc, .cn {
    font-variant: small-caps;
	font-size: unset;
}


.entry li {
    font-size: 14px;
}

/*AZP Stylings */

.azp-wrapper {
    border-bottom: solid 1px #ccc;
    /* background: #efefef; */
    padding: 5px;
    padding-bottom: 10px;
}

div#left .azp-wrapper {
    border-top: solid 1px #ccc;
    padding-top: 10px;
}

.azp-wrapper .azp-votdcom a:hover .azp-title {
    text-decoration: underline;
}
.azp-wrapper .azp-votdcom a:hover {
    text-decoration: none;
    /* color: red; */
}

/*  Helper classes:

    * Count:      azp-count-1, azp-count-2, etc.
    * Format:     azp-solo, azp-grid, azp-list, etc.
    * Medium:     azp-desk, azp-mobi, azp-app, etc. 
    * Domain:     azp-votdcom, azp-hlgtorg, etc.
    * Context:    azp-side, azp-dtop, azp-cbot, etc.
    * MatchType:  azp-asin, azp-category, azp-keywords, etc.

"azp" is the wrapper on each product; should be combined with qualifiers above such as ".azp-grid .azp" */

.azp {
    
}

.azp-about {
    text-align: center;
    /* text-transform: uppercase; */
    font-size: 9pt;
    font-family: 'Montserrat';
}

.azp-about a:hover {
    text-decoration: underline;
    /* font-weight: bold; */
}

.azp-about a {
    color: #999;
}

.azp-solo .azp {
    text-align: center;
    width: 100%;
}

.azp-solo .azp .azp-title {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.azp-solo .azp .azp-byline {
    margin-bottom: 5px;
    color: #aaaaaa;
}

.azp-solo .azp-image img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 250px;
    background: none;
    border: none;
    padding: 0;
}

div#left .azp-solo .azp-image img {
    max-height: 350px;
}

.azp-solo .azp a > .azp-desc {
    color: #000000;
}

.azp-solo .azp-num-2, .azp-solo .azp-num-3 {
    margin-top: 20px;
    border-top: solid 1px #ccc;
    padding: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.azp-list .azp-col {
/*     float: left; */
}

.azp-list .azp-col-left {
    width: 33%;
}

.azp-list .azp-col-right {
    width: 67%;
    padding-left: 10px;
    text-align: center;
}

.azp-list.azp-side .azp.reverse .azp-col-right {
    padding-left: 0;
    padding-right: 10px;
    text-align: left;
}

.azp-list .last.azp {
    border-bottom: none;
    padding-bottom: 0;
}

.azp-list .azp {
    clear: both;
    display: flex;
    flex-direction: row; /* row-reverse = float right */
    align-items: center;
    border-bottom: solid 1px #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.azp-list .azp.reverse {
    /* used to reverse the layout randomly */
    flex-direction: row-reverse;
}

.azp-list .azp-image {
    text-align: center;

}

.azp-list .azp-image img {
    max-height: 150px;
    width: auto;
    max-width: 100%;
    background: none;
    border: none;
    padding: 0;
    
}

.azp-list .azp-title {
    font-weight: bold;
}

.azp-list .azp .azp-byline {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #aaaaaa;
}

.azp-list .azp a > .azp-desc {
    color: #000000;
    line-height: 14pt;
}

.azp-list .azp-num-2, .azp-list .azp-num-4, .azp-list .azp-num-6, .azp-list .azp-num-8 {
    background: #fcfcfc;
}

.azp-list .last.azp.azp-num-2 {
    /* turn off zebra striping if there's only two rows */
    background: none;
}

.azp-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    row-gap: 20px;
}

.azp-grid .azp {
    text-align: center;
}

.azp-grid .azp-image {
    text-align: center;
}

.azp-grid .azp-image img {
    max-height: 150px;
    width: auto;
    max-width: 100%;
    background: none;
    border: none;
    padding: 0;
    
}

.azp-grid .azp-title {
    margin-top: 5px;
}

.azp-grid.azp-side .azp-title {
    display: none;
}

.azp-grid.azp-mobi.azp-dtop .azp-title {
    display: none;
}

.azp-grid .azp .azp-byline {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #aaaaaa;
}

.azp-grid .azp a > .azp-desc {
    color: #000000;
}

.azp-grid.azp-total-1 .azp {
    width: 100%;
}

/*
.azp-grid.azp-total-2 .azp, .azp-grid.azp-total-4 .azp, .azp-grid.azp-total-6 .azp, .azp-grid.azp-side.azp-total-5 .azp, .azp-grid.azp-side.azp-total-6 .azp {
    width: 50%;
}
*/

.azp-grid .azp, .azp-grid.azp-total-2 .azp {
    width: 50%;
}

.azp-grid.azp-total-3 .azp {
    width: 33%;
}

.azp-mobi.azp-dtop .azp-image img {
    max-height: 125px;
}

.azp-logo {
	max-height: 30px;
	width: auto;
	background-color: rgb(255, 255, 255);
	display: inline;
	margin: 10px 5px;
	padding: 0px;
	border: none;
	vertical-align: -webkit-baseline-middle;
	margin-right: 8px;
}

.azp-audible {
    text-align: center;
}

.azp-audible-image {
    margin: 10px 0px 0px;
    padding: 0px;
    border: 0px;
    width: auto;
    max-width: 100%;
    max-height: 120px;
}



/* Bible Pages */

img.search-thumbnail {
    max-width: 200px;
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    margin-right: 10px;
}
.search-thumbnail-wrapper {
    padding-top: 5px;
}


.passage-wrap .ref {
    text-align: right;
    margin-top: 10px;
    font-size: 14pt;

}

.passage-wrap blockquote {
    padding: 20px;
    padding-bottom: 0;
    font-size: 16pt;
	margin-left: 0;
}

.ob-credit {
    margin-top: 20px;
    text-align: center;
}


.passage-display {
    font-size: 17pt;
    /* border-left: solid 3px #a92a31;
    padding-left: 20px; */
    letter-spacing: -0.02em;
	line-height: 1.25em;
}
  

.passage-display .scripture-paragraph-block {
    margin-top: 12px;
}
.passage-display .scripture-paragraph-block .verse {
    display: inline;
}
.passage-display .scripture-paragraph-block .new-paragraph {
    /* margin-left: 20px; WAS AN INDENT for PARAGRAPHS */
}


sup {
    font-size: 0.55em;
    top: -1em;
    vertical-align: super !important;
}

.passage-display sub, .passage-display sup {
    position: static !important;
    line-height: 0;
    vertical-align: baseline;
    /* display: none; */
    margin-right: 3px;
	color: #999;

}


.passage-display .type-mixed .text {
    display: inline;
}

.passage-display .text .test {
    clear: both;
    margin-top: 15px;
    margin-left: 150px;
}

.passage-display .type-poetry.lines .text, .passage-display .type-poetry.line .text {
    /****** background: peachpuff; ******/
    display: block;
    /* margin-bottom: 5px; */
}

.passage-display .verse .text {
    display: inline;
}

.passage-display .type-poerty .text .passage-break {
    margin-top: 0;
    padding-top: 0;
    background: lightblue;
	
}

.passage-display .type-mixed.line .passage-break {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.passage-display .verse.type-poetry.lines .text, .passage-display .verse.type-poetry.line .text, .passage-display .type-mixed .text .poetry-begin {
    border-left: double 4px #eeeeee;
    /****** background: #fafad252; ******/
    margin-bottom: 0;
    padding-left: 25px;
    margin-left: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
}


.passage-display.only-poetry .verse.type-poetry.lines .text, .passage-display.only-poetry .verse.type-poetry.line .text, .passage-display.only-poetry .type-mixed .text .poetry-begin {
    border-left: solid 0px #ccc;
    /****** background: #fafad252; ******/
    margin-bottom: 0;
    padding-left: 0px;
    margin-left: 15px;
}

.passage-display .type-mixed .text .poetry-begin {
/* similar to above but without the margin;*/
    margin-bottom: 0;
}



.passage-display .verse.type-mixed.lines .text .passage-break:first-child {
    padding-top: 10px;
}





.verse.type-poetry.lines .text, .verse.type-poetry.line .text, .verse.type-mixed.lines .poetry-begin {
    /* margin-top: 15px; */
    /****** border-right: solid 1px blue; ******/
    /*** NOTE: CAN YOU DO A CHILD QUERY AND ONLY MAKE THIS HAPPEN FOR the FIRST ONE AFTER A Mixed
/* This seems to be better???? Matthew 6: -- connects the lines */
    padding-top: 5px;
    padding-bottom: 5px;


 }

.verse.type-poetry.line .text {
    margin-top: 0;
    /****** border-right: solid 1px blue; ******/
}

.passage-display .verse.type-poetry.lines, .passage-display .type-mixed .text .poetry-begin {
     margin-top: 15px;
}


.passage-display .type-poetry sub, .passage-display .type-poetry sup {
    position: relative !important;
    display: block;
    height: 0;
    left: -16px;
    width: 0;
    top: 9px;
    line-height: 0;
    visibility: visible;
    color: #999;
}

/* You'll need to toggle the poetry version and the regular in-line version */


.passage-display .scripture-paragraph-block .verse.breakout {
    margin-top: 50px;
    display: block;
}


.opener {
    /* color: green; */
    display: block !important;
    padding-top: 0px;
    padding-bottom: 0px; /* Matters! https://www.heartlight.org/cgi-shl/admin/cross-references_new.php?passage=matthew+5 */
    /* control padding of all "pullquotes" with  .passage-display .verse.type-poetry.lines .text, .passage-display .verse.type-poetry.line .text, .passage-display .type-mixed .text .poetry-begin */
}

.passage-display .scripture-paragraph-block .new-paragraph.opener {
    margin-left: 0 !important;
    display: inline;
}

.passage-display .br {
    height: 0;
}


/*

FOR MOBILE ONLY

.passage-display .br {
    height: 0;
    display: inline;
}

.passage-display .br::after {
    content: " ";
}

*/


#bible-nav-top input, #bible-nav-bottom input {
    padding-right: 12px;
    padding-left: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
	font-size: 10pt;
    color: #666;
    background: #fafafa;
	height: 40px;
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 5px;
	
}


#passage-textbox {
    /* border: solid 1px #bbb; */
    font-weight: normal;
    height: 41px;
    text-transform: capitalize;
    /* color: #a92a31 !important;	 */
    font-weight: bold;
    background: #ffffff !important;
}

#bible-nav-top.search-form-results-page {
    background: none;
    border-top: none;
    display: flex;
    justify-content: center;
	padding: 0;
	margin: 0;
	border: 0;
}

#bible-nav-bottom.search-form-results-page {

    background: none;
    border-top: none;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
	padding: 0;
	margin: 0;
	border: 0;

}


.passage-wrap.well {
    padding: 0px;
    padding-top: 5px !important;
    padding-bottom: 8px !important;
	margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    font-family: 'Georgia', 'Droid Serif', 'Times New Roman', sans-serif;
    box-shadow: none;
    border: none;
    background: none;
    color: #295177;
    border-top: solid 3px #2a83bd;
    border-bottom: solid 3px #2a83bd;
    border-radius: 0;
}

.passage-wrap.well.justify {
    text-align: justify;
}

#bible-nav-top input:hover, #bible-nav-bottom input:hover {
    border-color: #999;
    background: #eee;
    /* border-width: 1.5px; */
    /* color: #a92a31; */
}



input#passage-textbox:hover, input#passage-textbox:active, input#passage-textbox:focus {
    background: lightgoldenrodyellow;
}



ul.bible-books-list, ul.bible-book-chapters-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

li.bible-book-list-item, li.bible-book-chapters-list-item {
    margin-bottom: 25px;
}

li.bible-book-chapters-list-item {
    margin-bottom: 15px;
    display: inline-block;
    width: 31%; /* make it 48% for mobile */
    border: solid 1px #ccc;
    padding: 10px;
    margin: 1%;
    border-radius: 5px;
    text-align: center;
    background: #fcfcfc;
}

li.bible-book-chapters-list-item:hover {
    background: #eee;
    border-color: #999;
}

.bible-book-title {
    font-weight: bold;
}


ul.bible-books-list-sidebar {
    list-style: none;
}

ul.bible-books-list-sidebar li.bible-book-list-item  {
    padding: 0;
    margin: 0;

}

ul.bible-books-list-sidebar li.bible-book-list-item .bible-book-title {
    font-weight: normal;
    font-size: 13pt;
}

/* Mobile Only Additions */

.bible-button {
    background: url('https://img.heartlight.org/bible/bible_icon.png') !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 10px 9px !important;
    background-color: #eeeeee !important;
}

input.bible-button {
    padding-left: 15px !important;
}

.bible-search-button {
    filter: grayscale(1);
}

.cr-icon {
	width:18px;
	height:18px;
	margin-right: 0px !important;
	display:inline-block;
}

img.cr-icon {
    padding: 0;
}



#offCanvasNav {
    position: fixed;
    top: 0;
    left: 0; 

  
    width: 100%;  
    height: 100vh;

    background-color: #f8f8f8;
    z-index: 1050;
    overflow: hidden; 
    /* font-family: 'Montserrat', 'Red Hat Display', 'Arial', 'sans-serif'; */
    border-right: solid 1px #cccccc;
    max-width: 430px;
    
}

#offCanvasNav .offCanvasHeader { 
    padding: 10px;
    padding-bottom: 8px;
    font-size: 1.2em;
    border-bottom: solid 3px #428bca;
    position: absolute;
    top: 0;
    left: 0;
	text-align: left;
    width: 100%;
    box-sizing: border-box;

    height: 60px;
    background-color: #ffffff;

    z-index: 10; 
}


#offCanvasNav #bibleAccordion { 
    position: absolute;
    

    top: 58px;  
    
    bottom: 0;      
    left: 0;
    width: 100%;
    box-sizing: border-box;

    overflow-y: auto;  
    overflow-x: hidden; 
    
}


.offCanvasHeader img {
    max-width: 40px;
    margin-left: 0 !important;
    margin-right: 10px !important;
    vertical-align: middle;
    top: -1px;
	margin-left: 0px !important;
	padding: 0;
	border: 0;
	background: none;
}


 .offCanvasHeader button.close {
    margin-right: 7px;
    margin-top: 5px;
 }



  .book-btn {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    padding: 16px 14px 10px 20px;
    cursor: pointer;
    border-top: 1px solid #ddd;
  }

  .book-btn.selected {
    background: #428bca;
    color: #fff;
    text-transform: uppercase;
  }

  .book-chapters,
  .book-extras {
    display: none;
    margin-bottom: 1em;
  }

  .chapter-row,
  .verse-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }

.chapter-row {
    margin: 10px 0 6px 10px;
    padding: 0;
}

  .verse-row {
    margin: 0;
    padding: 0px;
  }

  .chapter-btn {
    flex: 0 0 11%;
    margin: 5px;
    background: #dfdfdf;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 10px;
  }

  .chapter-btn.selected {
    background: #428bca;
    color: #fff;
    border-color: #428bca;
  }

  .full-chapter-wrapper {
    margin: 0 0 0;
  }

  .full-chapter-btn {
    display: block;
    width: 80%;
    min-width: 120px;
    font-weight: bold;
    border-radius: 10px;
    background: #fafafa;
    color: #428bca;
    border: 2px solid #bbb;
    font-size: 1.09em;
    padding: 10px;
    margin: 0 auto 15px auto;
  }

.chapter-btn:hover {
    background: #fefefe;
    border: solid 2px #428bca;
    padding: calc(-1px);
    color: #000000;
}

  .or-choose-verse {
    text-align: center;
    /* border-top: 1px solid #ddd; */
    padding-top: 0px;
    margin-bottom: 7px;
  }

  .verse-btn {
    flex: 0 0 calc((100% / 10));
    margin: 4px;
    margin-left: 5px;
    background: #f7f7f7;
    color: #000;
    font-size: .91em;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
  }

  .verse-btn.selected {
    background: #efefef;
    color: #428bca;
    border: 1px solid #428bca;
  }

.verse-btn:hover {
    background: #fefefe;
    border: solid 1px #428bca;
    /* padding: calc(-1px); */
}

.full-chapter-btn:hover {
    border-color: #428bca;
    background: #fefefe;
}

  


.ellipsis {
    text-align: center;
    font-size: 40px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #aaa;
}



.bible-page #content .row {
    margin-left: 0;
    border: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 13px;
}

#bible-nav-top, #bible-nav-bottom {
    border: none;
}



ul.cross-ref-filters.nav.nav-pills {
    margin-left: 0;
    display: flex;
    justify-content: left;
	margin: 0;
	padding: 0;
}

ul.cross-ref-filters.nav.nav-pills li.nav-item {
    background: #efefef;
    padding: 0px !important;
    border-radius: 5px;
	width: calc(100% / 4);
	width: -webkit-fill-available;
    text-align: center;
}


ul.cross-ref-filters a.nav-link {
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#header img {
    margin-left: 8px;
    margin-top: 8px;
	padding: 0;
}

.bible-page #content-wrap {
    margin-top: 15px;
}

.bible-page #header {
    border-bottom: solid 1px #ccc !important;
}


ul.cross-ref-filters a.nav-link.disabled {
    color: #aaa;
}

.bible-page #left h4, .bible-page #left p.hidden-xs {
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: left;
}


/* Search Results */

.bible-page .search-results {
    border-top: 2px solid #ddd;
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 11pt;
    letter-spacing: -0.02em;
    clear: both;
	/* FLEX is the key below */
    display: flex;
	flex-direction: row-reverse;
	align-items: normal;
}

.bible-page .search-thumbnail-wrapper {
    min-width: 200px;
    display: block;
    text-align: center;
	border-radius: 8px;
}

.bible-page .search-thumbnail {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
	border-radius: 8px;
}

.bible-page .search-text-wrapper {
    margin-left: 10px;
}

.bible-page .search-result-title {
    font-weight: bold;
    font-size: 11pt;
}

.bible-page .search-result-subtitle {
    font-family: 'Verdana', sans-serif;
    color: #999;
    font-size: 9pt;
    background: #f3f3f3;
    display: inline-block;
    border-radius: 3px;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 3px;
}


.search-result-description p {
    margin-left: 0;
    margin-right: 10px;
}

input#passage-textbox {
    /* background: #ffffee !important; */
    border: solid 1px #ccc;
}

.h5 li {
    margin-bottom: 5px;
}


.cross-references-toggle {
    margin-top: 15px;
    text-align: center;
    font-family: Verdana;
    font-size: 9pt;
}


.bible-end-nav {
    display: flex;
    justify-content: space-between;
    /* background: beige; */
    margin-top: 12px;
    font-family: 'Montserrat';
    font-size: 10pt;
    color: #777777;
}

.bible-end-nav-left, .bible-end-nav-right {
    /* background: lightblue; */
}

.bible-end-nav-left:hover, .bible-end-nav-right:hover {
    color: #2a83bd;
	cursor: pointer;
}

.bible-end-nav-cr-content, .bible-end-nav-sub-content {
    width: 100%;
    border-top: solid 1px #cccccc;
    margin-top: 10px;
    padding-top: 10px;
}


img.bible-nav-icon {
    height: 25px;
    width: 25px;
    padding: 0;
    margin-right: 5px;
    background: none;
    margin-top: 0px;
	border: none;
}

img.bible-nav-icon-cross-reference {
    padding: 3px;
}


#sub-content, #cr-content {
    font: 14px / 170% 'Verdana', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}

#sub-content ul {
    margin-left: 0;
}

#sub-content li {
    list-style: none;
	margin-bottom: 0;
    font-weight: bold;
}

.sub-teaser {
	padding: 5px;
}


.bible-page div#g-search {
    display: none;
}


.bible-page #header p#slogan {
    left: 119px;
}







@media (max-width: 540px) {
    #offcanvasNav {
      max-width: 100vw;
    }

    .book-btn {
      font-size: 1.4em;
    }



	ul.cross-ref-filters a.nav-link {
		padding: 5px !important;
	}

	.passage-display {
		padding: 10px;
		padding-top: 0px;
	}
	
	.bible-page h4 {
		text-align: center !important;
	}

	.passage-display .verse.type-poetry.lines .text, .passage-display .verse.type-poetry.line .text, .passage-display .type-mixed .text .poetry-begin {
		margin-left: 0 !important;
	}

	.bible-page .search-results {
        text-wrap: balance;
        display: block;
	}

	.noshowmo {
		display: none;
	}

	img.search-thumbnail {
		max-width: 90%;
		max-height: 200px;
		margin-bottom: 5px !important;
	}

	.bible-page .search-text-wrapper {
		margin-left: 0;
		text-align: center;
	}	

	.bible-page .search-text-wrapper p {
		text-align: center;	
	}

  }

  
#TB_window {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
}

iframe {
    max-width: 100%;
}