/* base-style-LTR.css */
/*** 
*  History
* Date Tag      Developer    Change Description
* ERE20210525  Ed Einfeld   Add Cursor: pointer to Cancel Reply and Reply spans in comments
* ERE20210526  Ed Einfeld   Add Level6 to level15 style for comments
* ERE20211108  Ed Einfeld   Add CSS for pictures page.
* ERE20211129  Ed Einfeld   Add CSS for Lazy Loading images in carousel 
* ERE20211130  Ed Einfeld   Add text-align:right to resolve conflict with
*                           Bootstrap 4. Add Media queries for the banner
*                           carousel.
* ERE20210104  Ed Einfeld   Adding Styles for Lazy loading version 2.
* ERE20220718  Ed Einfeld   Audio files missing in LTR format. To fix,
*                           make Audio tag min-height 40 pixels.
* ERE20221201  Ed Einfeld   Add styles for Bible Quiz. CR0006
* ERE20221205  Ed Einfeld   More Styles for Bible Quiz. CR0006
* ERE20230504  Ed Einfeld   Another style for Bible quiz. CR0006
* ERE20230928  Ed Einfeld   Margin correction for essay input box in the Bible Quiz.
* ERE20240122  Ed Einfeld   Add link button to MeetJesus.php in every page. 
* ERE20240905  Ed Einfeld   Change the location of the audio player buttons
*/

@import url("fonts.css");
@import url("top-menu-LTR.css"); /* ERE20210202 */
/* @import url("slider.css"); Older css not needed - ERE20210104 */
@import url("popupplayer.css");

* {
	padding:0%;
	margin:0%;
  box-sizing: content-box; /* ERE20211129 */
}

body {
	font-family: Calibri, tahoma, O-Light, OpenSans-Bold;
	color: #666;
	font-size: 16px;
	background-color: #F9F9F9;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
}

a {
	text-decoration: none;
}

p {
	display: block;
	margin-bottom: 8px;
}

#header {
	width: 990px;
	margin: 1.5% auto 0.25% auto;
}
#header-inner {
}

#slider {
	margin: 0.25% auto;
	width: 990px;
	background-color: #FFF;
}
#spacer {
	height: 0.3%;
}

#wrapper {
	width: 990px;
	margin: 0px auto;
}
#leftsidebar {
	width: 279px;
	float: left;
}
#leftsidebar-inner {
	background-color: #FFF;
	padding: 3% 4.5%;
	margin-top: 1.3%;
}
#leftsidebar-inner-content {
}
#rightsidebar {
	width: 678px;
	float: right;
	padding: 5px 1.5%;
	background-color: #FFF;
}
.rightsidebarnav {
	margin-bottom: 0.35%;
}
/* pictures page - ERE20211109 */
#cat-header {
  text-align: center;
}
/* ERE20211108 */
.picframe {
  text-align: center;
  border: solid 1px #cccccc;
  margin-bottom: 8px;
}

.picimg { /* ERE20211115 */
  object-fit: contain;
  max-height: 480px;
  background-color: #ebebeb;
  padding-bottom: 0;
}
/* pictures page - ERE20211109 */
.picimg-caption {
  padding-top: 4px;
  padding-bottom: 8px;
  background-color: #ffffff;
}

/* Lazy Loading banners style V2 - ERE20210104 */
#slider-wrapper {
  margin: 0.25% auto;
  width: 990px;
  background-color: #FFF;
}
.fader-wrapper {
  position: relative;
  padding-top: 34%;
  overflow: hidden;
}
.fader-wrapper #carousel-gro {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
}

.carousel-item>img { /* images for Lazy Loading - ERE20211129 */
  width: 100%;
  height: auto;
}

/* Fade In styles for the carousel - ERE20211129 */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}

#footer {
	width: 990px;
	margin: 0.3% auto 1.5% auto;
}
#footer-inner {
	background-color: #FFF;
}
#footer-top { /* Add link to MeetJesus.php in every page - ERE20240122 */
	padding-top: .50em;
	text-align: center;
}
#footer-right {
	font-size: 14px;
	width: 232px;
	padding: 1% 2%;
	float: right;
}
#footer-right p {
	margin: 0px;
}
#footer-left {
	font-size: 14px;
	width: 665px;
	padding: 1% 2%;
	float: left;
	text-align: left;
}
#footer-copyright {
	font-size: 13px;
	direction: ltr;
	text-align:center;
	width: 98%;
	padding: 1%;
	float: left;
}
#footer-links {
	display: block;
	margin-top: 6px;
}

#search {
	width: 96%;
	padding: 0 2%;
}

.clearer {
	clear: both;
}

.display-none {
	display: none;
}

ul{
	margin-bottom: 12px;
}

ol{
	list-style-type: decimal;
	margin-bottom: 12px;
}

