/*
 Theme Name: Journey of Jesus Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: FDG Web Divi Child Theme
 Author: FDG Web
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */






#story-question {
	//display: none;
	font-size: 16px;
	background: #eee;
	border-radius: 10px;
	padding: 12px 24px;
	margin: 20px 0 0;
}

.admin-disclaimer {
	background: #fff;
	border: 2px solid #dedede;
	padding: 0 10px;
	margin: 10px 0 5px;
	font-size: 14px;
}

.story-question-buttons {
	position: relative;
	margin: 7px 0;
}

.story-question-button {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0;
	background: #FFF;
	padding: 0 15px;
	cursor: pointer;
	font-weight: 600;
}

.ask-question-wrap, .see-questions-wrap {
	display: none;
}

#ask-question.active, #see-questions.active {
	background: #444;
	color: #FFF;
}

.ask-question-wrap, .see-questions-wrap {
	margin: -7px 0 0;
	border-top: 2px solid #444;
	background: #FFF;
	padding: 27px 20px 12px 40px;
}

.see-questions-wrap {
	padding: 12px 20px;
}

#gform_wrapper_1 .gform_fields {
	padding: 0;
}

#gform_wrapper_1 li.gfield {
	list-style: none;
}

.gfield.gform_validation_container {
	display: none;
}

#gform_wrapper_1 li#field_1_1,
#gform_wrapper_1 li#field_1_2 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0 0 15px 0;
}

#gform_wrapper_1 label.gfield_label {
	display: block;
	line-height: 28px;
}

#gform_wrapper_1 input {
	display: block;
	padding: 10px;
	width: calc( 100% - 40px );
	font-size: 15px;
	border: 2px solid #BBB;
}

#gform_wrapper_1 textarea {
	width: calc( 100% - 40px );
	padding: 10px;
	font-family: 'Open Sans';
	font-size: 15px;
	display: block;
	border: 2px solid #BBB;
}

#gform_wrapper_1 input[type="submit"] {
	width: calc( 100% - 16px );
	background: #444;
	color: #FFF;
	font-weight: 600;
	font-family: 'Open Sans';
	font-size: 18px;
	border: 0;
	outline: none;
	box-shadow: none;
	cursor: pointer;
}

#gform_wrapper_1 .gform_footer {
	margin: 0 0 20px;
}

#gform_wrapper_1 .validation_error {
	background: #f78282;
	color: #FFF;
	padding: 10px 14px;
	line-height: 22px;
	margin: 0 16px 10px 0;
	text-align: center;
}

#gform_wrapper_1 .gfield_error input, #gform_wrapper_1 .gfield_error textarea {
	border: 2px solid #fd8a8a;
}

#gform_wrapper_1 .gfield_description.validation_message {
	font-size: 12px;
	color: #e21c1c;
	line-height: 22px;
	margin: 0 0 -5px 0;
}

#gform_confirmation_message_1.gform_confirmation_message {
	background: #cdeccd;
	margin: -17px -10px -2px -30px;
	padding: 17px 20px 19px 20px;
	text-align: center;
}

#gform_wrapper_1 #field_1_4,
#gform_wrapper_1 #field_1_5 {
	display: none;
}

.answer-item {
	padding: 15px 0;
	border-bottom: 2px solid #ddd;
}

.answer-item h3 {
	color: #333;
	margin: 0;
}

.answer-item h4 {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	color: #aaa;
}

.answer-answer {
	line-height: 26px;
}

.answer-item.active {
	background: #dbefdf;
	margin: 0 -20px;
	padding: 15px 20px;
}

.see-questions-wrap > p {
	margin: 0;
}

.answer-answer p {
	margin: 0 0 10px 0;
}

#see-map {
	display: none;
	cursor: pointer;
	color: navy;
}

@media (max-width: 1150px) {
	.innerLogo, .innerFooter {
		width: 100% !important;
	}
	
	.innerFooter {
		height: auto !important;
	}
	
	.tm-footer {
		position: fixed;
		bottom: 0;
		right: 0;
		border-top: 0 !important;
	}
	
	.tm-totop-scroller {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 115px;
		height: 35px;
		line-height: 30px;
		font-size: 12px !important;
	}
	
	.tm-totop-scroller:after {
	  padding: 0 0 0 10px !important;
	}

	a.tm-totop-scroller:before {
		content: 'Back to Top' !important;
	}
	
	
}

@media (max-width: 768px) {
	#see-map {
		display: block;
	}
}

.audio-book {
	font-size: 0;
	margin: 30px 0 0;
}

.audio-book-left {
	display: inline-block;
	vertical-align: top;
	width: 340px;
}

.audio-book-cover {
	width: 300px;
	height: 360px;
	box-shadow: 0 3px 20px rgba(0,0,0,0.2);
	border-radius: 4px;
	overflow: hidden;
}

.audio-book-right {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: calc(100% - 340px);
}

.page-id-6537 h1.uk-article-title {
	display: none;
}

.audio-book-right h1 {
	font-size: 35px;
	margin: 0;
	line-height: 35px;
}

.audio-book-right p {
	margin: 15px 0 15px;
	line-height: 22px;
}

