@font-face {

    font-family: 'Intro Head';

    src: url('../fonts/introheadr-base-webfont.eot');

    src: url('../fonts/introheadr-base-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/introheadr-base-webfont.woff2') format('woff2'),

         url('../fonts/introheadr-base-webfont.woff') format('woff'),

         url('../fonts/introheadr-base-webfont.ttf') format('truetype'),

         url('../fonts/introheadr-base-webfont.svg#intro_head_rbase') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Intro Rust';

    src: url('../fonts/introrustg-base2line-webfont.eot');

    src: url('../fonts/introrustg-base2line-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/introrustg-base2line-webfont.woff2') format('woff2'),

         url('../fonts/introrustg-base2line-webfont.woff') format('woff'),

         url('../fonts/introrustg-base2line-webfont.ttf') format('truetype'),

         url('../fonts/introrustg-base2line-webfont.svg#intro_rust_gbase_2_line') format('svg');

    font-weight: normal;

    font-style: normal;



}



* {

	font-size: 1em;

	font-family: "Intro Head";

}



html, body {

	width: 100%;

	height: 100%;

}



h1 {

	font-weight: normal;

	font-size: 3em;

	font-style: normal;

	margin: 0;

	color: inherit;

	font-family: "Intro Rust";

}



h2 {

	font-family: inherit;

	font-weight: 700;

	font-size: 2.3em;

	color: inherit;

}



h3 {

	font-weight: 700;

	color: inherit;

	font-family: inherit;

	font-size: 1.8em;

	line-height: 1;

}



.wysiwyg-font-size-large {

	font-size: 2.3em!important;

	line-height: 1em!important;

}



.wysiwyg-font-size-small {

	font-size: .8em!important;

}



hr {

	border-top: 1px solid #bbb;

	margin: 40px 0;

}



a, a:link, a:active, a:visited {

	color: #ebb524;

	outline: none;

	border: none;

}



a:hover {

	text-decoration: none;

	color: #df9a00;

}



#cboxContent {background: white;position: relative;padding: 30px;}

#cboxContent:focus, #cboxContent:active:focue { outline: none; }

#colorbox-close {outline: none!important;background: none!important;border: none;font-size: 1.7em;position: absolute;top: 2px;right: 4px;color: red;box-shadow: none;z-index: 10;width: 20px;height: 30px;}

#colorbox-close:hover { color: #df0505; }

#cboxClose { display: none; }

#cboxContent h3 { margin-top: 0; }

#cboxContent p { font-size: 1.4em; }

#cboxOverlay {background: black;position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity: .8!important;}



.main_section a, .main_section a:focus, .main_section a:active { 

	color: inherit;

    display: inline-block;

    position: relative;

    background: rgba(255,255,255,0);

}



.main_section a:hover {

	background: rgba(255,255,255,1);

}



.main_section a:before,

.main_section a:after {

	position: absolute;

	bottom: 0px;

	left: 0;

	width: 100%;

	height: 2px;

	/*background: #566473;*/

	border-bottom: 2px dashed #ebb524;

	content: '';

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	-webkit-transform: scale(0.85);

	-moz-transform: scale(0.85);

	transform: scale(0.85);

}



.main_section a:after {

	opacity: 0;

	-webkit-transition: bottom 0.3s, opacity 0.3s, -webkit-transform 0.3s;

	-moz-transition: bottom 0.3s, opacity 0.3s, -moz-transform 0.3s;

	transition: bottom 0.3s, opacity 0.3s, transform 0.3s;

}



.main_section a:hover:before,

.main_section a:hover:after,

.main_section a:focus:before,

.main_section a:focus:after {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	transform: scale(1);

}



.main_section a:hover:after,

.main_section a:focus:after {

	bottom: 100%;

	opacity: 1;

}