li {
	display: list-item;
	list-style-position: inside;
	margin-left: 12px;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}
img {
	height: auto;
}
hr {
	margin: 10px 0px;
	background-color: #F9F9F9;
	opacity: 0.1;
}
.pageDescription{
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: #eeeeee 1px solid;
}

.article{
	margin-bottom: 16px;
	padding-bottom: 32px;
	border-bottom: #eeeeee 1px solid;
}
.articleTitle{
	font-size: 1.3em;
	font-weight: bold;
}
.articleDate{
	font-size: 12px;
	margin-bottom: 12px;
}
.articleImage{
	max-width: 100%;
	height: auto;
}
.articleImageSmall{
	width: 180px;
	height: auto;
	margin: 0px 0px 8px 8px;
}
.articleImageFull{
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}
.articleImageHolder{
	text-align: center;
	position: relative;
	margin-left: 8px;
	margin-bottom: 8px;
}
.articleReadMore{
	color: #5595ff;
	text-decoration: none;
	float: right;
}
.articleReadMore:hover{
	font-weight: normal;
	color: #aacaff;
	text-decoration: none;
	float: right;
}
.articleComments {
	background-color: #efefef;
	padding: 8px;
	margin-bottom: 4px;
	border-radius: 3px;
	font-size: 14px;
}

/* ERE20210505 */
.articleComments .form {
  background-color: #fafafa!important;
  margin-top: 10px;
}

/* ERE20210428 */
.level2 {
  margin-left: 15px;
  background-color: #fafafa;  /* ERE20210526 */
  border: #efefef solid 1px; /* ERE20210526 */
}

/* ERE20210428 */
.level3 {
  margin-left: 30px;
}
/* ERE20210428 */
.level4 {
  margin-left: 45px;
  background-color: #fafafa;  /* ERE20210526 */
  border: #efefef solid 1px; /* ERE20210526 */
}
/* ERE20210428 */
.level5 {
  margin-left: 60px;
}
/* ERE20210526 */
.level6, .level7, .level8, .level9, .level10,
.level11, .level12, .level13, .level14, .level15 {
  margin-left: 75px;
  background-color: #fafafa;
  border: #404040 solid 1px;
}

.articleReplyComments {
	background-color: #fafafa;
	padding: 8px;
	margin-bottom: 4px;
	margin-left: 48px;
	border-radius: 3px;
	font-size: 14px;
}
.articleCommentsSuccess {
	background-color: #05e205;
	color: #ffffff;
	padding: 6px;
	margin-bottom: 8px;
}
.articleCommentsError {
	background-color: #df0101;
	color: #ffffff;
	padding: 6px;
	margin-bottom: 8px;
}

/* ERE20210505 */
.show-hide-comment-form {
  color: #0066ff;
  cursor: pointer; /* ERE20210525 */
}

.message {
	background-color: #0066FF;
	color: #ffffff;
	padding: 6px;
	margin-bottom: 8px;
}
.success {
	background-color: #05e205;
	color: #ffffff;
	padding: 6px;
	margin-bottom: 8px;
}
.error {
	background-color: #df0101;
	color: #ffffff;
	padding: 6px;
	margin-bottom: 8px;
}

#player{
	font-family: tahoma, tahomabd, Homa, OpenSans, Calibri;
	text-align: center;
	width: auto;
	height: auto;
	color: #555555;
	padding: 0px 20px 10px 20px;
	background-color: #F3F3F3;
	margin-bottom: 1.3%;
	border: 1px solid #F6F6F6;
}
#liveradio {
	font-size: 15px;
	font-family: OpenSans;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
#song-information{
	width: 70%;
	float: left;
	text-align: right;
}
#controls{
	font-size: 14px;
	width: 30%;
	float: left;
	text-align: right;
}
#controls img {
	width: 40px;
	height: 41px;
}
#play-pause{
	width: 40px;
	height: 41px;
	cursor: pointer;
	float: right;
}
.paused{
    background-image: url('../content/uploads/source/images/players/small-gray-play.png'); /* add 'content' folder - Changing the location of the audio player buttons - ERE20240905 */
    background-repeat: no-repeat;
}
.playing{
    background-image: url('../content/uploads/source/images/players/small-gray-pause.png'); /* add 'content' folder - Changing the location of the audio player buttons - ERE20240905 */
    background-repeat: no-repeat;
}
#volume-slider{
	width: 100%;
}
#now-playing-name{
	font-size: 14px;
	font-weight: 400;
	margin: 0px 0px 2px 0px;
}
#now-playing-album{
	font-size: 14px;
	font-family: OpenSans;
	margin: 0px 0px 5px 0px;
}
#current-time{
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
	float: right;
	width: 98%;
	padding: 4px 6px 5px 0px;
}
#popuplink {
	font-size: 14px;
	text-align: center;
}
#popuplink li {
	margin:3px 2px 2px 2px;
	display: block;
	float:left;
}

