/* @override 
	http://dev.fbcnewberry.org/css/newberry.css
	https://www.fbcnewberry.org/css/newberry.css
	http://thespringslife.org/css/newberry.css */

{# FIRST BAPTIST CHURCH - Newberry, FL | CSS #}
{# /newberry.css #}


/*  ---------------------------------------------------------------------------------------  */
/*  -- ERIC MEYER RESET -------------------------------------------------------------------  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	color: #333333;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  ---------------------------------------------------------------- end ERIC MEYER RESET--  */
/*  ---------------------------------------------------------------------------------------  */





body	{
	font-family: 'Lato', sans-serif;
}

.page-wrapper	{
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

.clear-fix	{
	clear:  both;
}

a	{
	text-decoration: none;
}

#header-bar	{
	background-color: #000000;
	height: 20px;
}



/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */


#header-bar	{
	background-color: #000000;
	height: 20px;
	display: none;
}

#header-banner	{
	background-color: #ffffff;
}

	.header-banner-left	{
		float: left;
		width: 50%;
		box-sizing: border-box;
	}
	
		img.main-logo	{
			float: left;
			padding: 5px 15px 10px 0px;
			width: 8.5%;
			height: auto;
			background-color: #ffffff;
		}
	
		.main-logo-text	{
			float: left;
			width: 85%;
			padding: 2% 0 0 0px;
			box-sizing: border-box;
		}
		
		.main-logo-header	{
			font-family: 'Lato', sans-serif;
			font-size: 1.3em;
			font-weight: bold;
			color: #000000;
			text-transform: uppercase;
			padding-bottom: 3px;
			padding-top2: 3px;
		}
		
		.main-logo-address	{
			font-size: 1em;
			font-style: italic;
			color: #000000;
			text-transform: none;
			line-height: 1.25em;
		}
		
		.main-logo-phone	{
			font-size: .8em;
			font-style: italic;
			color: #000000;
			text-transform: none;
			line-height: 1.25em;
		}
		
	.header-banner-right	{
		float: right;
		margin-right2: 3%;
		margin-top: 0px;
		width: 50%;
		box-sizing: border-box;
	}
	
		.header-banner-right header	{
			text-align: center;
			padding: 12px 25px;
			font-size: 1.05em;
			color: #ffffff;
			font-weight: bold;
		}
	
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- MAIN NAVIGATION SECTION ------------------------------------------------------------  */

.main-nav-section	{
	background-color: #f1f1f1;
	display: none;
}

	.header-navigation	{
		float: right;
	}

	ul.main-navigation li	{
		float: left;
		padding: 15px 20px 15px 20px;
		font-family: 'Fjalla One', sans-serif;
		font-size: 1.15em;
		color: #000000;
		background-color: #ffffff;
	}
	
	ul.main-navigation li:hover	{
		background-color: #ffffff;
		color: #1d4ba8;
	}
	
	ul.main-navigation li.active	{
		background-color: #ffffff;
		color: #ffffff;
	}
	

	.social-media-block	{
		margin-right: 30px;
	}
	
		.social-media-sprite		{
			width: 60px;
			float: right;
			height: auto;
		}

			.youtube, .twitter, .facebook	{
				float: right;
				margin: 0;
				text-align: center;
			}
			
			.facebook	{
				padding: 3px 0;
				margin-top: 3px;
				width: 40px;
				height: 33px;
				background: url('/images/socialMediaSprite.png') no-repeat;
				background-size: 250%;
				background-position: -4.5px 2px;
			}
			
			.facebook:hover	{
				background: url('/images/socialMediaSprite.png') no-repeat;
				background-size: 250%;
				background-position: -51px 2px;
			}
			
			.twitter	{
				padding: 3px 0;
				margin-top: 3px;
				width: 40px;
				height: 33px;
				background: url('/images/socialMediaSprite.png') no-repeat;
				background-size: 250%;
				background-position: -4.5px -37px;
				margin-right: 10px;
			}
			
			.twitter:hover	{
				background: url('/images/socialMediaSprite.png') no-repeat;
				background-size: 250%;
				background-position: -51px -37px;
			}
			
			.youtube	{
				padding: 3px 0;
				margin-top: 3px;
				width: 40px;
				height: 33px;
				background: url('/images/socialMediaSprite.png') no-repeat;
				background-size: 250%;
				background-position: -4.5px -75px;
				margin-right: 20px;
			}
			
			.youtube:hover	{
				background: url('/images/socialMediaSprite.png') no-repeat;
				background-size: 250%;
				background-position: -51px -75px;
			}
			

			/* Dropdown Content (Hidden by Default) */
			.dropdown-content {
			display: none;
			position: absolute;
			background-color: #f9f9f9;
			min-width: 120px;
			font-size: .85em;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			z-index: 1000;
			margin-left: -20px;
			margin-top: 15px;
			}
			
			.page-wrapper ul li a {
			color: #000000;
			text-decoration: none;
			}
			
			.page-wrapper ul li a:hover {
			background-color2: #f1f1f1;
			color2: #e48c26;
			color2: #808080;
			color2: #5e7fe0;
			color2: #86bbf7;
			color2: #1d4ba8;
			color2: #878787;
			color: #e48c26;
			}
			
			.page-wrapper ul li.active a{
				color2: #000000;
				color2: #1d4ba8;
				color2: #86bbf7;
				color2: #78c7ff;
				color: #1ca1fc;
			}
			
			.page-wrapper ul li.active:hover	 a{
				color2: #1ca1fc;
				color1: #000000;
			}
			
			.page-wrapper ul li .dropdown-content	{
				padding: 5px 0 7px 0;
			}
			
			/* Links inside the dropdown */
			.page-wrapper ul li .dropdown-content a {
			color: #000000;
			padding: 10px 40px 10px 20px;
			margin2: 10px 0;
			display: block;
			}
			
			/* Change color of dropdown links on hover */
			.page-wrapper ul li .dropdown-content a:hover {
			color: #e48c26;
			}
			
			.page-wrapper ul li .dropdown-content a.active {
				background-color: #dcdcdc;
				color: #000000;
			}
			
			/* Show the dropdown menu on hover */
			.page-wrapper ul li:hover .dropdown-content {
			display: block;
			}
			
			/* Change the background color of the dropdown button when the dropdown content is shown */
			.dropdown:hover .dropbtn {
			color: #df9238;
			}		
	
/*  -------------------------------------------------------- end MAIN NAVIGATION SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

.child-banner-image	{
	position: relative;
}

.child-banner-image-title	{
	position: absolute;
	top: 35%;
	left: 40%;
	color: #ffffff;
	font-size: 2.5em;
}

.child-header-banner		{
	background: #286cac;
	text-align: center;
}

.child-header-banner h1		{
	color: #ffffff;
	font-size: 2.5em;
	padding: 20px 0;
}

/*  ---------------------------------------------------------------------------------------  */
/*  -- INTRO SECTION ----------------------------------------------------------------------  */

.homesliderbxslider	{
	width: 100%;
}

	.slider-block	{
		position: relative;
	}

		.bxslider-image	{
			width: 100%;
			height: auto;
			height2: 300px;
			position: relative;
		}

		.slider-overlay	{
			position: absolute;
			background: url('/images/blackOpacity.png') repeat;
			padding: 20px 40px;
			top: 30%;
			left: 15%;
			max-width: 65%;
		}

			.overlay-header	{
				font-size: 2.35em;
				color: #ffffff;
				padding-bottom: 10px;
			}
			
			.overlay-content		{
				font-size: 1.25em;
				color: #ffdfba;
				line-height: 1.25em;
			}
			
			.overlay-button	{
				margin: 30px auto 20px auto;
				color: #ffffff;
				background-color: #fdaa4a;
				display: inline-block;
				padding: 7px 15px;
			}


.header-wrapper	{
	width: 70%;
	margin: 0 auto;
}

	.section-header-wrapper	{
		background-color: #011a36;
		background-color: #212224;
		padding: 60px 0 60px 0;
		margin-top: -60px;
		margin-top2: 0;
	}

	.section-header	{
		margin-top: 60px;
		text-align: center;
	}
	
	.section-header-wrapper .section-header	{
		margin-top: 0px;
		text-align: center;
	}			
	
		.section-header h1	{
			font-size: 1.65em;
			font-weight: bold;
			padding-bottom: 10px;
			color2: #ffffff;
			color2: #1fc6e0;
		}
		
		.section-header-wrapper .section-header h1	{
			color: #ffffff;
		}
		
		.section-header p	{
			font-size: 1.20em;
			line-height: 1.35em;
			color: #878787;
		}
	
/*  ------------------------------------------------------------------ end INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */




/*  ---------------------------------------------------------------------------------------  */
/*  -- MINISTRIES SECTION -----------------------------------------------------------------  */