.main_section h2 a:after, .main_section h2 a:before, .main_section a.uk-button:after, .main_section a.uk-button:before, .main_section a#sermon_add_link:after, .main_section a.doc_btn:after, .main_section a#sermon_add_link:before, .main_section a.doc_btn:before, .main_section a.bulletin_delete_button:after, .main_section a.bulletin_delete_button:before, .main_section .sermon_feed a:after, .main_section .sermon_feed a:before {

	display: none;

	border: none;

}



.main_section a.uk-close {

	height: auto;

}



.main_section a.uk-close:before, .main_section #photo_albums a:before, .main_section #photo_albums a:after {

	border: 0;

	border: none;

}



.main_section a.uk-close:after { 

	height: auto;

  	display: block!important;

  	content: "\f00d"!important;

  	font-family: "FontAwesome"!important;

  	border: none!important;

  	border: 0!important;

  	opacity: .8;

}



em {

	color: inherit;

	font-family: inherit;

}



ul {

	padding-left: 0;

}



ul li {

	list-style-type: none;

	display: inline-block;

}



input:not(submit) {

	padding: 5px;

}



.uk-button, .uk-button:focus, a.uk-button, a.uk-button:focus {

	

	background-color: #ebb524;

	font-weight: 700;

    text-shadow: 1px 1px 3px black;

    box-shadow: 2px 2px 3px rgba(0,0,0,0.6);

    color: white;

    padding: 2px 15px;	

    font-size: 1.5em;

}



.uk-button:hover, a.uk-button:hover {

	background-color: #df9a00;

	color: white;

}



.uk-button:disabled, .uk-button:disabled:hover {

	border: 3px solid #ddd;

	background-color: #eee;

	text-shadow: none;

	box-shadow: none;

	color: #aaa;

}



body {

	background-color: #111;

	

}



.triangle-border {

	background: transparent url('../images/bg-triangle.png');

	background-repeat: repeat-x;

	background-size: auto 20px;

    height: 20px;

	margin-bottom: -15px;

	position: relative;

	z-index: 10;

	border-top: 4px solid #111;

}



.img-shadow {

	-webkit-box-shadow: 2px  2px 2px 3px rgba(0,0,0,0.7);

	-moz-box-shadow: 2px  2px 2px 3px rgba(0,0,0,0.7);

	box-shadow: 2px  2px 2px 3px rgba(0,0,0,0.7);

}



.img-full-width {

	margin-left: -40px;

	margin-right: -40px;

	width: auto;

}



.img-full-width img {

	width: 100%;

}



.text-shadow {

	text-shadow: 2px 2px 3px rgba(0,0,0,0.7);

}



.absolute {

	position: absolute;

}



#vidlive-embed-859 img { max-width: 100%; }

#vidlive-embed-859 a, #vidlive-embed-859 a:hover { background: none; border: none; outline: none; }

#vidlive-embed-859 a:before, #vidlive-embed-859 a:after { display: none!important; }

.vl-h-24 { height: 13rem!important; }

ul.vl-bg-transparent.vl-list-none:before {content: "Previous Live Streams";display: block;margin: 30px 0 10px;font-size: 33px;font-weight: bold;}



header.alt_nav_header .social {

	margin-right: 10px;

}



.social a {

	display: inline-block;

	margin: 10px;

	color: #eee;

	font-size: 1.5em;

	transition: .3s;

}



.social a:hover {

	color: #ebb524;

}



header .social {

	display: none;

}



.home_page header .social {

	display: block;

}



header.main_header {



	position: relative;

	/*border-bottom: 4px solid #794320;*/

	z-index: 100;

	background: #1a252a url('../images/bg-blue-paper.jpg'); 

	background-size: 400px; 

	border-bottom: 4px solid #111;

	/*-webkit-box-shadow: 0px  2px 25px 3px rgba(0,0,0,0.7);

	-moz-box-shadow: 0px  2px 25px 3px rgba(0,0,0,0.7);

	box-shadow: 0px  2px 25px 3px rgba(0,0,0,0.7);*/

}



