/* Homepage
--------------------------------------------------------------------------------------- */

.hero-content.center-vh {  margin-top: -50px; }

.featured-article { margin-top: -200px; background: #fff;}
.featured-article .left, .featured-article .right { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


/* Titles Bar
--------------------------------------------------------------------------------------- */

.titles-feature { height: 48px;}
.titles-feature h2.titles { line-height: 48px !important; z-index: 4; position: relative;}
.titles-feature h2.titles span { background: #fff; padding: 0 40px;}
hr.titles-bar { background: #000; color: #000; position: absolute; top: 20px; left: 0; width: 100%; z-index: 1;}
.sub-title { font-size: 2em;}


/* Secondary Pages
--------------------------------------------------------------------------------------- */


p.small-copy { font-size: 1.2em; font-style: italic; color: #999;}

a.popup-image { display: block; width: 100%; position: relative; background: #000;}
.icon-zoom { position: absolute; z-index: 4; bottom: 20px; right: 20px; width: 24px; height: 24px;}
a.popup-image:hover .image-thumb { opacity:.6; filter:alpha(opacity=60); }

.search-and-categories { position: relative; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto;}
input.input-search { border: 1px solid #ccc; width: 100%; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; height: 70px; line-height: 70px; font-size: 2.4em; font-family: 'proxima-nova', Arial, Helvetica, sans-serif; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.category-dropdown { background: none; border: none; border-left: 1px solid #ccc; padding: 0 40px 0 24px; font-size: 1.8em; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMkw4IDcuNUwxNSAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 12px; font-family: 'proxima-nova', Arial, Helvetica, sans-serif;}
.category-dropdown::-ms-expand { display: none; }

.search-form .search-field::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
}

.panel-meta .titles a, .panel-meta a { color: #000 !important;}
.panel-meta .small-titles a { color: #000 !important; font-size: 16px;}


.page-simple .left { width: 40%;}
.page-simple .right { width: 50%;}


.post-template-default.single .image-content { position: relative;}
.post-template-default.single .image-content .left, .post-template-default.single .image-content .left .center-v { width: 27%;}
.post-template-default.single .image-content .right, .post-template-default.single .image-content .right .center-v { width: 65%;}

.post-template-default.single .image-content.ic-vertical .center-v { right: 0 !important; width: 47% !important; top: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.post-template-default.single .image-content.ic-vertical.flip .center-v { right: auto !important; left: 0 !important;}
.post-template-default.single .image-content.ic-vertical .right { height: 100% !important; }

.meta-writer { font-size: 1.4em !important;}

.side-meta li { font-size: 2.2em; line-height: 1.3em;  margin-bottom: 20px; padding-left: 40px; background: transparent 0 2px no-repeat; background-size: 22px 22px;}
.side-meta li.book { background-image: url(../images/icon-book.png);}
.side-meta li.scripture { background-image: url(../images/icon-scripture.png);}


/* Footer
--------------------------------------------------------------------------------------- */

.home .footer { margin-top: -200px; padding-top: 200px;}
.footer-wrap { padding-left: 270px;}
.logo-footer { margin: 0 auto; max-width: 240px; position: relative !important;}

.footer-left {float:left; display:inline; width: 55%;}
.footer-right { float:right; display:inline; width: 40%;}
.footer-left .foot-menu-wrap { width: 46%;}
.footer-left .foot-contact { width: 50%;}

.foot-nav { width: 100%; text-align: center; margin-bottom: 60px;}
.foot-nav li { font-size: 2em; line-height: 1.1em; margin-bottom: 6px; display: inline; margin: 0 1.25%;}

.social-media-icons { float: none !important; display: block !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; text-align: center !important; }
.social-media-icons li { display: inline-block !important; margin: 0 14px; text-align: center !important; float: none !important; margin-right: 24px;}

.social-media-icons li a { display: block; width: 26px; height: 26px; }
.social-media-icons svg { width: 26px; height: 26px;}

.footer-email { width: 80%; max-width: 800px; margin: 0 auto; position: relative;}
.footer-email .left { width: 35%;}
.footer-email .right { width: 62%;}

.footer-email h2 { margin-top: 6px;}
.footer-email .gform_wrapper input.medium,
.footer-email .gform_wrapper input.large,
.footer-email .gform_wrapper select,
.footer-email .gform_wrapper textarea,
.footer-email .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 20px !important; color: #fff !important; border: 0 !important; background: #222 url(../images/icon-mail.png) no-repeat; background-size: 19px 14px; background-position: right 20px bottom 50%; !important; height: 60px !important; line-height: 60px !important;  }
.footer-email .gform_wrapper ul li.gfield, .footer-email .gform_wrapper .gfield {margin-top:0 !important;}
.footer-email .gform_footer { position: absolute !important; top: 0 !important; right: 0 !important; width: 60px !important; height: 60px !important;}
.footer-email .gform_wrapper.gravity-theme .gform_footer button, .footer-email .gform_wrapper.gravity-theme .gform_footer input { width: 60px !important; max-width: 60px !important; min-width: 60px !important; height: 60px !important; position: absolute; top: -6px; right: 15px; margin: 0 !important; opacity:0 !important; filter:alpha(opacity=0) !important;}
.footer-email .gform_confirmation_message { background:green; margin-top: 0 !important; padding:0 30px; height: 60px !important; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#fff; text-align:center; font-size:1.6em; line-height: 60px !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }

.copyright {text-align: center;}



/* Media Queries
--------------------------------------------------------------------------------------- */


/* Desktops and laptops ----------- */

@media only screen
and (max-height : 1440px) {


}

@media only screen
and (max-height : 1100px) {


}

@media only screen
and (max-height : 900px) {


}

@media only screen
and (max-height : 800px) {

}

@media only screen
and (max-height: 540px) {


}


@media only screen
and (max-width : 2260px) {


}


@media only screen
and (max-width : 2000px) {


}


@media only screen
and (max-width : 1800px) {

}



@media only screen
and (max-width : 1770px) {


}

@media only screen
and (max-width : 1600px) {

}


@media only screen
and (max-width : 1500px) {

	.hero-content h2 { font-size: 7vw; }

}

@media only screen
and (max-width : 1350px) {

	.featured-article .left .center-v, .featured-article .right .center-v { position: relative; top: 0; -webkit-transform: none !important;  -ms-transform: none !important;  transform: none !important; width: 100%; }
	.footer .titles {font-size: 3vw !important;}

	.featured-article .left { width: 35%;}
	.featured-article .right { width: 65%;}
	.center-v .pad-r-100 { padding-right: 0 !important;}

}


@media only screen
and (max-width : 1300px) {

	.hero-content h2 { font-size: 8vw; }

}



@media only screen
and (max-width : 1350px) {


}

@media only screen
and (max-width : 1200px) {


}

@media only screen
and (max-width : 1150px) {


}

@media only screen
and (max-width : 1100px) {


}

@media only screen
and (max-width : 1000px) {


}

@media only screen
and (max-width : 880px) {

	.logo-footer { max-width: 220px; position: relative; margin-bottom: 40px;}


}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {


}

@media only screen
and (max-width : 501px) {
	
	input.input-search {height;height: 50px;eight: 50px;font-size: 1.8em;padding: 0 20px;}
	.category-dropdown { background: #fff; width: 100%; -webkit-border-radius: 4px; margin-top: 14px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; padding: 10px 20px; font-size: 1.8em; position: relative; right: 0; top:0; transform: none; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMkw4IDcuNUwxNSAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 12px; font-family: 'proxima-nova', Arial, Helvetica, sans-serif;}
	.search-and-categories.marg-b-60 { margin-bottom: 0 !important;}

	.nothing-found { margin-top: 40px !important;}

	.titles-feature.marg-b-40 { margin-bottom: 0 !important;}
	
	.foot-nav { width: 100%; text-align: center; margin-bottom: 40px;}
	.foot-nav li { font-size: 2em; line-height: 1.1em; margin-bottom: 6px; display: block; margin: 0%;}
	.logo-footer { margin: 0 auto 40px auto !important;}
	.foot-menu-wrap.last { margin-bottom: 40px;}

	.social-media-icons li { margin: 0 10px;}

	.footer-left {float:left; display:inline; width: 100%;}
	.footer-right { float:right; display:inline; width: 100%; margin-top: 40px;}
	.footer-left .foot-menu-wrap { width: 100%; }
	.footer-left .foot-contact { width: 100%; margin-top: 40px;}

	.foot-nav { width: 100%; text-align: center; margin-bottom: 40px;}
	.foot-nav li { font-size: 2em; line-height: 1.1em; margin-bottom: 6px; display: block; margin: 0%;}
	.logo-footer { margin: 0 auto 40px auto !important;}
	.foot-menu-wrap.last { margin-bottom: 40px;}

	.foot-nav { margin-top: 16px; border-top: 1px solid #fff; }
	.foot-nav li { font-size: 2em; border-bottom: 1px solid #fff; margin: 0 !important; padding: 14px 0; }
	.footer { padding-bottom: 50px;}
	.footer a.button { float: none; display: block; padding-left: 0 !important; padding-right: 0 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

	.contact-wrap .left { width: 100%; }
	.contact-wrap .right { width: 100%; margin-top: 20px; }

	.social-media-icons li { margin: 0 10px;}

	.image_normal { height: 260px;}
	.image_medium { height: 220px;}
	.image_short { height: 180px;}

	.buttons-center-active .buttons-center a.button { margin-left: 0 !important; margin-right: 0 !important;}

	.footer-email .left, .footer-email .right, .footer-email { width: 100%;}
	.footer-email .left { text-align: center !important; margin-bottom: 20px;}

	.featured-article .left, .featured-article .right,
	.page-simple .left, .page-simple .right	 { width: 100%;}
	.featured-article .right, .page-simple .right { margin-top: 40px;}
	.featured-article .pad-l-100 { padding-left: 0 !important;}

	.featured-article.pad-100 {padding: 30px !important;}

	.featured-article.shadow {-webkit-box-shadow: 0px 0px 40px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0 rgba(0,0,0,0.2);box-shadow: 0px 0px 40px 0 rgb(0 0 0 / 20%);}
	.home .titles-feature.marg-b-40 { margin-bottom: 0 !important;}
	.titles-feature h2.titles span {background: #fff;padding: 0px 20px;}

	.button-link-wrap a.button-link { float:none; display:block; margin: 20px auto 0 auto; width: 114px; text-align: left; padding-right: 0;}

	.featured-article { margin-top: -60px; background: #fff;}

	.footer .titles {font-size: 3em !important;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


}