.ministries-section	{
	padding-top: 40px;
}

	.ministries-icon	{
		width: 70px;
		margin: 0 auto;
		display: block;
	}
	
	.ministries-section h1	{
		text-align: center;
		padding-top: 10px;
		padding-bottom: 15px;
		font-size: 1.5em;
		font-weight: bold;
	}

	.emphasis-line	{
		width: 7%;
		margin: 0 auto;
	}

		.teal-line	{
			width: 50%;
			height: 4px;
			float: left;
			background-color: #1fc6e0;
			background-color: #1ca1fc;
		}
		
		.black-line	{
			width: 50%;
			height: 4px;
			float: left;
			background-color: #000000;
		}

	.ministries-wrapper	{
		width: 80%;
		max-width: 1280px;
		margin: 40px auto 0 auto;
	}
		
		.ministries-block	{
			position: relative;
			width: 33.33%;
			float: left;
			padding: 0 10px;
			box-sizing: border-box;
		}

			.ministries-image	{
				width: 100%;
				height: auto;
			}
			
			.ministries-content	{
				width: 85%;
				background-color: #ffffff;
				text-align: center;
				padding: 20px;
				box-sizing: border-box;
				position: relative;
				margin-top: -10%;
				margin-left: 7.5%;
			}

				.ministries-content h1	{
					padding: 0px 0 5px 0;
					font-size: 1.15em;
					font-weight: bold;
				}
				
				.ministries-sub	{
					padding-bottom: 15px;
					font-size: 1em;
					font-style: italic;
				}

				.ministries-content p	{
					font-size: 1em;
					line-height: 1.5em;
					color: #666666;
				}
					
				.ministries-button	{
					margin: 20px auto 20px auto;
					color: #ffffff;
					background-color: #333333;
					display: inline-block;
					padding: 7px 15px;
				}
					
				.ministries-button:hover	{
					background-color: #000000;
					color: #fffffff;
				}

/*  ------------------------------------------------------------- end MINISTRIES SECTION --  */
/*  ---------------------------------------------------------------------------------------  */




/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