.inner_wrapper {

	width: 100%;

	max-width: 1600px; 

	margin: auto;

	position: relative;

}



header #logo-anchor {

	display: inline-block;

    background: rgba(0,0,0,0.15);

}



header #logo { 

	max-width: 275px;

	width: 100%;

	margin: 15px;

	vertical-align: middle;

}



.home_page header #logo {

	max-width: 500px;

	margin: 25px;

}



header .main_nav {

	position: absolute;

    top: 0;

    right: 0;

    height: 60px;

    font-size: 1.7em;

    display: inline-block;

    vertical-align: middle;

    padding: 5px 20px;

}



.home_page header .main_nav {

	padding: 24px 20px;

	font-size: 2em;

}



header nav ul {

	margin: 0;

}



header .main_nav .nav_link, header .main_nav a.nav_link {

	display: inline-block;

    transition: .3s;

    padding: 20px 20px;

    color: #ebb524;

}



header .main_nav .nav_link:hover, header .main_nav .nav_link a:hover, header .main_nav .nav_link a.active {

	text-decoration: none;

	color: #fff;

	

}



header .uk-dropdown {

	background: #1d282d;

    font-size: .9em;

    line-height: 1em;

    border: 4px double #3d484d;

    box-shadow: 3px 3px 8px rgba(0,0,0,0.6), inset 0px 0px 7px 1px rgba(0,0,0,0.3);

    z-index: 9999;

}



header .uk-dropdown li {

	padding: 5px;

	display: block;

}



header .uk-dropdown li:not(:last-child) {

	border-bottom: 1px dashed #0a151a;

}



header .uk-dropdown li:hover {

	background: #0a151a;



}



ul.uk-nav-offcanvas li { display: block;}

ul.uk-nav-offcanvas li a {

	font-size: 1.7em;

}



ul.uk-nav-sub {

	padding-left: 25px;

	background: #222;

}



ul.uk-nav-sub li {

	margin: 3px 0;

}



#menu_button {

	display: none;

	font-size: 2em;

    padding: 10px;

    margin: 15px;

}



section {

	padding: 40px;

}



.hero-section {

	position: relative;

	width: 100%;

	padding: 0;

	margin: auto;

	/* border-bottom: 4px solid #99450d; */



	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,d0dde9+48,b6c4d3+100 */

background: #f0f9ff; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #f0f9ff 0%, #d0dde9 48%, #b6c4d3 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f0f9ff), color-stop(48%,#d0dde9), color-stop(100%,#b6c4d3)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  #f0f9ff 0%,#d0dde9 48%,#b6c4d3 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  #f0f9ff 0%,#d0dde9 48%,#b6c4d3 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  #f0f9ff 0%,#d0dde9 48%,#b6c4d3 100%); /* IE10+ */

background: linear-gradient(135deg,  #f0f9ff 0%,#d0dde9 48%,#b6c4d3 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#b6c4d3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}



.hero-section:after {

	top: 0;

	display:block;

    content:'';

    position:absolute;

    width:100%;

    height:100%;

    -moz-box-shadow: inset 0px 4px 10px 0px rgba(0,0,0,0.4), inset 0px -2px 4px 0px rgba(0,0,0,0.3);

    -webkit-box-shadow: inset 0px 4px 10px 0px rgba(0,0,0,0.4), inset 0px -2px 4px 0px rgba(0,0,0,0.3);

    box-shadow: inset 0px 4px 10px 0px rgba(0,0,0,0.4), inset 0px -2px 4px 0px rgba(0,0,0,0.3);



}



.home_page .hero-section:after {

	-moz-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.8), inset 0px -2px 10px 0px rgba(0,0,0,0.8);

    -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.8), inset 0px -2px 10px 0px rgba(0,0,0,0.8);

    box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.8), inset 0px -2px 10px 0px rgba(0,0,0,0.8);



}



.hero-section img {

	width: 100%;

}