#popuplink img {
	width: 40px;
	height: 40px;
	padding: 0px 3px;
	margin: 5px 0px 0px 0px;
}
#popuplink img:hover {
	-moz-transform: translate(0px, -4px);
	-ms-transform: translate(0px, -4px);
	-o-transform: translate(0px, -4px);
	-webkit-transform: translate(0px, -4px);
	transform: translate(0px, -4px);
}

/**/
/* forms */
/**/
.deny {
	font-size:1em;
	font-weight:bold;
	color:#F00;
	text-align:center;
}
.approve {
	font-size:1em;
	font-weight:bold;
	color:#3C3;
	text-align:center;
}
.error {
	font-size:1em;
	font-weight:bold;
	padding:5px 0 0;
	color:#f30;
	text-align:center;
}

.captchaform {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: auto;
	outline: none;
	border: 2px solid rgba(0,0,0,.08);
	border-radius: 0;
	background: ;
	font: 16px/19px Calibri, tahoma, O-Light, OpenSans-Bold;
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
#security_code {
	float:left;
	padding:10px;
	width:auto;
	height: auto;
	border: none;
}
#captcha {
	float:right;
	width:auto;
	height: auto;
	border: none;
}
.captcha {
	width: auto;
}
.captchaform img {
	width: 40px;
	height: auto;
	float: right;
}
#captcha_image {
	float:right;
	width:auto;
	height: auto;
	border: none;
}
#captcha_image_comments {
	width: auto;
	height: auto;
	float: left;
}
#captcha_code {
	width: auto;
}
#captcha_code_comments {
	float:left;
	padding:10px;
	width:auto;
	height: auto;
	border: none;
}
/*********************************/
.form {
	padding: 15px;
}
.form fieldset {
	display: block;	
	padding: 25px 30px;
}
.form fieldset + fieldset {
}
.form section {
	margin-bottom: 10px; /* ERE20210525 */
}
.form .radio,
.form .checkbox,{
	margin-right: 10px;
}
.form .input,
.form .textarea,
.form .select,
.form .radio,
.form .checkbox,
.form .button {
	position: relative;
	display: block;
}
.form .input input,
.form select,
.form .textarea textarea {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 39px;
	padding: 8px 10px;
	outline: none;
	border: 2px solid rgba(0,0,0,.08);
	border-radius: 0;
	background: ;
	font: 16px/19px Calibri, tahoma, O-Light, OpenSans-Bold;
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.form .textarea textarea {
	height: auto;
	resize: none;
}
.form .button {
	float: right;
	width: 100%;
	overflow: hidden;
	padding: 10px 15px;
	outline: none;
	border: 0;
	background-color: #2da5da;
	border: 2px solid #2da5da;
	font: 16px/19px Calibri, tahoma, O-Light, OpenSans-Bold;
	text-decoration: none;
	color: #fafafa;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}
.form .fa-append {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 29px;
	height: 29px;
	padding-left: 3px;
	border-left: 1px solid #e5e5e5;
	font-size: 15px;
	line-height: 29px;
	text-align: center;
	color: #ccc;
}
.form .input .fa-append + input,
.form .textarea .fa-append + textarea {
	padding-right: 46px;
}
.form .row {
	margin: 0 -15px;
}
.form .row:after {
	content: '';
	display: table;
	clear: both;
}
.form .col {
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.form .col-6 {
	width: 50%;
}
.form .input:hover input,
.form .textarea:hover textarea,
.form .checkbox:hover i,
#security_code:hover {
	border-color: rgba(0,0,0,.06);
}
.form .button:hover {
	opacity: 1;
}
.form .input input:focus,
.form .textarea textarea:focus,
.form .checkbox input:focus + i,
#security_code:focus {
	border-color: rgba(0,0,0,.08);
}
.search {
	border-right: 0;
}
.search .input {
	margin: 3px 3px 3px 3px;
}
.search .input input {
	width: auto;
	padding-right: 65px;
}
.search .button {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0px;
	margin: 0;
	background-image: url(../img/search.png);
	background-repeat: no-repeat;
	background-position: center;
}

.captcha {
	width: auto;
}
.captcha img {
	width: 32px;
	height: 32px;
	float: left;
}
#captcha_image {
	width: auto;
	height: auto;
	float: left;
}
#captcha_image_comments {
	width: auto;
	height: auto;
	float: left;
}
#captcha_code {
	width: auto;
	direction: ltr;
}
#captcha_code_comments {
	width: auto;
}

.pageHeading {
	margin: 0 0 16px 0;
	text-align: center;
}
.pageTitle {
	font-size: 1.3em;
}
.pageLink {
	font-size: .75em;
}