.online-giving	{
	position: relative;
	background-color: #fdaa4a;
	margin-top: 40px;
	margin-bottom: -10px;
}

	.online-giving-image	{
		width: 100%;
	}

	.online-giving-content	{
		position: absolute;
		top: 20%;
		left: 25%;
	}

		.online-giving-header	{
			font-size: 2.5em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				font-size: 1.75em;
				color:  #000000;
				font-style: italic;
				text-align2: center;
				padding-top: 20px;
			}
			
			.online-giving-button	{
				margin: 20px 0 0 0;
				color: #ffffff;
				background-color: #333333;
				display: inline-block;
				padding: 7px 15px;
				border: none;
			}
			
			.online-giving-button:hover	{
				background-color: #000000;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */




/*  ---------------------------------------------------------------------------------------  */
/*  -- VIDEO & EVENTS SECTION -------------------------------------------------------------  */

.events-section	{
	padding-top: 40px;
}

	.events-wrapper	{
		width: 80%;
		max-width: 1280px;
		margin: 0px auto 40px auto;
	}

		.sermon-widget	{
			width: 50%;
			float: left;
			box-sizing: border-box;
		}

			.sermon-block	{
				position: relative;
				padding-bottom: 0px;
			}
			
				.sermon-block-image	{
					width: 70%;
					height: auto;
				}
			
					.sermon-block-image img	{
						width: 100%;
					}

				.sermon-block-title	{
					font-size: 1.25em;
					font-weight: bold;
					padding-top: 10px;
					padding-bottom: 2px;
				}
				
				.sermon-block-author	{
					color: #848484;
					font-style: italic;
				}
				
				.more-sermons-button	{
					margin: 20px 0;
					color: #ffffff;
					background-color: #333333;
					display: inline-block;
					padding: 7px 15px;
				}
				
				.more-sermons-button:hover	{
					background-color: #000000;
				}

		.events-widget	{
			width: 50%;
			padding-bottom: 0px;
			float: left;
			box-sizing: border-box;
		}

			.events-sub	{
				font-size: .85em;
				font-weight: bold;
				color: #1fc6e0;
				color: #1ca1fc;
				color: #286cac;
				padding-bottom: 5px;
			}
			
			.events-widget h1, .sermon-widget h1	{
				font-size: 1.5em;
				font-weight: bold;
				padding-bottom: 20px;
			}

			.event-row	{
				font-size: .85em;
				box-sizing: border-box;
				border: 1px solid #dadada;
				margin-bottom: 5px;
			}

				.event-date-block	{
					float: left;
					width: 10%;
					background-color: #1fc6e0;
					background-color: #1ca1fc;
					background-color2: #286cac;
					padding: 10px 0px;
					box-sizing: border-box;
					text-align: center;
				}

					.event-date-month	{
						color: #ffffff;
						font-size: .85em;
						font-weight: bold;
					}
					
					.event-date-day	{
						color: #ffffff;
						font-size: 1.25em;
						font-weight: bold;
					}

				.event-content-block		{
					float: left;
					width: 90%;
					padding: 10px 10px 10px 10px;
					box-sizing: border-box;
				}

					.event-title-block	{
						float: left;
						width: 60%;
						padding: 0px 10px 0px 10px;
						box-sizing: border-box;
						line-height: 2em;
					}
					
					.event-time-block	{
						float: left;
						width: 25%;
						padding: 0px 10px 0px 10px;
						box-sizing: border-box;
						line-height: 2em;
						text-align: center;
						border-left:  1px solid #dadada;
						border-right:  1px solid #dadada;
					}
					
					.event-link-block	{
						float: left;
						width: 15%;
						padding: 0px 10px 0px 10px;
						box-sizing: border-box;
						text-align: right;
						line-height: 2em;
						color: #1fc6e0;
						color: #1ca1fc;
						color2: #286cac;
						font-weight: bold;
						text-align: center;
					}
					
					.event-link-block:hover	{
						color: #1ca1fc;
						color: #286cac;
					}

			.more-events-button	{
				margin: 30px 0 0 0;
				color: #ffffff;
				background-color: #333333;
				display: inline-block;
				padding: 7px 15px;
			}
			
			.more-events-button:hover	{
				background-color: #000000;
			}

/*  --------------------------------------------------------- end VIDEO & EVENTS SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



.location-block	{
	width: 100%;
}

.location-block img	{
	width: 100%;
}


/*  ---------------------------------------------------------------------------------------  */
/*  -- MISSION STATEMENT SECTION ----------------------------------------------------------  */

.mission-statement-section	{
	background-color: #286cac;
	padding: 20px 0;
}

	.mission-statement-wrapper	{
		width: 80%;
		max-width: 1280px;
		margin: 0px auto 0px auto;
	}

		.mission-statement-left	{
			width: 45%;
			float: left;
			padding: 20px;
			text-align: right;
			box-sizing: border-box;
			color: #ffffff;
		}

			.mission-statement-heading	{
				font-size: 1.75em;
				line-height: 1.25em;
			}

		.mission-statement-right	{
			width: 55%;
			float: left;
			padding: 20px;
			box-sizing: border-box;
			color: #ffffff;
			border-left: 1px solid #ffffff;
		}

			.mission-statement-content	{
				font-size: 1em;
				line-height: 1.25em;
			}

			.mission-statement-passage	{
				font-size: 1.15em;
				font-weight: bold;
				padding-top: 10px;
			}

/*  ------------------------------------------------------ end MISSION STATEMENT SECTION --  */
/*  ---------------------------------------------------------------------------------------  */




/*  ---------------------------------------------------------------------------------------  */
/*  -- SERVICE TIMES SECTION --------------------------------------------------------------  */

.service-time-wrapper	{
	margin: 20px 0 90px 0;
}

	.service-time-header	{
		text-align: center;
		font-size: 1.5em;
		text-transform: uppercase;
		font-weight: bold;
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.service-time-block	{
		text-align: center;
	}

		.service-time-row	{
			padding: 10px 60px;
			font-size: 1.15em;
			text-align: center;
			background-color: #ececec;
			display: inline-block;
		}

			.grey	{
				background-color: #ececec;
			}
			
			.white	{
				background-color: #ffffff;
			}

			.service-time-row span	{
				padding: 0 10px;
				color: #aeaeae;
			}

/*  ---------------------------------------------------------- end SERVICE TIMES SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



.footer-line		{
	padding-top2: 50px;
}

	.teal-footer-line	{
		width: 20%;
		height: 4px;
		float: left;
		background-color: #1fc6e0;
		background-color: #1ca1fc;
	}
	
	.black-footer-line	{
		width: 20%;
		height: 4px;
		float: left;
		background-color: #000000;
	}


.footer	{
	width: 100%;
	background-color: #949494;
	background-color: #b6a360;
	background-color: #212224;
	position: relative;
	padding-bottom: 10px;
}

	.footer-logo-section		{
		position: absolute;
		left: 45%;
		top: -40px;
		width: 10%;
		display: none;
	}
	
		.footer-logo-block	{
			text-align: center;
		}
		
		.footer-logo		{
			display: inline-block;
			margin: 0 auto;
			width: 100%;
		}
		


	.footer-left		{
		float: left;
		width: 30%;
		padding-top: 10px;
	}
	
		.footer-logo-left	{
			width: 20%;
			max-width: 200px;
			float: left;
			padding-right: 20px;
		}
		
		.footer-left-content		{
			padding-top: 20px;
			color: #b7b7b7;
			color: #ffffff;
		}

	.footer-center	{
		float: left;
		width: 40%;
		text-align: center;
		box-sizing: border-box;
		font-family: 'Great Vibes', cursive;
		font-size: 2.75em;
		font-style2: italic;
		padding-top: 40px;
		color: #ffffff;
	}
	
	.footer-right	{
		float: left;
		width: 30%;
		text-align: right;
		padding-top: 30px;
		color: #000000;
	}
	
		.footer-address-title	{
			font-size: 1em;
			font-weight: bold;
			padding-bottom: 4px;
		}
		
		.footer-address-street	{
			font-size: .85em;
			font-style: italic;
			padding-bottom: 2px;
		}
		
		.footer-address-city	{
			font-size: .85em;
			font-style: italic;
			padding-bottom: 2px;
		}
		
		.footer-address-email	{
			font-size: .85em;
		}
		
		.footer-telephone	{
			font-size: .85em;
			color: #ffffff;
		}

		.social-media-block-footer	{
			margin-top: 10px;
			margin-right: -20px;
		}

.footer-bar	{
	background-color: #333333;
	background-color: #286cac;
	background-color: #000000;
	width: 100%;
	font-size: .85em;
	color: #c2c2c2;
	text-align: center;
	padding: 10px 0;
}

	.design-block	{
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

		.design	{
			display: inline-block;
		}

		.circle-wrapper	{
			display: inline-block;
		}

			.circle-image-wrapper	{
				position: relative;
				width: 20px;
				padding: 0 3px;
			}

				img.circle-logo		{
					width: 20px;
					position: absolute;
					top: -15px;
					left: 3px;
				}
				



/*  ---------------------------------------------------------------------------------------  */
/*  -- PAGE INTRO SECTION -----------------------------------------------------------------  */						


	.page-header	{
		width: 100%;
		margin: 0 auto;
		margin-top: 40px;
		text-align: left;
	}			
	
		.page-header h1	{
			font-size: 1.75em;
			font-weight: bold;
			padding-bottom: 0px;
		}
		
		.page-header h2	{
		}
		
		.page-header p	{
			font-size: 1.20em;
			line-height: 1.35em;
			color2: #878787;
			color: #333333 !important;
		}
		
	
	.col-60-left		{
		width: 60%;
		float: left;
		padding: 20px 20px 0 0;
		font-size: 1.15em;
		box-sizing: border-box;
	}
	
	.col-60-left p	{
		padding: 0;
	}
	
	.col-40-right		{
		width: 40%;
		float: left;
		padding: 20px 0 0 20px;
		box-sizing: border-box;
	}
	
	
	.col-60-left-media	{
		width: 60%;
		float: left;
		padding: 40px 20px 0 0;
		font-size: 1.15em;
		box-sizing: border-box;
	}
	
	.col-60-left-media p	{
		padding: 0;
	}
	
	.col-40-right-media		{
		width: 40%;
		float: left;
		padding: 40px 0 0 40px;
		box-sizing: border-box;
	}
	
	.about-col-60-left		{
		width: 60%;
		float: left;
		padding: 20px 20px 0 0;
		font-size: 1.15em;
		box-sizing: border-box;
	}
	
	.about-col-40-right		{
		width: 40%;
		float: left;
		padding: 20px 0 0 20px;
		box-sizing: border-box;
	}
	
	
	
/*  ------------------------------------------------------------- end PAGE INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */		

img.header-image	{
	width: 100%;
	height: auto;
}	




/*  ----------------------------------------------------------  */
/*  -- EXPANDED BODY STYLES (Entry Type)----------------------  */

.expanded-body	{
	margin-top: 10px;
}

.expanded-body h2	{
	color: #000000;
	font-size: 1.45em;
	font-weight: bold;
	font-style: italic;
	padding: 20px 0 10px 0;
	text-align: left;
}

.expanded-body h3	{
	color: #000000;
	font-size: 1.25em;
	font-weight: bold;
	padding: 20px 0 5px 30px;
	text-align: left;
}

.expanded-body h4	{
	color: #000000;
	font-size: 1.25em;
	font-weight: bold;
	padding: 20px 0 5px 30px;
	text-align: left;
}

.expanded-body p	{
	color: #878787;
	font-size: 1.15em;
	padding: 0 0 10px 0;
	line-height: 1.5em;
	text-align: left;
}

.expanded-body p em	{
	font-style: italic;
	font-size: .85em;
	color: #333333;
}

h4.division-header	{
	color: red;
}


.expanded-body p	{
	padding-left: 0px;
}

.subText p	{
	padding-left: 30px;
}

.expanded-body ul	{
	margin-left: 40px;
}

.expanded-body ul li		{
	padding: 10px 0 10px 10px;
	text-align: left;
	font-size: 1.15em;
	line-height: 1.5em;
	list-style: square;
	color: #333333;
}

.expanded-body ul li strong	{
	font-weight: bold;
}

.expanded-body ul li	 em {
	font-style: italic;
	font-size: .85em;
}

.expanded-body ul li	 br
{   content: "A" !important;
    display: block !important;
    margin-bottom: .5em !important;
}	

/*  ------------------ end EXPANDED BODY STYLES (Entry Type)--  */
/*  ----------------------------------------------------------  */



/*  ----------------------------------------------------------  */
/*  -- STANDARD PAGE STYLES (Entry Type)----------------------  */

.standard-page h1	{
	padding-bottom: 20px;
}

.standard-page h2	{
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	padding: 20px 0 0px 0
}

.standard-page h3	{
	text-align: left;
}

.standard-page ul li	 br
{   content: "A" !important;
    display: block !important;
    margin-bottom: .5em !important;
}	

.text-block p	{
	text-align: left;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 10px;
}

	.standard-page h3	{
		color: #333333;
		font-size: 1.5em;
		padding-top: 40px;
		font-weight: bold;
	}


.standard-page strong	{
	font-weight: bold;
}

.standard-page ul	{
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

	.standard-page ul li	{
		list-style-type: square;
		text-align: left;
		line-height: 1.75em;
		font-size: 1.15em;
	}
	
	
.standard-page ol	{
	text-align: left;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 30px;
}

	.standard-page ol li	{
		text-align: left;
		font-size: 1.15em;
		color: #333333;
		line-height: 1.5em;
		list-style-type:  upper-alpha;
		padding: 5px 5px 20px 5px;
	}

		.standard-page ol li strong {
			font-weight: bold;
			color: #000000;
		}

/*  ------------------ end STANDARD PAGE STYLES (Entry Type)--  */
/*  ----------------------------------------------------------  */

.welcome-page-wrapper	{
	padding-bottom: 40px;
}

img.about-overview-image	{
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 30px;
}

.about-overview-image-caption	{
	text-align: center;
	padding-bottom: 20px;
	font-size: .85em;
	font-style: italic;
}

.overview-links	{
	text-align: right;
}

.overview-links h2	{
	text-align: right;
	padding: 10px 20px 10px 80px;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #f1f1f1;
	display: inline-block;
}
.overview-links ul	{
	text-align: right;
}

.overview-links ul li	{
	padding: 13px 10px;
}

.overview-links ul li a	{
	padding: 10px 10px 10px 40px;
	font-size: 1.05em;
}

.overview-links ul li a:hover	{
	padding: 10px 10px 10px 40px;
	background-color: #f1f1f1;
	color: #df9238;
	color: #000;
}

.meet-our-staff	{
	text-align: right;
	padding-top: 60px;
	padding-right: 20px;}

.meet-our-staff h2	{
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px 20px 10px 80px;
	margin-bottom: 15px;
	background-color: #f1f1f1;
	display: inline-block;
}

.meet-our-staff img	{
	width: 50%;
	min-width: 200px;
	height: auto;
	display: block;
	float: right;
}

.about-staff-info	{
	width: 50%;
	min-width: 200px;
	display: inline-block;
	text-align: center;
}

.about-staff-name	{
	font-size: 1em;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
}

.about-staff-title	{
	font-size: 1em;
	font-style: italic;
	text-align: center;
	padding: 0;
}

.about-staff-email	{
	font-size: 1em;
	text-align: center;
	padding: 5px 0;
	color: #fdaa4a;
}

.about-staff-email a	  {
	color: #eb850f;
}

.about-staff-button	{
	font-size: 1em;
	text-align: center;
	background-color: #333333;
	color: #ffffff;
	display: inline-block;
	margin-top: 15px;
	padding: 8px 20px;
	line-height: 1em;
}

.google-maps	{
	height: 600px;
}

.google-maps2 {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}

.google-maps2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 60% !important;
	min-height: 400px !important;
}

.youtube-wrapper	{
	padding-bottom: 40px;
}

.youtube-responsive-container	{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.youtube-main-video-title	{
	padding-top: 20px;
	font-size: 1.25em;
	font-weight: bold;
}

.youtube-main-video-author	{
	padding-top: 5px;
	font-size: 1em;
}

.youtube-main-video-author span	{
	font-weight: bold;
	font-size: .85em;
	padding-right: 10px;
}

.youtube-main-video-date	{
	padding-top: 10px;
	line-height: 1.5em;
	font-style: italic;
	font-size: .85em;
}

.youtube-full-description	{
	padding: 10px 0;
	font-size: 1em;
	color: #333333;
}

.youtube-full-description p	{
	font-size: .8em;
	padding-bottom: 10px;
	line-height: 1.5em;
}

.youtube-list-block	{
	margin-top: 0px;
	margin-bottom: 15px;
}

.youtube-list-block:hover	{
	background-color: #f1f1f1;
}

.youtube-thumb-video	{
	width: 30%;
	float: left;
	box-sizing: border-box;
}

.youtube-thumb-video img	{
	width: 100%;
	height: auto;
}

.youtube-thumb-content	{
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 7px;
	color: #333333;
}

.youtube-thumb-title	{
	font-size: 1em;
	font-weight: bold;
}

.youtube-thumb-author	{
	font-size: .85em;
	font-style: italic;
	padding-top: 5px;
}

.youtube-thumb-date	{
	font-size: .85em;
	padding-top: 5px;
}

.youtube-thumb-description	{
	font-size: .8em;
	padding-top: 5px;
	line-height: 1.25em;
}

.ministry-page-wrapper	{
	padding-bottom: 60px;
}

.about-page-wrapper	{
	padding-bottom: 60px;
}

.ministry-main-block		{
	padding-top: 0px;
}

.ministry-main-block h2	{
	font-size: 1.5em;
	padding-bottom: 10px;
}

.ministry-main-block h3	{
	font-weight: bold;
	font-size: 1.25em;
	padding-top: 20px;
}

.ministry-main-block p	{
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 20px;
}

.ministry-main-block ul	{
	margin-left: 20px;
}


.ministry-main-block ul li	{
	font-size: 1em;
	line-height: 1.75em;
	padding-top: 20px;
	list-style: disc;
}

.ministry-main-block ul li strong	{
	font-weight: bold;
}

.ministry-main-block ul li em	{
	font-style: italic;
}

.ministry-main-block ul li ul {
	padding-left: 20px;
}

.ministry-main-block ul li ul li {
	line-height: 1em;
}

.ministry-sidebar-block	{
	text-align: right;
}

.ministry-date-and-time	{
	padding-bottom: 40px;
}

.ministry-sidebar-block h2	{
	text-align: right;
	padding: 10px 20px 10px 80px;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #f1f1f1;
	display: inline-block;
}

.ministry-sidebar-date	{
	text-align: right;
	padding: 20px 10px 5px 10px;
	font-size: 1.05em;
}

.ministry-sidebar-date h3	{
	font-size: 1.15em;
	font-weight: bold;
	padding-bottom: 5px;
}

.ministry-sidebar-time	{
	text-align: right;
	padding: 5px 10px;
	font-size: 1.05em;
}

.ministry-sidebar-block ul	{
	text-align: right;
	padding-top: 10px;
}

.ministry-sidebar-block ul li	{
	padding: 10px 10px;
}

.ministry-sidebar-block ul li a	{
	padding: 10px 10px 10px 40px;
	font-size: 1.05em;
}

.ministry-sidebar-block ul li a:hover	{
	padding: 10px 10px 10px 40px;
	background-color: #f1f1f1;
	color: #df9238;
	color: #000;
}

.contact-page-wrapper	{
	padding-top: 40px;
	padding-bottom: 20px;
}

.staff-contact	{
}


.staff-contact-section	{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-right: 50px;
}

.staff-contact img	{
	width: 100%;
	max-width: 200px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.staff-contact h2	{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 30px;
}

.staff-contact-block		{
	width: 100%;
	max-width2: 300px;
	padding-top: 10px;
	padding-bottom: 60px;
	text-align: center;
}

.staff-contact-name	{
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	padding-bottom: 5px;
}

.staff-contact-title		{
	font-size: 1em;
	line-height: 1em;
	padding-bottom: 5px;
	font-style: italic;
}



.staff-contact-email-button	{
	text-align: center;
	background-color: #333333;
	display: inline-block;
	margin-top: 5px;
	padding: 8px 20px;
	line-height: 1em;
}

.staff-contact-email-button a	{
	font-size: .85em;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

.staff-contact-telephone		{
	font-size: .85em;
	line-height: 1em;
	padding-bottom: 10px;
	
}

.main-contact-block	{
	text-align: right;
}

.main-contact-block h2	{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 5px;
}

.main-contact-block p	{
	font-size: 1.15em;
	line-height: 1.35em;
}


.main-event-block	{
	
}

.main-event-image-block	{
}

.main-event-image	{
	width: 100%;
	height: auto;
}

.main-event-content-block	{
	padding-top: 0px;
}

.main-event-title	{
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom: 10px;
}

.main-event-date	{
	font-size: 1em;
	padding-bottom: 5px;
}

.main-event-time	{
	font-size: 1em;
}

.main-event-content	{
	padding-top: 20px;
}

.main-event-content p	{
	font-size: 1em;
	line-height: 1.35em;
}

.event-list-wrapper	{
	
}

.event-list-wrapper a	{
	color: #000000;
}

.event-list-block	{
	margin-left: 20px;
}

.event-list-block	{
	box-sizing: border-box;
	margin-bottom: 10px;
}

.event-list-block:hover	{
	background-color: #f1f1f1;
}

.event-thumb-date-block	{
	width: 20%;
	max-width: 75px;
	float: left;
	background-color: #1ca1fc;
	text-align: center;
	padding: 5px 5px;
	box-sizing: border-box;
}

.event-thumb-month	{
	color: #ffffff;
	font-size: .85em;
}

.event-thumb-day	{
	color: #ffffff;
	font-size: 1.5em;
}

.event-thumb-content	{
	width: 80%;
	float: left;
	box-sizing: border-box;
	padding: 5px 10px 5px 20px;
	color: #000000;
	font-size: 1.05em;
	font-weight: bold;
}

.event-thumb-time	{
	font-size: .85em;
	font-style: italic;
	padding-top: 3px;
	font-weight: normal;
}


.staff-page-wrapper	{
	padding-top: 20px;
	padding-bottom: 40px;
}

.staff-page-image-block	{
	width: 30%;
	max-width: 300px;
	height: auto;
	float: left;
}

.staff-page-image-block img	{
	width: 100%;
	height: auto;
}

.staff-page-content-block	{
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px 0 40px;
}

.staff-page-content-block h2		{
	font-size: 1.5em;
	font-weight: bold;
}

.staff-page-position	{
	font-size: 1.15em;
	font-style: italic;
	padding-bottom: 5px;
}

.staff-page-telephone	{
	font-size: 1em;
	padding-bottom: 10px;
}

.staff-page-bio	{
	font-size: 1.15em;
	line-height: 1.5em;
	padding-top: 20px;
}



.staff-page-line		{
	display: none;
}

.mobile-footer	{
	display: none;
}

.overview-wrapper	{
	padding-top: 40px;
	padding-bottom: 40px;
}

	.overview-wrapper h2	{
		text-align: center;
		font-size: 2em;
		font-weight: bold;
		padding: 20px 0 20px 0
	}
	
	.ministries-overview-block	{
		padding-bottom: 40px;
		text-align: center
	}
	
	.ministries-overview-block h3	{
		color: #000000;
		font-size: 2em;
		font-weight: bold;
		padding: 20px 0 15px 0px;
		text-align: center;
	}
	
	.ministries-overview-image	{
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}

	.ministries-overview-block p	{
		font-size: 1.15em;
		line-height: 1.5em;
		width: 80%;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	
	.overview-wrapper ul		{
		margin-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.overview-wrapper ul li	{
		list-style: disc;
		line-height: 1.5em;
	}

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

/*  ---------------------------------------------------------------------------------------  */
/*  -- INTRO SECTION ----------------------------------------------------------------------  */

		.slider-overlay	{
			top: 25%;
		}

			.overlay-header	{
				font-size: 2.15em;
			}
			
			.overlay-content		{
				font-size: 1.15em;
				line-height: 1.35em;
			}
			
.ministries-wrapper	{
	width: 90%;
	max-width: 835px;
	margin: 40px auto 0 auto;
}
	
/*  ------------------------------------------------------------------ end INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 20%;
		left: 18%;
	}

		.online-giving-header	{
			font-size: 2.35em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				font-size: 1.65em;
				color:  #000000;
				font-style: italic;
				text-align2: center;
				padding-top: 20px;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

}



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

/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */

		.main-logo-header	{
			font-family: 'Lato', sans-serif;
			font-size: 1.15em;
			font-weight: Bold 700;
			color: #000000;
			text-transform: uppercase;
			padding-bottom: 3px;
			padding-top: 3px;
		}
		
	.header-banner-right	{
		float: right;
		margin-right2: 3%;
		margin-top2: 15px;
		background-color2: #fdaa4a;
	}
	
		.header-banner-right header	{
			text-align: center;
			padding: 10px 20px;
			font-size: 1em;
			color: #ffffff;
			font-weight: bold;
		}
		
	ul.main-navigation li	{
		float: left;
		padding: 15px 20px 15px 20px;
		font-family: 'Fjalla One', sans-serif;
		font-size: 1.15em;
		color: #000000;
	}
	
	.main-logo-address	{
		font-size: .85em;
	}
		
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- INTRO SECTION ----------------------------------------------------------------------  */

		.slider-overlay	{
			top: 20%;
		}

			.overlay-header	{
				font-size: 2em;
			}
			
			.overlay-content		{
				font-size: 1em;
				line-height: 1.35em;
			}
	
/*  ------------------------------------------------------------------ end INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



.ministry-sidebar-block h2	{
	padding: 10px 20px 10px 80px;
	font-size: 1.25em;
}

.ministry-sidebar-block ul	{
	padding-top: 5px;
}

.ministry-sidebar-block ul li	{
	padding: 10px 10px;
}

.ministry-sidebar-block ul li a	{
	padding: 10px 10px 10px 40px;
	font-size: 1em;
}

}



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

.header-banner-left	{
	float: left;
	width: 40%;
	box-sizing: border-box;
}

img.main-logo	{
	float: left;
	padding: 5px 15px 10px 0px;
	width: 10.5%;
	height: auto;
	background-color: #ffffff;
}

.section-header h1	{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 10px;
}

.section-header p	{
	font-size: 1em;
	line-height: 1.5em;
	color: #878787;
}

.header-banner-right	{
	width: 55%;
	box-sizing: border-box;
}

.child-header-banner h1		{
	font-size: 2.25em;
}



/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 20%;
		left: 18%;
	}

		.online-giving-header	{
			font-size: 2.15em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				font-size: 1.5em;
				color:  #000000;
				font-style: italic;
				text-align2: center;
				padding-top: 20px;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */


/*  ---------------------------------------------------------------------------------------  */
/*  -- MISSION STATEMENT SECTION ----------------------------------------------------------  */



			.mission-statement-heading	{
				font-size: 1.65em;
			}

			.mission-statement-content	{
				font-size: 1em;
			}

/*  ------------------------------------------------------ end MISSION STATEMENT SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

.footer-center	{
	float: left;
	width: 60%;
	text-align: center;
	box-sizing: border-box;
	font-family: 'Great Vibes', cursive;
	font-size: 2.25em;
	font-style: italic;
	padding-top: 40px;
	color: #ffffff;
	display: none;
}

.footer-left		{
	width: 50%;
	padding-top: 20px;
}

.footer-left-content		{
	padding-top: 0px;
}

.footer-logo-left	{
	width: 80%;
	max-width: 60px;
	margin-top: -10px;
}

		.footer-address-title	{
			font-size: 1em;
			font-weight: bold;
			padding-bottom: 4px;
		}
		
		.footer-address-street	{
			font-size: .8em;
			padding-bottom: 2px;
		}
		
		.footer-address-city	{
			font-size: .8em;
			padding-bottom: 2px;
		}
		
		.footer-address-email	{
			font-size: .8em;
		}

		.social-media-block-footer	{
			margin-top: 10px;
			margin-right: -20px;
		}
		

.footer-right	{
	width: 50%;
	padding-bottom: 10px;
	padding-top: 20px;
}


.youtube-thumb-title	{
	font-size: .85em;
}

.youtube-thumb-author	{
	font-size: .75em;
}

.youtube-thumb-date	{
	font-size: .75em;
}

.youtube-thumb-description	{
	font-size: .75em;
	padding-top: 5px;
	line-height: 1.25em;
}


.staff-page-image-block	{
	width: 30%;
	max-width: 600px;
}

.staff-page-content-block h2		{
	font-size: 1.35em;
}

.staff-page-position	{
	font-size: 1em;
}

.staff-page-telephone	{
	font-size: 1em;
}

.staff-page-bio	{
	font-size: 1.15em;
}

}



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

/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */

	.header-banner-left	{
		float: left;
		width: 45%;
		box-sizing: border-box;
	}

		.main-logo-header	{
			font-family: 'Lato', sans-serif;
			font-size: 1.15em;
			font-weight: Bold 700;
			color: #ffffff;
			color: #000000;
			text-transform: uppercase;
			padding-bottom: 3px;
		}
		
		.main-logo-address	{
			font-size: .85em;
			color: #ffffff;
			color: #000000;
			text-transform: none;
			line-height: 1.25em;
		}
		
		.main-logo-phone	{
			font-size: .85em;
			color: #ffffff;
			color: #000000;
			text-transform: none;
			line-height: 1.25em;
		}
		

ul.main-navigation li	{
	float: left;
	padding: 15px 15px 15px 15px;
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.05em;
	color: #000000;
	background-color: #ffffff;
}
		
.ministries-wrapper	{
	width: 95%;
	max-width: 835px;
	margin: 40px auto 0 auto;
}
		
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */




/*  ---------------------------------------------------------------------------------------  */
/*  -- MINISTRIES SECTION -----------------------------------------------------------------  */

				.ministries-content h1	{
					padding: 0px 0 5px 0;
					font-size: 1.15em;
					font-weight: bold;
				}
				
				.ministries-sub	{
					padding-bottom: 15px;
					font-size: .85em;
					font-style: italic;
				}

				.ministries-content p	{
					font-size: .85em;
					line-height: 1.5em;
					color: #666666;
				}
					
				.ministries-button	{
					margin: 20px auto 20px auto;
					color: #ffffff;
					background-color: #333333;
					display: inline-block;
					padding: 7px 15px;
					font-size: 1em;
				}

/*  ------------------------------------------------------------- end MINISTRIES SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 13%;
		left: 15%;
	}

		.online-giving-header	{
			font-size: 2em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				font-size: 1.5em;
				color:  #000000;
				font-style: italic;
				padding-top: 10px;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */


/*  ---------------------------------------------------------------------------------------  */
/*  -- MISSION STATEMENT SECTION ----------------------------------------------------------  */

		.mission-statement-left	{
			width: 45%;
		}

			.mission-statement-heading	{
				font-size: 1.35em;
				line-height: 1.25em;
			}

		.mission-statement-right	{
			width: 55%;
		}

			.mission-statement-content	{
				font-size: .85em;
			}

			.mission-statement-passage	{
				font-size: 1em;
			}

/*  ------------------------------------------------------ end MISSION STATEMENT SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



.col-60-left-media	{
	width: 100%;
	float: left;
	padding: 40px 20px 0 0;
	font-size: 1.15em;
	box-sizing: border-box;
}

.col-60-left-media p	{
	padding: 0;
}

.col-40-right-media		{
	width: 100%;
	float: left;
	margin-top: 40px;
	padding: 25px 0 0 0px;
	box-sizing: border-box;
	border-top: 1px solid #aeaeae;
}
.youtube-list-block	{
	margin-top: 0;
	margin-bottom: 25px;
}

.youtube-list-block:hover	{
	background-color: #f1f1f1;
}

.youtube-thumb-video	{
	width: 40%;
	max-width: 200px;
	float: left;
	box-sizing: border-box;
}

.youtube-thumb-video img	{
	width: 100%;
	height: auto;
}

.youtube-thumb-content	{
	width: 60%;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 7px;
	color: #333333;
}

.youtube-thumb-title	{
	font-size: 1.15em;
	font-weight: bold;
}

.youtube-thumb-author	{
	font-size: .85em;
	font-style: italic;
	padding-top: 5px;
}

.youtube-thumb-date	{
	font-size: .85em;
	padding-top: 5px;
}

.youtube-thumb-description	{
	font-size: .85em;
	padding-top: 5px;
	line-height: 1.25em;
}



.main-event-image-block	{
	width: 100%;
	max-width: 600px;
}

.main-event-image	{
	width: 100%;
	height: auto;
}

}


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

ul.main-navigation li	{
	float: left;
	padding: 15px 15px 15px 15px;
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.05em;
	color: #000000;
	background-color: #ffffff;
}

.event-row	{
	font-size: .75em;
	box-sizing: border-box;
	border: 1px solid #dadada;
	margin-bottom: 5px;
}

.service-time-row	{
	padding: 10px 60px;
	font-size: 1em;
	text-align: center;
	background-color: #ececec;
	display: inline-block;
}

.white	{
	background-color: #ffffff;
}

.footer-center	{
	float: left;
	width: 60%;
	text-align: center;
	box-sizing: border-box;
	font-family: 'Great Vibes', cursive;
	font-size: 2em;
	font-style: italic;
	padding-top: 30px;
	color: #ffffff;
}

.footer-logo-left	{
	width: 80%;
	max-width: 60px;
}

		.footer-address-title	{
			font-size: .85em;
			font-weight: bold;
			padding-bottom: 4px;
		}
		
		.footer-address-street	{
			font-size: .8em;
			padding-bottom: 2px;
		}
		
		.footer-address-city	{
			font-size: .8em;
			padding-bottom: 2px;
		}
		
		.footer-address-email	{
			font-size: .8em;
		}

		.social-media-block-footer	{
			margin-top: 10px;
			margin-right: -20px;
			display2: none;
		}
		

.ministry-sidebar-block h2	{
	padding: 10px 20px 10px 40px;
	font-size: 1.25em;
}

.ministry-sidebar-block ul	{
	padding-top: 5px;
}

.ministry-sidebar-block ul li	{
	padding: 10px 10px;
}

.ministry-sidebar-block ul li a	{
	padding: 10px 10px 10px 40px;
	font-size: 1em;
}

.about-col-60-left		{
	width: 100%;
	float: left;
	padding: 20px 0px 0 0;
	font-size: 1.15em;
	box-sizing: border-box;
}

.page-header.about-page-header h1	{
	text-align: center;
}

.about-col-60-left .text-block p	{
	text-align: left;
	font-size: 1em;
}

.about-col-40-right		{
	width: 100%;
	float: left;
	padding: 60px 0px 0 0px;
	box-sizing: border-box;
}

img.about-overview-image	{
	width: 100%;
	max-width: 60%;
	min-width: 380px;
	margin: 0 auto;
	display: block;
	height: auto;
	padding-top: 10px;
	padding-bottom: 30px;
}

.about-overview-image-caption	{
	text-align: center;
	padding-bottom: 20px;
	font-size: .85em;
	font-style: italic;
}

.overview-links	{
	text-align: center;
}

.overview-links h2	{
	text-align: center;
	padding: 10px 20px 10px 20px;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #f1f1f1;
	display: block;
	width: 80%;
	max-width: 400px;
	min-width: 260px;
	margin: 0 auto;
}

.overview-links ul	{
	text-align: center;
	margin-left: 40px;
	margin-top: 10px;
}

.overview-links ul li	{
	padding: 13px 0px;
}

.overview-links ul li a	{
	padding: 10px 40px 10px 40px;
	font-size: 1.05em;
}

.overview-links ul li a:hover	{
	padding: 10px 40px 10px 40px;
	background-color: #f1f1f1;
	color: #df9238;
	color: #000;
}

.meet-our-staff	{
	text-align: center;
	padding-top: 60px;
	padding-right: 0px;
}

.meet-our-staff h2	{
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	margin-bottom: 15px;
	background-color: #f1f1f1;
	display: block;
	width: 80%;
	max-width: 400px;
	min-width: 260px;
	margin: 0 auto;
}

.meet-our-staff img	{
	width: 50%;
	max-width: 240px;
	height: auto;
	display: block;
	float: none;
	margin: 20px auto 0 auto;
}

.about-staff-info	{
	width: 50%;
	min-width: 200px;
	display: inline-block;
	text-align: center;
}

.about-staff-name	{
	font-size: 1em;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
}

.about-staff-title	{
	font-size: 1em;
	font-style: italic;
	text-align: center;
	padding: 0;
}

.about-staff-email	{
	font-size: 1em;
	text-align: center;
	padding: 5px 0;
	color: #fdaa4a;
}

.about-staff-email a	  {
	color: #eb850f;
}

.about-staff-button	{
	font-size: 1em;
	text-align: center;
	background-color: #333333;
	color: #ffffff;
	display: inline-block;
	margin-top: 15px;
	padding: 8px 20px;
	line-height: 1em;
	margin-bottom: 40px;
}

}


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

/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */

	.header-banner-left	{
		width: 40%;
	}

		.main-logo-header	{
			font-size: 1em;
		}
		
		.main-logo-address	{
			font-size: .75em;
		}
		
		.main-logo-phone	{
			font-size: .75em;
		}
			
		ul.main-navigation li	{
			float: left;
			padding: 15px 16px 15px 16px;
			font-size: .95em;
			color2: #000000;
			background-color2: #f1f1f1;
		}
		
.facebook	{
	margin-top: 4px;
	width: 35px;
	height: 30px;
	background-position: -4.5px 1.5px;
	margin-right: -20px;
}

.facebook:hover	{
	background-position: -45px 1.5px;
}

.twitter	{
	margin-top: 4px;
	width: 35px;
	height: 30px;
	background-position: -4.5px -31.5px;
	margin-right: -10px;
}

.twitter:hover	{
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -45px -31.5px;
}

.youtube	{
	margin-top: 4px;
	width: 35px;
	height: 30px;
	background-position: -4.5px -65px;
	margin-right: 0px;
}

.youtube:hover	{
	background-position: -45px -65px;
}
		
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- INTRO SECTION ----------------------------------------------------------------------  */

.slider-overlay	{
	position: absolute;
	background: url('/images/blackOpacity.png') repeat;
	padding: 20px 0px 40px 0px;
	top: 0%;
	left: 0%;
	max-width: 85%;
	width: 100%;
	height: 100%;
	max-width: 100%;
	text-align: center;
}

			.overlay-header	{
				font-size: 1.75em;
				padding-top: 60px;
			}
			
			.overlay-content		{
				font-size: 1em;
				line-height: 1.35em;
			}
	
/*  ------------------------------------------------------------------ end INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */




/*  ---------------------------------------------------------------------------------------  */
/*  -- MINISTRIES SECTION -----------------------------------------------------------------  */

.ministries-section	{
	padding-top: 40px;
}

	.ministries-icon	{
		width: 70px;
		margin: 0 auto;
		display: block;
	}
	
	.ministries-section h1	{
		text-align: center;
		padding-top: 10px;
		padding-bottom: 15px;
		font-size: 1.5em;
		font-weight: bold;
	}

	.emphasis-line	{
		width: 7%;
		margin: 0 auto;
	}

		.teal-line	{
			width: 50%;
			height: 4px;
			float: left;
			background-color: #1fc6e0;
		}
		
		.black-line	{
			width: 50%;
			height: 4px;
			float: left;
			background-color: #000000;
		}

	.ministries-wrapper	{
		width: 80%;
		max-width: 380px;
		margin: 40px auto 0 auto;
	}
		
		.ministries-block	{
			position: relative;
			width: 50%;
			float: left;
			padding: 0 10px;
			box-sizing: border-box;
		}

			.ministries-image	{
				width: 100%;
			}
			
			.ministries-content	{
				width: 85%;
				background-color: #ffffff;
				text-align: center;
				padding: 20px;
				box-sizing: border-box;
				position: relative;
				margin-top: -10%;
				margin-left: 7.5%;
			}

				.ministries-content h1	{
					padding: 0px 0 5px 0;
					font-size: 1.15em;
					font-weight: bold;
				}
				
				.ministries-sub	{
					padding-bottom: 15px;
					font-size: 1em;
					font-style: italic;
				}

				.ministries-content p	{
					font-size: 1em;
					line-height: 1.5em;
					color: #666666;
				}
					
				.ministries-button	{
					margin: 20px auto 20px auto;
					color: #ffffff;
					background-color: #333333;
					display: inline-block;
					padding: 7px 15px;
				}
					
				.ministries-button:hover	{
					background-color: #000000;
					color: #fffffff;
				}

/*  ------------------------------------------------------------- end MINISTRIES SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

}



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

.page-header.staff-page-header h1	{
	text-align: center;
}

.sermon-widget	{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.events-widget	{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 0px;
	float: left;
	box-sizing: border-box;
}

.event-row	{
	font-size: 1em;
	box-sizing: border-box;
	border: 1px solid #dadada;
	margin-bottom: 5px;
}


/*  ---------------------------------------------------------------------------------------  */
/*  -- MISSION STATEMENT SECTION ----------------------------------------------------------  */

.mission-statement-section	{
	background-color2: #1fc6e0;
	padding: 20px 0;
}

	.mission-statement-wrapper	{
		width: 80%;
		max-width: 1280px;
		margin: 0px auto 0px auto;
	}

		.mission-statement-left	{
			width: 100%;
			float: left;
			padding: 20px 0 0 0;
			text-align: center;
			box-sizing: border-box;
			color: #ffffff;
		}

			.mission-statement-heading	{
				font-size: 1.5em;
				line-height: 1.25em;
			}

		.mission-statement-right	{
			width: 100%;
			float: left;
			padding: 20px 0;
			box-sizing: border-box;
			color: #ffffff;
			border-left: none;
			text-align: center;
		}

			.mission-statement-content	{
				font-size: 1em;
				line-height: 1.25em;
			}

			.mission-statement-passage	{
				font-size: 1.15em;
				font-weight: bold;
				padding-top: 10px;
			}

/*  ------------------------------------------------------ end MISSION STATEMENT SECTION --  */
/*  ---------------------------------------------------------------------------------------  */


.staff-page-wrapper	{
	padding-top: 20px;
	padding-bottom: 80px;
	text-align: center;
}


.staff-page-image-block	{
	width: 50%;
	max-width: 400px;
	float: none;
	display: inline-block;
	padding-bottom: 20px;
}

.staff-page-image-block img	{
	width: 100%;
	height: auto;
}

.staff-page-content-block	{
	width: 100%;
	float: none;
	box-sizing: border-box;
	padding: 0 40px 0 40px;
}

.staff-page-content-block h2		{
	font-size: 1.5em;
	font-weight: bold;
}

.staff-page-position	{
	font-size: 1.15em;
	font-style: italic;
	padding-bottom: 5px;
}

.staff-page-telephone	{
	font-size: 1em;
	padding-bottom: 10px;
}

.staff-page-bio	{
	font-size: 1.15em;
	line-height: 1.5em;
	padding-top: 20px;
}

.staff-page-line		{
	width: 50%;
	max-width: 200px;
	margin-top: 40px;
	display: block;
}

}



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

.header-banner-left	{
	width: 90%;
}

img.main-logo	{
	padding: 8px 15px 10px 0px;
	width: 5.5%;
	width: 45px;
}

.header-banner-right	{
	display: none;
}

}


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





/*  ---------------------------------------------------------------------------------------  */
/*  -- INTRO SECTION ----------------------------------------------------------------------  */

		.slider-overlay	{
			position: absolute;
			background: url('/images/blackOpacity.png') repeat;
			padding: 20px 0px 40px 0px;
			top: 0%;
			left: 0%;
			max-width: 85%;
			width: 100%;
			height: 100%;
			max-width: 100%;
			text-align: center;
		}

			.overlay-header	{
				font-size: 1.75em;
				color: #ffffff;
				padding-top: 40px;
				padding-bottom: 10px;
			}
			
			.overlay-content		{
				font-size: 1em;
				color: #ffdfba;
				line-height: 1.35em;
			}
			
			.overlay-button	{
				margin: 30px auto 10px auto;
				color: #ffffff;
				background-color: #fdaa4a;
				display: inline-block;
				padding: 7px 15px;
			}
		
/*  ------------------------------------------------------------------ end INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

.ministry-main-block p	{
	font-size: .9em;
}

/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 13%;
		left: 15%;
	}

		.online-giving-header	{
			font-size: 1.75em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				font-size: 1.25em;
				color:  #000000;
				font-style: italic;
				padding-top: 10px;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */


	.footer-left		{
		float: left;
		width: 50%;
		padding-top: 20px;
	}
	
		.footer-logo-left	{
			width: 60%;
			max-width: 60px;
		}

	.footer-center	{
		float: left;
		width: 40%;
		text-align: center;
		box-sizing: border-box;
		font-family: 'Great Vibes', cursive;
		font-size: 1.75em;
		font-style: italic;
		padding-top: 30px;
		color: #ffffff;
	}
	
	.footer-right	{
		float: left;
		width: 50%;
		text-align: right;
		padding-top: 20px;
		padding-bottom: 10px;
		color: #000000;
	}
	
		.footer-address-title	{
			font-size: 1em;
			font-weight: bold;
			padding-bottom: 4px;
		}
		
		.footer-address-street	{
			font-size: .85em;
			padding-bottom: 2px;
		}
		
		.footer-address-city	{
			font-size: .85em;
			padding-bottom: 2px;
		}
		
		.footer-address-email	{
			font-size: .85em;
		}
		
		

		
		.staff-contact h2	{
			font-size: 1.5em;
			font-weight: bold;
			padding-bottom: 30px;
		}
		
		.staff-contact-block		{
			width: 100%;
			max-width: 350px;
			padding-top: 10px;
			padding-bottom: 60px;
			text-align: center;
		}

}




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

/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 13%;
		left: 15%;
	}

		.online-giving-header	{
			font-size: 1.5em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				font-size: 1.25em;
				color:  #000000;
				font-style: italic;
				padding-top: 10px;
			}
			
			.online-giving-button	{
				margin: 20px 0 0 0;
				color: #ffffff;
				background-color: #333333;
				display: inline-block;
				padding: 7px 15px;
				font-size: .85em;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */


.youtube-main-video-title	{
	padding-top: 20px;
	font-size: 1.15em;
	font-weight: bold;
}

.youtube-main-video-author	{
	padding-top: 5px;
	font-size: .9em;
}

.youtube-main-video-author span	{
	font-weight: bold;
	font-size: .85em;
	padding-right: 10px;
}

.youtube-main-video-date	{
	padding-top: 10px;
	line-height: 1.5em;
	font-style: italic;
	font-size: .85em;
}

.youtube-full-description	{
	padding: 10px 0;
	font-size: 1em;
	color: #333333;
}

.youtube-full-description p	{
	font-size: .8em;
	padding-bottom: 10px;
	line-height: 1.5em;
}

.ministry-sidebar-block	{
	text-align: left;
}


.ministry-page-wrapper .col-60-left	{
	width: 100%;
	float: none;
	padding: 20px 0px 0 0;
	font-size: 1.15em;
	box-sizing: border-box;
}

.ministry-page-wrapper .col-40-right	{
	width: 100%;
	float: none;
	padding: 60px 0px 0 0;
	font-size: 1.15em;
	box-sizing: border-box;
}

.ministry-sidebar-date	{
	text-align: left;
	padding: 20px 10px 5px 20px;
	font-size: .85em;
}


.ministry-sidebar-block h2	{
	padding: 10px 0px 10px 20px;
	font-size: 1.15em;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}

.ministry-sidebar-block ul	{
	padding-top: 5px;
	margin-left: 40px;
}

.ministry-sidebar-block ul li	{
	padding: 10px 10px;
	text-align: left;
	list-style: disc;
}

.ministry-sidebar-block ul li a	{
	padding: 10px 40px 10px 10px;
	font-size: .85em;
}

.ministry-main-block p	{
	font-size: 1em;
	text-align: center;
}

.child-header-banner h1		{
	font-size: 2em;
	padding-left: 20px;
	padding-right: 20px;
}

.standard-page h1	{
	font-size: 1.5em;
	padding-bottom: 20px;
}

.text-block p	{
	font-size: 1.1em;
}

.page-header h1	{
	font-size: 1.5em;
}

.ministry-main-block ul li	{
	font-size: .95em;
	line-height: 1.75em;
	padding-top: 20px;
	list-style: disc;
}

.page-header.ministry-page-header h1	{
	text-align: center;
}

.page-header h2	{
	font-size: 1.25em;
}

.standard-page h3	{
	font-size: 1.25em;
}

.standard-page ol li	{
	text-align: left;
	font-size: 1.05em;
	color: #333333;
	line-height: 1.5em;
	list-style-type:  upper-alpha;
}


.standard-page ul li	{
	list-style-type: square;
	text-align: left;
	line-height: 1.75em;
	font-size: 1.05em;
}

}


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

.footer-left		{
	padding-top: 20px;
}

	.footer-logo-left	{
		margin-top: -10px;
	}

.footer-left-content		{
	padding-top: 0px;
}

.footer-center	{
	float: left;
	width: 40%;
	text-align: center;
	box-sizing: border-box;
	font-family: 'Great Vibes', cursive;
	font-size: 1.5em;
	font-style: italic;
	padding-top: 20px;
	color: #ffffff;
}

.footer-right	{
	float: left;
	width: 50%;
	text-align: right;
	padding-top: 20px;
	color: #000000;
}

	.footer-address-title	{
		font-size: .85em;
		font-weight: bold;
		padding-bottom: 4px;
	}
	
	.footer-address-street	{
		font-size: .75em;
		padding-bottom: 2px;
	}
	
	.footer-address-city	{
		font-size: .75em;
		padding-bottom: 2px;
	}
	
	.footer-address-email	{
		font-size: .75em;
	}

}


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

.event-row	{
	font-size: .85em;
	box-sizing: border-box;
	border: 1px solid #dadada;
	margin-bottom: 5px;
}

.service-time-row	{
	padding: 10px 40px;
	font-size: .85em;
}

.white	{
	background-color: #ffffff;
}

}


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

/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */

.header-banner-right	{
	float: right;
	margin-right: 0%;
	margin-top: 20px;
	background-color2: #fdaa4a;
}

		ul.main-navigation li	{
			float: left;
			padding: 15px 15px 15px 15px;
			font-size: .85em;
			color: #000000;
			background-color: #f1f1f1;
		}
		
.social-media-block	{
	margin-right: 15px;
}

.facebook	{
	margin-top: 7px;
	width: 30px;
	height: 25px;
	background-position: -4.5px 1.5px;
	margin-right: -30px;
}

.facebook:hover	{
	background-position: -39.5px 1.5px;
}

.twitter	{
	margin-top: 7px;
	width: 30px;
	height: 25px;
	background-position: -4.5px -27px;
	margin-right: -15px;
}

.twitter:hover	{
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -39.5px -27px;
}

.youtube	{
	margin-top: 7px;
	width: 30px;
	height: 25px;
	background-position: -4.5px -55.5px;
	margin-right: 0px;
}

.youtube:hover	{
	background-position: -39.5px -55.5px;
}
		
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- INTRO SECTION ----------------------------------------------------------------------  */

		.slider-overlay	{
			position: absolute;
			background: url('/images/blackOpacity.png') repeat;
			padding: 20px 0px 40px 0px;
			top: 0%;
			left: 0%;
			max-width: 85%;
			width: 100%;
			height: 100%;
			max-width: 100%;
			text-align: center;
		}

			.overlay-header	{
				font-size: 1.5em;
				color: #ffffff;
				padding-top: 40px;
				padding-bottom: 10px;			}
			
			.overlay-content		{
				font-size: .85em;
				color: #ffdfba;
				line-height: 1.35em;
			}
			
			.overlay-button	{
				margin: 20px auto 10px auto;
				color: #ffffff;
				background-color: #fdaa4a;
				display: inline-block;
				padding: 7px 15px;
				font-size: .85em;
			}
			


.section-header h1	{
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom: 10px;
}

.section-header p	{
	font-size: 1em;
	line-height: 1.5em;
	color: #878787;
}
		
/*  ------------------------------------------------------------------ end INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 10%;
		left: 15%;
	}

		.online-giving-header	{
			font-size: 1.25em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				font-size: 1.15em;
				color:  #000000;
				font-style: italic;
				padding-top: 10px;
			}
			
			.online-giving-button	{
				margin: 15px 0 0 0;
				color: #ffffff;
				background-color: #333333;
				display: inline-block;
				padding: 7px 15px;
				font-size: .85em;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

}



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

/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */

	.header-banner-left	{
		width: 100%;
	}

		.header-banner-right	{
			display: none;
		}
		
		.social-media-block	{
			margin-right: 0px;
		}
		
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



.staff-page-bio	{
	font-size: 1.15em;
	line-height: 1.5em;
	padding-top: 20px;
}

}



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