.hero-section h1 {

	padding: 25px 0;

    margin: 0;

	text-align: center;

	text-shadow: -1px -1px 3px rgba(255,255,255,1), 1px 1px 3px rgba(0,0,0,1);

	color: #333;

	font-size: 3.5em;

}



.center-wrapper {

	width: 100%;

	display: table-cell;

	vertical-align: middle;

	text-align: center;

	height: 40.5vw;

}



#home-times {

	font-size: 3vw;

	padding: 40px 0;

	margin-bottom: 0;

}



#home-buttons {

	text-align: center;

	background: #d0dde9;

	font-family: "Intro Head";

	padding: 0;

	-webkit-box-shadow: 0px  2px 25px 3px rgba(0,0,0,0.7);

	-moz-box-shadow: 0px  2px 25px 3px rgba(0,0,0,0.7);

	box-shadow: 0px  2px 25px 3px rgba(0,0,0,0.7);

	position: relative;

	z-index: 100;

}



#home-buttons ul {

	margin: 0;

	height: 90px;

}



#home-buttons ul li {

	transition: .3s;

	width: 33.3333%;

	display: block;

	float: left;

}



#home-buttons ul li:nth-child(2) {

	background: #eee;

}



#home-buttons ul li:hover {

	background: #df9a00;

}



.home_button {

	font-family: "Intro Head";

	font-weight: 700;

    font-size: 3vw;

    width: 100%;

}



.home_button a {

	display: block;

	padding: 40px 0 30px;

	color: #333;

	transition: .3s;

}



.home_button a:hover {

	

}



#home-info {

	padding-top: 80px;

	padding-bottom: 80px;

	text-align: center;

	background: #1a252a;

	color: #eee;

	background: -moz-linear-gradient(top, #1a252a 0%, #0b1419 100%); 

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a252a), color-stop(100%,#0b1419)); 

	background: -webkit-linear-gradient(top, #1a252a 0%,#0b1419 100%); 

	background: -o-linear-gradient(top, #1a252a 0%,#0b1419 100%); 

	background: -ms-linear-gradient(top, #1a252a 0%,#0b1419 100%); 

	background: linear-gradient(to bottom, #1a252a 0%,#0b1419 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a252a', endColorstr='#0b1419',GradientType=0 ); 

}



#home-info h1 {

	text-shadow: 2px 2px 3px rgba(0,0,0,0.7);

	margin-bottom: 10px;

}







#home-welcome-text {

	margin: 20px -40px;

	position: relative;

	height: 20vw;

	background: url('../images/youth-on-stage.jpg');

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



#home-welcome-text .uk-vertical-align {

	

}



#home-welcome-text .uk-vertical-align-middle {

	font-size: 2.5vw;

	line-height: 2.8vw;

	margin: 40px 0;

}



.main_section {

	background: #eee;

	text-align: left;

	font-size: 1.3em;

}



.main_section img {

	width: 100%;

	max-width: 400px;

}



.main_section .triangle-border {

	top: -40px;

	margin: 0 -40px;

}



.main_section b {

	/*font-size: 1.3em;*/

}



.main_section .edit_area.uk-float-right {

    position: relative;

    z-index: 10;

    margin: 0 0 20px 20px;

}



.info_article {

	font-size: 1.2em;

	line-height: 1.02em;

}



#home-social {

	text-align: center;

	font-size: 1em;

}



#home-social #facebook_feed {

	max-height: 38vw;

	padding: 0 5px 0 0;

    overflow-y: auto;

    overflow-x: hidden;

    position: relative;

    border-bottom: 2px solid #aaa;

}



#home-social #facebook_feed .fb-wall-message {

	text-align: left;

}



#home-sermons-text {

	padding: 0 30px 40px;

}



#home-social h2 {

	padding-bottom: 3px;

	border-bottom: 2px solid #444;

	max-width: 400px;

	margin-left: auto;

	margin-right: 0;

	margin-top: 60px;

}