.audio-book-right h3 {
	color: #333;
	margin: 20px 0 -10px;
}

a.button-mp3, a.button-m4a {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
	background: #546d47;
	color: #FFF;
	line-height: 26px;
	padding: 12px 22px;
	border-radius: 5px;
	font-weight: 600;
	font-family: 'Open Sans';
	font-size: 17px;
	text-decoration: none;
}

a#audio-book-link {
	float: right;
	width: 300px;
	box-shadow: 0 3px 20px rgba(0,0,0,0.2);
	border-radius: 4px;
	overflow: hidden;
}

a.button-mp3:hover, a.button-m4a:hover {
	opacity: 0.8;
}

.audio-book-files {
	padding: 30px 0;
}

.download-buttons {
	margin: 30px 0 0;
}

.audio-book-files h3 {
	color: #333;
	font-size: 24px;
	line-height: 30px;
	margin: 0;
}

.audio-book-files .audio-book-files-columns {
	font-size: 12px;
	line-height: 18px;
	padding: 10px 0;
	columns: 3;
}

.download-buttons h4 {
	margin: -4px 0 6px;
	font-weight: 600;
}

.download-buttons p {
	font-size: 14px;
}




@media (max-width: 1220px) {
	.audio-book-cover {
		width: 210px;
		height: 252px;
	}
	
	.audio-book-left {
		width: 240px;
	}
	
	.audio-book-right {
		width: calc(100% - 240px);
	}
	
	a.button-mp3, a.button-m4a {
		margin: 0 2px 0 0;
		padding: 6px 10px;
		font-size: 14px;
	}
	
	.audio-book-files .audio-book-files-columns {
		columns: 2;
	}
}

@media (max-width: 480px) {
	.audio-book-right {
		display: block;
		width: 100%;
		padding: 20px 0 0;
	}

	a.button-mp3, a.button-m4a {
		font-size: 14px;
		padding: 8px 16px;
	}
	
	.audio-book-files .audio-book-files-columns {
		columns: 1;
	}
}

.story-details-subsection {
    display: inline-block;
}

.main-image.mapDiv {
	position: relative;
	
	.et_pb_lightbox_image {
		position: relative;
		display: block;
		border-radius: 2px;
		box-shadow: 0 0 0px 6px #fff,0 0 0px 7px #F7EDD9,0 0 0px 8px #fff,0 0 0px 9px #E4DAC6,0 2px 20px #554e391a;
		transition: 0.5s all;
		
		&:hover {
			box-shadow: 0 0 0px 6px #fff,0 0 0px 7px #758173,0 0 0px 8px #fff,0 0 0px 9px #c1c5c0,0 2px 20px #554e391a;
			
			.hover-image {
				opacity: 1;
			}
		}
		
		&:before {
			content: '';
			background: url(img/icon-search.png) center center no-repeat;
			background-size: 100%;
			position: absolute;
			bottom: 10px;
			right: 10px;
			width: 36px;
			height: 36px;
			z-index: 5;
		}
		
		.hover-image {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			overflow: hidden;
			z-index: 5;
			transition: 0.5s opacity;
			
			.hover-image-inner {
				position: absolute;
				
				img {
					max-width: none;
				}
			}
		}
	}
}

div.notes a.stories {
	color: #0d74b9;
}

div.notes a.thoughts {
	color: #4b3f72;
}

.scripture-wrapper a,
div.notes a.scripture {
	color: #609359;
}

div.notes a.images {
	color: #f2af29;
}

div.notes a.maps {
	color: #704e2e;
}

div.notes a.notes {
	color: #e87461;
}


.content a,
.modal-wrapper a {
	/* STANDARD LINKS - LEFT ALONE */
}

#page-container a[href$=".pdf"], #page-container a[href$=".doc"],
.modal-wrapper a[href$=".pdf"], .modal-wrapper a[href$=".doc"] {
	color: #b51136;
}

#page-container a[href$=".jpg"], #page-container a[href$=".png"], #page-container a[href$=".gif"],
.modal-wrapper a[href$=".jpg"], .modal-wrapper a[href$=".png"], .modal-wrapper a[href$=".gif"] {
	color: #f2af29;
}

.home .et_pb_sidebar_0_tb_body.et_pb_widget_area {
	box-shadow: none !important;
	border-right: 0;
}

.home h4.widgettitle {
	text-align: center;
	font-family: 'Outfit', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 300;
	font-size: 24px;
	border-bottom: 1px solid #d4c5a4;
	margin: 0 40px;
}

.home #nav_menu-2 {
	width: 100%;
}

.home #menu-side-menu {
	columns: 4;
	padding: 0 40px !important;
}

@media (max-width: 980px){
	.home #menu-side-menu {
		columns: 2;
		padding: 0 40px !important;
	}	
}

@media (max-width: 600px){
	.home h4.widgettitle {
		margin: 0;
	}

	.home #menu-side-menu {
		columns: 1;
		padding: 0 !important;
	}	
}

.home #menu-side-menu .menu-item {
	box-shadow: none;
	margin: 0;
}

.home #menu-side-menu .menu-item .et_pb_bg_layout_light .et_pb_widget li a {
	color: #333;
}