/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */
			
		ul.main-navigation li	{
			display: none;
		}
		
.social-media-block	{
	margin-right: 0px;
	margin-bottom: 4px;
}

.social-media-block	{
	margin-right: 15px;
}

.facebook	{
	margin-top: 2px;
	margin-bottom: 3px;
	width: 30px;
	height: 25px;
	background-position: -4.5px 1.5px;
	margin-right: -30px;
}

.facebook:hover	{
	background-position: -39.5px 1.5px;
}

.twitter	{
	margin-top: 2px;
	margin-bottom: 3px;
	width: 30px;
	height: 25px;
	background-position: -4.5px -27px;
	margin-right: -15px;
}

.twitter:hover	{
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -39.5px -27px;
}

.youtube	{
	margin-top: 2px;
	margin-bottom: 3px;
	width: 30px;
	height: 25px;
	background-position: -4.5px -55.5px;
	margin-right: 0px;
}

.youtube:hover	{
	background-position: -39.5px -55.5px;
}
		
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- INTRO SECTION ----------------------------------------------------------------------  */

		.slider-overlay	{
			position: absolute;
			background: url('/images/blackOpacity.png') repeat;
			padding: 20px 0px 40px 0px;
			top: 0%;
			left: 0%;
			max-width: 85%;
			width: 100%;
			height: 100%;
			max-width: 100%;
			text-align: center;
			
		}

			.overlay-header	{
				font-size: 1.25em;
				color: #ffffff;
				padding-top: 20px;
				padding-bottom: 10px;			}
			
			.overlay-content		{
				font-size: .75em;
				color: #ffdfba;
				line-height: 1.35em;
			}
			
			.overlay-button	{
				margin: 10px auto 0px auto;
				color: #ffffff;
				background-color: #fdaa4a;
				display: inline-block;
				padding: 7px 15px;
				font-size: .75em;
			}
		