#home-sermons-text p {

	font-size: 2em;

	line-height: 1.3em;

	font-style: italic;

}



#home-sermons-text a.uk-button {

	vertical-align: middle;

}



.video_wrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.video_wrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



#docs_feed h3 {

	margin-bottom: 0px;

	padding-bottom: 3px;

	border-bottom: 1px solid #ccc;

}



.docs_container {

	position: relative;

	overflow-y: auto;

	overflow-x: hidden;

    max-height: 300px;

    background-color: rgba(255,255,255,0.5);

    padding: 10px;

    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);

}



table.docs_table {

	

}



table.docs_table tr:nth-child(even) {

	background: rgba(0,0,0,0.1);

}

table.docs_table tr:nth-child(odd) {

	background: rgba(0,0,0,0.05);

}



table.docs_table td {

	padding: 5px 10px;

	min-width: 75px;

}



.docs_table .doc_btn, .docs_table a.doc_btn {

	display: inline-block;

	padding: 3px 7px;

	margin: 3px 0;

	background: #ebb524;

    vertical-align: middle;

    color: #222;

	border-radius: 5px;

	font-size: .9em;

}



.docs_table .doc_btn:hover, .docs_table a.doc_btn:hover {

	opacity: .8;

	text-decoration: none;

}



.doc_more_btn {

	display: block;

	margin-top: 5px;

}



#prayer_submit {

	display: inline-block;

}



.prayer_form {

	margin-bottom: 0;

}



.prayers_form li, .contact_form li {

	display: inline-block;

	margin: 10px;

}



.contact_form .form_input {

	width: 31%;

	margin: 10px 0;

}



.contact_form .form_input_middle {

	margin: 10px 3%;

}



.contact_form .form_message {

	display: block;

	margin: 10px 0;

}



.subscribe_form li input[type='text'], .subscribe_form li input[type='email'], .prayers_form li input[type='email'], .prayers_form li input[type='text'], .prayers_form li textarea, .contact_form li input[type='text'], .contact_form li textarea, footer input[type='password'], .login input[type='password'] {

	border: 2px solid #bbbbbb;

}



.contact_form h2 {

	margin-top: 20px;

}



.contact_form li input[type='text'] {

	width: 100%;

}



input[type='text']:focus, textarea:focus {

	border: 2px solid #3a454a !important;

}



.contact_form .uk-button.primary-button {

	display: block;

	width: 100%;

}



.contact_form.vbs_form input[type='text'] {

	margin: 5px 0;

}



.vbs_child {

	display: block;

	padding: 10px;

	background: #ccc;

}

.vbs_child h4 {

    font-size: 20px;

    font-weight: bold;

    color: white;

    text-align: center;

    margin-bottom: 2px;

}

.vbs_child label { margin: 15px 0 10px; display:block; }

.uk-form .vbs_child select {

    height: auto;

    width: 100%;

}



.contact_pic {

	margin: 0 20px 20px 0;

}



.prayers_form li textarea, .contact_form li textarea {

	width: 100%;

	min-height: 170px;

}



.subscribe_form li input[type='submit'], .prayers_form li input[type='submit'], .contact_form li input[type='submit'] {

	float: none;

	clear: both;

	border: none;

	outline: none;

	padding: 10px;

	border-radius: 3px;

	opacity: 1;

}



.leader_frame {

	text-align: center;

}



.leader_frame li { 

	clear: both;

	max-width: 200px;

	margin: 15px;

	text-align: center;

	vertical-align: top;

}



.leader_frame li.expanded  {

	margin: 0;

	max-width: 100%;

	display: block;

	padding: 20px 0;

	background: rgba(0,0,0,.1);

}



.leader_pic, .leader_text {

	display: inline-block;

	vertical-align: top;

}



.leader_text i {

	font-size: .85em;

}



.leader_title {

	display: block;

}