img {
	width: 100%;
	height: auto;
}
video {
	width: 100%;
	height: auto;
}
audio {
	width: 100%;
  min-height:40px; /* ERE20220718 */
	outline:none;
}

/* ERE20221201 CR0006 */
#quiz-panel {
  padding: 1% 2%;
  /* text-align: left; */
}
/* ERE20221201 CR0006 */
#quiz-title {
  text-align: center;
}

/* ERE20221201 CR0006 */
#quiz-desc {
  margin-left: 20px;
}

/* ERE20221201 CR0006 */
.question-break {
  background-color: red;
}

/* ERE20221203 CR0006 */
.rad-button {
  margin: 0 8px 0 18px;
}

/* ERE20221203 CR0006 */
.essay-response {
  width: 97%;
  padding: 5px;
  margin-left: 18px;
}

/* ERE20221205 CR0006 */
label.quiz-reg-input {
  margin-right: 15px;
}

/* ERE20221205 CR0006 */
input.quiz-input {
  margin-left: 5px;
}

/* ERE20230504-CR0006 - This is for the quiz presentation */
input.quiz-input {
	margin: 0 15px;
}

/* for 990px or less */
@media screen and (max-width: 990px) {

  /* Lazy Loading banners style V2 - ERE20210104 */
  #slider-wrapper { /* ERE20211130 */
    width: 97%;
    margin: 0.35% 1% 0.35% 1.5%;
  }

	#slider {
		width: 97%;
		margin: 0.35% 1% 0.35% 1.5%;
	}
	#header, #footer {
		width: 99%;
	}
	#header-inner, #footer-inner {
		margin: 0.35% 1%;
	}
	#wrapper {
		width: 97%;
	}
	#leftsidebar {
		width: 27%;
		float: left;
	}
	#player{
		margin-bottom: 1.5%;
	}
	#leftsidebar-inner {
		margin: 1.5% 0% 0% 0%;
		padding: 0.6% 5%;
	}
	#rightsidebar {
		width: 69.6%;
		float: right;
	}
	.rightsidebarnav {
	}
	#footer-right {
		width: 25%;
		font-size: 14px;
		padding: 1% 2% 1% 1.5%;
		float: right;
	}

	#footer-copyright {
		width: 97.5%;
		text-align:center;
		padding: 1.5%;
		float: left;
	}

	#footer-left {
		width: 68%;
		font-size: 14px;
		padding: 1% 1.5% 1% 2%;
		float: left;
	}

	#security_code {
	}
	#captcha {
	}
}

/* for 700px or less */
@media screen and (max-width: 700px) {

  /* Lazy Loading Carousel - ERE20210104*/
	#slider {
		width: 97%;
		margin: 0.35% 1% 0.35% 1.5%;
	}
	#header, #footer {
		width: 99%;
	}
	#header-inner, #footer-inner {
		margin: 0.35% 1%;
	}
	#wrapper {
		width: 97%;
	}
	#leftsidebar {
		width: auto;
		float: none;
	}
	#player{
		margin-bottom: 0.5%;
	}
	#leftsidebar-inner {
		margin: 0.5% 0%;
		padding: 0.6% 1.5%;
	}
	#rightsidebar {
		width: auto;
		float: none;
	}
	.rightsidebarnav {
	}
	#leftsidebar, #rightsidebar {
	}
	#footer-left {
		width: 62%;
		float: left;
	}
	#footer-copyright {
		width: 98%;
		float: left;
		text-align:center;
	}
	#footer-right {
		width: 30%;
		float: right;
	}

	#security_code {
	}
	#captcha {
	}
}

/* for 480px or less */
@media screen and (max-width: 480px) {

  /* Lazy Loading Carousel - ERE20210104*/
	#slider {
		width: 97%;
		margin: 0.35% 1% 0.35% 1.5%;
	}
	#header, #footer {
		width: 99%;
	}
	#header-inner, #footer-inner {
	}
	#wrapper {
		width: 97%;
	}
	#leftsidebar {
		width: auto;
		float: none;
	}
	#player{
		margin-bottom: 0.5%;
	}
	#leftsidebar-inner {
		margin: 0.5% 0%;
		padding: 0.6% 1.5%;
	}
	#rightsidebar {
		width: auto;
		float: none;
	}
	.rightsidebarnav {
	}
	#leftsidebar, #rightsidebar {
	}
	#footer-left {
		width: auto;
		float: none;
	}
	#footer-copyright {
		width: auto;
		float: none;
	}
	#footer-right {
		width: auto;
		float: none;
	}

	#security_code {
		width: 32%;
	}
	#captcha {
		
	}

	/* ERE20230928 */
	.essay-response {
		margin-left: 0;
	}
}