/*  ------------------------------------------------------------------ end INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 10%;
		left: 12%;
	}

		.online-giving-header	{
			font-size: 1.15em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				font-size: 1em;
				color:  #000000;
				font-style: italic;
				padding-top: 10px;
			}
			
			.online-giving-button	{
				margin: 10px 0 0 0;
				color: #ffffff;
				background-color: #333333;
				display: inline-block;
				padding: 7px 15px;
				font-size: .75em;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

.footer-center	{
	display: none;
}

.footer-right	{
	float: left;
	width: 50%;
	text-align: right;
	padding-top: 20px;
	color: #000000;
}

.footer-left		{
	float: left;
	width: 50%;
	padding-top: 20px;
}

	.footer-logo-left	{
		width: 50%;
		max-width: 60px;
	}

}



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

.event-row	{
	font-size: .75em;
	box-sizing: border-box;
	border: 1px solid #dadada;
	margin-bottom: 5px;
}

.child-header-banner h1		{
	font-size: 1.75em;
}

.non-mobile-footer	{
	display: none;
}

.mobile-footer	{
	display: block;
}

.mobile-footer	{
	text-align: center;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 10px;
}

.mobile-footer-title		{
	font-size: 1em;
	padding-bottom: 5px;
}

.mobile-footer-address	{
	font-size: .85em;
	font-style: italic;
	padding-bottom: 3px;
}

.mobile-footer-city	{
	font-size: .85em;
	font-style: italic;
}

.social-media-block-mobile-footer	{
	width: 160px;
	margin: 10px auto 0 auto;
}

.youtube-mobile-footer, .twitter-mobile-footer, .facebook-mobile-footer	{
	float: right;
	margin: 0;
	text-align: center;
}

.facebook-mobile-footer	{
	padding: 3px 0;
	margin-top: 3px;
	width: 40px;
	height: 33px;
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -4.5px 2px;
	margin-right: 20px;
}

.facebook-mobile-footer:hover	{
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -51px 2px;
}

.twitter-mobile-footer	{
	padding: 3px 0;
	margin-top: 3px;
	width: 40px;
	height: 33px;
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -4.5px -37px;
	margin-right: 20px;
}

.twitter-mobile-footer:hover	{
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -51px -37px;
}

.youtube-mobile-footer	{
	padding: 3px 0;
	margin-top: 3px;
	width: 40px;
	height: 33px;
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -4.5px -75px;
	margin-right: 0px;
}

.youtube-mobile-footer:hover	{
	background: url('/images/socialMediaSprite.png') no-repeat;
	background-size: 250%;
	background-position: -51px -75px;
}

}



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

/*  ---------------------------------------------------------------------------------------  */
/*  -- INTRO SECTION ----------------------------------------------------------------------  */

		.slider-overlay	{
			position: absolute;
			background: url('/images/blackOpacity.png') repeat;
			padding: 20px 0px 40px 0px;
			top: 0%;
			left: 0%;
			max-width: 85%;
			width: 100%;
			height: 100%;
			max-width: 100%;
			text-align: center;
		}

			.overlay-header	{
				font-size: 1.25em;
				color: #ffffff;
				padding-top: 0;
				padding-bottom: 10px;			}
			
			.overlay-content		{
				font-size: .75em;
				color: #ffdfba;
				line-height: 1.35em;
			}
			
			.overlay-button	{
				margin: 10px auto 0px auto;
				color: #ffffff;
				background-color: #fdaa4a;
				display: inline-block;
				padding: 7px 15px;
				font-size: .75em;
			}
		