.leader_pic {

	margin: 10px;

	max-width: 200px;

}



.leader_pic img {

	display: block;

	width: 100%;

}



.leader_title {

	margin-bottom: 5px;

}



.sermon_table {

 	margin: 20px auto;

 }



.sermon_table tr td {

 	vertical-align: middle;

 	padding: 5px 10px;

 	text-align: left;

 }



 .sermon_table h3 {

 	margin: 0;

 	font-size: 1.2em;

 }



 img.sermon_img_header {

 	max-width: 400px;

 	margin-bottom: 20px;

 }



.sermon_feed audio {

	margin-bottom: 10px;

}



#map, #calendar {

	margin-top: 20px;

}



.responsive-iframe {

    position: relative;

    padding-bottom: 20%; // This is the aspect ratio

    height: 0;

    min-height: 200px;

    overflow: hidden;

    border: 4px solid #999;

}

.responsive-iframe iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

    ;

}



footer {

	padding: 20px 20px 40px;

	background: #111;

	color: #ddd;

	font-size: 1.2em;

}



footer #logo {

	max-width: 300px;

	margin-bottom: 10px;

}



footer .uk-button {

	vertical-align: top;

	font-size: 1em;

}



#CR_logo {

	width: 85px;

	transition: .5s;

}



#CR_logo:hover {

	width: 90px;

}



#back-to-top {

	position: fixed;

	top: 10px;

	right: 10px;

	font-size: 3em;

	color: #2b3f99;;

	transition: .5s;

	visibility: visible;

	opacity: .9;

	text-shadow: 1px 3px 3px rgba(0,0,0,0.3);

}

#back-to-top.hidden {

	visibility: hidden;

	opacity: 0;

}

#back-to-top:hover {

	color: #222;

}



#admin-bar a, #warning-bar a {

	color: white;

}



#admin-bar a:hover, #warning-bar a:hover {

	color: #ccc;

}



.urgent {

	position: relative;

	background-color: #FF4136;

	color: white;

	padding: 5px 0;

	text-align: center;

	font-size: 1.7em;

	z-index: 9999;

}



.hide {

	display: none;

}



#bulletin_feed .bulletin_frame {

	display:inline-block; 

	margin: 20px;

	width: 220px; 

	padding: 10px;

	text-align:center;

	border: 2px solid #555;

	border-radius: 4px;

	background-color: #F3CA5D;

	color: #333;

}



#bulletin_feed .bulletin_frame span {

	font-weight: 700;

}



#bulletin_feed .bulletin_frame a {

	color: #111;

}



#docs_feed h3 {

	margin-bottom: 0;

	border-bottom: 1px solid #ccc;

}



.docs_container {

	position: relative;

	overflow-y: auto;

	overflow-x: hidden;

    max-height: 300px;

    background-color: rgba(255,255,255,0.5);

    padding: 10px;

    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);

}



table.docs_table {

	

}



table.docs_table tr:nth-child(even) {

	background: rgba(0,0,0,0.1);

}

table.docs_table tr:nth-child(odd) {

	background: rgba(0,0,0,0.05);

}



table.docs_table td {

	padding: 5px 10px;

	min-width: 75px;

}



.docs_table .doc_btn, .docs_table a.doc_btn {

	display: inline-block;

	padding: 3px 7px;

	margin: 3px 0;

	background: #EBB524;

	vertical-align: middle;

	border-radius: 5px;

	font-size: .9em;

}



.docs_table .doc_btn:hover, .docs_table a.doc_btn:hover {

	opacity: .8;

	text-decoration: none;

}



.doc_more_btn {

	display: block;

	margin-top: 5px;

}



.survey-form label {display: inline-block;margin-right: 20px;vertical-align: middle; width: 60%; max-width: 600px;}



.survey-form {

    margin: 20px;

    padding: 20px;

    background: #f8f8f8;

    box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.2);

}



.survey-table li {

    display: block;

    padding: 15px;

    background: white;

}