/*  ------------------------------------------------------------------ end INTRO SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 10%;
		left: 10%;
	}

		.online-giving-header	{
			font-size: 1.2em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				display: none;
			}
			
			.online-giving-button	{
				margin: 15px 0 0 0;
				color: #ffffff;
				background-color: #333333;
				display: inline-block;
				padding: 7px 15px;
				font-size: .75em;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

.service-time-row	{
	padding: 10px 20px;
	font-size: .75em;
}

.white	{
	background-color: #ffffff;
}


.staff-contact-section	{
	width: 100%;
	float: none;
	box-sizing: border-box;
	padding-right: 0px;
}

.staff-contact h2	{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 30px;
	text-align: center;
}

.staff-contact-block		{
	width: 100%;
	max-width: 400px;
	padding-top: 10px;
	padding-bottom: 60px;
	text-align: center;
	display: block;
	margin: 0 auto;
}

}



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

/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */

	.header-banner-left	{
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}
	
	.main-logo-text	{
		float: left;
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}
	
	img.main-logo	{
		display: none;
	}
		
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

.event-row	{
	font-size: .65em;
	box-sizing: border-box;
	border: 1px solid #dadada;
	margin-bottom: 5px;
}

.youtube-list-block	{
	margin-top: 0;
	margin-bottom: 25px;
}

.youtube-list-block:hover	{
	background-color: #f1f1f1;
}

.youtube-thumb-video	{
	width: 40%;
	max-width: 120px;
	float: left;
	box-sizing: border-box;
}

.youtube-thumb-video img	{
	width: 100%;
	height: auto;
}

.youtube-thumb-content	{
	width: 60%;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 7px;
	padding-right: 7px;
	color: #333333;
}

.youtube-thumb-title	{
	font-size: 1em;
	font-weight: bold;
}

.youtube-thumb-author	{
	font-size: .75em;
	font-style: italic;
	padding-top: 5px;
}

.youtube-thumb-date	{
	font-size: .75em;
	padding-top: 5px;
}

.youtube-thumb-description	{
	font-size: .75em;
	padding-top: 5px;
	line-height: 1.25em;
	display: none;
}

}



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

/*  ---------------------------------------------------------------------------------------  */
/*  -- HEADER BANNER SECTION --------------------------------------------------------------  */

	.header-banner-left	{
		width: 100%;
	}
	
		img.main-logo	{
			padding: 8px 15px 10px 0px;
			width: 5.5%;
			width: 35px;
		}

		.main-logo-header	{
			font-size: 1em;
		}
		
		.main-logo-address	{
			font-size: .75em;
		}
		
		.main-logo-phone	{
			font-size: .75em;
		}
		
/*  -------------------------------------------------------------- HEADER BANNER SECTION --  */
/*  ---------------------------------------------------------------------------------------  */



/*  ---------------------------------------------------------------------------------------  */
/*  -- ONLINE GIVING SECTION --------------------------------------------------------------  */

	.online-giving-content	{
		position: absolute;
		top: 10%;
		left: 7%;
	}

		.online-giving-header	{
			font-size: 1.15em;
			color:  #ffffff;
			line-height: 1.25em;
		}

			.online-giving-header span	{
				padding-left: 20px;
			}

		.online-giving-button-wrapper	{
			text-align: center;
		}

			.online-giving-emphasis	{
				display: none;
			}
			
			.online-giving-button	{
				margin: 15px 0 0 0;
				color: #ffffff;
				background-color: #333333;
				display: inline-block;
				padding: 7px 15px;
				font-size: .75em;
			}

/*  ---------------------------------------------------------- end ONLINE GIVING SECTION --  */
/*  ---------------------------------------------------------------------------------------  */

.white	{
	background-color: #ffffff;
}

}


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

.main-logo-header	{
	font-size: .85em;
}

.main-logo-address	{
	font-size: .70em;
}

.main-logo-phone	{
	font-size: .70em;
}

}