.survey-table li:nth-child(even) {

    background: #eee;

}



.survey-form select {

    width: 120px;

}



.survey-form textarea { width: 50%; min-width: 250px; height: 200px; margin-bottom: 20px;}

.lift-conference { }

.lift-conference h3 { margin-top: 20px; }

.lift-conference blockquote { font-size: .9em; }

.lift-conference .uk-grid img {max-width: 150px;margin-bottom: 10px;}

.lift-conference .speaker div, .lift-conference .speaker blockquote, .lift-conference .theme div, .lift-conference .theme blockquote { vertical-align: top; display: inline-block; }

.lift-conference .speaker blockquote, .lift-conference .theme blockquote {margin: 0px 0 0 5px;width: calc(100% - 190px);min-width: 170px;}

#lift_img { max-width: 100%; display: block; }

.ld-form li { margin: 10px 20px; }

.ld-form li label { margin-bottom: 3px; display:block; }

.ld-form li label[for='child'] { display: inline-block; margin-right: 10px; }

.ld-form li .radio-label { margin: 0 20px 0 5px; }

.ld-form li.allergies-li { width: 100%; }

.ld-form #allergies { width: 100%; max-width: 500px; }



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

	.home_page header .main_nav {

	    padding: 24px 10px;

	    font-size: 1.7em;

	}

}



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

	header #logo {

		max-width: 400px!important;

	}



	.contact_form .form_input_middle {

		margin: 10px 2.5%;

	}

}





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

	header #logo {

		max-width: 300px!important;

	}



	.home_page header .main_nav {

	    padding: 14px 10px;

	    font-size: 1.7em;

	}



	#home-social #facebook_feed {

		max-height: 44vw;

	}

	#home-sermons-text {

		padding: 30px 30px;

	}



	#home-social h2 { margin-top: inherit; }



}



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

	#menu_button {

		display: block;

		margin: 10px;

	}



	header .main_nav {

		display: none;

	}



	#home-welcome-text .uk-vertical-align-middle {

		font-size: 24px;

		line-height: 24px;

	}



	#home-social #facebook_feed {

		max-height: 46vw;

	}

}



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



	h1 {

		font-size: 2.2em;

	}



	#home-times {

	    font-size: 20px;

	    padding: 20px 0;

	}



	#home-info {

	    padding-top: 40px;

	    padding-bottom: 40px;

	}



	#home-welcome-text {

		height: auto;

		margin-right: -20px;

		margin-left: -20px;

	}



	#home-welcome-text .uk-vertical-align-middle {

		

		padding: 0 20px;

	}



	#home-welcome-text br {

		display: none;

	}



	#home-sermons-text p {

	    font-size: 1.7em;

	}



	#home_facebook {

		padding-top: 20px;

		border-top: 1px solid #ddd;

	}



	#home-social #facebook_feed {

		max-height: 100%;

		border-bottom: 0;

	}



	.home_button {

	    font-size: 20px;

	}



}



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



	.contact_form .form_input_middle, .contact_form .form_input {

		margin: 10px 0;

		display: block;

		width: auto;

	}

}



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

	header {

		text-align: center;

	}



	header #logo {

		max-width: 250px!important;

		margin: 20px auto!important;

		width: 100%;

	}



	header #logo-anchor {

		background: none;

	}

}



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

	header.alt_nav_header {

		height: 42px;

	}



	.home_page header .social {

		display: none;

	}



	#menu_button {

		position: absolute;

		right: 0;

		top: -48px;

		margin: 0;

	}



	h1 {

		font-size: 2em;

	}



	section {

		padding: 20px;

	}



	.main_section .triangle-border {

		top: -20px;

		margin: 0 -20px;

	}



	#home-times {

	    font-size: 16px;

	    padding: 20px 0;

	}



	#back-to-top {

		display: none;

	}



	.survey-form { margin: 0; }



	.survey-form label { width: 100%; }



}